@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-app: #F8FAFC;--bg-card: #FFFFFF;--bg-subtle: #F0F9FF;--bg-muted: #E2E8F0;--bg-sidebar: #0B132B;--bg-sidebar-card: rgba(255, 255, 255, .04);--bg-sidebar-hover: rgba(255, 255, 255, .07);--bg-sidebar-active: rgba(2, 132, 199, .18);--text-main: #0F172A;--text-muted: #64748B;--text-light: #94A3B8;--text-sidebar: #94A3B8;--text-sidebar-active: #FFFFFF;--primary: #0284C7;--primary-hover: #0369A1;--primary-light: #E0F2FE;--primary-border: #BAE6FD;--primary-glow: rgba(2, 132, 199, .22);--pink-primary: #E91E63;--pink-light: #FDF2F8;--pink-border: #FBCFE8;--accent-gold: #D97706;--accent-gold-light: #FEF3C7;--accent-gold-border: #FDE68A;--success: #10B981;--success-bg: #ECFDF5;--success-border: #A7F3D0;--success-text: #047857;--warning: #F59E0B;--warning-bg: #FFFBEB;--warning-border: #FDE68A;--warning-text: #B45309;--danger: #EF4444;--danger-bg: #FEF2F2;--danger-border: #FECACA;--danger-text: #B91C1C;--border: #E2E8F0;--border-light: #F1F5F9;--border-sidebar: rgba(255, 255, 255, .08);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-subtle: 0 1px 3px 0 rgba(15, 23, 42, .04);--shadow-card: 0 4px 20px -2px rgba(15, 23, 42, .04), 0 2px 6px -1px rgba(15, 23, 42, .02);--shadow-card-hover: 0 10px 25px -4px rgba(2, 132, 199, .1), 0 4px 10px -2px rgba(15, 23, 42, .02);--shadow-elevated: 0 20px 40px -8px rgba(15, 23, 42, .08);--shadow-primary: 0 6px 20px -3px rgba(2, 132, 199, .35);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .2s cubic-bezier(.16,1,.3,1)}.card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-size:13px;font-weight:700;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-decoration:none;line-height:1}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 8px 24px -4px #0284c773}.btn-secondary{background:#fff;color:var(--text-main);border-color:var(--border);box-shadow:var(--shadow-subtle)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--primary)}.btn-pink{background:linear-gradient(135deg,#e91e63,#be185d);color:#fff;box-shadow:0 4px 16px #e91e634d}.btn-pink:hover{background:linear-gradient(135deg,#d81b60,#9d174d);box-shadow:0 8px 22px #e91e6373}.btn-outline-gold{background:#fffbeb;color:#d97706;border:1.5px solid #FDE68A}.btn-outline-gold:hover{background:#fef3c7;border-color:#f59e0b}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-xs)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;line-height:1}.badge-emerald{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.badge-amber{background:#fffbeb;color:#d97706;border:1px solid #FDE68A}.badge-sky{background:#f0f9ff;color:#0284c7;border:1px solid #BAE6FD}.badge-pink{background:#fdf2f8;color:#e91e63;border:1px solid #FBCFE8}.form-label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px;text-transform:none;letter-spacing:.2px}.form-control,.input-field,.select-field,select,input[type=text],input[type=url],input[type=password],input[type=number],textarea{width:100%;font-family:var(--font-sans);font-size:13.5px;padding:10px 14px;background:#fff;border:1.5px solid #E2E8F0;border-radius:var(--radius-sm);color:var(--text-main);outline:none;transition:all .18s ease;box-shadow:0 1px 2px #00000005}.form-control:focus,.input-field:focus,.select-field:focus,select:focus,input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3.5px #0284c71f;background:#fff}.form-control::placeholder,input::placeholder,textarea::placeholder{color:#94a3b8;font-size:13px}.modal-tabs-nav{display:flex;gap:8px;background:#f1f5f9;padding:5px;border-radius:12px;border:1px solid #E2E8F0}.modal-tab-btn{flex:1;padding:8px 14px;border-radius:8px;border:none;background:transparent;font-family:var(--font-sans);font-size:12.5px;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.modal-tab-btn:hover{color:var(--text-main);background:#fff9}.modal-tab-btn.active{background:#fff;color:#0284c7;box-shadow:0 2px 8px #0000000f}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}