:root{--primary:#0f2e5c;--primary-dark:#0a1f40;--primary-light:#1c3d73;--primary-bg:#f0f4fa;--accent:#d99a04;--accent-light:#fdfaf0;--accent-dark:#b58003;--success:#059669;--success-bg:#f0fdf4;--danger:#dc2626;--danger-bg:#fef2f2;--warning:#d97706;--warning-bg:#fffbeb;--bg-main:#f8fafc;--bg-card:#fff;--border:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--logo-primary:var(--primary);--dash-bg:#f8fafc;--dash-sidebar:#fff;--dash-surface:#fff;--dash-surface-raised:#f1f5f9;--dash-text-primary:#1e293b;--dash-text-secondary:#64748b;--dash-border:#e2e8f0;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow-sm:0 1px 3px #0f2e5c0d;--shadow-md:0 4px 12px #0f2e5c0f;--shadow-lg:0 8px 24px #0f2e5c14;--shadow-glow:none;--font-sans:var(--font-geist-sans), "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:var(--font-geist-mono), monospace}@media (prefers-color-scheme:dark){:root:not(.light){--bg-main:#0f172a;--bg-card:#1e293b;--border:#334155;--text-main:#f1f5f9;--text-muted:#94a3b8;--primary-bg:#1e293b80;--accent-light:#d99a040f;--logo-primary:#f1f5f9;--success:#34d399;--success-bg:#34d39914;--danger:#f87171;--danger-bg:#f8717114;--warning:#fbbf24;--warning-bg:#fbbf2414;--dash-bg:#0a1220;--dash-sidebar:#101d33;--dash-surface:#0e1a2e;--dash-surface-raised:#152238;--dash-text-primary:#eef2f7;--dash-text-secondary:#94a3b8;--dash-border:#e2e8f017}}html.dark,html[data-theme=dark]{--bg-main:#0f172a;--bg-card:#1e293b;--border:#334155;--text-main:#f1f5f9;--text-muted:#94a3b8;--primary-bg:#1e293b80;--accent-light:#d99a040f;--logo-primary:#f1f5f9;--success:#34d399;--success-bg:#34d39914;--danger:#f87171;--danger-bg:#f8717114;--warning:#fbbf24;--warning-bg:#fbbf2414;--dash-bg:#0a1220;--dash-sidebar:#101d33;--dash-surface:#0e1a2e;--dash-surface-raised:#152238;--dash-text-primary:#eef2f7;--dash-text-secondary:#94a3b8;--dash-border:#e2e8f017}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;height:100%;overflow-x:hidden}body{max-width:100vw;min-height:100%;color:var(--text-main);background-color:var(--bg-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{box-sizing:border-box;width:100%;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (max-width:640px){.container{padding-left:16px;padding-right:16px}}.glass-panel{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #fff6}.dark-glass{-webkit-backdrop-filter:blur(16px);background:#0f2e5cd9;border:1px solid #ffffff26}.card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none;margin-bottom:24px;padding:28px;transition:all .25s cubic-bezier(.16,1,.3,1)}html.dark .card,html[data-theme=dark] .card{border:none;box-shadow:0 4px 14px #00000040}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.animate-pulse-subtle{animation:2.5s ease-in-out infinite pulse-subtle}.nav-link{transition:color .2s;position:relative}.nav-link:after{content:"";background-color:var(--accent);width:0%;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.footer-link:hover{transition:all .2s;transform:translate(4px);opacity:1!important;color:var(--accent)!important}.btn{font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;line-height:1.5;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:var(--primary);box-shadow:0 2px 4px #0f2e5c1a;color:#fff!important}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 8px #0f2e5c26}.btn-secondary{background-color:var(--bg-card);border-color:var(--border);color:var(--text-main)!important}.btn-secondary:hover{background-color:var(--bg-main);border-color:var(--text-muted);transform:translateY(-1px)}.btn-accent{background-color:var(--accent);font-weight:700;box-shadow:0 2px 4px #d99a0426;color:#fff!important}.btn-accent:hover{background-color:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 8px #d99a0433;color:#fff!important}.btn-danger{background-color:var(--danger);color:#fff!important}.btn-danger:hover{background-color:#dc2626;transform:translateY(-2px)}.badge{border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success);border:1px solid #10b98133}.badge-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.badge-warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.badge-primary{background-color:var(--primary-bg);color:var(--primary);border:1px solid #0f2e5c26}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-main);font-size:.9rem;font-weight:600}.form-control{font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);outline:none;width:100%;padding:12px 18px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #0f2e5c26}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:45px}.form-control:disabled{background-color:var(--border);cursor:not-allowed;opacity:.7}.tricolor-stripe{background:linear-gradient(90deg,#d90429 0% 33%,#f2b705 33% 66%,#1e293b 66% 100%);width:100%;height:4px}.hamburger-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);background:0 0;justify-content:center;align-items:center;padding:8px 10px;transition:all .2s;display:none}.hamburger-btn:hover{background-color:var(--primary-bg)}.mobile-header-bar{background-color:var(--dash-surface);border-bottom:1px solid var(--dash-border);z-index:990;justify-content:space-between;align-items:center;padding:14px 20px;display:none;position:sticky;top:0}@media (max-width:1024px){.hamburger-btn{display:inline-flex}.mobile-header-bar{display:flex!important}.responsive-sidebar{box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.16,1,.3,1);top:0;left:0;transform:translate(-100%);z-index:999!important;height:100vh!important;position:fixed!important}.responsive-sidebar.open{transform:translate(0)!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background-color:#00000080;position:fixed;inset:0}.main-content-layout{padding:20px 16px!important}.desktop-nav-links{display:none!important}}.form-grid-2col{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:640px){.form-grid-2col{gap:12px;grid-template-columns:1fr!important}}@keyframes skeletonPulse{0%{opacity:.6;background-color:var(--dash-border)}50%{opacity:.25;background-color:var(--dash-surface-raised)}to{opacity:.6;background-color:var(--dash-border)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes activeProgress{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.skeleton-box{vertical-align:middle;border-radius:6px;animation:1.6s ease-in-out infinite skeletonPulse;display:inline-block}.skeleton-text{border-radius:4px;width:100%;height:1rem}.skeleton-card{border-radius:var(--radius-md);background-color:var(--dash-surface);box-shadow:var(--shadow-sm);border:1px solid #e2e8f066;padding:16px}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-fade-out{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeOut}.active-progress-bar{background:linear-gradient(90deg, var(--accent), #2563eb, var(--accent));background-size:200% 200%;width:100%;height:3px;animation:1.5s infinite activeProgress}