.sidebar{width:240px;height:100%;display:flex;flex-direction:column;background:#111a2e;color:#fff;border-right:1px solid #24304a;transition:width .18s ease;overflow:hidden}.sidebar.collapsed{width:60px}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #24304a}.brandTitle{font-size:18px;font-weight:800;color:#fff}.brandSub{font-size:11px;color:#9bb0d0}.collapseBtn{border:1px solid #24304a;background:#ffffff0d;width:30px;height:30px;border-radius:8px;cursor:pointer;color:#9bb0d0;padding:0;display:flex;align-items:center;justify-content:center}.nav{padding:12px;display:flex;flex-direction:column;gap:4px;flex:1}.navItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid transparent;background:transparent;font-weight:500;cursor:pointer;transition:all .15s ease;color:#c7d4ee;font-size:14px;text-align:left}.navItem:hover{background:#2d6cff1a;color:#fff}.navItem.active{border-color:#2d6cff;background:#2d6cff26;color:#fff}.navLabel{white-space:nowrap}.sidebarBottom{margin-top:auto;padding:12px;border-top:1px solid #24304a;display:flex;flex-direction:column;gap:8px}.userInfo{font-size:12px;color:#9bb0d0;padding:4px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logoutBtn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid transparent;background:transparent;font-weight:500;cursor:pointer;color:#9bb0d0;font-size:14px;text-align:left}.logoutBtn:hover{background:#ef44441a;color:#ef4444}.appShell{height:100vh;width:100%;display:flex;overflow:hidden;background:#0b1220}.appMain{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.pageFill{flex:1;width:100%;padding:24px;overflow:auto}html,body,#root{height:100%;width:100%;margin:0}*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#2d6cff;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-width:320px;min-height:100%}button{border-radius:8px;border:1px solid #24304a;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#111a2e;color:#fff;cursor:pointer;transition:border-color .2s}button:hover{border-color:#2d6cff}button:focus,button:focus-visible{outline:2px solid #2d6cff;outline-offset:2px}input,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b1220}::-webkit-scrollbar-thumb{background:#24304a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2d6cff}