:root{color:#182026;background:#eef2f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:256px 1fr}.sidebar{background:#111820;color:#f7fbfb;display:flex;flex-direction:column;padding:20px 14px;gap:20px}.brand,.loginBrand{display:flex;align-items:center;gap:12px}.brand span,.loginBrand p{display:block;color:#9fb0b3;font-size:12px;margin:2px 0 0}.brandMark{width:38px;height:38px;border-radius:8px;background:#2bb6a8;color:#071113;display:grid;place-items:center;font-weight:800}.brandMark.large{width:48px;height:48px}.navList{display:grid;gap:4px}.navItem{width:100%;height:42px;border:0;border-radius:7px;background:transparent;color:#b8c8ca;display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left}.navItem:hover,.navItem.active{background:#22303b;color:#fff}.navItem.logout{margin-top:auto}.content{min-width:0;padding:24px}.topBar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.topBar h1{margin:0;font-size:26px;line-height:1.1}.topBar span{color:#68777b;font-size:13px}.topActions{display:flex;gap:8px}.iconButton{width:40px;height:40px;border-radius:8px;border:1px solid #cfdbdc;background:#fff;color:#34464d;display:grid;place-items:center}.metricGrid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:18px}.metricTile{min-height:116px;border:1px solid #d4dedf;border-radius:8px;background:#fff;color:#27363b;display:grid;grid-template-rows:auto auto;align-content:space-between;justify-items:start;gap:8px;padding:12px 14px;text-align:left}.metricTile strong{font-size:27px;line-height:1}.metricHead{min-height:24px;display:inline-flex;align-items:center;gap:8px;line-height:1.2}.metricHead svg{display:block;flex:0 0 auto}.metricTile.green svg{color:#258466}.metricTile.blue svg{color:#2f6fa3}.metricTile.amber svg{color:#9a6b18}.metricTile.red svg{color:#b34c4c}.metricTile.slate svg{color:#51636d}.metricTile.violet svg{color:#725ca8}.dashboardToolbar{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.widgetPicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.widgetPicker button{height:34px;border:1px solid #c9d6d8;border-radius:8px;background:#fff;color:#34464d;display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-weight:700}.widgetPicker button:disabled{opacity:.45;cursor:not-allowed}.dashboardGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:92px;gap:12px;align-items:stretch;position:relative}.dashboardWidget{min-width:0;position:relative;transition:box-shadow .12s ease,transform .12s ease}.dashboardGrid.editing .dashboardWidget{outline:1px solid #98c8c4;outline-offset:0}.dashboardGrid.editing .dashboardWidget:hover{box-shadow:0 10px 26px #16272d21}.dashboardWidget .metricTile,.dashboardWidget .panel{width:100%;height:100%;min-height:0;overflow:hidden}.dashboardWidget .metricTile{min-height:0}.widgetHeaderTools{position:absolute;z-index:2;top:8px;right:8px;display:flex;gap:5px}.widgetDragHandle,.widgetRemoveButton{width:28px;height:28px;border:1px solid #bfd0d2;border-radius:8px;background:#fffffff5;color:#34464d;display:grid;place-items:center}.widgetDragHandle{cursor:grab}.widgetDragHandle:active{cursor:grabbing}.widgetDragHandle:hover,.widgetRemoveButton:hover{background:#eef4f4}.resizeHandle{position:absolute;z-index:3;width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #2bb6a8;opacity:.9}.resizeHandle.nw{top:7px;left:7px;cursor:nwse-resize}.resizeHandle.ne{top:7px;right:75px;cursor:nesw-resize}.resizeHandle.sw{bottom:7px;left:7px;cursor:nesw-resize}.resizeHandle.se{right:7px;bottom:7px;cursor:nwse-resize}.barChart{display:grid;gap:12px}.barChart.compactBars{gap:9px;margin-top:14px}.insightChart{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:16px}.donutChart{width:112px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden}.donutChart:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:#fff}.ringContent{position:relative;z-index:1;display:grid;place-items:center;gap:0;line-height:1.05}.ringContent span,.ringContent strong{font-size:24px;font-weight:900;color:#182026}.ringContent small,.ringContent>span+span{color:#66767a;font-size:11px}.chartSummary{display:grid;gap:4px}.chartSummary strong{font-size:22px}.chartSummary span{color:#66767a;font-size:13px}.storageWidget{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center}.storageRing{width:110px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative}.storageRing:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:#fff}.storageFacts{min-width:0}.usageList{display:grid;gap:14px}.usageSection{display:grid;gap:8px}.usageSection+.usageSection{border-top:1px solid #e1eaea;padding-top:12px}.usageSectionHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.usageSectionHeader h3{margin:0;color:#182026;font-size:14px}.usageSectionHeader strong{color:#182026;font-size:13px}.usageSection p{margin:0;color:#66767a;font-size:12px}.usageRow{display:grid;grid-template-columns:118px 1fr minmax(70px,auto);align-items:center;gap:10px;color:#526166;font-size:13px}.usageRow strong{color:#182026;text-align:right}.deviceWidgetHead,.securityMetric{border:1px solid #e1eaea;border-radius:8px;background:#f8fbfb;padding:10px;display:grid;gap:2px;margin-bottom:10px}.deviceWidgetHead strong,.securityMetric strong{font-size:26px;color:#182026}.deviceWidgetHead span,.securityMetric span,.hintLine{color:#66767a;font-size:12px}.miniList{display:grid;gap:6px;max-height:100%;overflow:auto}.miniList.compact{margin-top:8px;max-height:92px}.miniList button{border:1px solid #e1eaea;border-radius:8px;background:#fff;color:#526166;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;text-align:left}.miniList button:hover{border-color:#9fcac7}.miniList button:disabled{cursor:default}.miniList button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miniList button strong{color:#182026;white-space:nowrap}.supportWidgetSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.supportWidgetSummary span{border:1px solid #e1eaea;border-radius:8px;background:#f8fbfb;padding:8px;color:#66767a;font-size:12px}.supportWidgetSummary strong{display:block;color:#182026;font-size:18px}.supportWidgetList{max-height:calc(100% - 72px);overflow:auto;display:grid;gap:8px;padding-right:4px}.supportWidgetItem{border:1px solid #e1eaea;border-radius:8px;background:#fff;padding:10px;display:grid;gap:8px}.supportWidgetTitle{border:0;background:transparent;color:#182026;display:grid;gap:3px;padding:0;text-align:left}.supportWidgetTitle:hover strong{color:#1b7464}.supportWidgetTitle span{color:#66767a;font-size:12px}.supportWidgetControls{display:grid;grid-template-columns:110px 1fr auto;gap:6px}.dashboardWidget .supportWidgetControls{grid-template-columns:1fr}.dashboardWidget .supportWidgetSummary span{padding:6px}.supportWidgetControls select,.supportWidgetControls input,.supportWidgetControls button{height:32px;border:1px solid #c9d6d8;border-radius:8px;background:#fff;color:#34464d;padding:0 8px;min-width:0}.supportWidgetControls button{font-weight:800}.qualityWidgetSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.qualityWidgetSummary button{border:1px solid #e1eaea;border-radius:8px;background:#f8fbfb;color:#66767a;display:grid;gap:3px;padding:8px;text-align:left}.qualityWidgetSummary button:hover{border-color:#9fcac7}.qualityWidgetSummary strong{color:#182026;font-size:18px}.qualityTrend{height:72px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end;margin-top:12px}.qualityTrend span{min-width:0;height:100%;display:grid;grid-template-rows:1fr auto;align-items:end;gap:5px}.qualityTrend i{display:block;width:100%;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#2bb6a8,#1b7464)}.qualityTrend small{color:#66767a;font-size:10px;text-align:center;white-space:nowrap}.barRow{display:grid;grid-template-columns:92px 1fr minmax(36px,auto);gap:10px;align-items:center;color:#526166;font-size:13px}.barTrack{height:10px;border-radius:999px;background:#edf3f3;overflow:hidden}.barFill{height:100%;border-radius:inherit;background:#2bb6a8}.workspaceGrid,.kanban{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.panel,.tableSection{background:#fff;border:1px solid #d4dedf;border-radius:8px}.panel{padding:14px;display:flex;flex-direction:column}.panel header{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-bottom:12px}.panel>:not(header){min-height:0}.panel h2{margin:0;font-size:16px}.panelTitleButton{border:0;background:transparent;color:#182026;font-weight:800;font-size:16px;padding:0;text-align:left}.panelTitleButton:hover{color:#1b7464;text-decoration:underline;text-underline-offset:3px}.statusRow{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf2f2;color:#526166}.statusRow strong{color:#26363b;display:inline-flex;align-items:center;gap:5px}.statusRow strong.good{color:#247158}.tableSection{overflow:hidden}.sectionToolbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #dfe8e8}.searchBox{height:40px;max-width:420px;width:100%;border:1px solid #c9d6d8;border-radius:8px;background:#f8fbfb;display:flex;align-items:center;gap:8px;padding:0 12px}.searchBox input{border:0;outline:0;background:transparent;width:100%}.searchBox.compact{height:36px;max-width:260px}.resultCount{color:#66767a;font-size:13px}.dataTableWrap{overflow:auto}.dataTable{width:100%;border-collapse:collapse;min-width:760px}.dataTable th,.dataTable td{padding:12px 14px;border-bottom:1px solid #edf2f2;text-align:left;vertical-align:middle;font-size:14px}.dataTable th{color:#5a696d;font-weight:700;background:#f8fbfb}.dataTable td span{display:block;color:#718084;font-size:12px;margin-top:2px}.truncateCell{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;width:fit-content;max-width:220px;border-radius:999px;padding:4px 8px;background:#e9f4f1;color:#236a58;font-size:12px;font-weight:700}.emptyLine,.stateMessage{padding:16px;color:#657579}.stateMessage.error,.errorBox{background:#fff1f0;color:#a33b35;border:1px solid #f0c2bd;border-radius:8px}.bootScreen,.loginPage{min-height:100vh;display:grid;place-items:center;padding:20px;background:#111820}.pulseLogo{width:54px;height:54px;border-radius:10px;background:#2bb6a8;display:grid;place-items:center;font-weight:900}.loginPanel{width:min(420px,100%);background:#fff;border-radius:8px;padding:24px;display:grid;gap:14px}.loginPanel.twoFactorPanel{width:min(520px,100%)}.loginPanel h1{margin:0;font-size:24px}.loginPanel label{display:grid;gap:6px;color:#526166;font-size:13px;font-weight:700}.loginPanel input{height:42px;border:1px solid #c9d6d8;border-radius:8px;padding:0 12px;outline:0}.primaryButton{height:44px;border:0;border-radius:8px;background:#1b7464;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.primaryButton:disabled{opacity:.7;cursor:wait}.secondaryButton{height:42px;border:1px solid #c9d6d8;border-radius:8px;background:#fff;color:#33454b;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.secondaryButton.compact{height:34px;padding:0 12px;font-size:13px}.setupBox{display:grid;gap:8px;border:1px solid #dce7e7;border-radius:8px;background:#f8fbfb;padding:12px;color:#4f6065;font-size:13px}.setupBox.compact{padding:12px}.setupBox strong{color:#26363b;font-size:14px}.setupBox code{width:100%;overflow-wrap:anywhere;border:1px solid #c9d6d8;border-radius:8px;background:#fff;color:#182026;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.qrCodeBox{width:100%;min-height:244px;border:1px solid #c9d6d8;border-radius:8px;background:#fff;display:grid;place-items:center;padding:12px}.qrCodeBox img{width:min(220px,100%);aspect-ratio:1;display:block}.qrCodeBox span{color:#6a7a7e;font-size:13px}.setupBox textarea{min-height:78px;resize:vertical;border:1px solid #c9d6d8;border-radius:8px;background:#fff;color:#182026;padding:10px;font:inherit;font-size:12px}.hintText{font-size:12px;color:#6a7a7e}.errorBox{padding:10px 12px}.segmentedControl{display:flex;flex-wrap:wrap;gap:6px}.segmentedControl button{height:36px;border:1px solid #c9d6d8;border-radius:8px;background:#fff;color:#34464d;display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-weight:700}.segmentedControl button.active{background:#1b7464;border-color:#1b7464;color:#fff}.segmentedControl.compact button{height:34px;font-size:13px}.logViewer{margin:0;min-height:520px;max-height:calc(100vh - 170px);overflow:auto;background:#101820;color:#d8e7e6;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.supportLayout{background:#fff;border:1px solid #d4dedf;border-radius:8px;overflow:hidden}.supportToolbar{align-items:flex-start}.supportFilters{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.supportFilters select,.supportActions select,.internalNote select{height:36px;border:1px solid #c9d6d8;border-radius:8px;background:#fff;color:#34464d;padding:0 10px}.supportColumns{display:grid;grid-template-columns:minmax(280px,380px) 1fr;min-height:560px}.supportList{border-right:1px solid #dfe8e8;background:#f8fbfb}.supportListItem{width:100%;border:0;border-bottom:1px solid #e6eeee;background:transparent;display:grid;gap:6px;padding:12px 14px;text-align:left;color:#526166}.supportListItem:hover,.supportListItem.active{background:#fff}.supportListItem strong{color:#182026}.supportListTop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.supportDetail{min-width:0;padding:14px}.supportMeta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ticketLifecycleActions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ticketLifecycleActions button{height:36px;border:1px solid #c9d6d8;border-radius:8px;background:#fff;color:#26363b;display:inline-flex;align-items:center;gap:7px;padding:0 12px;font-weight:800}.ticketLifecycleActions button:hover:not(:disabled){border-color:#1b7464;color:#1b7464}.ticketLifecycleActions button.danger{color:#b42318}.ticketLifecycleActions button:disabled{opacity:.55;cursor:not-allowed}.supportMessage{min-height:120px;border:1px solid #e1eaea;border-radius:8px;background:#f8fbfb;padding:12px;color:#26363b;white-space:pre-wrap}.supportOverview{border:1px solid #e1eaea;border-radius:8px;background:#f8fbfb;padding:8px 12px;margin-bottom:14px}.supportConversation{display:grid;gap:10px;margin-bottom:14px}.supportConversation h3{margin:0;font-size:14px}.conversationMessage{border:1px solid #e1eaea;border-radius:8px;padding:10px;background:#fff}.conversationMessage.admin{background:#f2fbf8;border-color:#bfe1d7}.conversationMessage>div{display:flex;justify-content:space-between;gap:12px;color:#66767a;font-size:12px}.conversationMessage p{margin:8px 0 0;white-space:pre-wrap;color:#26363b}.supportAttachments{display:grid;gap:10px;margin-bottom:14px}.supportAttachments h3{margin:0;display:inline-flex;align-items:center;gap:7px;font-size:14px}.attachmentGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.attachmentCard{border:1px solid #e1eaea;border-radius:8px;background:#fff;overflow:hidden}.attachmentCard button{width:100%;aspect-ratio:16 / 10;border:0;background:#f2f7f7;display:grid;place-items:center;color:#66767a;cursor:pointer}.attachmentCard button:disabled{cursor:progress}.attachmentCard img{width:100%;height:100%;object-fit:cover;display:block}.attachmentCard div{padding:9px;display:grid;gap:3px}.attachmentCard strong{color:#182026;font-size:13px;overflow-wrap:anywhere}.attachmentCard span{color:#66767a;font-size:12px}.supportFacts{margin-top:12px}.supportRetentionPanel{border-top:1px solid #dfe8e8;border-bottom:1px solid #dfe8e8;background:#fbfdfd;padding:10px 14px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto minmax(90px,auto);align-items:center;gap:12px}.supportRetentionPanel>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px}.supportRetentionPanel span{color:#66767a;font-size:12px}.supportRetentionPanel label{display:inline-flex;align-items:center;gap:7px;color:#526166;font-size:13px;font-weight:700}.supportRetentionPanel input[type=number]{width:72px;height:34px;border:1px solid #c9d6d8;border-radius:8px;padding:0 8px}.retentionSaveState{min-height:18px;font-size:12px;font-weight:800}.retentionSaveState.saved{color:#006b3c}.retentionSaveState.error{color:#b42318}.supportActions{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;margin-top:14px}.supportActions label,.internalNote,.replyPanel label{display:grid;gap:6px;color:#526166;font-size:13px;font-weight:700}.internalNote{margin:14px 0}.internalNote textarea{min-height:96px;resize:vertical;border:1px solid #c9d6d8;border-radius:8px;padding:10px;font:inherit;font-size:14px}.replyPanel{border:1px solid #dfe8e8;border-radius:8px;padding:12px;margin-top:14px;display:grid;gap:12px;background:#fbfdfd}.replyPanel h3{margin:0;font-size:15px}.replyControls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);gap:12px}.replyTextarea{width:100%;min-height:150px;resize:vertical;border:1px solid #c9d6d8;border-radius:8px;padding:10px;box-sizing:border-box;font:inherit;font-size:14px}.debugContext{border:1px solid #dfe8e8;border-radius:8px;padding:14px;margin-top:14px;background:#fbfdfd;display:grid;gap:10px}.debugContext h3{margin:0 0 3px;font-size:15px;color:#26363b}.debugContextHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#66767a;font-size:13px}.debugContextMeta{display:flex;flex-wrap:wrap;gap:8px}.debugContextMeta span{border-radius:999px;background:#eaf5f3;color:#155f52;font-size:12px;font-weight:800;padding:4px 9px}.debugContext textarea{width:100%;min-height:520px;resize:vertical;border:1px solid #c9d6d8;border-radius:8px;padding:12px;box-sizing:border-box;font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;color:#182026;background:#f8fbfb}.supportTemplateSection{border-top:1px solid #dfe8e8;padding:14px;display:grid;gap:12px}.supportTemplateSection header{display:flex;align-items:center;gap:8px}.supportTemplateSection h2{margin:0;font-size:16px}.templateGrid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.templateEditor{border:1px solid #e1eaea;border-radius:8px;padding:12px;display:grid;gap:10px}.templateEditor label{display:grid;gap:6px;color:#526166;font-size:13px;font-weight:700}.templateEditor input,.templateEditor textarea{border:1px solid #c9d6d8;border-radius:8px;padding:10px;font:inherit;font-size:14px}.templateEditor textarea{min-height:120px;resize:vertical}.checkRow{grid-template-columns:auto 1fr;align-items:center}@media(max-width:1100px){.metricGrid{grid-template-columns:repeat(3,minmax(150px,1fr))}.dashboardGrid{grid-template-columns:repeat(12,minmax(0,1fr))}.workspaceGrid,.kanban,.supportColumns{grid-template-columns:1fr}.supportList{border-right:0;border-bottom:1px solid #dfe8e8}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:3;padding:12px}.brand{display:none}.navList{display:flex;overflow-x:auto}.navItem{width:auto;min-width:46px;flex:0 0 auto}.navItem span,.navItem.logout{display:none}.content{padding:16px}.metricGrid{grid-template-columns:repeat(2,minmax(130px,1fr))}.dashboardGrid{grid-template-columns:repeat(12,minmax(0,1fr))}.insightChart{grid-template-columns:1fr}.donutChart{width:96px}.supportToolbar,.supportFilters{display:grid;justify-content:stretch}.supportActions{grid-template-columns:1fr}.supportRetentionPanel,.supportRetentionPanel>div{grid-template-columns:1fr;align-items:stretch}.replyControls,.templateGrid{grid-template-columns:1fr}}
