:root{--color-sidebar-bg: #1a1f2e;--color-sidebar-text: #cbd5e1;--color-sidebar-active: #3b82f6;--color-content-bg: #f8fafc;--color-primary: #3b82f6;--color-danger: #ef4444;--color-success: #22c55e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-content-bg);color:#1e293b;font-size:14px}.admin-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-header{padding:20px 16px 16px;border-bottom:1px solid #2d3748}.sidebar-logo{font-size:18px;font-weight:700;color:#fff}.sidebar-app{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-top:2px}.sidebar-nav{flex:1;padding:12px 0}.nav-section-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#475569;padding:12px 16px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;color:var(--color-sidebar-text);text-decoration:none;font-size:13px;cursor:pointer;transition:background .15s}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.sidebar-footer{padding:12px 16px;border-top:1px solid #2d3748}.content-area{flex:1;background:var(--color-content-bg);overflow-y:auto;padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:20px;font-weight:700;color:#1e293b}.page-subtitle{font-size:13px;color:#64748b;margin-top:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b;gap:8px}.empty-state-title{font-size:15px;font-weight:600;color:#475569}