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