:root{--sidebar-width:284px;--sidebar-collapsed-width:82px;--sidebar-bg:#090a0a;--sidebar-line:rgba(214,174,76,.22);--sidebar-text:#f4f3ef;--sidebar-muted:#aaa9a3;--sidebar-gold:#d9aa3d}
.os{grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:#f6f5f1;transition:grid-template-columns .24s ease}.os.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}
.os-sidebar{box-sizing:border-box;width:var(--sidebar-width);padding:22px 16px 14px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-line);box-shadow:14px 0 38px rgba(0,0,0,.08);transition:width .24s ease,padding .24s ease;overflow:hidden}
.sidebar-brand{display:flex;align-items:center;gap:12px;min-height:48px;margin:0 8px 17px}.os-sidebar .os-logo{width:144px;max-height:42px;object-fit:contain;object-position:left center}.sidebar-brand-rule{display:block;width:24px;height:1px;background:var(--sidebar-gold);opacity:.8}.workspace-chip{min-height:49px;box-sizing:border-box;margin:0 2px 22px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.03);gap:10px}.workspace-chip span{width:31px;height:31px;border-radius:50%;background:#1d1d19;color:var(--sidebar-gold);border:1px solid rgba(217,170,61,.35);font-size:9px}.workspace-chip b,.profile b{font-size:10px;letter-spacing:.02em;color:var(--sidebar-text)}.workspace-chip small,.profile small{font-size:8px;color:#999891}.workspace-chip em{color:#a7a7a2}.workspace-chip em svg{width:15px}
#osNav{overflow-y:auto;overflow-x:hidden;padding:0 7px 12px 1px;margin-right:-7px;scrollbar-width:thin;scrollbar-color:#393932 transparent}#osNav small,.sidebar-bottom>small{margin:18px 8px 7px;color:var(--sidebar-gold);font-size:8px;font-weight:700;letter-spacing:1.7px}#osNav small:first-child{margin-top:0}#osNav button,.sidebar-bottom button{position:relative;min-height:42px;margin:3px 0;padding:10px 11px;border:1px solid transparent;border-radius:10px;color:var(--sidebar-muted);font-family:"DM Sans",sans-serif;font-size:11px;font-weight:500;letter-spacing:.005em;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}#osNav button:hover,.sidebar-bottom button:hover{background:rgba(255,255,255,.055);color:#fff}#osNav button:focus-visible,.sidebar-bottom button:focus-visible{outline:2px solid var(--sidebar-gold);outline-offset:2px}#osNav button i,.sidebar-bottom button i{width:18px;height:18px;color:#d6d6d0}#osNav button i svg,.sidebar-bottom button i svg{width:18px;height:18px;stroke-width:1.6}.nav-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#osNav button.active,.sidebar-bottom button.active{background:#161610;border-color:var(--sidebar-gold);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);color:var(--sidebar-gold)}#osNav button.active i,.sidebar-bottom button.active i{color:var(--sidebar-gold)}#osNav button.active::after,.sidebar-bottom button.active::after{content:"";position:absolute;right:14px;width:7px;height:7px;border-radius:50%;background:var(--sidebar-gold);box-shadow:0 0 12px rgba(217,170,61,.65)}#osNav em,.sidebar-bottom em{background:rgba(217,170,61,.15);color:#e7bd59;border-radius:999px;font-size:7px;padding:3px 6px}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:9px}.sidebar-bottom>small{display:block;margin-top:0}
.profile{min-height:62px!important;align-items:center!important;margin-top:12px!important;padding:9px!important;border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.025)!important}.profile>span{width:39px;height:39px;flex:0 0 39px;border-radius:50%;background:#1c1c19;color:var(--sidebar-gold);border:1px solid rgba(217,170,61,.32);font-size:11px}.profile div{min-width:0;gap:2px}.profile div small:first-child{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#c9a44b}.profile b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile em{margin-left:auto;background:transparent!important;color:#aaa!important;padding:0!important}.profile em svg{width:15px}.sidebar-theme-toggle{display:flex!important;align-items:center!important;gap:10px!important}.sidebar-theme-toggle>i{color:#f3d26d!important}.theme-toggle-track{margin-left:auto;width:31px;height:18px;border-radius:999px;background:#33342f;padding:2px;box-sizing:border-box;display:flex;align-items:center;transition:background .18s ease}.theme-toggle-track span{display:block;width:14px;height:14px;border-radius:50%;background:#f5f4ef;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .18s ease}.sidebar-theme-toggle[aria-pressed="true"] .theme-toggle-track{background:#b88b27}.sidebar-theme-toggle[aria-pressed="true"] .theme-toggle-track span{transform:translateX(13px)}.sidebar-collapse{margin-top:10px!important;color:#bcbcb5!important}.sidebar-collapse i{color:#deded7!important}.sidebar-collapse:hover{color:var(--sidebar-gold)!important}.sidebar-collapse:hover i{color:var(--sidebar-gold)!important}
.os.sidebar-collapsed .os-sidebar{width:var(--sidebar-collapsed-width);padding-inline:12px}.os.sidebar-collapsed .sidebar-brand{justify-content:center;margin-inline:0}.os.sidebar-collapsed .os-logo{width:42px;height:42px;object-fit:cover;object-position:left}.os.sidebar-collapsed .sidebar-brand-rule,.os.sidebar-collapsed .workspace-chip,.os.sidebar-collapsed #osNav small,.os.sidebar-collapsed .sidebar-bottom>small,.os.sidebar-collapsed .nav-label,.os.sidebar-collapsed .profile div,.os.sidebar-collapsed .profile em,.os.sidebar-collapsed .theme-toggle-track{display:none}.os.sidebar-collapsed #osNav{overflow:visible;margin:0;padding:0}.os.sidebar-collapsed #osNav button,.os.sidebar-collapsed .sidebar-bottom button{width:100%;justify-content:center;padding:10px;gap:0}.os.sidebar-collapsed #osNav button i,.os.sidebar-collapsed .sidebar-bottom button i{width:20px;height:20px}.os.sidebar-collapsed #osNav button.active::after,.os.sidebar-collapsed .sidebar-bottom button.active::after{right:8px;top:8px;width:5px;height:5px}.os.sidebar-collapsed #osNav em{position:absolute;right:6px;top:5px;min-width:5px;height:5px;padding:0;font-size:0;border:1px solid var(--sidebar-bg)}.os.sidebar-collapsed .profile{justify-content:center!important;padding:8px!important}.os.sidebar-collapsed .sidebar-collapse i{transform:rotate(180deg)}
html[data-roc-theme="dark"]{color-scheme:dark}html[data-roc-theme="dark"] .os:not(:has(.tender-shell)){background:#151615}html[data-roc-theme="dark"] .os-header{background:#171817;border-color:#30312e;color:#f4f3ef}html[data-roc-theme="dark"] .os-header p{color:#aaa9a3}html[data-roc-theme="dark"] .os-main main{background:#151615;color:#f4f3ef}html[data-roc-theme="dark"] .panel,html[data-roc-theme="dark"] .kpi-card{background:#1d1e1c;border-color:#353632;color:#f3f2ed}html[data-roc-theme="dark"] .panel-head span,html[data-roc-theme="dark"] .panel-head button,html[data-roc-theme="dark"] .kpi-top{color:#aaa9a3}html[data-roc-theme="dark"] .data-table th{background:#20211f;border-color:#353632}html[data-roc-theme="dark"] .data-table td{border-color:#30312e}html[data-roc-theme="dark"] .search,html[data-roc-theme="dark"] .icon-btn{background:#20211f;border-color:#383936;color:#eee}html[data-roc-theme="dark"] .search input{background:#20211f;color:#eee}html[data-roc-theme="dark"] .filter-btn{background:#20211f;border-color:#393a36;color:#eee}html[data-roc-theme="dark"] .empty-state h3{color:#f1f0eb}
@media(max-width:1050px){.os,.os.sidebar-collapsed{display:block}.os-sidebar,.os.sidebar-collapsed .os-sidebar{width:min(304px,86vw);padding:22px 16px 14px;transform:translateX(-110%)}.os-sidebar.open,.os.sidebar-collapsed .os-sidebar.open{transform:translateX(0)}.os.sidebar-collapsed .sidebar-brand{justify-content:flex-start;margin-inline:8px}.os.sidebar-collapsed .os-logo{width:144px;height:auto;object-fit:contain;object-position:left}.os.sidebar-collapsed .sidebar-brand-rule,.os.sidebar-collapsed .workspace-chip,.os.sidebar-collapsed #osNav small,.os.sidebar-collapsed .sidebar-bottom>small,.os.sidebar-collapsed .nav-label,.os.sidebar-collapsed .profile div,.os.sidebar-collapsed .profile em,.os.sidebar-collapsed .theme-toggle-track{display:initial}.os.sidebar-collapsed .workspace-chip{display:flex}.os.sidebar-collapsed #osNav{overflow-y:auto;margin-right:-7px;padding-right:7px}.os.sidebar-collapsed #osNav button,.os.sidebar-collapsed .sidebar-bottom button{justify-content:flex-start;padding:10px 11px;gap:10px}.os.sidebar-collapsed #osNav button.active::after,.os.sidebar-collapsed .sidebar-bottom button.active::after{right:14px;top:auto;width:7px;height:7px}.os.sidebar-collapsed #osNav em{position:static;min-width:auto;height:auto;padding:3px 6px;font-size:7px;border:0}.os.sidebar-collapsed .profile{justify-content:flex-start!important;padding:9px!important}.os.sidebar-collapsed .sidebar-collapse i{transform:none}}
@media(max-width:700px){.os-sidebar,.os.sidebar-collapsed .os-sidebar{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom))}.workspace-chip{margin-bottom:16px}.sidebar-brand{margin-bottom:13px}.profile{margin-top:8px!important}}