:root{color-scheme:dark;--bg:#020617;--bg-soft:#020818;--card:#050816;--border-subtle:rgba(148,163,184,.3);--accent:#c084fc;--accent-soft:rgba(192,132,252,.12);--accent-strong:#a855f7;--text:#e5e7eb;--muted:#9ca3af}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(circle at top,#111827 0,#020617 45%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}main.page{flex:1 1;max-width:1120px;margin:0 auto;padding:32px 20px 64px}.card{background:radial-gradient(circle at top left,#0b1120,#020617);border-radius:16px;border:1px solid rgba(148,163,184,.25);box-shadow:0 18px 40px rgba(15,23,42,.85)}.card-soft{background:linear-gradient(140deg,#020617,#020617,#111827);border-radius:16px;border:1px solid rgba(148,163,184,.18)}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#020617;color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px rgba(192,132,252,.5)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#020617;font-weight:600;font-size:.9rem;cursor:pointer}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{padding:8px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--text);cursor:pointer}.btn-danger{padding:6px 12px;border-radius:8px;border:none;background:#ef4444;color:#fff;cursor:pointer;font-size:.8rem}.grid{display:grid;grid-gap:20px;gap:20px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.footer{border-top:1px solid rgba(148,163,184,.25);padding:20px;font-size:.85rem;color:var(--muted);text-align:center}