*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg-card:#1a1d27;--bg-input:#252833;--border:#2e3140;--text:#e4e6ef;--text-muted:#8b8fa3;--primary:#6366f1;--primary-hover:#5254cc;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius:8px;--sidebar-width:240px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border-radius:var(--radius);border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;width:100%;padding:8px 12px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--primary)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}td{font-size:14px}tr:hover{background:#6366f10d}.layout{min-height:100vh;display:flex}.mobile-header,.sidebar-overlay{display:none}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border);z-index:100;flex-direction:column;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:0 20px 20px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-muted);align-items:center;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text);background:#6366f11a}.nav-link.active{background:var(--primary);color:#fff}.sidebar-user{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.logout-btn{color:var(--danger);border:1px solid var(--danger);background:0 0;padding:6px 12px;font-size:13px}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:32px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=768px){.mobile-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:90;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.menu-btn{color:var(--text);background:0 0;padding:4px 8px;font-size:20px}.mobile-title{font-size:16px;font-weight:600}.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:68px 16px 16px}.page-header{flex-direction:column!important;align-items:stretch!important}.page-filters{flex-direction:column!important}.page-filters input,.page-filters select{width:100%!important}.form-grid{grid-template-columns:1fr!important}.card-header{flex-direction:column!important}.stat-grid{grid-template-columns:1fr 1fr!important}th,td{padding:10px 12px;font-size:13px}}@media (width<=480px){.stat-grid{grid-template-columns:1fr!important}}