.sidebar{background:#20201e;color:#f5f2eb;border-right:1px solid #393832;box-shadow:4px 0 18px #00000010;padding:14px 20px 18px}
.brand{height:62px;min-height:62px;margin:0 0 12px;padding:0 10px;border-radius:0;background:transparent}
.brand-logo{width:166px;max-height:38px;object-fit:contain}
.office-card{margin-top:0;background:#292925;border-color:#393832;color:#e5e1d7}
.office-label{color:#aaa69c}
.office-card strong{color:#f5f2eb;font-size:18px}
.office-card small{color:#aaa69c;font-size:12px}
.nav-label{color:#b3aea2;margin:39px 10px 16px}
.side-link{color:#c9c6bd}
.side-link:hover{background:#302e27;color:#fff}
.side-link.active{background:#3b321a;color:#fff;box-shadow:inset 3px 0 0 #f2bc1b}
.side-link.active .side-icon{color:#f2bc1b}
.sidebar-bottom .help-link{background:#292925;border-color:#393832;color:#e5e1d7}
.sidebar-bottom .help-mark{background:#3a321b;color:#f2d77f}
.sidebar-bottom .help-link small,.sidebar-bottom .profile-info small,.sidebar-bottom .profile-more{color:#aaa69c}
.sidebar-bottom .profile{border-color:#393832;color:#f5f2eb}
.profile-settings-trigger{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.profile-settings-trigger:hover .profile-info b{text-decoration:underline;text-decoration-color:#f2bc1b;text-underline-offset:3px}
.profile-settings-trigger:focus-visible{outline:2px solid #f2bc1b;outline-offset:4px;border-radius:5px}
.sidebar-bottom .profile-info b{color:#f5f2eb}
.sidebar-bottom .logout-button{border-color:#393832;background:transparent;color:#f5f2eb}
.sidebar-bottom .logout-button:hover{background:#3a321b;color:#f1efe9}
.support-card{border-color:#514315}
.notification-button{width:42px;height:42px;color:#8c6d00}
.notification-bell{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .notification-button{color:#f2bc1b}
.help-modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#171716a8;backdrop-filter:blur(2px)}
.help-modal-backdrop[hidden]{display:none}
.help-modal{position:relative;width:min(440px,100%);padding:32px;border:1px solid #e8e7e2;border-radius:12px;background:#fff;color:#171717;box-shadow:0 22px 70px #0004}
.help-modal-close{position:absolute;top:12px;right:13px;width:32px;height:32px;border:0;border-radius:6px;background:#f5f5f3;color:#555;font-size:22px;line-height:1}
.help-modal-close:hover{background:#eceae2}
.help-modal-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #514315;border-radius:10px;background:#3a321b;color:#f2d77f;font-size:20px;font-weight:700}
.help-modal-kicker{margin:20px 0 7px;color:#8a867e;font-size:9px;font-weight:700;letter-spacing:1.4px}
.help-modal h2{margin:0 0 10px;font-size:23px;letter-spacing:-.4px}
.help-modal>p:not(.help-modal-kicker){margin:0;color:#706d65;font-size:13px;line-height:1.65}
.help-email{display:inline-block;margin-top:9px;color:#8a6900;font-size:15px;font-weight:700;text-decoration:none}
.help-email:hover{text-decoration:underline}
.help-modal-done{display:block;margin:25px 0 0 auto;min-width:86px;height:36px;border:0;border-radius:6px;background:#f2bc1b;color:#171717;font-size:12px;font-weight:700}
.help-modal-done:hover{background:#e2ad12}
html[data-theme="dark"] .help-modal{border-color:#49473f;background:#22221f;color:#f1efe9}
html[data-theme="dark"] .help-modal-close{background:#35342f;color:#f1efe9}
html[data-theme="dark"] .help-modal-close:hover{background:#403d32}
html[data-theme="dark"] .help-modal-kicker,html[data-theme="dark"] .help-modal>p:not(.help-modal-kicker){color:#aaa69c}
html[data-theme="dark"] .help-email{color:#f2d77f}
html[data-theme="dark"] .help-modal-done{background:#f2bc1b;color:#171717}
html[data-theme="dark"] .sidebar{background:#20201e;color:#f5f2eb;border-right-color:#393832;box-shadow:4px 0 18px #00000010}
html[data-theme="dark"] .sidebar-bottom .help-mark{background:#3a321b;color:#f2d77f}
html[data-theme="dark"] .support-card{border-color:#514315}
@media(max-width:760px){.brand{height:52px;min-height:52px;margin:0;padding:0 8px;background:transparent}.brand-logo{width:150px;max-height:34px}.sidebar{padding:9px 16px;background:#20201e;border-bottom:1px solid #393832}.side-link{color:#c9c6bd}}

