*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0d2a5e;--navy-light:#1e3a8a;--slate-900:#0f172a;--slate-800:#1e293b;--slate-50:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#06b6d4;--green:#10b981;--red:#ef4444;--yellow:#f59e0b;--sidebar-w:240px}body{background:var(--slate-50);color:var(--slate-800);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}input,select,textarea,button{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes meshGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulseBell{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)scale(1.1)}75%{transform:rotate(15deg)scale(1.1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#0f172ab3;border-right:1px solid #ffffff0d}.card-hover{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a}.btn-primary{background:var(--primary);color:#fff;transition:all .2s;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:active:not(:disabled){transform:translateY(0)}.bg-mesh{background:linear-gradient(-45deg,#0f172a,#1e3a8a,#0c4a6e,#0f172a) 0 0/400% 400%;animation:15s infinite meshGradient}.sidebar{background:var(--slate-900);background-image:linear-gradient(180deg, var(--slate-900) 0%, var(--navy-light) 100%);border-right:1px solid #ffffff0d}.nav-link{color:#fff9;border-left:3px solid #0000;margin-bottom:2px;padding:10px 16px;font-size:13px;font-weight:400;transition:all .2s;display:block}.nav-link:hover{color:#fff;background:#ffffff0d;transform:translate(3px)}.nav-link.active{color:#fff;border-left-color:var(--primary);background:#ffffff1a;font-weight:500}.topbar-glass{-webkit-backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid #0000000d;box-shadow:0 4px 20px -10px #0000000d}.mobile-nav-bottom{display:none}@media (width<=1024px){.sidebar{height:100vh;transition:transform .3s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;margin-right:12px;font-size:20px;display:block!important}.sidebar-close-btn{display:block!important}}@media (width>=1025px){.mobile-menu-btn,.sidebar-close-btn{display:none!important}}.grid-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.grid-charts{grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:24px;display:grid}.grid-assignment{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;display:grid}.grid-upload{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.grid-upload-3{grid-template-columns:1fr 1.5fr .5fr;gap:14px;margin-bottom:16px;display:grid}.flex-filter{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.photo-modal-content{background:#fff;border-radius:12px;gap:24px;width:800px;max-width:95vw;max-height:90vh;padding:28px;display:flex;overflow-y:auto;box-shadow:0 24px 64px #0003}.photo-modal-left{flex-direction:column;flex-shrink:0;width:300px;display:flex}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{border-collapse:collapse;width:100%;min-width:600px}.login-card-wrapper{z-index:10;width:100%;max-width:380px;position:relative}@media (width<=1024px){.grid-stats{grid-template-columns:repeat(2,1fr)}.grid-charts{grid-template-columns:1fr}.photo-modal-content{flex-direction:column;gap:16px;width:90vw;height:90vh;padding:20px}.photo-modal-left{width:100%}}@media (width<=767px){.grid-stats,.grid-assignment,.grid-upload,.grid-upload-3{grid-template-columns:1fr}.flex-filter{flex-direction:column;justify-content:flex-start;align-items:stretch}.flex-filter>*{width:100%!important;max-width:none!important}.table-responsive table th,.table-responsive table td{padding:8px 10px!important;font-size:11px!important}.photo-modal-content{border-radius:0;width:100vw;height:100vh;max-height:100vh}.photo-modal-view{justify-content:center;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important}.login-card-wrapper{padding:0 16px}.topbar-glass{padding:0 16px!important}}