:root{--bg: #1f2933;--bg-elev: #2a3340;--bg-card: #323d4d;--fg: #e5e9ee;--fg-dim: #9aa5b5;--accent: #d18b53;--accent-2: #6b9bd2;--danger: #d96b6b;--ok: #6bbe88;--line: #3a4555;--radius: 6px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg)}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--accent);color:#1a1a1a;border:none;padding:8px 14px;border-radius:var(--radius);font-weight:600;cursor:pointer;font-size:14px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}input,select,textarea{background:var(--bg-elev);color:var(--fg);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;font-size:14px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.label{display:block;font-size:12px;color:var(--fg-dim);margin-bottom:4px}.error{color:var(--danger);font-size:13px;margin-top:8px}.muted{color:var(--fg-dim);font-size:13px}.card{background:var(--bg-card);border-radius:var(--radius);padding:24px}.app-shell{display:grid;grid-template-rows:48px 1fr;height:100%}.topbar{background:var(--bg-elev);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:16px}.topbar .brand{font-weight:700;letter-spacing:.5px;color:var(--accent)}.topbar .spacer{flex:1}.topbar .role-chip{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;background:var(--bg-card);color:var(--fg-dim)}.login-page{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#1a232e,#2a3340)}.login-card{width:360px}.login-card h1{margin:0 0 4px;font-size:24px;letter-spacing:.5px}.login-card .subtitle{color:var(--fg-dim);margin-bottom:24px;font-size:13px}.login-card .row{margin-bottom:14px}.login-card button{width:100%}.scene-container{width:100%;height:100%;background:#0b1219}.projects-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;cursor:pointer;transition:transform .15s ease,border-color .15s ease;border:1px solid var(--line)}.project-card:hover{transform:translateY(-2px);border-color:var(--accent)}.project-card h3{margin:0 0 6px;font-size:16px}.project-card .status{text-transform:uppercase;font-size:11px;letter-spacing:.5px;color:var(--fg-dim)}.empty-state{display:grid;place-items:center;height:100%;color:var(--fg-dim);font-size:14px;padding:40px;text-align:center}