:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}a{color:inherit}.admin-layout{background:#f5f7fa;min-height:100vh;display:flex}.sidebar{color:#d1d5db;background:#111827;flex-shrink:0;width:240px;min-height:100vh;padding:24px 16px}.brand{align-items:center;gap:12px;padding:4px 8px 28px;display:flex}.brand-mark{color:#111827;background:#f59e0b;border-radius:9px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:15px;line-height:20px}.brand span{color:#9ca3af;margin-top:2px;font-size:12px}.navigation{flex-direction:column;gap:4px;display:flex}.nav-link,.nav-group-title{border-radius:7px;padding:10px 12px;font-size:14px;text-decoration:none;display:block}.nav-link{color:#d1d5db}.nav-link:hover{color:#fff;background:#1f2937}.nav-link.router-link-active{color:#fff;background:#374151}.nav-group{margin-top:8px}.nav-group-title{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;padding-bottom:6px;font-size:11px;font-weight:700}.nav-link-child{padding-left:24px}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:16px 32px;display:flex}.topbar h1{color:#111827;margin:0;font-size:20px;font-weight:650}.topbar p{color:#6b7280;margin:3px 0 0;font-size:13px}.admin-user{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.content{flex:1;padding:32px}.logout-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-size:12px}.logout-button:hover{background:#f9fafb}@media (width<=768px){.sidebar{width:200px}.topbar,.content{padding-left:20px;padding-right:20px}}@media (width<=600px){.sidebar{width:72px;padding:20px 8px}.brand{justify-content:center;padding-left:0;padding-right:0}.brand>div:last-child,.nav-link,.nav-group-title{display:none}.nav-group{margin-top:4px}.topbar{min-height:68px}.content{padding:20px 16px}}