@font-face{font-family:OneKasbUI;src:url('ui.ttf') format('truetype');font-display:swap}
html{font-size:16px;overflow-x:hidden}body{font-family:OneKasbUI,Tahoma,sans-serif!important;background:#fafafa!important}button,input,select,textarea{font-family:inherit!important}h1,h2,h3{font-family:inherit!important}main,.workspace,.page,.card,.chart,.overview,.stats,.personalCharts,.builderGrid,.formGrid{min-width:0;max-width:100%}
header{height:auto!important;min-height:74px;padding:13px 26px!important;background:#fff;gap:16px;border-bottom:1px solid #ececf1;position:relative;top:auto;z-index:20}.workspace{margin-right:282px!important}main{padding:26px!important}
#adminSidebar,#sidebar,#shell>aside,#officeDrawer{display:flex!important;position:fixed!important;inset:0 0 0 auto!important;width:282px!important;height:100dvh!important;flex-direction:column!important;background:#fff!important;border-left:1px solid #e8e8ed!important;padding:22px 18px!important;z-index:100!important;overflow-y:auto!important;transform:none;box-shadow:-8px 0 24px rgba(25,27,32,.025)}
.adminBrandBlock{display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;padding:2px 7px 18px;border-bottom:1px solid #efeff3}.adminBrandBlock .brand{width:210px!important;max-width:94%!important;height:auto!important;margin:0!important;align-self:center!important;object-fit:contain}.adminBrandBlock p{margin:0!important}.adminBrandBlock strong{font-size:13px;color:#777;font-weight:700;direction:ltr;display:block;letter-spacing:.04em}
#managementMenu{display:flex!important;flex-direction:column!important;gap:7px!important;margin:14px 0!important;padding:0!important;border:0!important}#managementMenu>button,#managementMenu>details,#managementMenu>a{flex:0 0 auto}#managementMenu details{border:1px solid #eeeef2!important;border-radius:12px!important;padding:5px!important;background:#fff}#managementMenu details[open]{background:#fcfcfd;border-color:#e7d7db!important}#managementMenu summary{list-style:none;cursor:pointer;padding:10px 10px!important;margin:0!important;border-radius:8px;font-weight:700;color:#34353c;display:flex!important;align-items:center;justify-content:space-between;gap:8px}#managementMenu summary::-webkit-details-marker{display:none}#managementMenu summary:after{content:'‹';font-size:20px;line-height:1;color:#9799a2;transform:rotate(0);transition:transform .16s}#managementMenu details[open]>summary:after{transform:rotate(-90deg);color:#960018}.menuChildren{display:grid;gap:3px;padding:4px 5px 6px;border-top:1px solid #f0f0f3;margin-top:3px}
#managementMenu button,#managementMenu a{display:block;width:100%;text-align:right;padding:10px 12px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#4b4c55!important;font-size:14px!important;text-decoration:none!important;transition:background .15s,color .15s,transform .15s}#managementMenu>button{font-weight:700;font-size:15px!important}#managementMenu button:hover,#managementMenu a:hover{background:#f8f5f6!important;color:#960018!important}#managementMenu button.active{background:#f9ecef!important;color:#960018!important;font-weight:700;box-shadow:inset -3px 0 0 #960018}.adminDownload{margin-top:4px!important;border:1px dashed #dedee5!important;color:#666!important}.asideFoot{margin-top:auto!important;padding:14px 8px 0;border-top:1px solid #eeeef2;font-size:12px;color:#999;display:grid;gap:8px}.adminIdentity{display:grid;gap:0}.adminIdentity #adminName{font-size:13px;color:#34353c;font-weight:700}.adminIdentity small{font-size:11px;color:#9a9ba3}
#adminHeader{display:flex;align-items:center;justify-content:space-between}.adminHeaderContext{display:flex;flex-direction:column;gap:1px;min-width:0}.adminHeaderContext span{font-size:12px;color:#8a8c95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminHeaderContext strong{font-size:17px;color:#24252b}.adminHeaderActions{display:flex;align-items:center;gap:8px;flex-shrink:0}.adminHeaderActions #adminName{font-size:13px;color:#6f717a;margin-left:6px}.adminHeaderActions button{padding:8px 13px}.officeWorkspacePage{margin:-10px -10px 0}.officeWorkspacePage #officeManagementFrame{display:block;width:100%;height:calc(100dvh - 104px);border:0;background:#fafafa;border-radius:12px}
#sideToggle,#sideClose,#sideMask{display:none}.drawerBrand{width:130px;align-self:center}
.tableWrap,.dailyScroll{width:100%;max-width:100%;overflow-x:auto}.dailyBars{min-width:0!important}.chartCaption{flex-wrap:wrap}.ringWrap{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center;min-width:0}.ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative;margin:auto}.ring:before{content:'';position:absolute;inset:24px;background:white;border-radius:50%}.ring strong{position:relative;text-align:center;font-size:24px;color:#222}.ring small{display:block;font-size:12px;font-weight:normal}.ringLegend{display:grid;gap:8px;font-size:14px}.ringLegend>div{display:flex;align-items:center;gap:8px}.ringLegend span{overflow-wrap:anywhere;flex:1}.ringLegend i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ringLegend b{white-space:nowrap}.collapsible{border:1px solid #ececf0;border-radius:12px;padding:16px;background:white;margin:18px 0}.collapsible summary{cursor:pointer;font-weight:bold}.actions{flex-wrap:wrap;gap:8px}.actions button{width:auto}.formGrid,.grid{min-width:0}input,textarea,select{max-width:100%;min-width:0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.service{min-height:120px!important}.personalCharts,.charts{min-width:0}.tableWrap table{min-width:600px}#graphic iframe{max-width:100%}.filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.filterBar{flex-wrap:wrap}.signatureOptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.signatureOptions label{display:flex;gap:10px;padding:12px;border:1px solid #eee;border-radius:9px;align-items:center}.signatureOptions input{width:auto}.subkind{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.subkind button{text-align:right;background:white;border:1px solid #e5e5e9;padding:20px;border-radius:12px}.subkind small{display:block;color:#777}.proposalPick label{display:block;border:1px solid #eee;border-radius:10px;padding:14px;margin-bottom:10px}.proposalPick input{display:inline-block;width:auto;margin-left:8px}.statusPill{display:inline-block;padding:2px 10px;border-radius:20px;background:#f6eef0;color:#960018;font-size:13px}canvas{max-width:100%}.drawerFoot{margin-top:auto;font-size:13px;color:#888}.layerButtons{display:flex;gap:6px}.layerButtons button{padding:5px 10px}fieldset{border:1px solid #eee;border-radius:10px;margin:14px 0;padding:16px;min-width:0}#recent,#history{max-width:100%;overflow-x:auto}.overview>*{min-width:0}
@media(max-width:1100px){#adminSidebar,#shell>aside{width:250px!important}.workspace{margin-right:250px!important}.adminBrandBlock .brand{width:190px!important}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){header{padding:12px 16px!important;position:sticky}.workspace{margin:0!important}main{padding:18px 14px!important}#sideToggle{display:grid;width:44px;height:44px;border:1px solid #e6e6eb;border-radius:10px;background:#fff;color:#960018;flex-shrink:0;font-size:24px;cursor:pointer;place-items:center;padding:0}#sideMask{display:block;position:fixed;inset:0;background:#0005;z-index:90}#sideMask[hidden]{display:none!important}#sideClose{display:block;align-self:flex-end;border:0;background:#fff;font-size:28px;min-height:44px;cursor:pointer;padding:2px 8px}#adminSidebar,#sidebar,#shell>aside,#officeDrawer{width:min(310px,88vw)!important;transform:translateX(105%);transition:transform .2s ease;box-shadow:-12px 0 30px #0002}body.menu-visible #adminSidebar,body.menu-visible #sidebar,body.menu-visible #shell>aside,body.menu-visible #officeDrawer{transform:translateX(0)}.adminHeaderContext{order:2;flex:1}.adminHeaderActions{order:3}.adminHeaderActions #adminName,.adminHeaderActions #reload{display:none}.officeWorkspacePage{margin:0}.officeWorkspacePage #officeManagementFrame{height:calc(100dvh - 112px);border-radius:0}.overview,.personalCharts,.charts,.builderGrid,.metrics,.stats,.grid,.formGrid{grid-template-columns:1fr!important}.services{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.service{padding:16px!important}.ringWrap{grid-template-columns:1fr}.ringLegend{max-width:100%}.heading,.sectionTitle{flex-wrap:wrap}.subkind{grid-template-columns:1fr}.page h1{font-size:24px!important}.tableWrap table{font-size:13px}.card{padding:16px!important}#metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric{min-width:0;padding:14px!important}.metric strong{font-size:26px!important}.filters{display:grid!important}.ring{width:150px;height:150px}}
@media(max-width:560px){.adminHeaderContext span{display:none}.adminHeaderContext strong{font-size:15px}.adminHeaderActions #logout{padding:8px 10px}.services{grid-template-columns:1fr!important}#metrics{grid-template-columns:1fr!important}}

/* 2.4.23 — compact management dashboard */
.dashboardPage{max-width:1450px;margin:0 auto}.dashboardHero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.dashboardHero h1{margin:2px 0 4px}.dashboardHero p{margin:0;color:#73757e;max-width:720px}.dashboardMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.dashboardMetric{min-width:0;padding:16px 17px;background:#fff;border:1px solid #e8e8ed;border-radius:14px;display:grid;gap:2px;box-shadow:0 4px 16px rgba(25,27,32,.025)}.dashboardMetric span{font-size:12px;color:#777983}.dashboardMetric strong{font-size:27px;line-height:1.25;color:#25262c}.dashboardMetric small{font-size:11px;color:#9a9ba3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboardMetric.primaryMetric{background:#960018;border-color:#960018}.dashboardMetric.primaryMetric span,.dashboardMetric.primaryMetric strong,.dashboardMetric.primaryMetric small{color:#fff}.dashboardMetric.attentionMetric{border-color:#e3bcc4;background:#fff9fa}.dashboardMetric.attentionMetric strong{color:#960018}.dashboardCharts{display:grid;grid-template-columns:1.15fr .9fr 1.15fr;gap:14px}.dashboardChart,.dashboardTrend,.dashboardRecent{margin-bottom:14px!important;padding:18px!important}.dashboardPanelHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.dashboardPanelHead h2{margin:1px 0 0;font-size:17px}.dashboardPanelHead .eyebrow{margin:0}.chartMiniNote{font-size:11px;color:#92949d;white-space:nowrap}.dashboardLower{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:14px}.dashboardTrend .dailyBars{height:155px}.dashboardRecent .tableWrap table{min-width:520px}.dashboardRecent td,.dashboardRecent th{padding:9px 7px;font-size:12px}.dashboardFilters{padding:0!important;overflow:hidden}.dashboardFilters>summary{padding:15px 18px;margin:0!important;border:0;font-weight:700;color:#555}.dashboardFilters[open]>summary{border-bottom:1px solid #eeeef2}.dashboardFilters form{padding:16px 18px}.dashboardFootnote{font-size:11px;color:#999;margin:8px 2px 0}.dashboardChart .barRow{margin-bottom:11px}.dashboardChart .barLabel{font-size:12px}.dashboardChart .barTrack{height:7px}.dashboardChart .ringWrap{grid-template-columns:135px minmax(0,1fr);gap:14px}.dashboardChart .ring{width:130px;height:130px}.dashboardChart .ring:before{inset:20px}.dashboardChart .ring strong{font-size:20px}.dashboardChart .ringLegend{font-size:11px;gap:5px}.dashboardChart .ringLegend i{width:8px;height:8px}.dashboardChart .ringLegend b{font-size:10px}#reportStatus:not(:empty){padding:10px 14px;background:#fff5f6;border:1px solid #efd4da;border-radius:10px;margin-bottom:14px}#officeManagementFrame{position:relative;z-index:1}.officeWorkspacePage{position:relative;z-index:1}
@media(max-width:1180px){.dashboardMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardCharts{grid-template-columns:1fr 1fr}.dashboardCharts .dashboardChart:last-child{grid-column:1/-1}.dashboardLower{grid-template-columns:1fr}.dashboardRecent .tableWrap table{min-width:620px}}
@media(max-width:900px){#adminHeader{position:sticky!important;top:0!important;z-index:30!important}.dashboardHero{align-items:flex-start;flex-wrap:wrap}.dashboardCharts{grid-template-columns:1fr}.dashboardCharts .dashboardChart:last-child{grid-column:auto}.dashboardLower{grid-template-columns:1fr}.adminBrandBlock .brand{width:190px!important}}
@media(max-width:560px){.dashboardMetrics{grid-template-columns:1fr 1fr!important;gap:8px}.dashboardMetric{padding:13px}.dashboardMetric strong{font-size:23px}.dashboardMetric small{white-space:normal}.dashboardChart .ringWrap{grid-template-columns:1fr}.dashboardHero button{width:100%}}

/* 2.4.24 — header metadata lives safely on the left */
#adminHeader{display:flex!important;align-items:center!important;justify-content:space-between!important}
.adminHeaderContext{flex:1;min-width:0}
.adminHeaderMeta{display:flex;align-items:center;gap:10px;direction:ltr;flex:0 0 auto;margin-right:auto}
.adminHeaderMeta>*{direction:rtl}
.adminHeaderMeta .clock220{font-size:12px;color:#777;white-space:nowrap;padding-inline-end:4px}
.adminHeaderMeta #adminName{font-size:13px;color:#555861;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.adminHeaderMeta #logout{border:1px solid #e3e3e8;border-radius:9px;background:#fff;padding:8px 13px!important;white-space:nowrap}
@media(max-width:900px){.adminHeaderMeta #adminName{display:none}.adminHeaderMeta{gap:6px}.adminHeaderMeta .clock220{font-size:11px}.adminHeaderMeta #logout{padding:7px 10px!important}}
@media(max-width:560px){.adminHeaderContext span{display:none}.adminHeaderMeta .clock220{max-width:125px;overflow:hidden;text-overflow:ellipsis}}