@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=DM+Mono:wght@300;400;500&family=Sora:wght@300;400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue:#007bff;--dark-navy:#0e1d34;--text-gray:#5f656b}html{scroll-behavior:smooth}body{color:#444;font-family:Inter,sans-serif;margin:0}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{align-items:center;background-color:#0e1d34;color:#fff;display:flex;justify-content:space-between;padding:15px 60px;position:sticky;top:0;z-index:1000}.logo{font-size:26px;font-weight:700;letter-spacing:.5px}.nav-right-group{align-items:center;display:flex;gap:40px}.nav-links a{color:#fff!important;opacity:.8;text-decoration:none;transition:.3s}.nav-links{color:inherit;display:flex;gap:25px;list-style:none;margin:0;padding:0}.nav-links li{cursor:pointer;font-size:15px;font-weight:500;opacity:.8;transition:.3s}.nav-links a:hover,.nav-links li.active,.nav-links li:hover{opacity:1}.auth-buttons{align-items:center;display:flex;gap:15px}.signin-btn{background:none;font-size:15px;font-weight:500;margin:0;padding:0}.signin-btn,.signup-btn{border:none;color:#fff;cursor:pointer}.signup-btn{background-color:#007bff;border-radius:4px;font-size:14px;font-weight:600;padding:10px 22px;transition:background .3s}.signup-btn:hover{background-color:#0056b3}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;padding:6px;z-index:1100}.hamburger-line{background:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:transform .25s ease,opacity .25s ease;width:24px}.hamburger-line.open:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{background:#00000073;display:none;inset:0;position:fixed;z-index:999}.hero{background-color:#0e1d34;background-color:var(--dark-navy);color:#fff;overflow:hidden;padding:100px 0;position:relative}.hero-container{align-items:center;display:flex;justify-content:center}.hero-content{flex:initial;margin:0 auto;max-width:640px;position:relative;text-align:center;z-index:1}.hero h1{font-size:48px;line-height:1.2;margin-bottom:20px}.hero h1 span{-webkit-text-decoration:underline #007bff;text-decoration:underline #007bff;-webkit-text-decoration:underline var(--primary-blue);text-decoration:underline var(--primary-blue)}.hero-bg-image img{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;width:100%}.hero p{font-size:18px;margin:0 auto 30px;max-width:500px;opacity:.8}.about-section{background-color:#fff;color:#2b3954;padding:80px 0}.about-container{align-items:center;display:flex;gap:50px}.about-content{flex:1 1}.section-title{color:#001973;font-size:32px;font-weight:700;margin-bottom:20px}.section-description{color:#5f656b;line-height:1.6;margin-bottom:40px}.about-item{display:flex;gap:20px;margin-bottom:30px}.about-icon{color:#007bff;font-size:24px;min-width:40px}.about-item h3{color:#001973;font-size:18px;margin-bottom:8px}.about-item p{color:#5f656b;font-size:14px;margin:0}.about-image-wrapper{border-radius:8px;flex:1 1;overflow:hidden;position:relative}.main-about-img{display:block;width:100%}.play-btn{background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:70px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;width:70px}.play-btn:hover{background-color:#0056b3;transform:translate(-50%,-50%) scale(1.1)}.footer{background:#f8f9fa;border-top:1px solid #eee;padding:50px;text-align:center}.blue-text{color:#007bff;color:var(--primary-blue)}@media (max-width:768px){.hamburger{display:flex}.nav-overlay{display:block}.navbar{padding:14px 20px;position:relative}.nav-right-group{align-items:flex-start;background-color:#0e1d34;display:flex;flex-direction:column;gap:20px;left:0;max-height:0;opacity:0;overflow:hidden;padding:0 20px;pointer-events:none;position:absolute;right:0;top:100%;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;z-index:1000}.nav-right-group.open{border-top:1px solid #ffffff1a;max-height:400px;opacity:1;padding:20px;pointer-events:auto}.nav-links{flex-direction:column;gap:16px}.nav-links li{font-size:16px}.auth-buttons{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:4px;width:100%}.signin-btn{font-size:16px}.signup-btn{padding:12px;text-align:center;width:100%}.hero{padding:60px 0}.hero h1{font-size:32px}.hero p{font-size:15px;padding:0 10px}.about-section{padding:50px 0}.about-container{flex-direction:column;gap:30px}.about-image-wrapper{width:100%}.section-title{font-size:26px}.footer{font-size:14px;padding:30px 20px}}@media (max-width:480px){.hero h1{font-size:26px}.hero p{font-size:14px}.section-title{font-size:22px}.about-item h3{font-size:16px}}.auth-container{align-items:center;background-color:#0e1d34;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:450px;padding:40px;width:100%}.auth-card--centered,.auth-header{text-align:center}.auth-header{margin-bottom:30px}.auth-header h2{color:#0e1d34;font-size:28px;margin-bottom:10px}.auth-header p{color:#5f656b;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#0e1d34;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;outline:none;padding:12px;transition:border .3s;width:100%}.form-group input:focus{border-color:#007bff}.auth-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background .3s;width:100%}.auth-btn:hover{background-color:#0056b3}.auth-footer{color:#5f656b;font-size:14px;margin-top:25px;text-align:center}.auth-footer a{color:#007bff;font-weight:600;text-decoration:none}.auth-error{background:#d9302514;border:1px solid #d9302533;border-radius:6px;color:#d93025;font-size:13.5px;margin-bottom:16px;padding:10px 14px;text-align:center}.verify-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.25rem;width:64px}.verify-icon--loading{background:#e8f0fe;color:#1a6ef7}.verify-icon--success{background:#e6f9f3;color:#0d9e6e}.verify-icon--error{background:#fde8e8;color:#d93025}.verify-title{color:#0e1d34;font-size:22px;font-weight:600;margin:0 0 8px}.verify-body{color:#5f656b;font-size:14px;line-height:1.7;margin:0 0 1.75rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@media (max-width:480px){.auth-card{border-radius:10px;padding:28px 20px}.auth-header h2{font-size:22px}.auth-header p{font-size:13px}.auth-btn{font-size:15px;padding:13px}.verify-title{font-size:19px}}:root{--navy-900:#f0f4fb;--navy-800:#e8edf8;--navy-750:#dde4f4;--navy-700:#cfd9ef;--navy-600:#b8c8e6;--navy-500:#9db3d8;--navy-400:#7a97c4;--navy-300:#5578a8;--accent-blue:#1a6ef7;--accent-blue-dim:#1458c8;--accent-cyan:#09b;--accent-cyan-soft:#0099bb1f;--accent-teal:#00b8a0;--accent-gold:#c98b00;--accent-amber:#d97706;--accent-rose:#e0274a;--accent-violet:#6d52e0;--text-primary:#0d1b3e;--text-secondary:#2e4478;--text-muted:#6478a8;--text-dim:#9aaed4;--surface-1:#fff;--surface-2:#f7f9ff;--surface-3:#eef2fb;--surface-hover:#1a6ef70d;--surface-active:#1a6ef714;--border-subtle:#1a3a7a1a;--border-default:#1a3a7a2e;--border-strong:#1a6ef759;--status-success:#0d9e6e;--status-warning:#b07c00;--status-error:#d93025;--status-info:#07a;--status-processing:#6d52e0;--shadow-sm:0 1px 4px #0d1b3e12;--shadow-md:0 4px 16px #0d1b3e1a;--shadow-lg:0 8px 32px #0d1b3e21;--shadow-card:0 2px 12px #0d1b3e14,inset 0 1px 0 #ffffffe6;--shadow-glow:0 0 20px #1a6ef71f;--scrollbar-thumb:#c5d1e8;--bg-app:#f0f4fb;--sidebar-bg:#fff;--sidebar-border:#1a3a7a1a;--header-bg:#ffffffeb}[data-theme=dark]{--navy-900:#060d1f;--navy-800:#091428;--navy-750:#0b1830;--navy-700:#0e1f3d;--navy-600:#122449;--navy-500:#172d5e;--navy-400:#1e3a7a;--navy-300:#2a4fa0;--accent-blue:#1a6ef7;--accent-blue-dim:#1458c8;--accent-cyan:#00d4ff;--accent-cyan-soft:#00d4ff26;--accent-teal:#00e5c3;--accent-gold:#f5c842;--accent-amber:#ff9c40;--accent-rose:#ff5c7a;--accent-violet:#8b72fa;--text-primary:#eef2ff;--text-secondary:#8ba4cc;--text-muted:#4d6494;--text-dim:#2e456e;--surface-1:#0b1830f7;--surface-2:#0e1f3dd9;--surface-3:#122449b3;--surface-hover:#1a306b99;--surface-active:#1a6ef71a;--border-subtle:#1e3a7a59;--border-default:#1e3a7a99;--border-strong:#1a6ef766;--status-success:#22d3a0;--status-warning:#f5c842;--status-error:#ff5c7a;--status-info:#00d4ff;--status-processing:#8b72fa;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 4px 20px #00000073;--shadow-lg:0 8px 40px #0000008c;--shadow-card:0 4px 24px #0006,inset 0 1px 0 #ffffff0a;--shadow-glow:0 0 24px #1a6ef733;--scrollbar-thumb:#1e3a7a;--bg-app:#060d1f;--sidebar-bg:#0b1830f7;--sidebar-border:#1e3a7a59;--header-bg:#091428e0}:root{--font-display:"Sora",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--font-mono:"DM Mono",monospace;--sidebar-width:248px;--header-height:62px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--t-fast:140ms cubic-bezier(0.4,0,0.2,1);--t-normal:240ms cubic-bezier(0.4,0,0.2,1);--t-slow:380ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:#f0f4fb;background:var(--bg-app);color:#0d1b3e;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body);min-height:100vh;overflow-x:hidden;transition:background .24s cubic-bezier(.4,0,.2,1),color .24s cubic-bezier(.4,0,.2,1);transition:background var(--t-normal),color var(--t-normal)}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font-body)}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c5d1e8;background:var(--scrollbar-thumb);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#1a6ef7;background:var(--accent-blue)}.app-shell{background:#f0f4fb;background:var(--bg-app);display:flex;min-height:100vh}[data-theme=dark] .app-shell{background:radial-gradient(ellipse 70% 50% at 15% -5%,#1a6ef712 0,#0000 60%),radial-gradient(ellipse 50% 60% at 85% 100%,#8b72fa0d 0,#0000 60%),#f0f4fb;background:radial-gradient(ellipse 70% 50% at 15% -5%,#1a6ef712 0,#0000 60%),radial-gradient(ellipse 50% 60% at 85% 100%,#8b72fa0d 0,#0000 60%),var(--navy-900)}.sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #1a3a7a1a;border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;transition:background .24s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.4,0,.2,1);transition:background var(--t-normal),border-color var(--t-normal);width:248px;width:var(--sidebar-width);z-index:200}[data-theme=dark] .sidebar:before{background-image:radial-gradient(circle,#1a6ef712 1px,#0000 0);background-size:22px 22px;content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}.sidebar-logo{border-bottom:1px solid #1a3a7a1a;border-bottom:1px solid var(--border-subtle);gap:10px;padding:18px 20px 16px;position:relative}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#1a6ef7,#09b);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 0 18px #1a6ef74d;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.logo-text{color:#0d1b3e;color:var(--text-primary);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.4px}.logo-text em{color:#1a6ef7;color:var(--accent-blue);font-style:normal}.sidebar-nav{flex:1 1;overflow-y:auto;padding:14px 12px;position:relative}.nav-section-label{color:#9aaed4;color:var(--text-dim);display:block;font-size:9.5px;font-weight:700;letter-spacing:1.6px;padding:10px 10px 5px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#2e4478;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;margin-bottom:1px;padding:9px 10px;position:relative;text-decoration:none;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--t-fast)}.nav-item:hover{background:#1a6ef70d;background:var(--surface-hover);color:#0d1b3e;color:var(--text-primary)}.nav-item.active{background:#1a6ef714;background:var(--surface-active);color:#1a6ef7;color:var(--accent-blue);font-weight:600}.nav-item.active:before{background:#1a6ef7;background:var(--accent-blue);border-radius:0 3px 3px 0;box-shadow:0 0 10px #1a6ef766;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{flex-shrink:0;font-size:15px;text-align:center;width:20px}.nav-label{flex:1 1}.nav-badge{background:#1a6ef7;background:var(--accent-blue);border-radius:99px;color:#fff;font-size:10px;font-weight:700;padding:1px 7px}.sidebar-footer{border-top:1px solid #1a3a7a1a;border-top:1px solid var(--border-subtle);padding:12px;position:relative}.sidebar-user{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:9px 10px;transition:background .14s cubic-bezier(.4,0,.2,1);transition:background var(--t-fast)}.sidebar-user:hover{background:#1a6ef70d;background:var(--surface-hover)}.user-avatar{align-items:center;background:linear-gradient(135deg,#6d52e0,#1a6ef7);background:linear-gradient(135deg,var(--accent-violet),var(--accent-blue));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.user-name{color:#0d1b3e;color:var(--text-primary);font-size:13px;font-weight:600}.user-role{color:#6478a8;color:var(--text-muted);font-size:11px}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:248px;margin-left:var(--sidebar-width);min-height:100vh}.page-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;background:var(--header-bg);border-bottom:1px solid #1a3a7a1a;border-bottom:1px solid var(--border-subtle);display:flex;height:62px;height:var(--header-height);justify-content:space-between;padding:0 28px;position:sticky;top:0;transition:background .24s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.4,0,.2,1);transition:background var(--t-normal),border-color var(--t-normal);z-index:100}.page-title{color:#0d1b3e;color:var(--text-primary);font-family:Sora,sans-serif;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.4px}.page-subtitle{color:#6478a8;color:var(--text-muted);font-size:12px;margin-top:1px}.header-right{gap:10px}.header-icon-btn,.header-right{align-items:center;display:flex}.header-icon-btn{background:#f7f9ff;background:var(--surface-2);border:1px solid #1a3a7a1a;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#2e4478;color:var(--text-secondary);cursor:pointer;font-size:16px;height:36px;justify-content:center;position:relative;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--t-fast);width:36px}.header-icon-btn:hover{background:#1a6ef70d;background:var(--surface-hover);color:#0d1b3e;color:var(--text-primary)}.notif-dot{background:#1a6ef7;background:var(--accent-blue);border:1.5px solid #fff;border:1.5px solid var(--surface-1);border-radius:50%;box-shadow:0 0 6px #1a6ef7;box-shadow:0 0 6px var(--accent-blue);height:7px;position:absolute;right:7px;top:7px;width:7px}.page-body{flex:1 1;overflow-y:auto;padding:26px 28px}.card{background:#f7f9ff;background:var(--surface-2);border:1px solid #1a3a7a1a;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #0d1b3e14,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-card);overflow:hidden;transition:background .24s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.4,0,.2,1);transition:background var(--t-normal),border-color var(--t-normal)}.card-inner{padding:20px 22px}.card-header{align-items:center;border-bottom:1px solid #1a3a7a1a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:16px 22px}.card-title{color:#2e4478;color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.kpi-card{background:#f7f9ff;background:var(--surface-2);border:1px solid #1a3a7a1a;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #0d1b3e14,inset 0 1px 0 #ffffffe6;box-shadow:var(--shadow-card);cursor:default;overflow:hidden;padding:22px;position:relative;transition:all .24s cubic-bezier(.4,0,.2,1);transition:all var(--t-normal)}.kpi-card:hover{border-color:#1a3a7a2e;border-color:var(--border-default);box-shadow:0 4px 16px #0d1b3e1a,0 0 20px #1a6ef71f;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.kpi-card:after{background:#1a6ef7;background:var(--kpi-line,var(--accent-blue));content:"";height:2px;left:0;position:absolute;right:0;top:0}.kpi-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.kpi-icon-wrap{background:#1a6ef71a;background:var(--kpi-icon-bg,#1a6ef71a);border:1px solid #1a6ef733;border:1px solid var(--kpi-icon-border,#1a6ef733);border-radius:12px;border-radius:var(--radius-md);font-size:19px;height:42px;width:42px}.kpi-arrow,.kpi-icon-wrap{align-items:center;display:flex;justify-content:center}.kpi-arrow{background:#1a6ef71a;border-radius:50%;color:#1a6ef7;color:var(--accent-blue);font-size:12px;height:26px;width:26px}.kpi-value{color:#0d1b3e;color:var(--text-primary);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1}.kpi-label{color:#6478a8;color:var(--text-muted);font-size:12.5px;font-weight:500;margin-top:5px}.kpi-delta{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:10px;padding:3px 8px}.kpi-delta.up{background:#22d3a01f;color:#0d9e6e;color:var(--status-success)}.kpi-delta.down{background:#ff5c7a1f;color:#d93025;color:var(--status-error)}.kpi-delta.neutral{background:#00d4ff1a;color:#07a;color:var(--status-info)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 16px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--t-fast);white-space:nowrap}.btn-primary{background:#1a6ef7;background:var(--accent-blue);box-shadow:0 2px 12px #1a6ef74d;color:#fff}.btn-primary:hover{background:#2177ff;box-shadow:0 4px 20px #1a6ef773;transform:translateY(-1px)}.btn-secondary{background:#eef2fb;background:var(--surface-3);border:1px solid #1a3a7a2e;border:1px solid var(--border-default);color:#2e4478;color:var(--text-secondary)}.btn-secondary:hover{background:#1a6ef70d;background:var(--surface-hover);color:#0d1b3e;color:var(--text-primary)}.btn-ghost{background:#0000;border:1px solid #1a3a7a1a;border:1px solid var(--border-subtle);color:#6478a8;color:var(--text-muted)}.btn-ghost:hover{background:#1a6ef70d;background:var(--surface-hover);border-color:#1a3a7a2e;border-color:var(--border-default);color:#0d1b3e;color:var(--text-primary)}.btn-danger{background:#ff5c7a1a;border:1px solid #ff5c7a40;color:#d93025;color:var(--status-error)}.btn-danger:hover{background:#ff5c7a33}.btn-icon{height:34px;justify-content:center;padding:0;width:34px}.btn-sm{font-size:12px;padding:6px 12px}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 9px}.badge-success{background:#22d3a01f;border:1px solid #22d3a040;color:#0d9e6e;color:var(--status-success)}.badge-error{background:#ff5c7a1f;border:1px solid #ff5c7a40;color:#d93025;color:var(--status-error)}.badge-warning{background:#f5c8421f;border:1px solid #f5c84240;color:#b07c00;color:var(--status-warning)}.badge-info{background:#00d4ff1f;border:1px solid #00d4ff40;color:#07a;color:var(--status-info)}.badge-purple{background:#8b72fa1f;border:1px solid #8b72fa40;color:#6d52e0;color:var(--accent-violet)}.badge-blue{background:#1a6ef71f;border:1px solid #1a6ef740;color:#1a6ef7;color:var(--accent-blue)}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.status-dot.success{background:#0d9e6e;background:var(--status-success);box-shadow:0 0 5px #0d9e6e;box-shadow:0 0 5px var(--status-success)}.status-dot.error{background:#d93025;background:var(--status-error)}.status-dot.warning{animation:pulseWarn 2s infinite;background:#b07c00;background:var(--status-warning)}.status-dot.processing{animation:pulseProc 1.4s infinite;background:#6d52e0;background:var(--accent-violet)}@keyframes pulseWarn{0%,to{box-shadow:0 0 0 0 #f5c84280}50%{box-shadow:0 0 0 5px #f5c84200}}@keyframes pulseProc{0%,to{opacity:1}50%{opacity:.4}}.input{background:#fff;background:var(--surface-1);border:1px solid #1a3a7a2e;border:1px solid var(--border-default);border-radius:8px;border-radius:var(--radius-sm);color:#0d1b3e;color:var(--text-primary);font-size:13.5px;outline:none;padding:9px 14px;transition:border-color .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1);transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.input::placeholder{color:#6478a8;color:var(--text-muted)}.input:focus{border-color:#1a6ef7;border-color:var(--accent-blue);box-shadow:0 0 0 3px #1a6ef71f}.input-wrap{position:relative}.input-wrap .input{padding-left:38px}.input-icon{color:#6478a8;color:var(--text-muted);font-size:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#eef2fb;background:var(--surface-3);color:#6478a8;color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:1px;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid #1a3a7a1a;border-bottom:1px solid var(--border-subtle)}.data-table td{color:#2e4478;color:var(--text-secondary);font-size:13.5px;padding:13px 16px;transition:background .14s cubic-bezier(.4,0,.2,1);transition:background var(--t-fast);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#1a6ef70d;background:var(--surface-hover);color:#0d1b3e;color:var(--text-primary)}.progress-track{background:#cfd9ef;background:var(--navy-700);height:6px}.progress-fill,.progress-track{border-radius:99px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#1a6ef7,#09b);background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));height:100%;position:relative;transition:width .7s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);bottom:0;content:"";left:-40px;position:absolute;top:0;width:40px}@keyframes shimmer{0%{transform:translateX(0)}to{transform:translateX(400px)}}.divider{background:#1a3a7a1a;background:var(--border-subtle);height:1px;margin:16px 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.anim-up{animation:fadeUp .4s ease both}.anim-in{animation:fadeIn .35s ease both}.anim-left{animation:slideLeft .35s ease both}.anim-scale{animation:scaleIn .3s ease both}.stagger>:first-child{animation-delay:0ms}.stagger>:nth-child(2){animation-delay:55ms}.stagger>:nth-child(3){animation-delay:.11s}.stagger>:nth-child(4){animation-delay:165ms}.stagger>:nth-child(5){animation-delay:.22s}.stagger>:nth-child(6){animation-delay:275ms}.stagger>:nth-child(7){animation-delay:.33s}.stagger>:nth-child(8){animation-delay:385ms}.grid-4{grid-gap:18px;grid-template-columns:repeat(4,1fr)}.grid-3,.grid-4{display:grid;gap:18px}.grid-3{grid-gap:18px;grid-template-columns:repeat(3,1fr)}.grid-2{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.empty-state{align-items:center;color:#6478a8;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 24px;text-align:center}.empty-state-icon{font-size:40px;opacity:.3}.theme-toggle{align-items:center;background:#f7f9ff;background:var(--surface-2);border:1px solid #1a3a7a1a;border:1px solid var(--border-subtle);border-radius:99px;color:#2e4478;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:5px 12px 5px 8px;transition:all .14s cubic-bezier(.4,0,.2,1);transition:all var(--t-fast)}.theme-toggle:hover{background:#1a6ef70d;background:var(--surface-hover);color:#0d1b3e;color:var(--text-primary)}.toggle-track{background:#1a3a7a2e;background:var(--border-default);border-radius:99px;flex-shrink:0;height:16px;position:relative;transition:background .24s cubic-bezier(.4,0,.2,1);transition:background var(--t-normal);width:30px}.toggle-track.on{background:#1a6ef7;background:var(--accent-blue)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;height:12px;left:2px;position:absolute;top:2px;transition:left .24s cubic-bezier(.4,0,.2,1);transition:left var(--t-normal);width:12px}.toggle-thumb.on{left:16px}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){:root{--sidebar-width:200px}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:700px){.sidebar{transform:translateX(-100%)}.main-content{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:199}@media (max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1);transition:transform var(--t-normal)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}}.dashboard-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1fr 1.2fr 300px}@media (max-width:1000px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.dashboard-grid{grid-template-columns:1fr}.page-header{flex-wrap:wrap;gap:8px;height:auto;min-height:62px;min-height:var(--header-height);padding:10px 16px}.page-title{font-size:16px}.page-body{padding:16px}.page-header>div:first-child{flex:1 1}}.menu-toggle{align-items:center;background:#f7f9ff;background:var(--surface-2);border:1px solid #1a3a7a1a;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);color:#2e4478;color:var(--text-secondary);cursor:pointer;display:none;font-size:18px;height:36px;justify-content:center;width:36px}@media (max-width:700px){.menu-toggle{display:flex}}
/*# sourceMappingURL=main.0617da3c.css.map*/