:root { --bg:#07111f; --surface:rgba(14,31,53,.76); --text:#edf6ff; --muted:#a8bacd; --primary:#54e0bc; --border:rgba(197,226,255,.16); --danger:#ff7187; color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; } body { margin:0; min-width:320px; background:radial-gradient(circle at 18% 12%,#163a5e 0,transparent 32rem),var(--bg); color:var(--text); } .shell { position:relative; isolation:isolate; overflow:hidden; min-height:100vh; max-width:1240px; margin:auto; padding:clamp(2rem,7vw,7rem) clamp(1.25rem,5vw,4rem); } .hero { max-width:760px; padding:clamp(2rem,4vw,4rem) 0; } .eyebrow { color:var(--primary); font-weight:750; letter-spacing:.16em; font-size:.72rem; } h1 { max-width:14ch; margin:.4rem 0 1rem; font-size:clamp(2.5rem,7vw,5.8rem); letter-spacing:-.065em; line-height:.98; } h2 { margin:.55rem 0; } .lead { max-width:63ch; color:var(--muted); font-size:1.1rem; line-height:1.65; } .actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; } .button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.75rem 1rem; border-radius:.8rem; font-weight:700; text-decoration:none; border:0; cursor:pointer; font:inherit; } .primary { background:var(--primary); color:#04251e; box-shadow:0 0 30px rgba(84,224,188,.22); } .secondary { border:1px solid var(--border); color:var(--text); background:rgba(255,255,255,.04); } .feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:clamp(2rem,8vw,8rem); } .feature-grid article,.panel { border:1px solid var(--border); border-radius:1rem; background:var(--surface); backdrop-filter:blur(12px); padding:1.4rem; } .feature-grid span { color:var(--primary); font-variant-numeric:tabular-nums; } .feature-grid p,.muted { color:var(--muted); line-height:1.55; } .panel { max-width:700px; } .requirements { padding:0; list-style:none; } .requirements li { display:flex; gap:.75rem; padding:.8rem 0; border-bottom:1px solid var(--border); } .status { width:.75rem; height:.75rem; margin-top:.35rem; border-radius:50%; } .status.ok { background:var(--primary); box-shadow:0 0 12px var(--primary); } .status.bad { background:var(--danger); } .notice { padding:1rem; border-radius:.75rem; } .warning { background:rgba(255,178,71,.12); color:#ffd48d; } .orb { position:absolute; z-index:-1; width:22rem; height:22rem; border-radius:50%; filter:blur(60px); opacity:.24; } .orb-a { top:-8rem; right:-8rem; background:#4a7dff; } .orb-b { bottom:-12rem; left:28%; background:#4be5bd; } .install-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:2rem 0; } .install-form h2,.install-form button { grid-column:1/-1; } .install-form label { display:grid; gap:.45rem; color:var(--muted); font-size:.9rem; } .install-form input { width:100%; min-height:44px; border:1px solid var(--border); border-radius:.65rem; padding:.7rem .8rem; background:#091a2c; color:var(--text); font:inherit; } .install-form input:focus { outline:2px solid var(--primary); outline-offset:2px; } @media (max-width:700px) { .feature-grid,.install-form { grid-template-columns:1fr; margin-top:3rem; } h1 { font-size:clamp(2.7rem,15vw,4.6rem); } } @media (prefers-reduced-motion:no-preference) { .orb-a { animation:float 9s ease-in-out infinite alternate; } @keyframes float { to { transform:translate(-1.5rem,2rem) scale(1.08); } } }
 .admin-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:2rem; } .metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin:2rem 0; } .metric-grid article { border:1px solid var(--border); border-radius:1rem; padding:1.3rem; background:var(--surface); } .metric-grid span { color:var(--muted); font-size:.72rem; font-weight:700; letter-spacing:.1em; } .metric-grid strong { display:block; font-size:clamp(2.5rem,6vw,4rem); margin-top:.4rem; color:var(--primary); } .metric-grid p { color:var(--muted); margin:.4rem 0 0; } .panel.wide { max-width:none; margin-top:1.25rem; } .question-card { margin:1rem 0; padding:1.25rem; border:1px solid var(--border); border-radius:1rem; background:rgba(5,18,32,.48); } .question-card h2 { font-size:1.1rem; line-height:1.45; } .question-card p { color:var(--muted); } .install-form select,.install-form textarea { width:100%; min-height:44px; border:1px solid var(--border); border-radius:.65rem; padding:.7rem .8rem; background:#091a2c; color:var(--text); font:inherit; } .install-form input[type=checkbox] { width:auto; min-height:auto; } .install-form textarea { min-height:7rem; resize:vertical; } .install-form input:focus,.install-form select:focus,.install-form textarea:focus { outline:2px solid var(--primary); outline-offset:2px; } code { overflow-wrap:anywhere; color:var(--primary); } @media (max-width:800px) { .metric-grid { grid-template-columns:repeat(2,1fr); } } @media (max-width:500px) { .metric-grid { grid-template-columns:1fr; } .admin-header { flex-direction:column; } }
.dashboard-shell{max-width:1440px}.command-header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding:2rem;border:1px solid var(--border);border-radius:1.4rem;background:linear-gradient(135deg,rgba(84,224,188,.1),rgba(74,125,255,.08)),var(--surface);box-shadow:0 30px 80px rgba(0,0,0,.2)}.command-header h1{font-size:clamp(2.6rem,6vw,5rem)}.command-actions{display:flex;gap:.75rem;align-items:center}.license-pill{padding:.55rem .8rem;border:1px solid var(--border);border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.12em}.license-pill.perpetual,.license-pill.active{color:var(--primary);box-shadow:0 0 22px rgba(84,224,188,.18)}.control-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin:1rem 0 2rem}.control-nav a{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.035);text-decoration:none;color:var(--text);transition:transform .2s,border-color .2s,background .2s}.control-nav a:hover{transform:translateY(-3px);border-color:var(--primary);background:rgba(84,224,188,.08)}.control-nav span,.activity-list small,.brand-preview span{color:var(--muted);font-size:.78rem}.metric-alert strong{color:var(--danger)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.action-panel{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.activity-list{display:grid}.activity-list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}.activity-list span:nth-child(2){display:grid;gap:.25rem}.risk-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--muted)}.risk-dot.low{background:var(--primary)}.risk-dot.moderate{background:#f7c85c}.risk-dot.high,.risk-dot.critical{background:var(--danger);box-shadow:0 0 14px rgba(255,113,135,.45)}.empty-state{text-align:center;padding:3rem 1rem}.brand-preview{display:flex;align-items:center;gap:1rem;padding:1rem;margin:1.5rem 0;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.03)}.brand-preview img{width:72px;height:72px;object-fit:contain;border-radius:1rem}.brand-preview div{display:grid;gap:.3rem}@media(max-width:1050px){.control-nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.command-header,.dashboard-grid{display:flex;flex-direction:column}.control-nav{grid-template-columns:repeat(2,1fr)}.command-actions{width:100%;justify-content:space-between}}@media(max-width:480px){.control-nav{grid-template-columns:1fr}}