@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--border-subtle:hsla(0,0%,100%,.05);--danger-color:#f85149;--accent-color:#238636;--bg-color:#0f1318;--input-bg:hsla(0,0%,100%,.07);--text-secondary:#8b949e;--border-default:hsla(0,0%,100%,.1);--font-family:"Inter",system-ui,-apple-system,sans-serif;--surface-primary:hsla(0,0%,100%,.03);--text-heading:#fff;--border-strong:hsla(0,0%,100%,.2);--input-text:#fff;--accent-hover:#2ea043;--glass-border:hsla(0,0%,100%,.1);--sidebar-bg:#1c2128;--text-primary:#c9d1d9;--shadow-color:rgba(0,0,0,.5);--accent-primary:#6366f1;--bg-color-secondary:#161d27;--sidebar-width:260px;--surface-hover:hsla(0,0%,100%,.06);--input-border:hsla(0,0%,100%,.15);--color-scheme:dark;--surface-elevated:#1c2128;--input-bg-focus:hsla(0,0%,100%,.1);--overlay-bg:rgba(0,0,0,.6);--shadow-card:0 8px 32px 0 rgba(0,0,0,.3);--sidebar-hover:#2d333b;--login-gradient:radial-gradient(circle at top right,#1a2333,#0d1117);--glass-bg:rgba(22,27,34,.7);--surface-active:hsla(0,0%,100%,.09)}[data-theme=light]{--border-subtle:rgba(0,0,0,.08);--danger-color:#dc2626;--accent-color:#1a7f37;--bg-color:#f4f6f9;--input-bg:#f5f6f8;--text-secondary:#6b7280;--border-default:rgba(0,0,0,.13);--surface-primary:#fff;--text-heading:#111827;--border-strong:rgba(0,0,0,.22);--input-text:#1f2937;--accent-hover:#1a6d2e;--glass-border:rgba(0,0,0,.1);--sidebar-bg:#fff;--text-primary:#1f2937;--shadow-color:rgba(0,0,0,.1);--accent-primary:#6366f1;--bg-color-secondary:#fff;--surface-hover:#f5f6f8;--input-border:rgba(0,0,0,.18);--color-scheme:light;--surface-elevated:#fff;--input-bg-focus:#eef0f3;--overlay-bg:rgba(0,0,0,.45);--shadow-card:0 2px 8px 0 rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.04);--sidebar-hover:#f0f1f3;--login-gradient:radial-gradient(circle at top right,#e8eaed,#f4f6f9);--glass-bg:hsla(0,0%,100%,.95);--surface-active:#eef0f3}*{box-sizing:border-box}*,body{padding:0;margin:0}body{min-height:100vh;overflow-x:hidden;color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;font-family:var(--font-family)}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:12px;background:var(--glass-bg)}.app-container{height:100vh;width:100vw;display:flex}.sidebar{border-right:1px solid var(--glass-border);transition:width .3s ease;flex-direction:column;background-color:var(--sidebar-bg);align-items:stretch!important;width:var(--sidebar-width);display:flex}.sidebar-header{height:70px;padding:0 20px;font-size:1.2rem;font-weight:700;color:var(--text-heading);border-bottom:1px solid var(--glass-border);align-items:center;display:flex}.sidebar-nav{flex:1;overflow-y:auto;padding:15px 0;flex-direction:column;align-items:stretch!important;display:flex}.nav-item{padding:12px 20px;justify-content:flex-start!important;text-decoration:none;color:var(--text-secondary);transition:all .2s ease;gap:12px;text-align:left!important;align-items:center;cursor:pointer;width:100%;display:flex}.nav-item.active,.nav-item:hover{border-left:3px solid var(--accent-color);color:var(--text-heading);background-color:var(--sidebar-hover);padding-left:17px}.sub-nav-item{font-size:.85rem;padding-left:50px}.sub-nav-item.active,.sub-nav-item:hover{padding-left:47px}.main-content{flex:1;overflow:hidden;flex-direction:column;display:flex}.topbar{height:70px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0 30px;justify-content:space-between;border-bottom:1px solid var(--glass-border);background-color:var(--glass-bg);align-items:center;display:flex}.page-content{flex:1;overflow-y:auto;padding:30px}.btn{padding:10px 20px;justify-content:center;border:none;font-weight:600;color:#fff;transition:background-color .2s ease,transform .1s ease;gap:8px;background-color:var(--accent-color);align-items:center;border-radius:6px;cursor:pointer;display:inline-flex}.btn:hover{background-color:var(--accent-hover)}.btn:active{transform:scale(.98)}.btn-danger{background-color:var(--danger-color)}.btn-danger:hover{background-color:#d73a49}.form-group{margin-bottom:20px}.form-label{font-size:.9rem;font-weight:500;margin-bottom:8px;color:var(--text-secondary);display:block}.form-input{padding:12px 14px;font-size:1rem;border:1px solid var(--input-border);color:var(--text-primary);transition:border-color .2s,background-color .2s;background-color:var(--input-bg);border-radius:6px;width:100%}input[type=date],input[type=time]{color-scheme:var(--color-scheme)}input[type=checkbox]{height:18px;flex-shrink:0;border:2px solid var(--accent-primary);appearance:none;-webkit-appearance:none;transition:background-color .15s,border-color .15s;position:relative;background-color:transparent;border-radius:4px;cursor:pointer;width:18px}input[type=checkbox]:checked{border-color:var(--accent-primary);background-color:var(--accent-primary)}input[type=checkbox]:checked:after{height:10px;transform:rotate(45deg);border:2px solid #fff;border-left:none;content:"";position:absolute;border-top:none;top:1px;left:4px;width:6px}input[type=checkbox]:focus-visible{outline-offset:2px;outline:2px solid var(--accent-primary)}select{color-scheme:var(--color-scheme)}.form-input:focus{border-color:var(--accent-color);outline:none;background-color:var(--input-bg-focus)}.form-input option{color:var(--text-primary);background-color:var(--bg-color-secondary)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;gap:20px;display:grid}.stat-card{overflow:hidden;padding:20px;position:relative;flex-direction:column;gap:10px;border-radius:12px;display:flex}.stat-card:before{height:100%;content:"";position:absolute;top:0;background:var(--accent-color);left:0;width:4px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-heading)}.stat-label{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.login-wrapper{min-height:100vh;justify-content:center;align-items:center;background:var(--login-gradient);display:flex}.login-box{padding:40px;max-width:420px;text-align:center;width:100%}.login-logo{font-size:2rem;font-weight:700;margin-bottom:30px;color:var(--text-heading);gap:10px;align-items:center;display:inline-flex}@keyframes fadeIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .4s ease forwards}.form-input,.glass-panel,.nav-item,.sidebar,.stat-card,.topbar,body{transition:background-color .25s ease,color .25s ease,border-color .25s ease}.mobile-hamburger{padding:8px;border:none;color:var(--text-heading);transition:background-color .2s;border-radius:8px;background:none;cursor:pointer;display:none}.mobile-hamburger:hover{background-color:var(--surface-hover)}.sidebar-overlay{display:none}@media(max-width:768px){.app-container{flex-direction:column}.mobile-hamburger{justify-content:center;align-items:center;display:flex}.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;top:0;box-shadow:none;left:0;width:280px;z-index:10000}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0006}.sidebar-overlay{pointer-events:none;transition:opacity .3s ease;position:fixed;opacity:0;inset:0;background-color:#00000080;display:block;z-index:9999}.sidebar-overlay.active{pointer-events:auto;opacity:1}.main-content{width:100vw}.topbar{height:56px;padding:0 15px}.page-content{padding:15px}.dashboard-grid{grid-template-columns:1fr}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:10px;width:100%;display:block}.table-responsive-inner{min-width:700px}div[style*="grid-template-columns: 1fr 1fr 1fr;"],div[style*="grid-template-columns: 1fr 1fr;"]{grid-template-columns:1fr!important}}@media(max-width:480px){.topbar{height:50px;padding:0 10px}.topbar .btn{padding:6px 12px;font-size:.8rem}.page-content{padding:10px}}