body{margin:0}.app-shell{display:flex;min-height:100vh}.app-content{min-width:0;flex:1}.app-content>header{position:sticky;top:0;z-index:10}.app-sidebar{position:sticky;top:0;z-index:30;display:flex;width:252px;height:100vh;flex:none;flex-direction:column;padding:8px;background:#f3f4f6;border-right:1px solid #dfe3e8;transition:width .18s ease,transform .18s ease}.sidebar-brand{height:48px;display:flex;align-items:center;gap:9px;padding:0 7px}.sidebar-logo{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:8px;background:#183853;color:#fff;font:700 16px Arial}.sidebar-brand-copy{min-width:0;line-height:1.2}.sidebar-brand-copy strong,.sidebar-brand-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-copy strong{font-size:13px;color:#17212b}.sidebar-brand-copy small{margin-top:3px;font-size:9px;color:#7b8794}.sidebar-icon{width:30px;height:30px;margin-left:auto;border:0;border-radius:7px;background:transparent;color:#6d7884;font:20px Arial;cursor:pointer}.sidebar-icon:hover{background:#e2e5e9}.sidebar-new{height:40px;margin:6px 3px 9px;display:flex;align-items:center;gap:11px;border:1px solid #d2d7dc;border-radius:9px;background:#fff;padding:0 12px;color:#17212b;box-shadow:0 1px 2px #0f172a0a;cursor:pointer}.sidebar-new span{font-size:20px}.sidebar-new b,.sidebar-link b{font-size:12px;font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{width:100%;height:39px;display:flex;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#465463;text-decoration:none;cursor:pointer}.sidebar-link>span:first-child{width:20px;text-align:center;font-size:15px}.sidebar-link:hover,.sidebar-link.is-active{background:#e3e6e9;color:#17212b}.sidebar-section{margin:21px 11px 5px;color:#8a949f;font-size:10px;font-weight:700}.sidebar-shortcuts{display:flex;flex-direction:column}.shortcut{height:35px;display:flex;align-items:center;gap:10px;border-radius:8px;padding:0 13px;color:#5c6976;font-size:11px;text-decoration:none}.shortcut:hover{background:#e3e6e9}.dot{width:7px;height:7px;border-radius:50%}.dot.work{background:#23806d}.dot.report{background:#287db2}.dot.issue{background:#ef5d68}.sidebar-bottom{margin-top:auto;border-top:1px solid #dce0e4;padding-top:5px}.sidebar-profile{height:48px;display:flex;align-items:center;gap:9px;padding:0 7px;border-radius:9px}.sidebar-profile:hover{background:#e3e6e9}.avatar{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:#1976b8;color:#fff;font-weight:700}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:11px;color:#2b3743}.sidebar-profile small{font-size:9px;color:#82909d}.more-dots{margin-left:auto}.mobile-menu,.mobile-only{display:none}.sidebar-backdrop{display:none}.app-sidebar.is-collapsed{width:66px}.app-sidebar.is-collapsed .sidebar-label,.app-sidebar.is-collapsed .sidebar-brand-copy,.app-sidebar.is-collapsed .sidebar-section,.app-sidebar.is-collapsed .sidebar-shortcuts{display:none}.app-sidebar.is-collapsed .sidebar-link,.app-sidebar.is-collapsed .sidebar-new{justify-content:center;padding:0}.app-sidebar.is-collapsed .sidebar-icon{margin-left:0}.app-sidebar.is-collapsed .sidebar-brand{padding:0 8px;gap:4px}.app-sidebar.is-collapsed .sidebar-profile{justify-content:center}body.dark-mode .app-sidebar{background:#171c22;border-color:#303943}body.dark-mode .sidebar-brand-copy strong,body.dark-mode .sidebar-link,body.dark-mode .sidebar-new,body.dark-mode .sidebar-profile strong{color:#e7eef5}body.dark-mode .sidebar-new{background:#222a33;border-color:#3d4854}body.dark-mode .sidebar-link:hover,body.dark-mode .sidebar-link.is-active,body.dark-mode .shortcut:hover,body.dark-mode .sidebar-profile:hover{background:#28313a}body.dark-mode .shortcut,body.dark-mode .sidebar-brand-copy small{color:#9ba9b7}
@media(max-width:720px){body.menu-open{overflow:hidden}.app-sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,86vw);transform:translateX(-102%);box-shadow:8px 0 24px #0f172a26}.app-sidebar.is-mobile-open{transform:translateX(0)}.app-sidebar.is-collapsed{width:min(280px,86vw)}.app-sidebar.is-collapsed .sidebar-label,.app-sidebar.is-collapsed .sidebar-brand-copy,.app-sidebar.is-collapsed .sidebar-section,.app-sidebar.is-collapsed .sidebar-shortcuts{display:initial}.app-sidebar.is-collapsed .sidebar-link,.app-sidebar.is-collapsed .sidebar-new{justify-content:flex-start;padding:0 11px}.desktop-only{display:none}.mobile-only,.mobile-menu{display:block}.mobile-menu{width:34px;height:34px;flex:none;border:0;border-radius:7px;background:transparent;color:#4f6072;font-size:18px}.sidebar-backdrop{position:fixed;inset:0;z-index:20;background:#0f172a66}.sidebar-backdrop.is-visible{display:block}}

/* ChatGPT-inspired neutral workspace system */
:root{--gpt-sidebar:#f9f9f9;--gpt-hover:#ececec;--gpt-active:#e7e7e7;--gpt-text:#0d0d0d;--gpt-muted:#6b6b6b;--gpt-line:#e5e5e5;--gpt-surface:#fff}
body{background:var(--gpt-surface)!important;color:var(--gpt-text)}.app-content{background:var(--gpt-surface)!important}.app-sidebar{width:260px;padding:8px 10px;background:var(--gpt-sidebar);border-right:0}.sidebar-brand{height:48px;padding:0 6px}.sidebar-logo{width:32px;height:32px;border-radius:50%;background:#111;color:#fff;font-size:14px}.sidebar-brand-copy strong{font-size:13px;font-weight:600;color:var(--gpt-text)}.sidebar-brand-copy small{color:var(--gpt-muted)}.sidebar-icon{border-radius:9px;color:#565656}.sidebar-icon:hover{background:var(--gpt-hover)}.sidebar-new{height:42px;margin:4px 0 12px;border:0;border-radius:10px;background:transparent;box-shadow:none;padding:0 10px}.sidebar-new:hover{background:var(--gpt-hover)}.sidebar-new b,.sidebar-link b{font-weight:500}.sidebar-nav{gap:2px}.sidebar-link{height:40px;border-radius:9px;color:#303030}.sidebar-link:hover{background:var(--gpt-hover)}.sidebar-link.is-active{background:var(--gpt-active);color:#0d0d0d}.sidebar-section{margin-top:22px;color:#8b8b8b;font-weight:500}.shortcut{height:38px;border-radius:9px;color:#4c4c4c}.shortcut:hover,.sidebar-profile:hover{background:var(--gpt-hover)}.sidebar-bottom{border-color:var(--gpt-line)}.sidebar-profile{border-radius:10px}.avatar{background:#111}.app-content>header{height:56px!important;background:rgba(255,255,255,.92)!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:blur(12px);padding-left:18px!important;padding-right:18px!important}.app-content>header a{color:#555!important;text-decoration:none}.app-content>header strong{color:#171717}.app-content>main{width:100%;max-width:1180px;margin:0 auto!important;padding:18px 24px 40px!important}.app-content button{border-radius:9px}.app-content .primary{background:#111!important;border-color:#111!important}.app-content input,.app-content textarea,.app-content select{border-radius:10px!important;border-color:#dedede!important}.app-content dialog{border-radius:16px;box-shadow:0 20px 60px #0002}.app-content .notes,.app-content .work-sheet,.app-content table,.app-content .complaint{border-color:var(--gpt-line)!important}.app-content .note-row:hover,.app-content .complaint:hover{background:#f7f7f7!important}
@media(max-width:720px){.app-content>main{padding:12px 9px 28px!important}.app-content>header{padding-left:8px!important;padding-right:8px!important}.app-sidebar,.app-sidebar.is-collapsed{width:min(300px,88vw)}}

/* Unified navy dark workspace, shared by all four product screens. */
.sidebar-nav .sidebar-link>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:14px;font-weight:700}.sidebar-nav .sidebar-link:nth-child(1)>span:first-child{color:#3b82f6;background:#eaf2ff}.sidebar-nav .sidebar-link:nth-child(2)>span:first-child{color:#15946f;background:#e5f7f1}.sidebar-nav .sidebar-link:nth-child(3)>span:first-child{color:#8b5cf6;background:#f0eaff}.sidebar-nav .sidebar-link:nth-child(4)>span:first-child{color:#e0525d;background:#ffebed}.sidebar-link.is-active{font-weight:700}
body.dark-mode{--dark-bg:#0f1720;--dark-panel:#18232f;--dark-panel-2:#1d2a37;--dark-line:#344555;--dark-text:#e7f0f7;--dark-muted:#91a4b7;background:var(--dark-bg)!important;color:var(--dark-text)!important}body.dark-mode .app-content{background:var(--dark-bg)!important;color:var(--dark-text)!important}body.dark-mode .app-content>header{background:rgba(15,23,32,.96)!important;border-bottom:1px solid var(--dark-line)!important;color:var(--dark-text)!important}body.dark-mode .app-content>header strong,body.dark-mode .app-content>header a{color:var(--dark-text)!important}body.dark-mode .mobile-menu{color:#b9c9d8}body.dark-mode .app-sidebar{background:#111a23!important;border-right:1px solid #263543!important}body.dark-mode .sidebar-logo,body.dark-mode .avatar{background:#2c73b9}body.dark-mode .sidebar-link,body.dark-mode .sidebar-new,body.dark-mode .sidebar-profile strong{color:#dce8f2!important}body.dark-mode .sidebar-brand-copy small,body.dark-mode .sidebar-profile small,body.dark-mode .sidebar-section,body.dark-mode .shortcut{color:#8fa2b4!important}body.dark-mode .sidebar-new{background:#18232f!important;border:1px solid #344555!important}body.dark-mode .sidebar-link:hover,body.dark-mode .sidebar-link.is-active,body.dark-mode .sidebar-new:hover,body.dark-mode .shortcut:hover,body.dark-mode .sidebar-profile:hover{background:#223140!important;color:#fff!important}body.dark-mode .sidebar-link.is-active{box-shadow:inset 3px 0 #4da3ff}body.dark-mode .sidebar-bottom{border-color:#2b3a48}body.dark-mode .sidebar-nav .sidebar-link>span:first-child{background:#273746}body.dark-mode .sidebar-nav .sidebar-link:nth-child(1)>span:first-child{color:#65a9ff}body.dark-mode .sidebar-nav .sidebar-link:nth-child(2)>span:first-child{color:#55d6ad}body.dark-mode .sidebar-nav .sidebar-link:nth-child(3)>span:first-child{color:#b69aff}body.dark-mode .sidebar-nav .sidebar-link:nth-child(4)>span:first-child{color:#ff7d86}
body.dark-mode .app-content main{background:var(--dark-bg)!important;color:var(--dark-text)!important}body.dark-mode .app-content .quick-add,body.dark-mode .app-content .notes,body.dark-mode .app-content .note-row,body.dark-mode .app-content .work-sheet,body.dark-mode .app-content .table,body.dark-mode .app-content table,body.dark-mode .app-content .complaint,body.dark-mode .app-content .editor,body.dark-mode .app-content dialog{background:var(--dark-panel)!important;color:var(--dark-text)!important;border-color:var(--dark-line)!important}body.dark-mode .app-content .note-row:hover,body.dark-mode .app-content .complaint:hover{background:var(--dark-panel-2)!important}body.dark-mode .app-content input,body.dark-mode .app-content textarea,body.dark-mode .app-content select,body.dark-mode .app-content .search{background:#111c27!important;color:var(--dark-text)!important;border-color:#405466!important}body.dark-mode .app-content input::placeholder,body.dark-mode .app-content textarea::placeholder{color:#7f93a6}body.dark-mode .app-content h1,body.dark-mode .app-content h2,body.dark-mode .app-content h3,body.dark-mode .app-content strong,body.dark-mode .app-content label,body.dark-mode .app-content .section-title{color:var(--dark-text)!important}body.dark-mode .app-content .meta,body.dark-mode .app-content .hint,body.dark-mode .app-content small{color:var(--dark-muted)!important}body.dark-mode .app-content button:not(.primary):not(.danger){background:#263746;color:#dce9f4;border-color:#405466}body.dark-mode .app-content .primary,body.dark-mode .app-content #newComplaint{background:#287fbd!important;color:#fff!important}body.dark-mode .app-content .badge,body.dark-mode .app-content .customer{background:#dbeeff!important;color:#245f91!important}body.dark-mode .app-content .complaint{border-left-color:#e39a4a!important}body.dark-mode .app-content .work-row,body.dark-mode .app-content td,body.dark-mode .app-content th{border-color:var(--dark-line)!important}body.dark-mode .app-content .toolbar,body.dark-mode .app-content .view-modes,body.dark-mode .app-content .date-navigation{color:var(--dark-text)}

/* Compact menu treatment from the supplied reference; content surfaces stay unchanged. */
.app-sidebar{background:#f8f8f8;border-right:1px solid #ececec}.sidebar-logo,.avatar{width:24px;height:24px;border-radius:0!important;background:#b79a24!important;color:#fff!important;font:700 14px Arial!important}.avatar{width:28px;height:28px}.sidebar-new{margin-top:5px;background:transparent!important;border:0!important;box-shadow:none!important}.sidebar-new>span{width:25px;text-align:center;font-size:26px;font-weight:300}.sidebar-nav{gap:7px}.sidebar-link{height:47px;border-radius:12px;padding:0 12px}.sidebar-link.is-active{background:#e9e9e9!important;box-shadow:none!important}.sidebar-nav .sidebar-link>span:first-child{display:block;width:25px;height:auto;border-radius:0;background:transparent!important;color:#202124!important;font-size:17px;font-weight:400;line-height:1;text-align:center}.sidebar-link b{font-size:14px;font-weight:600}.sidebar-section{margin:24px 12px 8px;font-size:12px;font-weight:500;color:#909090}.shortcut{height:39px;padding:0 16px;font-size:13px}.dot{width:8px;height:8px}.dot.work{background:#ef5965}.dot.report{background:#8a64db}.dot.issue{background:#e99f18}
body.dark-mode .app-sidebar{background:#111a23!important}body.dark-mode .sidebar-nav .sidebar-link>span:first-child{color:#e6eef5!important}body.dark-mode .sidebar-link.is-active{background:#273746!important}body.dark-mode .sidebar-new{background:transparent!important;border:0!important}
/* Codex-style account profile in the sidebar footer. */
.sidebar-profile .avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:linear-gradient(135deg,#2f80ed,#8257e6)!important;color:#fff!important;font:700 14px Arial!important;box-shadow:0 1px 3px #0002}.sidebar-profile strong{font-size:12px!important;font-weight:650!important}.sidebar-profile small{font-size:10px!important}
.sidebar-brand .sidebar-logo{display:grid!important;width:28px!important;height:28px!important;border-radius:4px!important;background:#b79a24!important;color:#fff!important;font:700 16px Arial!important;box-shadow:inset 0 0 0 1px #d8c56c}.sidebar-brand{gap:9px!important}
.site-update-notice{position:fixed;right:20px;bottom:20px;z-index:200;padding:10px 14px;border:0;border-radius:10px;background:#111;color:#fff;font:600 12px Arial,sans-serif;box-shadow:0 10px 28px #0003;cursor:pointer}.site-update-notice:hover{background:#2c73b9}
.sidebar-nav{gap:2px!important}.sidebar-nav .sidebar-link{width:100%!important;height:42px!important;margin:0!important;padding:0 11px!important;border-radius:9px!important;align-items:center!important}.sidebar-nav .sidebar-link>span:first-child{display:grid!important;place-items:center;width:22px!important;height:22px!important;flex:none}.sidebar-nav .sidebar-link b{line-height:1!important}.sidebar-nav .sidebar-link:hover{background:#efefef!important}.sidebar-nav .sidebar-link.is-active{background:#e9e9e9!important}
body.dark-mode .app-content main{color:#aaa!important}body.dark-mode .app-content input:not([type="color"]),body.dark-mode .app-content textarea,body.dark-mode .app-content [contenteditable="true"]{color:#aaa!important;caret-color:#aaa}