@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f8f9fb;--bg-tertiary:#f0f2f5;--bg-card:#fff;--bg-card-hover:#f8f9fb;--bg-glass:#2563eb08;--bg-glass-strong:#2563eb0f;--bg-input:#f4f5f7;--bg-input-focus:#eef0f4;--border-subtle:#e5e7eb;--border-medium:#d1d5db;--border-strong:#b0b6c2;--border-glow:#2563eb4d;--border-accent:#2563eb33;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-accent:#2563eb;--text-on-accent:#fff;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-secondary:#3b82f6;--accent-tertiary:#60a5fa;--accent-gradient:#2563eb;--accent-gradient-hover:#1d4ed8;--accent-glow:#2563eb14;--accent-glow-strong:#2563eb26;--success:#16a34a;--success-bg:#16a34a14;--success-border:#16a34a33;--warning:#d97706;--warning-bg:#d9770614;--warning-border:#d9770633;--error:#dc2626;--error-bg:#dc26260f;--error-border:#dc26262e;--info:#2563eb;--info-bg:#2563eb0f;--info-border:#2563eb2e;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a, 0 1px 4px #00000008;--shadow-md:0 2px 8px #0000000f, 0 4px 16px #0000000a;--shadow-lg:0 4px 16px #00000014, 0 8px 32px #0000000f;--shadow-glow:0 4px 20px #2563eb26;--shadow-glow-strong:0 8px 32px #2563eb38;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275);--max-width:1200px;--header-height:72px;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#2563eb0a 0%,#0000 50%),radial-gradient(at 80% 100%,#3b82f608 0%,#0000 50%);position:fixed;inset:0}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.5rem)}h3{font-size:clamp(1.25rem,2vw,1.75rem)}h4{font-size:1.25rem}.text-gradient{color:var(--accent-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-mono{font-family:var(--font-mono)}.logo{font-family:var(--font-display,"Outfit", -apple-system, sans-serif);letter-spacing:-.025em;user-select:none;align-items:center;gap:.65rem;font-size:1.35rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.logo-icon{transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.logo:hover .logo-icon{transform:scale(1.05)}.logo-text{color:#0f172a;letter-spacing:-.025em;align-items:center;font-weight:800;display:inline-flex}.logo-text .text-gradient,.logo-text-accent{color:#2563eb;font-weight:800}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff26;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-icon{width:40px;height:40px;padding:.5rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative}.card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.card-glass{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card-glow{position:relative}.card-glow:before{content:"";border-radius:inherit;background:var(--accent-primary);opacity:0;transition:opacity var(--transition-base);z-index:-1;position:absolute;inset:-1px}.card-glow:hover:before{opacity:.15}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:.7rem 1rem;font-size:.9rem}.input:focus{background:var(--bg-input-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--text-muted)}select.input{appearance:none;color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-color:var(--bg-input);color:var(--text-primary);padding-right:2.5rem}select.input option,select option{color:#0f172a;background-color:#fff;padding:.6rem .75rem}select.input option:checked,select option:checked{background-color:var(--accent-primary);color:#fff}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid #3b82f633}.badge-accent{background:var(--accent-glow);color:var(--accent-primary);border:1px solid var(--border-glow)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;background:var(--bg-glass);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-glass)}.spinner{border:2px solid var(--border-medium);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin,.spin{animation:.8s linear infinite spin;display:inline-block}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot{background-color:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.pulse-dot{animation:2s infinite pulse}.system-status-pill{border-radius:var(--radius-full);color:#34d399;letter-spacing:.01em;background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:10000;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-spring) forwards;max-width:400px;padding:.75rem 1.25rem;font-size:.9rem}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--transition-base) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--transition-slow) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-md)}.hide-mobile{display:none!important}}@media (width<=1024px){.hide-tablet{display:none!important}}html.auth-config-no-reg #register-form,html.auth-config-no-reg #google-signup-wrapper,html.auth-config-no-reg #google-login-wrapper{display:none!important}html.auth-config-no-reg #registration-closed-notice{display:block!important}html.auth-config-no-email #register-form{display:none!important}html.auth-config-no-email #email-signup-disabled-notice{display:block!important}html.auth-config-no-google #google-signup-wrapper,html.auth-config-no-google #google-login-wrapper,html.auth-config-no-google #google-divider{display:none!important}