:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#e8edf5;background:#0a0e17;color-scheme:dark;--panel:#121927;--line:#263248;--accent:#62e6b5;--muted:#91a0b7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#14263a 0,transparent 35%),#0a0e17}.topbar{min-height:68px;display:flex;align-items:center;gap:30px;padding:12px 5vw;border-bottom:1px solid var(--line);background:#0a0e17dd;backdrop-filter:blur(14px)}.brand{font-weight:800;letter-spacing:.18em;color:var(--accent);text-decoration:none}.topbar nav{display:flex;gap:20px;flex:1;flex-wrap:wrap}.topbar a{color:#cad4e3;text-decoration:none}.account{display:flex;align-items:center;gap:14px}.account form{margin:0}.link-button{background:none;border:0;padding:0;color:var(--accent)}.container{width:min(1280px,92vw);margin:44px auto}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.compact-hero h1{margin-bottom:.5rem}h1{font-size:clamp(2rem,4vw,3.5rem);margin:.2rem 0}h2{margin:.4rem 0}h3{margin:0 0 8px}.eyebrow,.app-code{font-size:.72rem;letter-spacing:.2em;color:var(--accent);font-weight:700}.muted{color:var(--muted)}code{color:#a8f3d6}.status{padding:8px 13px;border-radius:999px;border:1px solid;white-space:nowrap}.status.on{color:var(--accent);border-color:#2a8062}.status.off{color:#ff9b9b;border-color:#8c4141}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.app-card,.panel,.login-card{background:linear-gradient(145deg,#151e2e,#101622);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 60px #0004}.app-card{text-decoration:none;color:inherit;min-height:170px;transition:.18s}.app-card:hover{transform:translateY(-3px);border-color:#47725f}.app-card p{color:var(--muted)}.login-card{width:min(440px,100%);margin:8vh auto}.stack{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:8px;color:#b9c5d6}input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#0b111c;color:#fff}input[type=checkbox]{width:auto;accent-color:var(--accent)}button{cursor:pointer;padding:11px 17px;border:0;border-radius:10px;background:var(--accent);color:#072218;font-weight:700}button.secondary{background:#26364d;color:#dce7f5}button.danger{background:#df6262;color:white}button:disabled{cursor:not-allowed;opacity:.45}.panel{margin:18px 0;overflow:auto}.panel-heading,.account-summary,.account-actions,.inline-field{display:flex;align-items:center;gap:12px}.panel-heading,.account-summary{justify-content:space-between}.narrow{max-width:520px}.danger-zone{border-color:#633b3b}.credential-panel{border-color:#2a8062;background:linear-gradient(145deg,#17332b,#101f1b)}.account-create-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;align-items:end}.account-create-grid .app-picker{grid-column:1/-1}.inline-field input{flex:1}.app-picker{display:flex;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:14px}.app-picker legend{color:var(--muted);padding:0 8px}.check-option{display:flex;align-items:center;gap:7px}.account-list{display:grid;gap:16px}.account-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#0c1320}.permission-form{margin:16px 0}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.app-permission{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#111a29}.app-permission span{display:grid;gap:3px}.app-permission small{color:var(--accent)}.app-permission.pending small{color:#f0bd67}.account-actions{flex-wrap:wrap}.account-actions form{margin:0}#reset-form{display:none}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:.8rem}.flash{padding:12px 16px;margin-bottom:18px;border-radius:10px;background:#24334a}.flash.error{background:#522d34}.flash.success{background:#234638}.empty{color:var(--muted);padding:30px}@media(max-width:850px){.account-create-grid{grid-template-columns:1fr}.account-create-grid .app-picker{grid-column:auto}}@media(max-width:720px){.topbar nav{display:none}.hero{display:block}.status{display:inline-block;margin-top:16px}.account span{display:none}.account-summary{align-items:flex-start}.permission-grid{grid-template-columns:1fr}}