@import '/static/fonts/fonts.css';:root{--bg:#0a0a0f;--bg-surface:#111118;--bg-card:#16161f;--bg-input:#1c1c28;--border:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.15);--text-primary:#f1f0f7;--text-secondary:#8b8aa0;--text-muted:#4b4a60;--accent:#6366f1;--accent-hover:#5154d8;--accent-light:rgba(99,102,241,0.15);--accent-glow:rgba(99,102,241,0.35);--success:#10b981;--success-bg:rgba(16,185,129,0.12);--error:#ef4444;--error-bg:rgba(239,68,68,0.12);--radius-sm:8px;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow:0 4px 24px rgba(0,0,0,0.5);--shadow-lg:0 12px 48px rgba(0,0,0,0.6), 0 0 80px rgba(99,102,241,0.05)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:inter,system-ui,sans-serif;background-color:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}ul{list-style:none}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(99,102,241,.18) 0%,transparent 60%),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);animation:fadeUp .35s ease both}.consent-card{max-width:480px}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-logo{display:flex;justify-content:center;margin-bottom:24px}.auth-logo svg{filter:drop-shadow(0 4px 16px rgba(99,102,241,.5))}.auth-title{font-size:1.5rem;font-weight:700;text-align:center;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px}.auth-subtitle{font-size:.9rem;color:var(--text-secondary);text-align:center;margin-bottom:28px}.auth-form,.profile-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:inherit;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:.82rem;color:var(--text-secondary);margin-top:.35rem;line-height:1.4}.form-inline{display:flex;align-items:center;gap:.6rem}.form-inline input[type=checkbox]{flex-shrink:0;width:1rem;height:1rem;cursor:pointer;accent-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;font-weight:600;line-height:1;cursor:pointer;border:1.5px solid transparent;transition:background .2s,transform .15s,box-shadow .2s;text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;box-shadow:0 2px 8px var(--accent-glow);font-weight:600;letter-spacing:.01em;transition:box-shadow .2s,filter .2s,transform .15s}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 16px var(--accent-glow);color:#fff}.btn-secondary{background:0 0;color:var(--accent);border:1.5px solid var(--accent);font-weight:600;transition:background .15s,color .15s,border-color .15s}.btn-secondary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-warning{background:0 0;color:#f59e0b;border:1.5px solid #f59e0b;font-weight:600;transition:background .15s,color .15s}.btn-warning:hover{background:#f59e0b;color:#000}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.3);font-weight:600;transition:box-shadow .2s,filter .2s}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 4px 14px rgba(239,68,68,.4);color:#fff}.btn-ghost{background:0 0;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary)}.btn-full{width:100%}.btn-sm{padding:4px 14px;font-size:.82rem;height:2rem}.alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:20px;animation:fadeIn .3s ease both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.alert-error{background:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.25)}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.25)}.app-page{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.app-header-inner{max-width:960px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.app-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;color:var(--text-primary);a{gap:inherit;text-decoration:inherit;color:inherit;display:inherit;align-items:inherit}}.app-nav{display:flex;align-items:center;gap:16px}.nav-user{font-size:.85rem;color:var(--text-secondary)}.app-main{flex:1;padding:40px 24px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(99,102,241,7%) 0%,transparent 70%),var(--bg)}.profile-container{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.page-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.profile-section{display:flex;flex-direction:column;gap:20px}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);padding-bottom:14px;border-bottom:1px solid var(--border)}.scope-list{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:24px}.scope-list-label{font-size:.82rem;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.scope-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.9rem;color:var(--text-primary)}.consent-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.consent-footer{text-align:center;font-size:.82rem;color:var(--text-muted)}.error-card{text-align:center}.error-icon{display:flex;justify-content:center;margin-bottom:20px}.error-code{font-size:3rem;font-weight:800;color:var(--error)}.error-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}:root{--primary-color:var(--accent);--border-color:var(--border);--bg-secondary:var(--bg-surface)}.nav-user{text-decoration:none}.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:2rem;flex-wrap:wrap}.tab-btn{padding:.85rem 1.25rem;border:none;background:0 0;cursor:pointer;font-family:inherit;font-weight:600;font-size:.9rem;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--accent)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-pane{display:none}.tab-pane.active{display:block}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}th{font-weight:600;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-surface);white-space:nowrap}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-pending{color:#f59e0b;background:rgba(245,158,11,.12)}.badge-progress{color:#3b82f6;background:rgba(59,130,246,.12)}.badge-done{color:#10b981;background:rgba(16,185,129,.12)}.badge-failed{color:#ef4444;background:rgba(239,68,68,.12)}.form-actions{margin-top:1.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.form-actions-spread{justify-content:space-between}.btn-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-row>form{display:flex;align-items:center;margin:0}.actions-cell{display:flex;flex-direction:column;gap:.4rem}details summary{cursor:pointer;font-size:.85rem;color:var(--text-secondary)}details[open] summary{color:var(--accent)}.app-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:2rem}.app-card{display:flex;align-items:center;justify-content:center;height:4.5rem;text-decoration:none;font-size:1.05rem;border-radius:var(--radius)}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;padding:0;margin:0;border:none;background:0 0;width:100%;text-align:left;font-family:inherit;color:inherit}.accordion-header:hover .section-title{color:var(--accent)}.accordion-chevron{color:var(--text-secondary);transition:transform .25s ease;flex-shrink:0;margin-left:1rem}.accordion-header[aria-expanded=true] .accordion-chevron{transform:rotate(180deg)}.accordion-body{display:none;padding-top:1.25rem;margin-top:1.25rem;border-top:1px solid var(--border);animation:fadeIn .2s ease}.accordion-body.open{display:block}.accordion-item{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.pw-form{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.pw-form-inner{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.cpanel-container{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:0}