:root{--bg: #fafafa;--surface: #ffffff;--border: #e2e5ea;--text: #1a1a1a;--muted: #6b7686;--accent: #1f4e79;--accent-contrast: #ffffff;--danger: #b3261e;--success: #1e7a3c;--radius: 8px;--sidebar: #f3f3f3;--sidebar-border: #e4e4e4;--sidebar-hover: #ebebeb;--sidebar-active: #e6e6e6;--nav-indicator: #0067c0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI Variable,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;font-size:14px}@media (max-width: 760px){body{font-size:15px}}.shell{display:flex;min-height:100%}.content{flex:1;padding:24px;min-width:0}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--sidebar-border);color:var(--text);display:flex;flex-direction:column;padding:18px 10px 12px;position:sticky;top:0;height:100vh}.brand{text-align:center;padding:4px 8px 16px}.brand-logo{width:64px;height:64px;display:block;margin:0 auto 10px}.brand-title{font-size:13px;font-weight:600;line-height:1.3}.nav{flex:1;overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group+.nav-group{margin-top:14px}.nav-item{position:relative;display:flex;align-items:center;gap:14px;height:38px;padding:0 12px 0 14px;border-radius:6px;color:var(--text);text-decoration:none;font-size:14px}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:var(--sidebar-active)}.nav-item.active:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:2px;background:var(--nav-indicator)}.user-box{border-top:1px solid var(--sidebar-border);padding:12px 6px 0}.user-row{display:flex;align-items:center;gap:8px}.user-info{flex:1;min-width:0}.user-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:var(--muted);margin-top:1px}.gear{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:var(--text);flex-shrink:0}.gear:hover{background:var(--sidebar-hover)}.gear.active{background:var(--sidebar-active)}.signout{margin-top:10px;width:100%;background:transparent;color:var(--text);border:1px solid #cfcfcf;border-radius:6px;padding:6px 10px;font:inherit;cursor:pointer}.signout:hover{background:var(--sidebar-hover)}