/* Layout */
.layout{display:flex;flex:1;overflow:hidden}
.sidebar{width:212px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}
.sidebar-logo{padding:14px 16px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}
.sidebar-logo-icon{width:34px;height:34px;background:var(--kai-red);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}
.sidebar-brand{font-size:0.875rem;font-weight:800;line-height:1.2}
.sidebar-brand span{color:var(--kai-red)}
.sidebar-sub{font-size:0.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
.nav-sec{padding:12px 16px 4px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700}
.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:12px;color:var(--muted);cursor:pointer;transition:all 0.15s;font-weight:500;text-decoration:none}
.nav-item:hover{background:rgba(0,0,0,0.04);color:var(--text)}
.nav-item.active{background:rgba(220,38,38,0.1);color:var(--kai-red);border-right:3px solid var(--kai-red)}
.nav-item i{width:16px;text-align:center;font-size:13px}
.nav-badge{margin-left:auto;background:var(--red);color:#fff;padding:0.1rem 0.375rem;border-radius:100px;font-size:0.5625rem;font-weight:700}
.nav-badge.warn{background:var(--yellow)}
.nav-badge.ok{background:var(--green)}
.nav-badge.blue{background:var(--accent)}
.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:10px}
.sidebar-avatar{width:30px;height:30px;background:linear-gradient(135deg,var(--kai-red),var(--orange));border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:0.6875rem;font-weight:700;color:#fff;flex-shrink:0}
.sidebar-user-name{font-size:0.75rem;font-weight:600;color:var(--text)}
.sidebar-user-role{font-size:0.625rem;color:var(--muted)}
.sidebar-logout{margin-left:auto;color:var(--muted);cursor:pointer;font-size:12px}
.sidebar-logout:hover{color:var(--red)}

.main{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}

/* Page header */
.page-hdr{display:flex;align-items:center;justify-content:space-between}
.page-title{font-size:1rem;font-weight:800;color:var(--text)}
.page-sub{font-size:0.75rem;color:var(--muted);margin-top:2px}
.page-actions{display:flex;gap:0.5rem;align-items:center}

/* Grid helpers */
.row2{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
.row-half{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
.row4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem}
.col{display:flex;flex-direction:column;gap:1rem}