.nav-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body:not(.employee-portal) .sidebar-modern{width:248px;padding:18px 12px 12px;background:#fff;color:#243247;border-right:1px solid #e8edf3}
.sidebar-modern .sidebar-brand-row{display:flex;align-items:center;gap:4px;padding:0 4px 18px;flex-shrink:0}
body:not(.employee-portal) .sidebar-modern .brand{padding:0;gap:10px;color:#243247;font-size:16px;flex:1;white-space:nowrap}
.sidebar-modern .brand>span{color:#fff;flex-shrink:0}
.sidebar-modern .sidebar-toggle{display:grid;place-items:center;width:28px;height:32px;padding:4px;border:1px solid #e8edf3;border-radius:8px;background:#fff;color:#64748b;flex-shrink:0}
.sidebar-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-modern .sidebar-toggle:hover{background:#f4f6fa;color:#365cf5}
body:not(.employee-portal) .sidebar-modern nav{display:flex;flex:1;flex-direction:column;gap:3px;scrollbar-color:#d5deec transparent}
.sidebar-modern .nav-category{font-size:10px;font-weight:700;letter-spacing:.65px;text-transform:uppercase;color:#64748b;padding:18px 12px 6px}
.sidebar-modern .nav-category:first-child{padding-top:4px}
body:not(.employee-portal) .sidebar-modern nav a{position:relative;flex-shrink:0;min-height:42px;padding:10px 12px;gap:11px;color:#475569;font-size:13px;line-height:20px;font-weight:550;border-radius:8px}
.sidebar-modern nav a .nav-icon{color:#64748b}
body:not(.employee-portal) .sidebar-modern nav a:hover{background:#f4f6fa;color:#243247}
body:not(.employee-portal) .sidebar-modern nav a[aria-current="page"]{background:#eef2ff;color:#365cf5;font-weight:700}
.sidebar-modern nav a[aria-current="page"] .nav-icon{color:#365cf5}
.sidebar-modern nav a[aria-current="page"]::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:#365cf5}
.sidebar-modern a:focus-visible,.sidebar-modern button:focus-visible{outline:2px solid #365cf5;outline-offset:2px}
body:not(.employee-portal) .sidebar-modern .sidebar-foot{border-top:1px solid #e8edf3;margin-top:14px;padding:14px 6px 0;gap:10px}
.sidebar-modern .sidebar-foot>div:last-child{min-width:0;flex:1}
.sidebar-modern .sidebar-foot strong,.sidebar-modern .sidebar-foot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-modern .sidebar-foot strong{font-size:12px;color:#243247}
.sidebar-modern .sidebar-foot small{font-size:10px;color:#64748b;margin:2px 0 4px}
.sidebar-modern .avatar{flex-shrink:0}
.sidebar-modern .logout-button{color:#64748b;font-size:11px;padding:3px 0}
.sidebar-modern .logout-button:hover{color:#365cf5}
.sidebar-modern~.app-shell{margin-left:248px}
body.sidebar-collapsed .sidebar-modern{width:76px}
body.sidebar-collapsed .sidebar-modern .sidebar-brand-row{flex-direction:column;gap:10px;padding-bottom:12px}
body.sidebar-collapsed .sidebar-modern .brand strong,body.sidebar-collapsed .sidebar-modern nav a span,body.sidebar-collapsed .sidebar-modern .sidebar-foot>div:last-child{display:none}
body.sidebar-collapsed .sidebar-modern nav a{justify-content:center;padding:10px}
body.sidebar-collapsed .sidebar-modern .nav-category{height:14px;padding:0;margin:8px 12px 0;border-top:1px solid #e8edf3;font-size:0}
body.sidebar-collapsed .sidebar-modern .sidebar-toggle svg{transform:rotate(180deg)}
body.sidebar-collapsed .sidebar-modern~.app-shell{margin-left:76px}
@media(min-width:651px){body:not(.sidebar-collapsed) .sidebar-modern .brand strong,body:not(.sidebar-collapsed) .sidebar-modern nav a span,body:not(.sidebar-collapsed) .sidebar-modern .sidebar-foot>div:last-child{display:block}}
@media(max-width:650px){body:not(.employee-portal) .sidebar-modern{width:76px}.sidebar-modern .sidebar-brand-row{justify-content:center}.sidebar-modern .sidebar-toggle,.sidebar-modern .brand strong,.sidebar-modern nav a span,.sidebar-modern .sidebar-foot>div:last-child{display:none!important}body:not(.employee-portal) .sidebar-modern nav a{justify-content:center;padding:10px}.sidebar-modern .nav-category{height:14px;padding:0;margin:8px 12px 0;border-top:1px solid #e8edf3;font-size:0}.sidebar-modern~.app-shell{margin-left:76px}}
.workspace{--blue:#365cf5;--ink:#243247;--muted:#64748b;--border:#e8edf3;--bg:#f5f7fb;font-family:Inter,"Segoe UI",sans-serif;font-size:14px;background:#f5f7fb}
.workspace .sidebar-modern{position:fixed;display:flex;flex-direction:column;inset:0 auto 0 0;z-index:30;width:248px;padding:18px 12px 12px;background:#fff;color:#243247;border-right:1px solid #e8edf3}
.workspace .sidebar-modern .brand{display:flex;align-items:center;gap:10px;font-size:16px;margin:0;padding:0;color:#243247}.sidebar-modern .brand-icon{display:grid;place-items:center;width:34px;height:34px;background:#365cf5;border-radius:10px;font-size:12px;color:#fff}.sidebar-modern .brand strong{font-size:16px;font-weight:700}.sidebar-modern nav{overflow:auto;scrollbar-width:thin}.sidebar-modern .nav-link{margin:0}
.workspace .sidebar-modern .sidebar-foot{display:flex;align-items:center;gap:10px;flex-shrink:0}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef2ff;color:#365cf5;font-size:13px;font-weight:700}.sidebar-foot form{margin:0}.logout-button{background:none;border:0;cursor:pointer}
.workspace .app-main{margin-left:248px}.workspace .content{max-width:1600px;width:100%;padding:28px 32px;margin:0 auto}.workspace .topbar{height:72px;padding:13px 32px;border-bottom:1px solid #e8edf3;background:#fff}.topbar>div>small{display:block;font-size:10px;letter-spacing:1px;color:#94a3b8;margin-bottom:5px}.topbar>div>strong{display:block;font-size:16px;color:#243247}.top-actions{display:flex;align-items:center;gap:9px;font-size:12px;color:#64748b}.status-dot{width:8px;height:8px;background:#1fa777;border-radius:50%}
.header-sync{position:relative}.header-sync summary{cursor:pointer;font-size:12px;list-style:none;padding:7px;color:#64748b}.header-sync>.notice{position:absolute;z-index:40;right:0;top:34px;min-width:380px;max-width:80vw;box-shadow:0 10px 30px #17233c24}.header-sync .directory-status>*{margin:6px 0}.header-sync .directory-status span{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;cursor:pointer;min-height:40px;padding:9px 14px;border-radius:8px;font:600 13px/20px Inter,"Segoe UI",sans-serif;box-shadow:none;background:#fff;color:#475569}.btn-light,.btn-outline-secondary{border-color:#d5dce6;background:white;color:#475569}.btn-primary{background:#365cf5;border-color:#365cf5;color:#fff}.btn-dark{background:#eef2ff;border-color:#cbd8ff;color:#274fc2}.btn-outline-primary{background:white;border-color:#b8c8ff;color:#274fc2}.btn-outline-warning{background:#fff;border-color:#e7c28c;color:#935600}.btn:hover{filter:brightness(.98)}.btn:focus-visible{outline:3px solid #a5b8ff;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{min-height:34px;font-size:12px;padding:6px 10px}
.workspace .footer{max-width:1600px;width:100%;margin:0 auto;padding:0 32px 22px;color:#94a3b8}
body.sidebar-collapsed .app-main{margin-left:76px}
@media(max-width:1180px){.workspace .sidebar-modern{width:248px}.workspace .app-main{margin-left:248px}.workspace .content{padding:24px}.workspace .topbar{padding:12px 24px}}
@media(max-width:650px){.workspace .sidebar-modern{position:fixed;width:76px;display:flex;padding:18px 8px}.workspace .sidebar-modern .brand{margin:0}.workspace .sidebar-modern .brand-icon{display:grid}.workspace .sidebar-modern .nav-link{display:flex;margin:0}.workspace .sidebar-modern nav span{display:none}.workspace .sidebar-modern .nav-category{display:block}.workspace .app-main{margin-left:76px}.workspace .content{padding:18px 12px}.workspace .topbar{padding:12px;height:64px}.top-actions{font-size:0}.top-actions .avatar{font-size:13px}.header-sync{display:none}.workspace .footer{padding:0 12px 18px}.workspace .topbar>div>small{font-size:8px;letter-spacing:.2px}.workspace .topbar>div>strong{font-size:13px}}