@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0f0f10;--bg-secondary:#0f0f10;--bg-surface:#1d1d1f;--bg-surface-elevated:#242426;--bg-surface-hover:#2c2c2e;--primary:#007aff;--primary-variant:#5ac8fa;--primary-light:#5ac8fa;--primary-glow:#007aff26;--primary-glow-strong:#007aff4d;--text-primary:#fff;--text-secondary:#b5b5b8;--text-tertiary:#8e8e93;--text-on-primary:#fff;--status-excellent:#32d74b;--status-good:#32d74b;--status-average:#ff9f0a;--status-low:#ff453a;--status-critical:#ff453a;--cat-exam:#ff6b6b;--cat-holiday:#4ecdc4;--cat-vacation:#45b7d1;--cat-academic:#96ceb4;--cat-deadline:#ffeaa7;--cat-festival:plum;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--primary-glow);--sidebar-width:280px;--topbar-height:64px;--bottomnav-height:64px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);border:1px solid #ffffff0f}.card:hover{box-shadow:var(--shadow-glow);border-color:#6c63ff33}.card-glass{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-lg);background:#1e1e22b3;border:1px solid #ffffff14}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-variant));color:var(--text-on-primary);box-shadow:0 4px 16px #6c63ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6c63ff66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid #ffffff1a}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:#6c63ff4d}.btn-danger{color:#fff;background:linear-gradient(135deg,#f44336,#d32f2f)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-full);background:var(--bg-surface-elevated);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--bg-surface-hover)}.input-group{gap:var(--space-sm);flex-direction:column;display:flex}.input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-field{background:var(--bg-surface-elevated);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #ffffff14;outline:none;padding:14px 16px;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-field::placeholder{color:var(--text-tertiary)}select.input-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239E9EA7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.page-container{padding:var(--space-lg);max-width:1200px;margin:0 auto;animation:.3s fadeIn}.page-header{margin-bottom:var(--space-xl)}.page-header h1{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.8rem;font-weight:700}.page-header p{color:var(--text-secondary);font-size:.95rem}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.tabs{gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-surface);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.tab{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:500}.tab:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.tab.active{background:var(--primary);color:#fff}.chip{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.chip-exam{color:var(--cat-exam);background:#ff6b6b26}.chip-holiday{color:var(--cat-holiday);background:#4ecdc426}.chip-vacation{color:var(--cat-vacation);background:#45b7d126}.chip-academic{color:var(--cat-academic);background:#96ceb426}.chip-deadline{color:var(--cat-deadline);background:#ffeaa726}.chip-festival{color:var(--cat-festival);background:#dda0dd26}.chip-lost{color:#ff9800;background:#ff980026}.chip-found{color:#4caf50;background:#4caf5026}.chip-returned{color:#2196f3;background:#2196f326}.progress-bar{background:var(--bg-surface-elevated);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.circular-progress{justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-progress svg{transform:rotate(-90deg)}.circular-progress-text{font-size:.85rem;font-weight:700;position:absolute}.skeleton{background:linear-gradient(90deg, var(--bg-surface-elevated) 25%, var(--bg-surface-hover) 50%, var(--bg-surface-elevated) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{border:3px solid var(--bg-surface-elevated);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.loading-container{justify-content:center;align-items:center;gap:var(--space-md);min-height:300px;color:var(--text-secondary);flex-direction:column;display:flex}.empty-state{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center;color:var(--text-tertiary);flex-direction:column;display:flex}.empty-state-icon{opacity:.5;font-size:3rem}.error-state{align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;flex-direction:column;display:flex}.error-state .error-icon{font-size:2.5rem}.error-state .error-message{color:var(--status-critical);font-weight:500}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0f;padding:12px 16px;font-size:.8rem;font-weight:600}.data-table td{border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:.9rem}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-surface-elevated)}.toast{background:var(--bg-surface-elevated);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;padding:12px 24px;animation:.3s slideUp;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-fade-in-up{animation:.4s forwards fadeInUp}.animate-scale-in{animation:.3s forwards scaleIn}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(7){animation-delay:.3s}.stagger>:nth-child(8){animation-delay:.35s}.stagger>:nth-child(9){animation-delay:.4s}.stagger>:nth-child(10){animation-delay:.45s}@media (max-width:768px){.page-container{padding:var(--space-md);padding-bottom:calc(var(--bottomnav-height) + var(--space-lg))}.page-header h1{font-size:1.4rem}}@media (max-width:480px){.page-container{padding:var(--space-sm);padding-bottom:calc(var(--bottomnav-height) + var(--space-lg))}}
.Sidebar-module__YGxSLW__overlay{z-index:98;background:#0009;animation:.2s Sidebar-module__YGxSLW__fadeIn;position:fixed;inset:0}.Sidebar-module__YGxSLW__sidebar{background:var(--bg-surface);z-index:99;border-right:1px solid #ffffff0f;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.Sidebar-module__YGxSLW__sidebar.Sidebar-module__YGxSLW__open{transform:translate(0)}@media (min-width:1024px){.Sidebar-module__YGxSLW__overlay{display:none}.Sidebar-module__YGxSLW__sidebar{position:fixed;transform:translate(0)}}.Sidebar-module__YGxSLW__header{text-align:center;background:linear-gradient(135deg, var(--primary), var(--primary-variant));padding:40px 20px 24px}.Sidebar-module__YGxSLW__avatar{background:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:1.8rem;display:flex}.Sidebar-module__YGxSLW__label{color:#fffc;letter-spacing:.1em;font-size:.7rem;font-weight:500}.Sidebar-module__YGxSLW__enrollmentNo{color:#fff;margin-top:4px;font-size:1rem;font-weight:700}.Sidebar-module__YGxSLW__nav{flex-direction:column;gap:2px;padding:16px 12px;display:flex}.Sidebar-module__YGxSLW__navItem{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .15s;display:flex}.Sidebar-module__YGxSLW__navItem:hover{background:var(--bg-surface-elevated)}.Sidebar-module__YGxSLW__navItem.Sidebar-module__YGxSLW__active{color:var(--primary);background:#6c63ff1f}.Sidebar-module__YGxSLW__navIcon{text-align:center;width:24px;font-size:1.2rem}.Sidebar-module__YGxSLW__navLabel{font-weight:500}.Sidebar-module__YGxSLW__divider{background:#ffffff0f;height:1px;margin:12px 0}.Sidebar-module__YGxSLW__sectionTitle{color:var(--text-tertiary);letter-spacing:.1em;padding:4px 16px 8px;font-size:.7rem;font-weight:600}@keyframes Sidebar-module__YGxSLW__fadeIn{0%{opacity:0}to{opacity:1}}
.BottomNav-module__wTYvCG__bottomNav{height:var(--bottomnav-height);background:var(--bg-surface);z-index:50;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.BottomNav-module__wTYvCG__bottomNav{border-radius:16px 16px 0 0;max-width:600px;left:50%;transform:translate(-50%)}}.BottomNav-module__wTYvCG__tab{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-family:inherit;transition:all .2s;display:flex}.BottomNav-module__wTYvCG__tab:hover{color:var(--text-secondary)}.BottomNav-module__wTYvCG__tab.BottomNav-module__wTYvCG__active{color:var(--primary)}.BottomNav-module__wTYvCG__tab.BottomNav-module__wTYvCG__active .BottomNav-module__wTYvCG__icon{transform:scale(1.1)}.BottomNav-module__wTYvCG__icon{font-size:1.3rem;transition:transform .2s}.BottomNav-module__wTYvCG__label{font-size:.7rem;font-weight:600}
.AppLayout-module__AzyOBa__appLayout{background:var(--bg-primary);min-height:100vh}.AppLayout-module__AzyOBa__mainContent{min-height:100vh;transition:margin-left .3s}@media (min-width:1024px){.AppLayout-module__AzyOBa__mainContent{margin-left:var(--sidebar-width)}}.AppLayout-module__AzyOBa__topBar{height:var(--topbar-height);align-items:center;gap:var(--space-md);padding:0 var(--space-lg);-webkit-backdrop-filter:blur(20px);z-index:40;background:#121214d9;border-bottom:1px solid #ffffff0a;display:flex;position:sticky;top:0}.AppLayout-module__AzyOBa__menuBtn{background:var(--bg-surface-elevated);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.AppLayout-module__AzyOBa__menuBtn:hover{background:var(--bg-surface-hover)}@media (min-width:1024px){.AppLayout-module__AzyOBa__menuBtn{display:none}}.AppLayout-module__AzyOBa__topBarTitle{color:var(--text-primary);font-size:1.15rem;font-weight:600}.AppLayout-module__AzyOBa__pageArea{min-height:calc(100vh - var(--topbar-height))}
.AdBanner-module__p7zzmG__bannerContainer{z-index:45;opacity:0;pointer-events:none;background:0 0;border-top:1px solid #0000;justify-content:center;align-items:center;min-height:0;max-height:0;transition:max-height .4s ease-out,opacity .5s ease-in;display:flex;position:fixed;left:0;right:0;overflow:hidden}.AdBanner-module__p7zzmG__bannerContainer.AdBanner-module__p7zzmG__filled{opacity:1;background:var(--bg-primary);pointer-events:auto;border-top:1px solid #ffffff0f;min-height:50px;max-height:150px}@media (min-width:1024px){.AdBanner-module__p7zzmG__bannerContainer{left:var(--sidebar-width)}}