:root{--bg:#07111f;--surface:#0b1a2f;--surface-2:#0e223d;--border:#ffffff1a;--text:#ffffffeb;--muted:#ffffffb3;--accent:#22d3ee;--accentHover:#5eead4;--danger:#ef4444;--radius:16px;--radius-sm:12px;--shadow:0 10px 28px #0000004d;--shadow-sm:0 6px 18px #00000038;--container:1100px}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 700px at 20% 0%,#22d3ee1f,transparent 55%),radial-gradient(900px 600px at 80% 10%,#5eead41a,transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit}a:hover{color:var(--accentHover)}code,pre,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app-shell{flex-direction:column;min-height:100%;display:flex}.main{flex:1}.container{max-width:var(--container);margin:0 auto;padding:24px 16px}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(#ffffff0a,#ffffff05);padding:16px}.card--elevated{box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff08)}.card-title{font-size:16px;font-weight:800}.card-subtitle{color:var(--muted);margin-top:4px;font-size:13px}.pill{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:14px;text-decoration:none;transition:transform 60ms,background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn[aria-disabled=true],.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#001018;border-color:#0000001a}.btn-primary:hover{background:var(--accentHover);color:#001018}.btn-secondary{color:var(--text);border-color:var(--border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff14}.btn-brand{color:#fff;background:linear-gradient(135deg,#d946ef 0%,#a21caf 100%);border-color:#ffffff1f;box-shadow:0 10px 22px #a91faf47}.btn-brand:hover{color:#fff;background:linear-gradient(135deg,#e66bf3 0%,#b63ad0 100%)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:#ffffff0a}input,select,textarea{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a;outline:none;padding:12px}input::placeholder,textarea::placeholder{color:#ffffff73}input:focus,textarea:focus,select:focus{border-color:#22d3ee73}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060c168c;border-bottom:1px solid var(--border)!important}