:root{--nordic-sidebar:#2e3440;--nordic-titlebar:#3b4252;--nordic-content:#eceff4;--nordic-accent:#88c0d0;--nordic-accent-hover:#5e81ac;--nordic-text-primary:#2e3440;--nordic-text-secondary:#4c566a;--nordic-text-light:#d8dee9;--nordic-white:#fff;--nordic-success:#a3be8c;--nordic-danger:#bf616a;--nordic-warning:#ebcb8b;color:var(--nordic-text-primary);background-color:var(--nordic-content);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;margin:0;overflow:hidden}#root{height:100vh}.layout{background-color:var(--nordic-content);width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--nordic-sidebar);width:260px;color:var(--nordic-text-light);z-index:100;flex-direction:column;flex-shrink:0;transition:width .3s;display:flex}.content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.header{background-color:var(--nordic-white);height:70px;color:var(--nordic-text-primary);z-index:10;border-bottom:1px solid #e5e9f0;align-items:center;padding:0 24px;display:flex}.main-content{flex:1;padding:32px;overflow-y:auto}.card{background-color:var(--nordic-white);border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 2px 8px #0000000d}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--nordic-accent);color:var(--nordic-white)}.btn-primary:hover{background-color:var(--nordic-accent-hover)}h1,h2,h3{margin-bottom:12px;font-weight:600}.nav-item{color:#d8dee9b3;cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--nordic-white);background-color:#ffffff0d}.nav-item.active{color:var(--nordic-white);border-left:4px solid var(--nordic-accent);background-color:#ffffff1a}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;color:var(--nordic-text-secondary);border-bottom:1px solid #e5e9f0;padding:12px;font-size:12px}td{border-bottom:1px solid #e5e9f0;padding:16px 12px;font-size:14px}tr:hover{background-color:#f8fafc}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--nordic-white);border-left:4px solid var(--nordic-accent);border-radius:12px;padding:24px}.stat-value{margin-top:8px;font-size:28px;font-weight:700}@media (width<=768px){.sidebar{width:0;height:100vh;position:absolute;left:-260px}.sidebar.mobile-open{width:260px;left:0}.main-content{padding:16px}.header{padding:0 16px}table{white-space:nowrap;display:block;overflow-x:auto}.card{padding:16px}.stats-grid{grid-template-columns:1fr}.modal-content{width:95%!important;height:95vh!important;margin:10px!important}}