.ccSegmentedControl{align-items:center;min-width:0;display:flex}.ccSegmentedControl-pill{gap:var(--space-2);border-bottom:1px solid rgb(var(--color-border-subtle) / .2);background:rgb(var(--color-surface-elevated) / .25);padding:var(--space-3)}.ccSegmentedControl-underline{gap:var(--space-4);border-bottom:1px solid rgb(var(--color-border-subtle) / .05);margin-bottom:var(--space-2);padding-bottom:2px}.ccSegmentedControlButton{color:rgb(var(--color-text-secondary));cursor:pointer;letter-spacing:0;text-transform:uppercase;transition:background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), color var(--motion-fast);background:0 0;border:1px solid #0000;font-weight:700}.ccSegmentedControlButton:hover,.ccSegmentedControlButton:focus-visible{color:rgb(var(--color-text-primary));outline:none}.ccSegmentedControlButton:disabled{cursor:not-allowed;opacity:.56}.ccSegmentedControl-pill .ccSegmentedControlButton{padding:8px var(--space-3);border-radius:100px;flex:1;font-size:11px}.ccSegmentedControl-pill .ccSegmentedControlButton:hover,.ccSegmentedControl-pill .ccSegmentedControlButton:focus-visible{border-color:rgb(var(--color-border-subtle) / .3);background:rgb(var(--color-surface-elevated) / .5)}.ccSegmentedControl-pill .ccSegmentedControlButton-active{border-color:rgb(var(--color-accent-primary) / .3);background:rgb(var(--color-accent-primary) / .1);box-shadow:0 0 12px rgb(var(--color-accent-primary) / .15);color:rgb(var(--color-accent-primary))}.ccSegmentedControl-underline .ccSegmentedControlButton{padding:var(--space-2) 0;border-width:0 0 2px;font-size:14px}.ccSegmentedControl-underline .ccSegmentedControlButton-active{border-bottom-color:rgb(var(--color-accent-primary));color:rgb(var(--color-accent-primary));text-shadow:0 0 12px rgb(var(--color-accent-primary) / .4)}.ccEmptyState{color:rgb(var(--color-text-secondary));font-size:13px;font-weight:650;line-height:1.45}.ccEmptyState-surface{border:1px solid rgb(var(--color-border-subtle) / .08);border-radius:var(--radius-md);background:rgb(var(--color-surface-subtle));padding:var(--space-3)}.ccEmptyState-info{color:rgb(var(--color-status-info))}.ccEmptyState-success{color:rgb(var(--color-status-success))}.ccEmptyState-warning{color:rgb(var(--color-status-warning))}.ccEmptyState-danger{color:rgb(var(--color-status-danger))}.ccSelectableRow{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid rgb(var(--color-border-subtle));border-radius:var(--radius-md);background:rgb(var(--color-surface-primary));width:100%;color:rgb(var(--color-text-primary));cursor:pointer;padding:var(--space-3);text-align:left;transition:border-color var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);display:flex}.ccSelectableRow-elevated{border-radius:var(--radius-lg);box-shadow:var(--shadow-button-secondary);border-color:#0000}.ccSelectableRow:active{transform:scale(.97)}.ccSelectableRow:hover,.ccSelectableRow:focus-visible{border-color:rgb(var(--color-accent-primary));box-shadow:var(--shadow-focus-accent);outline:none}.ccSelectableRow-elevated:hover,.ccSelectableRow-elevated:focus-visible{box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.ccSelectableRow-selected{border-color:rgb(var(--color-accent-primary));background:rgb(var(--color-accent-soft) / .1);box-shadow:0 0 0 1px rgb(var(--color-accent-primary) / .2) inset}.ccSelectableRowBody{gap:var(--space-1);min-width:0;display:grid}.ccSelectableRowBody strong,.ccSelectableRowBody small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ccSelectableRowBody small{color:rgb(var(--color-text-secondary));font-size:12px;font-weight:650}@media (prefers-reduced-motion:reduce){.ccSelectableRow{transition:none}}@media (width<=480px){.ccSelectableRow{align-items:stretch;display:grid}}.ccSelectRoot{min-width:0;position:relative}.ccSelect{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;font:inherit;text-align:left;display:flex}.ccSelect:disabled{cursor:not-allowed;opacity:.65}.ccSelectValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ccSelectIndicator{opacity:.7;border-bottom:2px solid;border-right:2px solid;flex:none;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.ccSelectNativeMirror{clip:rect(0 0 0 0);opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.ccSelectMenu{z-index:50;gap:var(--space-1);box-sizing:border-box;border:1px solid rgb(var(--color-menu-border) / .5);border-radius:var(--radius-xl);background:rgb(var(--color-menu-surface) / .75);-webkit-backdrop-filter:blur(40px)saturate(200%);min-width:180px;box-shadow:var(--shadow-menu);padding:var(--space-2);display:grid;position:fixed;overflow:auto}.ccSelectOption{border-radius:var(--radius-lg);color:rgb(var(--color-menu-text));cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:10px 14px;font-size:13px;font-weight:500}.ccSelectOption:hover,.ccSelectOption:focus-visible,.ccSelectOption[aria-selected=true]{background:rgb(var(--color-menu-hover) / .5);outline:none}.ccActionMenu{position:relative}.ccActionMenuPanel{top:calc(100% + var(--space-2));z-index:50;gap:var(--space-1);border:1px solid rgb(var(--color-menu-border) / .5);border-radius:var(--radius-xl);background:rgb(var(--color-menu-surface) / .75);-webkit-backdrop-filter:blur(40px)saturate(200%);min-width:200px;box-shadow:var(--shadow-menu);padding:var(--space-2);flex-direction:column;display:flex;position:absolute}.ccActionMenuPanel-end{right:0}.ccActionMenuPanel-start{left:0}.ccActionMenuItem{border-radius:var(--radius-lg);color:rgb(var(--color-menu-text));cursor:pointer;text-align:left;transition:background var(--motion-fast), color var(--motion-fast);background:0 0;border:none;padding:10px 14px;font-size:13px;font-weight:500}.ccActionMenuItem:hover,.ccActionMenuItem:focus-visible{background:rgb(var(--color-menu-hover) / .5);outline:none}.ccActionMenuItem-danger{color:rgb(var(--color-status-danger))}.ccButton{border-radius:var(--radius-md);min-height:40px;padding:0 var(--space-4);cursor:pointer;letter-spacing:-.01em;transition:background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast), box-shadow var(--motion-fast);border:1px solid #0000;font-weight:500}.ccButton:not(:disabled):active{transform:scale(.98)}.ccButton-primary{background:rgb(var(--color-accent-primary));color:rgb(var(--color-accent-contrast))}.ccButton-primary:not(:disabled):hover{background:rgb(var(--color-accent-primary) / .92)}.ccButton-secondary{border-color:rgb(var(--color-border-subtle) / .2);background:rgb(var(--color-surface-elevated) / .6);-webkit-backdrop-filter:blur(10px);color:rgb(var(--color-text-primary));box-shadow:var(--shadow-button-secondary)}[data-theme=dark] .ccButton-secondary{border-color:rgb(var(--color-border-subtle) / .15)}.ccButton-secondary:not(:disabled):hover,.ccButton-secondary:not(:disabled):focus-visible{border-color:rgb(var(--color-border-subtle) / .3);background:rgb(var(--color-surface-elevated) / .8)}[data-theme=dark] .ccButton-secondary:not(:disabled):hover,[data-theme=dark] .ccButton-secondary:not(:disabled):focus-visible{border-color:rgb(var(--color-border-subtle) / .3)}.ccButton-subtle{background:rgb(var(--color-surface-subtle) / .6);color:rgb(var(--color-text-primary))}.ccButton-subtle:not(:disabled):hover,.ccButton-subtle:not(:disabled):focus-visible{background:rgb(var(--color-surface-secondary))}.ccButton:not(:disabled):focus-visible{box-shadow:0 0 0 3px rgb(var(--color-accent-primary) / .3);outline:none}.ccButton:disabled{border-color:rgb(var(--color-border-subtle) / .1);background:rgb(var(--color-surface-subtle));color:rgb(var(--color-text-muted));cursor:not-allowed;opacity:.6}.ccStatusPill{min-height:24px;padding:0 var(--space-3);letter-spacing:-.01em;border-radius:999px;align-items:center;font-size:12px;font-weight:500;display:inline-flex}.ccStatusPill-neutral{background:rgb(var(--color-surface-subtle));color:rgb(var(--color-text-secondary))}.ccStatusPill-info{background:rgb(var(--color-status-info-soft) / .12);color:rgb(var(--color-status-info))}.ccStatusPill-success{background:rgb(var(--color-status-success-soft) / .12);color:rgb(var(--color-status-success))}.ccStatusPill-warning{background:rgb(var(--color-status-warning-soft) / .12);color:rgb(var(--color-status-warning))}.ccStatusPill-danger{background:rgb(var(--color-status-danger-soft) / .12);color:rgb(var(--color-status-danger))}.ccSkeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, rgb(var(--color-surface-subtle)), rgb(var(--color-surface-secondary)), rgb(var(--color-surface-subtle)));background-size:200% 100%;min-height:16px;animation:1.5s cubic-bezier(.4,0,.2,1) infinite ccSkeleton}.ccAvatar{background:rgb(var(--color-surface-secondary) / .7);color:rgb(var(--color-text-primary));border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:inline-grid;position:relative;overflow:visible}.ccAvatar-sm{width:32px;height:32px;font-size:12px}.ccAvatar-md{width:44px;height:44px;font-size:15px}.ccAvatar-lg{width:64px;height:64px;font-size:20px}.ccAvatar-xl{width:88px;height:88px;font-size:26px}.ccAvatar img,.ccAvatarInitials{border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.ccAvatar img{object-fit:cover}.ccPresenceDot{background:rgb(var(--color-text-muted));border-radius:999px;width:10px;height:10px;display:inline-block}.ccPresenceDot-online,.ccPresenceDot-success{background:rgb(var(--color-status-success));box-shadow:var(--shadow-presence-success)}.ccPresenceDot-away,.ccPresenceDot-warning{background:rgb(var(--color-status-warning));box-shadow:var(--shadow-presence-warning)}.ccPresenceDot-dnd,.ccPresenceDot-danger{background:rgb(var(--color-status-danger));box-shadow:var(--shadow-presence-danger)}.ccMetricTile{gap:var(--space-1);border:1px solid rgb(var(--color-border-subtle) / .16);border-radius:var(--radius-md);background:rgb(var(--color-surface-elevated) / .45);padding:var(--space-3);flex-direction:column;min-width:0;display:flex}.ccMetricTile-compact{text-align:center;padding:var(--space-3) var(--space-2);align-items:center}.ccMetricTileLabel,.ccMetricTileMeta{color:rgb(var(--color-text-secondary));text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:600;overflow:hidden}.ccMetricTileValue{color:rgb(var(--color-text-primary));overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.1}.ccMetricTile-compact .ccMetricTileValue{font-size:18px}.ccSurfaceCard{box-sizing:border-box;border:1px solid rgb(var(--color-accent-primary) / .15);border-radius:var(--radius-xl);background:rgb(var(--color-surface-primary) / .4);-webkit-backdrop-filter:blur(40px)saturate(200%);min-width:0;box-shadow:var(--shadow-surface-glass);color:rgb(var(--color-text-secondary));padding:var(--space-5);transition:border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast)}.ccSurfaceCard:hover{border-color:rgb(var(--color-accent-primary) / .28);box-shadow:var(--shadow-elevated)}.ccSurfaceCard p{color:rgb(var(--color-text-secondary));margin:0;font-size:.85rem;line-height:1.5}.ccCardHeader{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.ccCardHeader strong{color:rgb(var(--color-text-primary));font-weight:600}.ccFormField{gap:var(--space-1);min-width:0;display:grid}.ccFormFieldLabel{color:rgb(var(--color-text-secondary));font-size:12px;font-weight:600}.ccInput,.ccSelect,.ccTextArea{box-sizing:border-box;border:1px solid rgb(var(--color-border-subtle) / .4);border-radius:var(--radius-md);background:rgb(var(--color-surface-elevated) / .5);width:100%;min-height:40px;color:rgb(var(--color-text-primary));padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-input-inset);transition:background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast)}.ccInput:hover,.ccInput:focus-visible,.ccSelect:hover,.ccSelect:focus-visible,.ccTextArea:hover,.ccTextArea:focus-visible{border-color:rgb(var(--color-accent-primary) / .5);background:rgb(var(--color-surface-elevated) / .8);outline:none}.ccInput:focus-visible,.ccSelect:focus-visible,.ccTextArea:focus-visible{box-shadow:var(--shadow-focus-accent), var(--shadow-input-inset)}.ccTextArea{resize:vertical;line-height:1.4}.ccCheckboxField{align-items:center;gap:var(--space-2);color:rgb(var(--color-text-primary));cursor:pointer;font-size:13px;font-weight:500;line-height:1.2;display:inline-flex}.ccCheckboxField-disabled{color:rgb(var(--color-text-secondary));cursor:not-allowed;opacity:.72}.ccCheckboxInput{width:16px;height:16px;accent-color:rgb(var(--color-accent-primary));cursor:inherit;margin:0}.ccCheckboxLabel{min-width:0}.ccActionGroup{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ccActionGroup>.ccButton{min-width:max-content}.ccInlineAlert{border:1px solid rgb(var(--color-border-subtle) / .08);border-radius:var(--radius-md);background:rgb(var(--color-surface-subtle));color:rgb(var(--color-text-secondary));padding:var(--space-3);font-size:13px;font-weight:500;line-height:1.4}.ccInlineAlert-info{border-color:rgb(var(--color-status-info) / .16);background:rgb(var(--color-status-info-soft) / .1);color:rgb(var(--color-status-info))}.ccInlineAlert-success{border-color:rgb(var(--color-status-success) / .16);background:rgb(var(--color-status-success-soft) / .1);color:rgb(var(--color-status-success))}.ccInlineAlert-warning{border-color:rgb(var(--color-status-warning) / .16);background:rgb(var(--color-status-warning-soft) / .1);color:rgb(var(--color-status-warning))}.ccInlineAlert-danger{border-color:rgb(var(--color-status-danger) / .16);background:rgb(var(--color-status-danger-soft) / .1);color:rgb(var(--color-status-danger))}.ccActionRow{justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);background:rgb(var(--color-surface-elevated) / .4);padding:var(--space-3);transition:border-color var(--motion-fast);border:1px solid #0000;display:flex}.ccActionRow:hover{border-color:rgb(var(--color-accent-primary) / .2)}.ccActionRowBody{flex-direction:column;gap:2px;min-width:0;display:flex}.ccActionRowBody strong{color:rgb(var(--color-text-primary));font-size:14px;font-weight:600}.ccActionRowBody span{color:rgb(var(--color-text-secondary));font-size:12px}@keyframes ccSkeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ccButton,.ccSkeleton,.ccInput,.ccSelect,.ccTextArea,.ccSurfaceCard{transition:none;animation:none}}@media (width<=480px){.ccActionGroup>.ccButton{flex:144px;min-width:0}}:root{--color-surface-primary:255 255 255;--color-surface-secondary:245 245 247;--color-surface-elevated:255 255 255;--color-surface-subtle:242 242 247;--color-text-primary:0 0 0;--color-text-secondary:134 134 139;--color-text-muted:153 153 153;--color-border-subtle:205 213 225;--color-border-strong:148 163 184;--color-accent-primary:0 122 255;--color-accent-soft:0 122 255;--color-accent-contrast:255 255 255;--color-menu-surface:255 255 255;--color-menu-text:0 0 0;--color-menu-hover:245 245 247;--color-menu-border:228 232 240;--color-overlay-scrim:0 0 0;--color-status-success:52 199 89;--color-status-success-soft:52 199 89;--color-status-warning:255 149 0;--color-status-warning-soft:255 149 0;--color-status-danger:255 59 48;--color-status-danger-soft:255 59 48;--color-status-info:0 122 255;--color-status-info-soft:0 122 255;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-subtle:0 4px 24px #0000000a, 0 1px 2px #00000014;--shadow-elevated:0 10px 40px #00000014, 0 2px 8px #0000000a;--shadow-button-secondary:0 1px 2px #0000000d;--shadow-input-inset:0 2px 8px #00000005 inset;--shadow-inset-highlight:inset 0 1px 1px #ffffff0d;--shadow-bubble:0 1px 2px #0000000d;--shadow-bubble-inbound:inset 0 1px 0 #fffc, 0 2px 12px #0000000f;--shadow-bubble-outbound:inset 0 1px 0 #fff3, 0 4px 16px #007aff40;--shadow-surface-glass:0 8px 32px #0000000a;--shadow-menu:0 16px 40px #00000026;--shadow-dialog:0 40px 80px #00000073, inset 0 1px 1px #ffffff0f, 0 0 80px #007aff14;--shadow-focus-accent:0 0 0 3px #007aff26;--shadow-presence-success:0 0 8px #34c75999;--shadow-presence-warning:0 0 8px #ff950099;--shadow-presence-danger:0 0 8px #ff3b3099;--motion-fast:.25s cubic-bezier(.32, .72, 0, 1);--motion-normal:.4s cubic-bezier(.32, .72, 0, 1)}[data-theme=dark]{--color-surface-primary:0 0 0;--color-surface-secondary:28 28 30;--color-surface-elevated:44 44 46;--color-surface-subtle:58 58 60;--color-text-primary:255 255 255;--color-text-secondary:152 152 157;--color-text-muted:110 110 115;--color-border-subtle:72 78 88;--color-border-strong:118 126 138;--color-overlay-scrim:0 0 0;--color-accent-primary:10 132 255;--color-accent-soft:10 132 255;--color-menu-surface:28 28 30;--color-menu-text:255 255 255;--color-menu-hover:44 44 46;--color-menu-border:72 78 88;--shadow-subtle:0 4px 24px #0006, 0 1px 2px #0009, inset 0 1px 0 #ffffff0d;--shadow-elevated:0 10px 40px #0009, 0 2px 8px #0006, inset 0 1px 0 #ffffff14;--shadow-button-secondary:0 1px 2px #0006, inset 0 1px 0 #ffffff0d;--shadow-input-inset:0 2px 8px #0006 inset;--shadow-inset-highlight:inset 0 1px 1px #ffffff1a;--shadow-bubble:0 1px 2px #0003, inset 0 1px 0 #ffffff0d;--shadow-bubble-inbound:inset 0 1px 0 #ffffff14, 0 2px 12px #00000059;--shadow-bubble-outbound:inset 0 1px 0 #ffffff26, 0 4px 16px #0a84ff40;--shadow-surface-glass:0 8px 32px #00000059, inset 0 1px 0 #ffffff14;--shadow-menu:0 16px 40px #00000080, inset 0 1px 0 #ffffff1a;--shadow-dialog:0 40px 80px #000000a6, inset 0 1px 1px #ffffff1a, 0 0 80px #0a84ff14}html,body,#root{width:100%;min-width:0;height:100%}body{background-color:rgb(var(--color-surface-secondary));color:rgb(var(--color-text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgb(var(--color-border-strong) / .3);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-border-strong) / .6);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}button,input,textarea,select{font:inherit}.loadingScreen{background:rgb(var(--color-surface-secondary));min-height:100vh;color:rgb(var(--color-text-secondary));place-items:center;font-weight:500;display:grid}.sectionHeader{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;font-weight:600;display:flex}.channelFilter,.channelFilterStatus{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.channelFilter{justify-content:space-between}.channelFilter span:first-child{color:rgb(var(--color-text-secondary));font-size:13px;font-weight:600}.channelFilter .ccSelect{background:rgb(var(--color-surface-elevated));flex:1;min-width:0}.channelFilterStatus{min-height:40px;color:rgb(var(--color-text-secondary));font-size:13px}.sessionCard{gap:var(--space-2);border:1px solid rgb(var(--color-border-subtle) / .1);border-radius:var(--radius-xl);background:rgb(var(--color-surface-elevated) / .6);-webkit-backdrop-filter:blur(20px);padding:var(--space-6);box-shadow:var(--shadow-subtle);transition:transform var(--motion-normal), box-shadow var(--motion-normal);flex-direction:column;display:flex}.sessionCard:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.sessionCard span{color:rgb(var(--color-text-secondary));text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.sessionCard strong{color:rgb(var(--color-text-primary));margin-bottom:var(--space-3);font-size:20px;font-weight:700}.sessionCard button{border:1px solid rgb(var(--color-border-subtle) / .3);border-radius:var(--radius-md);min-height:40px;color:rgb(var(--color-text-primary));cursor:pointer;padding:0 var(--space-4);transition:all var(--motion-fast);text-transform:uppercase;letter-spacing:.05em;background:0 0;align-self:flex-start;font-size:12px;font-weight:600}.sessionCard button:active{transform:scale(.97)}.sessionCard button:hover,.sessionCard button:focus-visible{background:rgb(var(--color-surface-subtle));outline:none}.eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600;margin-bottom:var(--space-2)!important;color:rgb(var(--color-text-secondary))!important}.appShell{background-color:rgb(var(--color-surface-secondary));z-index:0;width:100%;height:100dvh;min-height:100dvh;display:block;position:relative;overflow:hidden}.appShell:before,.appShell:after{content:"";filter:blur(140px);will-change:transform;pointer-events:none;z-index:-1;opacity:.5;border-radius:50%;position:absolute}.appShell:before{background-color:rgb(var(--color-accent-primary) / .04);width:90vw;height:90vw;top:-30vh;left:-20vw}.appShell:after{background-color:rgb(var(--color-accent-primary) / .02);width:70vw;height:70vw;bottom:-20vh;right:-10vw}.surfaceShell{z-index:1;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}@media (width<=760px){.surfaceShell{height:100%;min-height:0}}.operationsLayout{height:100vh;padding:90px var(--space-4) 110px var(--space-4);justify-content:center;gap:var(--space-4);box-sizing:border-box;display:flex;position:relative;overflow:hidden}.leftColumn{border-radius:var(--radius-xl);background:rgb(var(--color-surface-primary) / .4);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid rgba(var(--color-border-subtle), .15);flex-direction:column;flex:0 0 320px;gap:0;min-width:0;height:100%;display:flex;overflow:hidden}.leftColumnContent{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.workQueue{min-width:0;min-height:0;padding:var(--space-4);transition:all var(--motion-fast) cubic-bezier(.32, .72, 0, 1);scrollbar-width:thin;scrollbar-color:rgba(var(--color-text-secondary), .2) transparent;flex:1;overflow:auto}.workQueue::-webkit-scrollbar{width:5px}.workQueue::-webkit-scrollbar-track{background:0 0}.workQueue::-webkit-scrollbar-thumb{background:rgba(var(--color-text-secondary), .2);border-radius:4px}.conversationPanel{border-radius:var(--radius-xl);background:rgb(var(--color-surface-primary) / .4);-webkit-backdrop-filter:blur(40px)saturate(200%);width:100%;min-width:0;max-width:1200px;padding:var(--space-5);flex:1;position:relative;overflow:hidden}.contextPanel{-webkit-backdrop-filter:none;min-height:0;box-shadow:none;padding:var(--space-4);visibility:visible;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--color-text-secondary), .2) transparent;background:0 0;border-radius:0;flex:1;overflow:auto;transform:none}.contextPanel::-webkit-scrollbar{width:5px}.contextPanel::-webkit-scrollbar-track{background:0 0}.contextPanel::-webkit-scrollbar-thumb{background:rgba(var(--color-text-secondary), .2);border-radius:4px}.activeRosterPanel{flex-direction:column;flex:0 0 280px;min-width:0;height:100%;display:flex}.conversationPanelToolbar{z-index:30;display:flex;position:absolute;top:30px;right:28px}.contextDrawerTrigger{width:40px;height:40px;color:rgb(var(--color-text-secondary));cursor:pointer;transition:all var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.contextDrawerTrigger:hover{background:rgb(var(--color-surface-elevated) / .5);color:rgb(var(--color-text-primary))}.contextDrawerTrigger-active{background:rgb(var(--color-surface-elevated));color:rgb(var(--color-accent-primary));box-shadow:var(--shadow-button-secondary)}.contextPanelClose{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:rgb(var(--color-text-secondary));cursor:pointer;padding:var(--space-2);background:0 0;border:1px solid #0000;display:inline-flex}.contextPanelClose:hover{background:rgb(var(--color-surface-elevated));color:rgb(var(--color-text-primary))}@media (width<=1320px){.leftColumn{flex:0 0 280px}.activeRosterPanel{flex:0 0 240px}}@media (width<=1120px){.activeRosterPanel{display:none}}@media (width<=760px){.operationsLayout{padding:80px var(--space-3) 100px var(--space-3);gap:var(--space-3);flex-direction:column;overflow:auto}.leftColumn{flex:none;height:auto;max-height:50vh}.workQueue,.conversationPanel{min-height:auto;padding:var(--space-3)}.activeRosterPanel{display:none}}.surfaceMain{--layout-content-max:1440px;box-sizing:border-box;grid-template-columns:minmax(0, min(100%, var(--layout-content-max)));place-content:start center;gap:var(--space-5);width:100%;height:100%;min-height:0;padding:88px clamp(var(--space-4), 3vw, var(--space-8)) calc(var(--space-8) + 104px);scrollbar-gutter:stable;background:0 0;display:grid;overflow:auto}.surfaceMain>*{box-sizing:border-box;width:100%;min-width:0}.surfaceMain-admin{--layout-content-max:1360px}.surfaceHeader{gap:var(--space-2);max-width:900px;display:grid}.surfaceHeader span{color:rgb(var(--color-accent-primary));text-transform:uppercase;font-size:12px;font-weight:800}.surfaceHeader h1{margin:0;font-size:32px;line-height:1.12}.surfaceHeader p{color:rgb(var(--color-text-secondary));margin:0}.surfaceGrid,.profileGrid{align-content:start;gap:var(--space-4);justify-self:center;width:100%;display:grid}.surfaceGrid>*,.profileGrid>*{align-self:start}.surfaceMain .dailySummaryCard,.surfaceMain .supervisorExceptionsCard{align-content:start;margin-top:0}.surfaceGrid{grid-template-columns:repeat(2,minmax(320px,1fr))}.surfaceGrid>.auditLogCard{grid-column:1/-1}.profileGrid{grid-template-columns:minmax(240px,320px) minmax(320px,1fr);max-width:1000px}.settingsLayout{gap:var(--space-6);grid-template-columns:minmax(180px,220px) minmax(0,1fr);justify-self:center;width:100%;min-width:0;max-width:1360px;display:grid}.settingsSidebar{gap:var(--space-4);flex-direction:column;min-width:0;display:flex;position:sticky;top:0}.settingsNav{gap:var(--space-2);flex-direction:column;min-width:0;max-width:100%;display:flex}.settingsNavItem{color:rgb(var(--color-text-secondary));padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;border-radius:0 var(--radius-md) var(--radius-md) 0;transition:all var(--motion-fast);background:0 0;border:1px solid #0000;border-left-width:3px;font-size:14px;font-weight:650}.settingsNavItem:hover{background:rgb(var(--color-surface-elevated) / .5);color:rgb(var(--color-text-primary))}.settingsNavItem-active{background:linear-gradient(90deg, rgb(var(--color-accent-primary) / .1) 0%, transparent 100%);border-left-color:rgb(var(--color-accent-primary));color:rgb(var(--color-accent-primary));text-shadow:0 0 12px rgb(var(--color-accent-primary) / .4)}.settingsContent{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;min-width:0;display:grid}.settingsWorkspace{gap:var(--space-4);min-width:0;display:grid}.settingsWorkspaceHeader{justify-content:space-between;align-items:end;min-width:0;display:flex}.settingsWorkspaceHeader strong{font-size:18px;line-height:1.2;display:block}.settingsWorkspaceHeader p{color:rgb(var(--color-text-secondary));margin:var(--space-1) 0 0;max-width:760px}.settingsSectionTabs{background:rgb(var(--color-surface-primary));border:1px solid rgb(var(--color-border-subtle));border-radius:var(--radius-lg);gap:var(--space-1);max-width:100%;padding:var(--space-1);display:flex;overflow-x:auto}.settingsSectionTabs button{border-radius:var(--radius-md);color:rgb(var(--color-text-secondary));cursor:pointer;font:inherit;padding:var(--space-2) var(--space-3);transition:background var(--motion-fast), color var(--motion-fast);background:0 0;border:0;flex:none;font-size:13px;font-weight:700}.settingsSectionTabs button:not(.settingsSectionTab-active):hover{background:rgb(var(--color-surface-elevated));color:rgb(var(--color-text-primary))}.settingsSectionTabs button.settingsSectionTab-active{box-shadow:0 0 0 1px rgb(var(--color-accent-primary) / .28) inset;background:rgb(var(--color-surface-elevated) / 1)!important;color:rgb(var(--color-accent-primary) / 1)!important}.settingsWorkspaceBody{gap:var(--space-4);min-width:0;display:grid}@media (width<=1120px){.surfaceGrid,.profileGrid,.settingsLayout{grid-template-columns:1fr}.settingsSidebar{position:static}.settingsNav{scrollbar-width:none;flex-direction:row;overflow-x:auto}.settingsNav::-webkit-scrollbar{display:none}.settingsSectionTabs::-webkit-scrollbar{display:none}.settingsNavItem{border-radius:var(--radius-md);border-left:1px solid #0000;flex:none}.settingsNavItem-active{border-color:rgb(var(--color-accent-primary) / .32)}}@media (width<=760px){.surfaceMain{padding:190px var(--space-4) calc(var(--space-8) + 88px)}.surfaceHeader h1{font-size:28px}.settingsLayout{gap:var(--space-4)}.settingsNav{flex-wrap:wrap;overflow:visible}.settingsNavItem{flex:1 1 calc(50% - var(--space-2));text-align:center}.settingsWorkspaceHeader{align-items:start;gap:var(--space-2);flex-direction:column}}.loginScreen{background:rgb(var(--color-surface-secondary));place-items:center;min-height:100vh;display:grid}.loginPanel{gap:var(--space-4);border:1px solid rgb(var(--color-border-subtle));border-radius:var(--radius-xl);background:rgb(var(--color-surface-elevated));width:min(420px,100vw - 32px);box-shadow:var(--shadow-subtle);padding:var(--space-8);display:grid}.loginHeader{gap:var(--space-2);display:grid}.loginHeader h1{margin:0;font-size:36px;line-height:1.1}.loginPanel .ccInput{min-height:42px;padding:0 var(--space-3)}.navRail{bottom:var(--space-6);align-items:center;gap:var(--space-4);border:1px solid rgb(var(--color-border-subtle) / .08);background:rgb(var(--color-surface-secondary) / .6);-webkit-backdrop-filter:blur(40px)saturate(200%);padding:var(--space-2) var(--space-4);z-index:100;box-shadow:var(--shadow-elevated);border-radius:999px;flex-direction:row;display:flex;position:fixed;left:50%;transform:translate(-50%)}.brandMark{border-radius:var(--radius-lg);background:rgb(var(--color-accent-soft));width:40px;height:40px;color:rgb(var(--color-accent-primary));place-items:center;font-weight:700;display:grid}.surfaceNav{gap:var(--space-2);flex-direction:row;width:auto;display:flex}.surfaceNav button{border-radius:var(--radius-xl);width:64px;height:64px;color:rgb(var(--color-text-secondary));cursor:pointer;transition:transform var(--motion-fast) cubic-bezier(.32, .72, 0, 1), background var(--motion-fast), color var(--motion-fast);background:0 0;border:none;align-content:center;justify-items:center;gap:4px;padding:0;display:grid}.surfaceNav button:active{transform:scale(.92)}.surfaceNav button:hover,.surfaceNav button:focus-visible,.surfaceNavButton-active{box-shadow:var(--shadow-button-secondary);outline:none;background:rgb(var(--color-surface-elevated) / .5)!important;color:rgb(var(--color-accent-primary))!important}.surfaceNavIcon{border-radius:var(--radius-md);background:rgb(var(--color-surface-secondary));place-items:center;width:28px;height:28px;display:grid}.surfaceNavIcon svg{display:block}.surfaceNav small{display:none}@media (width<=760px){.navRail{bottom:var(--space-3);width:90%;padding:var(--space-2);justify-content:space-between}.surfaceNav{justify-content:space-around;width:100%}.surfaceNav button{width:48px;height:48px}}.topOperationBar{top:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-6);border:1px solid rgb(var(--color-border-subtle) / .08);background:rgb(var(--color-surface-primary) / .5);-webkit-backdrop-filter:blur(40px)saturate(200%);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);z-index:90;box-shadow:var(--shadow-elevated);border-radius:999px;min-width:600px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.topOperationIdentity{gap:2px;min-width:0;display:grid}.topOperationIdentity strong{font-size:15px}.topOperationIdentity span{color:rgb(var(--color-text-secondary));text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.topMetricStrip{align-items:center;gap:var(--space-2);display:flex}.topMetric{gap:2px var(--space-2);min-width:max-content;color:rgb(var(--color-text-primary));padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);text-align:left;background:0 0;border:none;border-radius:999px;grid-template-columns:auto minmax(0,1fr);display:grid}button.topMetric{cursor:pointer;transition:transform var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast)}button.topMetric:active{transform:scale(.97)}button.topMetric:hover,button.topMetric:focus-visible{background:rgb(var(--color-surface-elevated) / .5);outline:none}button.topMetric:focus-visible{box-shadow:0 0 0 3px rgb(var(--color-accent-primary) / .14)}.topMetric span{color:rgb(var(--color-text-secondary));font-size:11px;font-weight:700}.topMetricIcon{background:rgb(var(--color-surface-secondary));width:32px;height:32px;color:rgb(var(--color-text-secondary));border-radius:50%;grid-row:1/3;align-self:center;place-items:center;display:grid}.topMetricIcon svg{display:block}.topMetric strong{grid-column:2;font-size:16px}.topMetric-warning .topMetricIcon{background:rgb(var(--color-status-warning-soft));color:rgb(var(--color-status-warning))}.topMetric-success .topMetricIcon{background:rgb(var(--color-status-success-soft));color:rgb(var(--color-status-success))}.topMetric-warning strong{color:rgb(var(--color-status-warning))}.topMetric-success strong{color:rgb(var(--color-status-success))}.topSystemStatus{white-space:nowrap;justify-self:end}@media (width<=1320px){.topSystemStatus{display:none}}@media (width<=1120px){.topOperationBar{gap:var(--space-3);width:90%;min-width:0}.topMetricStrip{scrollbar-width:none;padding-bottom:2px;overflow-x:auto}.topMetricStrip::-webkit-scrollbar{display:none}}@media (width<=760px){.topOperationBar{gap:var(--space-3);padding:var(--space-3)}.topMetricStrip{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;display:grid;overflow:visible}.topMetric{min-width:0;padding:var(--space-2)}.topMetric span{font-size:10px}}