@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--accent-50:#f0fdf4;--accent-500:#10b981;--accent-600:#059669;--surface-color:#fff;--surface-alt:#f8fafc;--surface-card:#fff;--bg-color:#f1f5f9;--bg-gradient:radial-gradient(at 0% 0%, #0284c70f 0px, transparent 50%), radial-gradient(at 100% 0%, #10b9810d 0px, transparent 50%), radial-gradient(at 50% 100%, #0ea5e90a 0px, transparent 50%);--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--success:#10b981;--success-bg:#ecfdf5;--success-border:#a7f3d0;--error:#ef4444;--error-bg:#fef2f2;--error-border:#fecaca;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fde68a;--info:#0284c7;--info-bg:#f0f9ff;--info-border:#bae6fd;--glass-bg:#ffffffd1;--glass-border:#fff9;--glass-shadow:0 10px 25px -5px #0f172a0f, 0 8px 10px -6px #0f172a0a;--glass-blur:blur(16px);--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-2xl:1.75rem}[data-theme=dark]{--primary-50:#082f49;--primary-100:#0c4a6e;--primary-500:#38bdf8;--primary-600:#0284c7;--primary-700:#38bdf8;--surface-color:#111827;--surface-alt:#0b0f19;--surface-card:#1f2937;--bg-color:#030712;--bg-gradient:radial-gradient(at 0% 0%, #0284c71f 0px, transparent 50%), radial-gradient(at 100% 0%, #10b98114 0px, transparent 50%), radial-gradient(at 50% 100%, #0f172a80 0px, transparent 50%);--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border-color:#374151;--border-subtle:#1f2937;--glass-bg:#111827d9;--glass-border:#ffffff14;--glass-shadow:0 10px 30px -5px #00000080;--success-bg:#10b98126;--error-bg:#ef444426;--warning-bg:#f59e0b26;--info-bg:#0284c726}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:all .2s}.glass-panel:hover{box-shadow:0 14px 30px -6px #0f172a14}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;box-shadow:0 2px 8px #0284c747}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-500), var(--primary-600));transform:translateY(-1px);box-shadow:0 4px 14px #0284c761}.btn-success{background:linear-gradient(135deg, var(--accent-500), var(--accent-600));color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.btn-outline{background-color:var(--surface-color);color:var(--text-main);border:1px solid var(--border-color);box-shadow:0 1px 2px #00000008}.btn-outline:hover:not(:disabled){background-color:var(--surface-alt);border-color:var(--primary-400);color:var(--primary-700);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background-color:var(--surface-alt);color:var(--text-main)}.badge{letter-spacing:.01em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.badge-success{background-color:var(--success-bg);color:#065f46;border:1px solid var(--success-border)}.badge-warning{background-color:var(--warning-bg);color:#92400e;border:1px solid var(--warning-border)}.badge-error{background-color:var(--error-bg);color:#991b1b;border:1px solid var(--error-border)}.form-group{margin-bottom:1.125rem}.form-label{color:var(--text-main);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--surface-color);width:100%;color:var(--text-main);padding:.625rem .875rem;font-size:.875rem;transition:all .15s}.form-input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #0284c726}[data-theme=dark] .form-input:focus{box-shadow:0 0 0 3px #38bdf833}textarea.form-input{resize:vertical;min-height:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.modern-table{border-collapse:separate;border-spacing:0;width:100%}.modern-table th{background-color:var(--surface-alt);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.75rem;font-weight:700}.modern-table td{border-bottom:1px solid var(--border-subtle);padding:14px 16px;font-size:.875rem;transition:background-color .15s}.modern-table tr:hover td{background-color:var(--surface-alt)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}