:root{color-scheme:light}body{margin:0}.app-shell{display:flex;min-height:100vh;background:#f1f5f9;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}.side{width:256px;flex-shrink:0;background:#0a1424;color:#cbd5e1;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px;box-sizing:border-box}.side-brand{display:flex;align-items:center;gap:12px;padding:0 8px 20px}.brand-logo{width:36px;height:36px;border-radius:12px;background:#6366f1;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -4px #6366f180;color:#fff}.brand-logo svg{width:20px;height:20px}.brand-name{color:#fff;font-weight:600;font-size:15px;letter-spacing:.5px}.brand-sub{color:#64748b;font-size:11px;margin-top:2px}.side-user{display:flex;align-items:center;gap:10px;margin:0 6px 16px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid #1c2c47}.avatar{width:26px;height:26px;border-radius:50%;background:#6366f14d;color:#c7d2fe;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-email{font-size:12px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav{flex:1;overflow-y:auto;padding:4px 0}.nav-group{margin-bottom:22px}.nav-group-title{padding:0 12px 6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#475569}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;margin:2px 4px;border-radius:10px;font-size:13.5px;color:#cbd5e1;cursor:pointer;text-decoration:none;transition:background .18s ease,color .18s ease}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#6366f129;color:#fff;box-shadow:inset 3px 0 #6366f1}.nav-ico{width:18px;height:18px;display:inline-flex;color:#94a3b8;flex-shrink:0}.nav-ico svg{width:18px;height:18px}.nav-item.active .nav-ico{color:#c7d2fe}.nav-label{flex:1}.nav-item .ml-auto{margin-left:auto}.plan{font-size:11px;color:#fcd34d;font-weight:500}.nav-parent{margin:2px 4px}.nav-parent>.nav-item{margin:0}.nav-sub{padding:2px 0 4px}.nav-sub-item{display:flex;align-items:center;padding:7px 12px 7px 30px;margin:1px 0 1px 16px;border-left:1px solid #1c2c47;border-radius:0 8px 8px 0;font-size:12.5px;color:#94a3b8;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease}.nav-sub-item:hover{background:#ffffff0d;color:#fff}.nav-sub-item.active{background:#6366f129;color:#fff;box-shadow:inset 3px 0 #6366f1}.chev{margin-left:auto;width:14px;height:14px;color:#64748b;transition:transform .18s ease}.chev svg{width:14px;height:14px}.chev.open{transform:rotate(90deg)}.side-bottom{border-top:1px solid #1c2c47;padding-top:10px}.main{flex:1;min-width:0}.main-inner{max-width:1600px;margin:0 auto;padding:28px 32px 40px;box-sizing:border-box}@media (max-width: 1024px){.side{display:none}.main-inner{padding:18px 16px 32px}}