:root{color-scheme:dark;--bg:#050b09;--surface:#0a1412;--surface-2:#0e1d19;--line:#1c3a31;--text:#edf8f4;--muted:#91aaa1;--accent:#26e6a2;--accent-2:#72efd0;--danger:#ff657d;--warning:#ffcc66;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% 12%,rgba(38,230,162,.09),transparent 34%),var(--bg);color:var(--text)}a{color:var(--accent-2);text-decoration:none}button,input,select{font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px}.auth-card{width:min(100%,470px);border:1px solid var(--line);background:rgba(8,18,15,.96);padding:30px;border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.32)}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.auth-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-weight:900}.auth-brand strong{display:block;font-size:18px}.auth-brand small,.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em}.auth-card h1{font-size:30px;line-height:1.12;margin:4px 0 10px}.auth-card>p,.muted{color:var(--muted);line-height:1.55}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label{display:grid;gap:7px;font-size:14px;font-weight:750}.auth-form input,.auth-form select{width:100%;border:1px solid #294b40;background:#07110e;color:var(--text);padding:12px 13px;border-radius:6px;outline:none}.auth-form input:focus,.auth-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(38,230,162,.12)}.auth-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.button{border:1px solid var(--line);border-radius:6px;background:#10211c;color:var(--text);padding:11px 15px;font-weight:800;cursor:pointer}.button.primary{border-color:var(--accent);background:var(--accent);color:#04110d}.button.danger{border-color:#7e2c3c;color:#ff9aaa;background:#281017}.button:disabled{cursor:not-allowed;opacity:.48}.form-message{min-height:22px;margin:0;color:var(--muted);font-size:14px}.form-message.error{color:#ff9aaa}.form-message.success{color:var(--accent-2)}.form-message.warning{color:var(--warning)}.auth-footer{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;font-size:14px}.hidden{display:none!important}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:26px 0 48px}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.app-nav{display:flex;gap:8px;flex-wrap:wrap}.app-hero{padding:34px 0 24px}.app-hero h1{font-size:clamp(30px,5vw,48px);margin:4px 0 10px}.app-hero p{color:var(--muted);max-width:760px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kv{display:grid;gap:0}.kv div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.kv span{color:var(--muted)}.member-list,.invitation-list{display:grid;gap:12px}.member-card{border:1px solid var(--line);background:var(--surface-2);border-radius:7px;padding:16px}.member-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.badge.admin{border-color:var(--accent);color:var(--accent)}.badge.expired{border-color:var(--danger);color:var(--danger)}.member-fields{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;gap:10px}.member-fields label{display:grid;gap:6px;color:var(--muted);font-size:12px}.member-fields input{border:1px solid var(--line);background:#07110e;color:var(--text);padding:10px;border-radius:5px}.member-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.invite-result{word-break:break-all;border:1px dashed var(--accent);padding:14px;border-radius:6px;color:var(--accent-2)}@media(max-width:760px){.auth-card{padding:22px}.grid{grid-template-columns:1fr}.member-fields{grid-template-columns:1fr}.app-topbar{align-items:flex-start;flex-direction:column}.kv div{flex-direction:column;gap:5px}}
/* Vetor de Mercado - identidade visual 2026-09-18 */
:root{color-scheme:dark;--bg:#080b0b;--surface:#0e1110;--surface-2:#151918;--line:#303633;--text:#f7f6f2;--muted:#9aa09d;--accent:#a4ff02;--accent-2:#c9ff69;--danger:#ff657d;--warning:#ffcc66}
body{background-color:var(--bg);background-image:linear-gradient(rgba(247,246,242,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(247,246,242,.026) 1px,transparent 1px),repeating-linear-gradient(135deg,transparent 0 78px,rgba(164,255,2,.018) 78px 80px,transparent 80px 158px);background-size:34px 34px,34px 34px,240px 240px}
.auth-card,.panel,.member-card{border-color:var(--line);background:linear-gradient(145deg,#0e1110,#090b0b);box-shadow:0 22px 64px rgba(0,0,0,.36)}
.auth-card{position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent);box-shadow:0 0 20px rgba(164,255,2,.24)}
.auth-brand{gap:14px}.auth-mark{display:block;width:50px;height:50px;overflow:hidden;border:0;border-radius:8px;background:#080b0b;box-shadow:0 0 22px rgba(164,255,2,.09)}.auth-mark img{display:block;width:100%;height:100%;object-fit:contain}.auth-brand strong{font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.auth-brand small,.eyebrow{color:var(--accent);letter-spacing:.12em}
.auth-card h1,.app-hero h1,.panel h2{font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;letter-spacing:.02em}
.auth-form input,.auth-form select,.member-fields input{border-color:var(--line);background:#080b0b}.auth-form input:focus,.auth-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(164,255,2,.09)}
.button{border-radius:6px;background:#151918}.button.primary{border-color:var(--accent);background:var(--accent);color:#080b0b}.button.primary:hover{background:#b5ff30;box-shadow:0 0 18px rgba(164,255,2,.14)}.button:not(.primary):hover{border-color:var(--accent)}
.app-topbar{border-bottom-color:rgba(164,255,2,.24)}.badge.admin{border-color:var(--accent);color:var(--accent)}.invite-result{border-color:var(--accent);color:var(--accent-2)}

/* Vetor de Mercado - conforto visual 2026-09-18 */
:root{--brand-green:#a4ff02;--accent:#a4ff02;--accent-2:#c9ff69;--danger:#ff657d}
.auth-card:before{background:var(--accent);box-shadow:0 0 20px rgba(164,255,2,.24)}
.auth-mark{box-shadow:0 0 22px rgba(164,255,2,.09)}
.auth-brand small,.eyebrow{color:var(--accent)}
.auth-form input:focus,.auth-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(164,255,2,.09)}
.button.primary{border-color:var(--accent);color:#080b0b;background:var(--accent);box-shadow:none}
.button.primary:hover{border-color:#b5ff30;background:#b5ff30;box-shadow:0 0 18px rgba(164,255,2,.14)}
.button:not(.primary):hover{border-color:var(--accent)}
.app-topbar{border-bottom-color:rgba(164,255,2,.24)}
.app-nav .button{text-transform:uppercase;letter-spacing:.055em}