@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-base:#080810;--bg-surface:#0f0f1a;--bg-elevated:#16162a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--accent-primary:#935eed;--accent-primary-dim:#602eb8;--accent-primary-glow:#935eed33;--accent-success:#21c45d;--accent-warning:#f59f0a;--accent-danger:#e64d4d;--accent-info:#4799eb;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#475569;--text-on-accent:#fff;--border:#ffffff14;--border-focus:#935eed;--border-card:#ffffff0f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 30px #935eed26;--transition:all .2s ease;--transition-fast:all .12s ease;--sidebar-w:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:var(--accent-primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:#b086f9}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:var(--text-3xl);font-weight:700}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{color:var(--text-secondary)}code,pre{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.875em}.portal-shell{min-height:100vh;display:flex}.portal-sidebar{width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.portal-main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100vh;display:flex}.portal-content{padding:var(--space-8);flex:1;max-width:1100px}.sidebar-logo{padding:var(--space-6);border-bottom:1px solid var(--border)}.sidebar-logo-text{font-size:var(--text-xl);background:linear-gradient(135deg, var(--accent-primary), #75b3f0);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}.sidebar-logo-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1}.sidebar-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-4) var(--space-3) var(--space-2);font-size:.7rem;font-weight:600}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:var(--transition-fast);margin-bottom:2px;font-weight:500;display:flex}.sidebar-link:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-primary-glow);color:var(--accent-primary);border:1px solid #8b5cf633}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--border)}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition)}.card:hover{background:var(--bg-card-hover);border-color:#ffffff1a}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-weight:600}.stat-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700;line-height:1}.stat-subtext{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px var(--accent-primary-glow);background:#a87ef1;border-color:#a87ef1}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:#ffffff26}.btn-danger{color:var(--accent-danger);background:#ef44441a;border-color:#ef444433}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444466}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:var(--transition-fast);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-glow)}.form-textarea{resize:vertical;min-height:80px}.form-error{font-size:var(--text-xs);color:var(--accent-danger);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:4px;padding:2px 8px;font-weight:600;line-height:1.5;display:inline-flex}.badge-green{color:#3bde77;background:#22c55e26}.badge-red{color:var(--accent-danger);background:#ef444426}.badge-yellow{color:var(--accent-warning);background:#eab30826}.badge-purple{background:var(--accent-primary-glow);color:var(--accent-primary)}.badge-gray{color:var(--text-secondary);background:#94a3b81a}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-card);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}thead{background:var(--bg-elevated)}thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--border);font-weight:600}tbody tr{border-bottom:1px solid var(--border);transition:var(--transition-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-card-hover)}tbody td{padding:var(--space-3) var(--space-4);color:var(--text-primary);vertical-align:middle}.td-muted{color:var(--text-secondary)!important}.td-mono{font-family:monospace;font-size:.8rem}.credit-positive{color:var(--accent-success);font-weight:600}.credit-negative{color:var(--accent-danger);font-weight:600}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;display:flex}.alert-warning{color:var(--accent-warning);background:#eab3081a;border-color:#eab30833}.alert-danger{color:var(--accent-danger);background:#ef44441a;border-color:#ef444433}.alert-success{color:var(--accent-success);background:#22c55e1a;border-color:#22c55e33}.alert-info{color:var(--accent-info);background:#3b82f61a;border-color:#3b82f633}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.grid-2{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-6);grid-template-columns:1fr 1fr 1fr;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:520px;box-shadow:var(--shadow-card), var(--shadow-glow)}.modal-title{font-size:var(--text-xl);margin-bottom:var(--space-4);font-weight:700}.modal-actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.code-block{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);font-family:monospace;font-size:var(--text-sm);color:var(--accent-success);word-break:break-all;margin:var(--space-3) 0}.auth-page{background:var(--bg-base);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);box-shadow:var(--shadow-card)}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-logo-text{font-size:var(--text-2xl);background:linear-gradient(135deg, var(--accent-primary), #75b3f0);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}.auth-title{font-size:var(--text-xl);margin-bottom:var(--space-2);text-align:center;font-weight:700}.auth-subtitle{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-bottom:var(--space-8)}.spinner{border:2px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.3;font-size:3rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-1{flex:1}.w-full{width:100%}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:monospace}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:768px){.portal-sidebar{display:none}.portal-main{margin-left:0}.portal-content{padding:var(--space-4)}.grid-2,.grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}