@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Merriweather:wght@400;700;900&display=swap");:root{--red-flag:#a50e22;--red-dark:#7b0a18;--red-light:#c8192f;--red-subtle:rgba(165,14,34,.08);--gold-primary:#b8860b;--gold-light:#c9950a;--gold-bright:#daa520;--gold-pale:#f4e4a6;--primary:#0e1f33;--primary-mid:#1a3054;--primary-light:#234b7a;--primary-accent:#2e6da4;--bg-main:#f7f5f0;--bg-card:#fff;--bg-sidebar:#0e1f33;--bg-header:#a50e22;--bg-stripe:#f0ede6;--text-main:#1c1917;--text-muted:#57534e;--text-light:#78716c;--text-on-dark:#ede8df;--text-on-red:#fff;--text-gold:#c9950a;--border:#ddd8cf;--border-strong:#c8c0b4;--border-red:#a50e22;--border-gold:#b8860b;--divider:linear-gradient(90deg,transparent,#a50e22 20%,#b8860b 50%,#a50e22 80%,transparent);--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.14);--shadow-official:0 4px 20px rgba(14,31,51,.18);--shadow-red:0 4px 16px rgba(165,14,34,.25);--radius:3px;--radius-md:5px;--radius-lg:8px;--sidebar-width:290px;--header-height:60px;--transition:all 0.22s ease}[data-theme=dark]{--bg-main:#0a0f1a;--bg-card:#121929;--text-main:#f0ede8;--text-muted:#a09880;--border:#2a3348}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Be Vietnam Pro,Times New Roman,serif;background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s ease}a{color:inherit;text-decoration:none}.glass-panel{border:1px solid var(--border)}.glass-panel,.official-panel{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:relative}.official-panel{border:1px solid var(--border);border-top:3px solid var(--red-flag)}.premium-gradient{background:linear-gradient(135deg,var(--red-dark) 0,var(--red-flag) 50%,var(--red-light) 100%)}.state-gradient{background:linear-gradient(135deg,var(--primary) 0,var(--primary-mid) 100%)}.text-gradient{background:linear-gradient(135deg,var(--red-dark) 0,var(--red-flag) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.official-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--red-flag);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:2px;letter-spacing:.05em;text-transform:uppercase}.divider-official{height:2px;background:var(--divider);margin:1rem 0;border:none}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#c0b8a8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--red-flag)}.heading-official{font-family:Be Vietnam Pro,serif;font-weight:800;letter-spacing:-.01em;color:var(--primary)}.subheading-official{font-family:Be Vietnam Pro,serif;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes pulseRed{0%,to{box-shadow:0 0 0 0 rgba(200,0,30,.3)}50%{box-shadow:0 0 0 6px rgba(200,0,30,0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.2)!important}.notif-item:hover{background:rgba(200,0,30,.03)!important}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px rgba(200,0,30,.4)!important}.login-btn:active:not(:disabled){transform:translateY(0)}.sidebar-nav-item:hover{background:hsla(0,0%,100%,.06)!important;color:#ffdca0!important;border-left-color:rgba(200,0,30,.5)!important}.logout-btn:hover{background:rgba(200,0,30,.18)!important;border-color:rgba(200,0,30,.5)!important;color:#ff6b6b!important}nav::-webkit-scrollbar{display:none}.dropdown-item-official{display:flex;align-items:center;padding:.625rem .75rem;border-radius:4px;font-size:.875rem;color:var(--text-main);cursor:pointer;transition:all .18s ease;text-decoration:none;gap:.75rem;margin-bottom:2px}.dropdown-item-official:hover{background:rgba(200,0,30,.05)}.dropdown-icon{font-size:1rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:hsla(40,33%,91%,.8);border-radius:4px;border:1px solid var(--border);flex-shrink:0}@media (max-width:1024px){:root{--sidebar-width:260px}}@media (max-width:768px){:root{--sidebar-width:260px}.desktop-only{display:none!important}.glass-panel,.official-panel{border-radius:4px}}.mobile-only{display:none!important}@media (max-width:768px){.mobile-only{display:flex!important}}.main-content{flex:1 1;margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease,max-width .3s ease}.app-header{background:linear-gradient(135deg,#c8001e,#9b0016);border-bottom:3px solid #ffcd00;box-shadow:0 4px 16px rgba(0,0,0,.25);position:-webkit-sticky;position:sticky;top:0;z-index:90}.page-content{flex:1 1;padding:2rem 2.5rem;animation:fadeInUp .3s ease}.header-inner{padding:.875rem 2rem}.app-footer{padding:.875rem 2.5rem}@media (max-width:768px){.main-content{margin-left:0!important;max-width:100vw!important}.app-sidebar{transform:translateX(-100%)!important}.app-sidebar.open{transform:translateX(0)!important}.page-content{padding:1.5rem 1rem}.header-inner{padding:.75rem 1rem}.app-footer{padding:.875rem 1rem}}@media (max-width:480px){.page-content{padding:1rem .5rem}.header-inner{padding:.5rem}.glass-panel,.official-panel{padding:1rem!important}.header-inner h2{font-size:.9rem!important}.grid-auto-fit{grid-template-columns:1fr!important}}.login-container{min-height:100vh;display:flex;background:linear-gradient(135deg,#0d2137,#1a3a5c 40%,#0a1b2e);position:relative;overflow:hidden}.login-left-panel{flex:1 1;align-items:center;padding:3rem}.login-left-panel,.login-right-panel{display:flex;flex-direction:column;justify-content:center;position:relative}.login-right-panel{width:480px;background:#f4f1ec;box-shadow:-8px 0 40px rgba(0,0,0,.3)}.login-form-inner{padding:3.5rem 3rem}@media (max-width:1024px){.login-left-panel{padding:2rem}.login-right-panel{width:400px}.login-form-inner{padding:2.5rem 2rem}}@media (max-width:768px){.login-container{flex-direction:column;overflow-y:auto}.login-left-panel{padding:2rem 1.5rem;min-height:auto;flex:none}.login-right-panel{width:100%;flex:1 1;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -8px 40px rgba(0,0,0,.3)}.login-form-inner{padding:2.5rem 1.5rem}}@media (max-width:480px){.login-form-inner{padding:2rem 1.25rem}.login-right-panel{border-top-left-radius:16px;border-top-right-radius:16px}}