:root{color-scheme:dark;--bg:#050a12;--panel:rgba(12,23,38,.82);--line:rgba(130,190,255,.16);--text:#edf6ff;--muted:#91a6bc;--accent:#64d7ff;--accent2:#8d7cff;--danger:#ff8f9b;--ok:#62e6a3}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(68,119,255,.18),transparent 38%),linear-gradient(180deg,#07111f 0%,#04080e 100%);color:var(--text)}body{min-height:100vh;overflow-x:hidden}.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(100,215,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(100,215,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.shell{position:relative;max-width:1180px;margin:auto;padding:48px 28px 30px}.compact-shell{max-width:1280px}.hero{padding:18px 0 34px;border-bottom:1px solid var(--line);margin-bottom:32px}.topline,.mini-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand,.brand-link{display:flex;gap:18px;align-items:center}.brand-link{color:inherit;text-decoration:none}.mark{width:58px;height:58px;border:1px solid rgba(100,215,255,.55);border-radius:16px;display:grid;place-items:center;font-size:26px;font-weight:800;background:linear-gradient(145deg,rgba(100,215,255,.18),rgba(141,124,255,.12));box-shadow:0 0 34px rgba(100,215,255,.12)}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:700}h1{font-size:clamp(32px,5vw,58px);margin:5px 0 0;letter-spacing:-.04em}h2{margin-top:34px}h3{margin:0 0 8px}.hero>p{font-size:18px;color:var(--muted);margin:18px 0 12px}.meta{display:flex;align-items:center;gap:9px;color:#a7b8ca;font-size:13px}.pulse{width:8px;height:8px;border-radius:50%;background:#55e39b;box-shadow:0 0 14px #55e39b}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{min-height:260px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel);backdrop-filter:blur(14px);box-shadow:0 16px 50px rgba(0,0,0,.18);transition:.2s ease}.card:hover{transform:translateY(-3px);border-color:rgba(100,215,255,.36)}.card.locked{opacity:.72}.card-top{display:flex;align-items:center;justify-content:space-between}.project-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(100,215,255,.20),rgba(141,124,255,.15));border:1px solid rgba(100,215,255,.28);font-weight:800}.status{font-size:12px;padding:7px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.12);color:#c7d7e8}.status.testing{color:#7ee8ff}.status.dev{color:#c1b6ff}.status.backend{color:#ffd78a}.status.prep{color:#aab8c8}.card h2{font-size:24px;margin:24px 0 10px}.card p{color:var(--muted);line-height:1.55;margin:0 0 24px;min-height:70px}.open,button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:white;text-decoration:none;font:inherit;font-weight:700;padding:10px 14px;border-radius:12px;border:1px solid rgba(100,215,255,.28);background:rgba(100,215,255,.08);cursor:pointer}.open:hover,button:hover{background:rgba(100,215,255,.16)}.open.disabled{opacity:.42;pointer-events:none}.primary{background:#75dbff;color:#06101c}.need{display:block;color:#6f879d;margin-top:12px}footer{display:flex;justify-content:space-between;gap:20px;color:#60758a;font-size:12px;padding:38px 2px 10px}.error,.alert,.success{padding:14px 16px;border-radius:12px;margin:16px 0}.error,.alert{border:1px solid rgba(255,120,130,.35);background:rgba(255,80,100,.08);color:#ffc0c7}.success{border:1px solid rgba(98,230,163,.35);background:rgba(98,230,163,.08);color:#a9ffd1}.meta-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.meta-wrap>div:first-child{display:flex;align-items:center;gap:9px}.open-mode{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-btn{font-size:12px;color:#a7b8ca;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);padding:7px 10px;border-radius:10px}.mode-btn.active{color:#07111f;background:#7ee8ff;border-color:#7ee8ff;font-weight:700}
.account{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.user-chip{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.user-chip small{color:var(--accent)}.account-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-links a{color:#cfe8ff;text-decoration:none;font-size:13px}.account-links form{margin:0}.account-links button{font-size:12px;padding:7px 9px}.mini-header{padding:8px 0 26px;border-bottom:1px solid var(--line);margin-bottom:28px}.panel,.auth-card{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:28px}.auth-card{max-width:560px;margin:8vh auto}.auth-card h1,.panel h1{font-size:clamp(30px,4vw,46px)}.muted{color:var(--muted)}.subtle{margin-top:18px}.form-grid{display:grid;gap:14px;margin:20px 0}.form-grid.narrow{max-width:620px}.form-grid label{display:grid;gap:7px;color:#c9d8e7}.form-grid input,.form-grid select,select{width:100%;background:#07111f;color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 11px;font:inherit}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-inner{border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(255,255,255,.025)}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.admin-tabs a{color:#dff4ff;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top}th{position:sticky;top:0;background:#0b1625;color:#9fc3dd;font-size:12px}td small{display:block;color:var(--muted);margin-top:4px}.inline-form,.toggle-form{display:flex;gap:6px;align-items:center;margin:0}.inline-form select{min-width:150px}.inline-form button,.toggle-form button,.override-row button{padding:7px 9px;font-size:12px}.perm{width:38px}.perm.on{background:rgba(98,230,163,.15);color:#9dffd0}.perm.off{background:rgba(255,255,255,.03);color:#6f8397}.perm:disabled{opacity:.7;cursor:not-allowed}.overrides{display:grid;gap:6px;padding-top:10px;min-width:520px}.override-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 44px;gap:6px;align-items:center}.override-row span small{display:block;color:var(--muted)}details summary{cursor:pointer;color:#bdeaff}code{color:#9fe7ff}.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}
@media(max-width:760px){.shell{padding:28px 16px}.cards,.two-col{grid-template-columns:1fr}.card{min-height:0}footer,.topline,.mini-header{flex-direction:column;align-items:flex-start}.account{justify-content:flex-start}.overrides{min-width:420px}}

.project-cover{width:100%;height:180px;object-fit:contain;border-radius:12px;background:#102034;margin-bottom:16px}.form-grid textarea{width:100%;box-sizing:border-box;background:#07111f;color:#edf7ff;border:1px solid #26364d;border-radius:10px;padding:12px;font:inherit}.form-grid label{display:grid;gap:8px}

.form-grid input[type=checkbox]{width:auto}.form-grid input{box-sizing:border-box}
