@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap";.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--bg: #111318;--bg-2: #171a23;--bg-glow-1: rgba(91, 110, 245, .1);--bg-glow-center: rgba(232, 234, 237, .025);--bg-glow-2: rgba(91, 110, 245, .06);--surface: rgba(24, 28, 37, .85);--surface-2: rgba(33, 37, 48, .92);--surface-strong: #262b37;--sidebar-grad-1: color-mix(in srgb, rgba(17, 19, 24, .97) 94%, rgba(91, 110, 245, 1) 6%);--sidebar-grad-2: color-mix(in srgb, rgba(17, 19, 24, .97) 94%, rgba(91, 110, 245, 1) 6%);--border: #272c39;--text: #e3e6ed;--muted: #929aae;--heading: #f0f2f6;--tone-deep: #111318;--tone-raised: #262b37;--tone-line: #272c39;--tone-soft: #e3e6ed;--on-accent: #ffffff;--primary: #5f73f5;--primary-2: #4f61e0;--accent: #5f73f5;--outbound: #3b82f6;--danger: #ef4455;--ok: #10b981;--warn: #d97706;--neutral: #6b7280;--shadow: 0 24px 60px rgba(0, 0, 0, .4), 0 0 0 1px rgba(79, 99, 210, .06) inset;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 9px;--primary-hover: #7386ff}:root[data-theme=light]{--bg: #f5f6f8;--bg-2: #ebedf0;--bg-glow-1: rgba(91, 110, 245, .08);--bg-glow-center: rgba(255, 255, 255, .72);--bg-glow-2: rgba(91, 110, 245, .05);--surface: rgba(255, 255, 255, .88);--surface-2: #ffffff;--surface-strong: #f1f2f5;--sidebar-grad-1: color-mix(in srgb, rgba(255, 255, 255, .98) 94%, rgba(91, 110, 245, 1) 6%);--sidebar-grad-2: color-mix(in srgb, rgba(255, 255, 255, .98) 94%, rgba(91, 110, 245, 1) 6%);--border: #e3e5ea;--text: #1a1d24;--muted: #6b7280;--heading: #1a1d24;--tone-deep: #f5f6f8;--tone-raised: #f1f2f5;--tone-line: #e3e5ea;--tone-soft: #1a1d24;--on-accent: #ffffff;--primary: #4f61e0;--primary-2: #4354c9;--accent: #4f61e0;--outbound: #3b82f6;--danger: #e53935;--ok: #10b981;--warn: #d97706;--neutral: #6b7280;--shadow: 0 24px 58px rgba(26, 29, 36, .1);--primary-hover: #3f50b5}*{box-sizing:border-box}*,*::-webkit-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(91,110,245,.25) transparent}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#5b6ef540;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#5b6ef573}body{margin:0;font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 50% 16%,var(--bg-glow-1),transparent 55%),radial-gradient(ellipse at 50% 50%,var(--bg-glow-center),transparent 33%),radial-gradient(ellipse at 50% 84%,var(--bg-glow-2),transparent 55%),var(--bg);color:var(--text);font-size:14px;min-height:100dvh;-webkit-overflow-scrolling:touch;touch-action:manipulation}:root[data-theme=light] body{background:radial-gradient(ellipse at 50% 16%,var(--bg-glow-1),transparent 55%),radial-gradient(ellipse at 50% 50%,var(--bg-glow-center),transparent 33%),radial-gradient(ellipse at 50% 84%,var(--bg-glow-2),transparent 55%),var(--bg)}a{color:var(--primary);text-decoration:none;transition:color .2s ease}input[type=checkbox]{width:16px;height:16px;min-width:16px;padding:0;margin:0;border-radius:4px;border:1px solid var(--border);box-shadow:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:var(--primary);cursor:pointer}th input[type=checkbox],td input[type=checkbox]{vertical-align:middle}a:hover{color:var(--primary)}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:9px 18px;font-size:13px;font-weight:600;letter-spacing:.01em;background:linear-gradient(180deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 2px 6px #4f61e026;transition:all .15s ease}button:hover{background:linear-gradient(180deg,var(--primary-hover),var(--primary));box-shadow:0 4px 12px #4f61e040}button:active{transform:scale(.97);box-shadow:0 1px 3px #4f61e026}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none}button.secondary:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border) 60%);background:color-mix(in srgb,var(--primary) 6%,var(--surface-2))}button.danger{background:linear-gradient(180deg,var(--danger),color-mix(in srgb,var(--danger) 80%,black));color:#fff}button.danger:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 92%,white),var(--danger));box-shadow:0 4px 12px #ef445540}button:disabled{opacity:.5;cursor:not-allowed}input,select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 12px;font-size:14px;width:100%;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:#5b6ef5b8;box-shadow:0 0 0 4px #5b6ef524}.layout{--sidebar-width: 278px;position:relative;display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100dvh;overflow:hidden}.layout.sidebar-collapsed{--sidebar-width: 86px}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--sidebar-grad-1),var(--sidebar-grad-2));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:1px solid var(--border);padding:14px 12px;padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:30}.sidebar>nav,.wa-chat-list,.wa-thread-messages,.cd-body,.cd-chat,.call-log-text,.modal-body,.complaint-timeline-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sidebar>nav{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-brand-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,var(--sidebar-grad-1),var(--sidebar-grad-2))}.sidebar-brand-main{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-collapse-toggle{width:30px;height:30px;border-radius:8px;padding:0;display:inline-flex;align-items:center;justify-content:center}.sidebar-collapse-toggle-mobile{display:none}.sidebar-collapse-toggle-desktop{width:100%;display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border) 65%);background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--text);font-size:13px;font-weight:500;transition:all .15s ease}.sidebar-collapse-toggle-desktop:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.layout.sidebar-collapsed .sidebar-collapse-toggle-desktop{padding:8px}.pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.pagination-meta{color:var(--muted);font-size:13px}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-size{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.pagination-size select{width:auto;min-width:74px;padding:7px 9px}.pagination-page{color:var(--text);font-size:13px;min-width:94px;text-align:center}@media (max-width: 900px){.pagination-wrap{flex-direction:column;align-items:flex-start}}.sidebar-collapse-toggle-desktop:hover{filter:brightness(1.06)}.sidebar-logo-mark{width:56px;height:56px;object-fit:contain;flex-shrink:0}.sidebar-brand-copy{min-width:0}.sidebar-brand-copy h1{font-family:Space Grotesk,Manrope,sans-serif;font-size:17px;margin:0;letter-spacing:0;color:var(--primary);font-weight:800;line-height:1.1}.whatsapp-chat-page{height:calc(100dvh - 94px);min-height:560px;display:flex}.whatsapp-chat-card{display:grid;grid-template-columns:360px 1fr;gap:0;height:100%;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow);flex:1;min-height:0}.wa-sidebar{display:flex;flex-direction:column;gap:10px;padding:14px;border-right:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 82%,var(--tone-deep) 18%),color-mix(in srgb,var(--surface-2) 88%,var(--tone-raised) 12%));min-height:0}.wa-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.wa-sidebar-header-actions{display:inline-flex;align-items:center;gap:6px}.wa-sidebar-header h2{margin:0;font-size:18px}.wa-new-chat-box{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 74%,var(--tone-line) 26%);background:color-mix(in srgb,var(--surface-2) 88%,var(--tone-deep) 12%)}.wa-new-chat-box button{padding:8px 12px}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:color-mix(in srgb,var(--surface-strong) 80%,var(--muted) 20%);color:var(--muted);border:1px solid color-mix(in srgb,var(--border) 60%,transparent 40%);flex-shrink:0;line-height:1.2;overflow:hidden}.pill.ok{background:color-mix(in srgb,var(--accent) 24%,var(--surface) 76%);color:var(--ok);border-color:color-mix(in srgb,var(--accent) 50%,transparent 50%)}.pill.warn{background:color-mix(in srgb,var(--warn) 24%,var(--surface) 76%);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,transparent 50%)}.wa-chat-list{display:flex;flex-direction:column;gap:15px;overflow:auto;flex:1;min-height:0;padding-right:4px}.wa-skeleton-list{display:flex;flex-direction:column;gap:8px}.wa-skeleton-chat-item{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 68%,var(--tone-line) 32%);background:color-mix(in srgb,var(--surface-2) 86%,var(--tone-deep) 14%)}.wa-skeleton-avatar{width:34px;height:34px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 72%,var(--tone-line) 28%)}.wa-skeleton-chat-lines{flex:1;min-width:0}.wa-skeleton-chat-lines .skeleton-text{width:100%}.wa-chat-item{width:100%;display:block;text-align:left;background:color-mix(in srgb,var(--surface-2) 86%,var(--tone-deep) 14%);border:1px solid color-mix(in srgb,var(--border) 68%,var(--tone-line) 32%);border-radius:12px;padding:10px 11px;box-shadow:none;position:relative;transform:none!important;color:inherit}.wa-chat-avatar{width:36px;height:36px;border-radius:999px;position:absolute;left:10px;top:10px;display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(165deg,var(--primary),var(--primary-2));border:1px solid color-mix(in srgb,var(--primary) 42%,transparent 58%);color:var(--on-accent);box-shadow:0 8px 18px #4f63d242}.wa-chat-avatar-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;opacity:.95}.wa-chat-avatar.large{position:static;width:38px;height:38px;margin-right:8px}.wa-chat-item:hover{background:color-mix(in srgb,var(--surface-2) 92%,var(--primary) 8%);border-color:color-mix(in srgb,var(--primary) 28%,var(--border) 72%);transform:none!important;box-shadow:none}.wa-chat-item:active{transform:none!important;box-shadow:none}.wa-chat-item.active{border-color:color-mix(in srgb,var(--primary) 74%,var(--tone-soft) 26%);background:color-mix(in srgb,var(--surface-2) 74%,var(--tone-raised) 26%);box-shadow:0 0 0 1px #4f63d259 inset}.wa-chat-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding-left:44px}.wa-chat-item-top strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:color-mix(in srgb,var(--text) 90%,#ffffff 10%)}.wa-chat-phone{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13px}.wa-chat-item-top span{color:color-mix(in srgb,var(--muted) 70%,var(--tone-soft) 30%);font-size:11px;white-space:nowrap;flex-shrink:0}.wa-chat-item-body{color:color-mix(in srgb,var(--text) 83%,var(--tone-soft) 17%);font-size:12px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:44px;min-width:0}.wa-chat-item-meta{display:flex;align-items:center;gap:6px;margin-top:8px;padding-left:44px}.wa-pinned-indicator{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 22%,var(--surface-2) 78%);color:color-mix(in srgb,var(--primary) 70%,var(--tone-soft) 30%)}.wa-unread-badge{margin-left:auto;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-size:10px;font-weight:800;color:#fff;flex-shrink:0;background:color-mix(in srgb,var(--ok) 80%,#000 20%)}.wa-thread{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at 8% 10%,rgba(91,110,245,.12),transparent 28%),radial-gradient(circle at 92% 88%,rgba(91,110,245,.1),transparent 26%),var(--surface)}.wa-thread-empty{margin:auto;color:var(--muted)}.wa-thread-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 86%,var(--tone-deep) 14%),color-mix(in srgb,var(--surface-2) 92%,var(--tone-raised) 8%))}.wa-thread-header h3{display:flex;align-items:center;margin:0;font-size:17px}.wa-thread-actions{display:flex;align-items:center;gap:10px}.wa-thread-contact{min-width:0}.wa-thread-contact h3{display:flex;align-items:center;margin:0;font-size:17px;gap:8px}.wa-thread-contact h3>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.wa-contact-number{max-width:none!important;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums;letter-spacing:.02em}.wa-contact-subtitle{margin-top:2px;color:color-mix(in srgb,var(--muted) 70%,#dbeafe 30%);font-size:12px}.wa-icon-btn{width:34px;height:34px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wa-back-btn{display:none;align-items:center;gap:6px}.wa-thread-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.wa-skeleton-thread{display:flex;flex-direction:column;gap:10px}.wa-skeleton-bubble-row{display:flex;align-items:flex-end;gap:8px}.wa-skeleton-bubble-row.outbound{justify-content:flex-end}.wa-skeleton-avatar.small{width:30px;height:30px}.wa-skeleton-bubble{width:min(72%,420px);border-radius:12px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--border) 70%,var(--tone-line) 30%);background:color-mix(in srgb,var(--surface-2) 84%,var(--tone-raised) 16%)}.wa-skeleton-bubble .skeleton-text{width:100%}.wa-thread-tools{display:grid;gap:8px;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,var(--tone-line) 28%);background:color-mix(in srgb,var(--surface-2) 90%,var(--tone-deep) 10%)}.wa-thread-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--border) 72%,var(--tone-line) 28%);border-radius:10px;padding:0 9px;min-height:34px;color:var(--muted)}.wa-thread-search-wrap input{border:0;background:transparent;box-shadow:none;padding:6px 0;min-width:0}.wa-thread-search-wrap input:focus{box-shadow:none}.wa-reply-chip{display:flex;align-items:center;gap:8px;min-height:32px;border-radius:10px;padding:6px 8px;background:color-mix(in srgb,var(--primary) 14%,var(--surface-2) 86%);border:1px solid color-mix(in srgb,var(--primary) 36%,var(--border) 64%)}.wa-reply-chip span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.wa-reply-chip-close{width:22px;height:22px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-2) 80%,var(--tone-line) 20%);border:1px solid color-mix(in srgb,var(--border) 76%,var(--tone-line) 24%);box-shadow:none}.wa-day-divider{display:flex;justify-content:center;margin:2px 0}.wa-day-divider>span{padding:4px 10px;border-radius:999px;font-size:11px;color:color-mix(in srgb,var(--muted) 74%,var(--tone-soft) 26%);background:color-mix(in srgb,var(--surface-2) 80%,var(--tone-line) 20%);border:1px solid color-mix(in srgb,var(--border) 72%,var(--tone-line) 28%)}.wa-reaction-pill{margin-top:8px;width:fit-content;min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--border) 74%,var(--tone-line) 26%);background:color-mix(in srgb,var(--surface-2) 84%,var(--primary) 16%);font-size:13px}.wa-reaction-picker{margin-top:8px;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 74%,var(--tone-line) 26%);background:color-mix(in srgb,var(--surface-2) 88%,var(--tone-deep) 12%)}.wa-msg-deleted-label{font-style:italic;color:color-mix(in srgb,var(--muted) 84%,var(--tone-soft) 16%)}.wa-audio-card{display:grid;gap:6px;margin-top:6px}.wa-audio-card audio{width:min(320px,100%);height:32px}.wa-audio-progress{width:min(320px,100%);height:4px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--surface-2) 82%,var(--tone-line) 18%);border:1px solid color-mix(in srgb,var(--border) 72%,var(--tone-line) 28%)}.wa-audio-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--outbound),color-mix(in srgb,var(--primary) 70%,var(--outbound) 30%))}.wa-bubble-row{display:flex;align-items:flex-end;gap:8px}.wa-bubble-row.inbound{justify-content:flex-start}.wa-bubble-row.outbound{justify-content:flex-end}.wa-bubble{max-width:min(72%,640px);border-radius:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 72%,var(--tone-line) 28%);box-shadow:0 12px 24px #0b0d123d}.wa-bubble-avatar{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;background:linear-gradient(165deg,var(--primary),var(--primary-2));border:1px solid rgba(255,248,235,.35);color:var(--on-accent);box-shadow:0 8px 18px #4f63d242}.wa-bubble-avatar-me{font-size:10px;font-weight:800;letter-spacing:.03em}.wa-bubble-row.outbound .wa-bubble-avatar{order:2;background:linear-gradient(165deg,var(--outbound),color-mix(in srgb,var(--outbound) 78%,var(--primary-2) 22%));color:#f8fffb;border-color:#dcfce75c;box-shadow:0 8px 18px #3b82f647}.wa-bubble-row.inbound .wa-bubble{background:color-mix(in srgb,var(--surface-2) 86%,var(--ok) 14%);border-color:color-mix(in srgb,var(--ok) 34%,var(--border) 66%)}.wa-bubble-row.outbound .wa-bubble{background:linear-gradient(145deg,color-mix(in srgb,var(--outbound) 68%,var(--surface-2) 32%),color-mix(in srgb,var(--outbound) 54%,var(--surface-2) 46%));border-color:color-mix(in srgb,var(--outbound) 56%,transparent 44%)}.wa-bubble-text{white-space:pre-wrap;word-break:break-word}.wa-attachments{margin-top:8px;display:flex;flex-direction:column;gap:6px}.wa-attachment{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;min-height:30px;padding:5px 9px;border-radius:9px;border:1px solid color-mix(in srgb,var(--border) 72%,var(--tone-line) 28%);background:color-mix(in srgb,var(--surface-2) 88%,var(--tone-raised) 12%);color:var(--text);font-size:12px}.wa-attachment span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-attachment.disabled{opacity:.75;cursor:default}.wa-attachment-image{padding:0;border:0;background:transparent}.wa-attachment-image img{display:block;width:180px;max-width:100%;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 70%,var(--tone-line) 30%)}.wa-bubble-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:color-mix(in srgb,var(--muted) 68%,var(--tone-soft) 32%)}.wa-msg-status{display:inline-flex;align-items:center;justify-content:center}.wa-msg-status.sent{color:color-mix(in srgb,var(--muted) 72%,var(--tone-soft) 28%)}.wa-msg-status.delivered{color:color-mix(in srgb,var(--ok) 70%,var(--tone-soft) 30%)}.wa-msg-status.read{color:color-mix(in srgb,var(--outbound) 76%,#93c5fd 24%)}.wa-msg-status.pending{color:color-mix(in srgb,var(--warn) 72%,var(--tone-soft) 28%)}.wa-msg-status.failed{color:color-mix(in srgb,var(--danger) 80%,#ffb3b3 20%)}.wa-bubble-footer{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.wa-bubble-actions{display:inline-flex;align-items:center;gap:4px}.wa-msg-action{width:22px;height:22px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--border) 72%,var(--tone-line) 28%);background:color-mix(in srgb,var(--surface-2) 88%,var(--tone-line) 12%);color:var(--muted);box-shadow:none}.wa-msg-action:hover{color:var(--text)}.wa-msg-action.active{color:color-mix(in srgb,var(--warn) 84%,#fde68a 16%);border-color:color-mix(in srgb,var(--warn) 62%,transparent 38%)}.wa-bubble-error{margin-top:8px;color:#ffb3b3;font-size:11px}.wa-composer{display:flex;align-items:flex-end;gap:10px;padding:12px 14px;border-top:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 90%,var(--tone-deep) 10%),color-mix(in srgb,var(--surface-2) 94%,var(--tone-raised) 6%))}.wa-composer-shell{display:flex;align-items:flex-end;gap:8px;flex:1;flex-wrap:wrap;position:relative;padding:6px 8px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 70%,var(--tone-raised) 30%);background:color-mix(in srgb,var(--surface-2) 90%,var(--tone-deep) 10%)}.wa-emoji-picker{position:absolute;left:8px;bottom:calc(100% + 8px);display:flex;flex-direction:column;gap:8px;padding:8px;width:min(300px,calc(100vw - 48px));border:1px solid color-mix(in srgb,var(--border) 78%,var(--tone-line) 22%);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,var(--tone-deep) 6%);box-shadow:0 12px 24px #0b0d1238;z-index:12}.wa-emoji-tabs{display:flex;gap:6px;flex-wrap:wrap}.wa-emoji-tab{height:26px;padding:0 8px;font-size:11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 78%,var(--tone-line) 22%);background:color-mix(in srgb,var(--surface-2) 86%,var(--tone-raised) 14%);color:var(--text)}.wa-emoji-tab.active{border-color:color-mix(in srgb,var(--primary) 64%,transparent 36%);background:color-mix(in srgb,var(--surface-2) 76%,var(--primary) 24%)}.wa-emoji-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.wa-emoji-empty{grid-column:1 / -1;font-size:11px;color:var(--muted);padding:2px 4px}.wa-emoji-btn{border:1px solid color-mix(in srgb,var(--border) 76%,var(--tone-line) 24%);border-radius:8px;height:30px;background:color-mix(in srgb,var(--surface-2) 86%,var(--tone-raised) 14%);cursor:pointer;line-height:1;font-size:16px}.wa-emoji-btn:hover{border-color:color-mix(in srgb,var(--primary) 56%,transparent 44%)}.wa-attachment-chip{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border) 72%);background:color-mix(in srgb,var(--surface-2) 88%,var(--tone-deep) 12%)}.wa-attachment-chip-name{font-size:12px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.wa-attachment-chip-size{font-size:11px;color:var(--muted)}.wa-attachment-chip-btn{height:24px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 60%,transparent 40%);background:color-mix(in srgb,var(--surface-2) 74%,var(--primary) 26%);color:var(--text);font-size:11px;padding:0 8px}.wa-attachment-chip-btn.ghost{border-color:color-mix(in srgb,var(--border) 78%,var(--tone-line) 22%);background:color-mix(in srgb,var(--surface-2) 88%,var(--tone-raised) 12%)}.wa-composer textarea{min-height:22px;max-height:140px;resize:vertical;width:100%;flex:1 1 180px;font-family:inherit;border:0;border-radius:0;background:transparent;color:var(--text);padding:7px 2px}.wa-composer textarea:focus{box-shadow:none}.wa-send-btn{width:38px;height:38px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--surface-2) 86%,var(--tone-line) 14%);color:color-mix(in srgb,var(--muted) 80%,var(--tone-soft) 20%);border:1px solid color-mix(in srgb,var(--border) 72%,var(--tone-line) 28%);box-shadow:none}.wa-send-btn.ready{background:linear-gradient(165deg,var(--outbound),color-mix(in srgb,var(--outbound) 78%,var(--primary-2) 22%));color:#f8fffb;border-color:#dcfce75c;box-shadow:0 8px 18px #3b82f647}.wa-filter-group{display:flex;gap:6px;flex-wrap:wrap}.wa-filter-group button{padding:6px 9px;font-size:12px}.wa-filter-group select{width:auto;min-width:108px;padding:6px 9px;font-size:12px}.wa-filter-group button.active{border-color:color-mix(in srgb,var(--primary) 70%,transparent 30%);background:color-mix(in srgb,var(--surface-2) 82%,var(--primary) 18%)}.wa-filter-group.compact button{padding:5px 8px;font-size:11px}@media (max-width: 1024px){.whatsapp-chat-page{height:auto;min-height:0;align-items:stretch}.whatsapp-chat-card{display:flex;flex-direction:column;min-height:0;height:auto}.whatsapp-chat-card.mobile-thread-open{height:calc(100dvh - 94px);min-height:0}.wa-sidebar{max-height:none;height:auto;flex:0 0 auto;border-right:0;border-bottom:0}.wa-chat-list{flex:0 1 auto;min-height:auto;max-height:calc(100dvh - 300px)}.wa-sidebar-header{position:sticky;top:0;z-index:3;padding:4px 0 8px;background:inherit}.wa-thread{display:none;min-height:0;flex:1}.whatsapp-chat-card.mobile-thread-open .wa-sidebar{display:none}.whatsapp-chat-card.mobile-thread-open .wa-thread{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--surface)}.whatsapp-chat-card.mobile-thread-open .wa-thread-header{position:sticky;top:0;z-index:4}.whatsapp-chat-card.mobile-thread-open .wa-thread-tools{position:sticky;top:63px;z-index:4}.whatsapp-chat-card.mobile-thread-open .wa-thread-messages{flex:1;min-height:0;overflow:auto}.whatsapp-chat-card.mobile-thread-open .wa-composer{position:sticky;bottom:0;z-index:4;padding-bottom:max(12px,env(safe-area-inset-bottom))}.wa-back-btn{display:inline-flex}.wa-bubble{max-width:92%}.wa-thread-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.wa-thread-header{flex-direction:column;align-items:flex-start}.wa-thread-contact h3{font-size:15px}.wa-thread-actions{width:100%;justify-content:flex-end;flex-wrap:nowrap;gap:6px}.wa-back-btn{margin-right:auto}.wa-attachment-image img{width:150px}}:root[data-theme=dark] .sidebar-brand-copy h1{color:var(--primary)}.sidebar-brand-copy p{margin:2px 0 0;color:var(--muted);font-size:13px;letter-spacing:0;font-weight:500;line-height:1.15}.sidebar-credit{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.4}.sidebar nav a{display:flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--muted);margin-bottom:4px;border:1px solid transparent;font-weight:500;font-size:13px;letter-spacing:0;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.nav-link-content{display:inline-flex;align-items:center;gap:9px;min-width:0}.nav-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;flex-shrink:0;transition:color .18s ease,transform .18s ease}.nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-label{line-height:1.15}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,#5b6ef529,#5b6ef514);border-color:#5b6ef557;color:var(--text);transform:translate(1px)}.sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon{color:var(--accent);transform:scale(1.03)}.sidebar nav a.active{box-shadow:inset 2px 0 #5b6ef5f2}.sidebar nav>a:hover .nav-icon,.sidebar nav>a.active .nav-icon{color:var(--primary)}.sidebar nav>a.active{box-shadow:inset 2px 0 #5b6ef5f2}.sidebar nav>a:hover,.sidebar nav>a.active{background:linear-gradient(90deg,#5b6ef51f,#5b6ef50a);border-color:#5b6ef547}:root[data-theme=light] .sidebar nav a.active,:root[data-theme=light] .sidebar nav a:hover{background:linear-gradient(90deg,#4f61e01a,#4f61e008);border-color:#4f61e038}.sidebar-section-label{margin:6px 12px 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:600}.sidebar-footer{margin-top:12px;padding:12px 8px 4px;border-top:1px solid var(--border);display:grid;gap:10px}.sidebar-bottom-brand{font-size:11px;color:var(--muted);text-align:center;opacity:.6;letter-spacing:.02em;line-height:1.4}.sidebar-bottom-brand a{color:inherit;text-decoration:none}.layout.sidebar-collapsed .sidebar-bottom-brand{display:none}.sidebar-user-card{padding:10px 12px;border-radius:10px;border:1px solid rgba(91,110,245,.2);background:#5b6ef514;display:grid;gap:4px}.sidebar-user-name{font-weight:700;font-size:13px;color:var(--text)}.sidebar-user-role{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.sidebar-logout{width:100%;justify-content:space-between;display:inline-flex;align-items:center}.sidebar-logout-icon{display:inline-flex;align-items:center;justify-content:center}.sidebar-logout.danger{box-shadow:0 10px 24px #d9516647}.main{padding:18px 22px;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));padding-left:calc(22px + env(safe-area-inset-left,0px));padding-right:calc(22px + env(safe-area-inset-right,0px));height:100dvh;overflow-y:auto;animation:fadeIn .35s ease;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 640px){.main{padding:14px 12px 18px;padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px))}}@media (max-width: 480px){.main{padding:10px 10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding-left:calc(10px + env(safe-area-inset-left,0px));padding-right:calc(10px + env(safe-area-inset-right,0px))}}.main:after{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(0deg,rgba(91,110,245,.08),transparent);pointer-events:none;z-index:-1}.routing-page,.complaints-page,.officers-page,.categories-page,.citizens-page,.call-logs-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.routing-page .card,.complaints-page .card,.officers-page .card,.categories-page .card,.citizens-page .card,.call-logs-page .card{flex:1;overflow:auto;min-height:0}.topbar{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:6px 2px;margin-bottom:14px;position:relative}.topbar:before{content:"";position:absolute;top:-18px;left:-22px;right:-22px;height:120px;background:linear-gradient(180deg,rgba(91,110,245,.08),transparent);pointer-events:none;z-index:-1}.topbar-row{width:100%;justify-content:flex-start;min-height:38px;gap:8px;touch-action:manipulation}.topbar-title-wrap{margin-right:auto;margin-left:0}.topbar-kicker{margin:0;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.topbar-title{margin:0;font-size:28px;color:color-mix(in oklab,var(--text) 90%,#8b6914 10%);font-weight:700;letter-spacing:.01em;line-height:1}:root[data-theme=dark] .topbar-title{color:var(--heading)}.card{background:var(--surface);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow);animation:riseUp .5s cubic-bezier(.22,.61,.36,1) both;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-2px);border-color:var(--primary-hover);box-shadow:var(--shadow),0 20px 40px #5b6ef52e}:root[data-theme=light] .card:hover{border-color:var(--primary-hover);box-shadow:var(--shadow),0 20px 40px #4f61e026}.card h3,h2,h1{font-family:Space Grotesk,Manrope,sans-serif}h2{font-size:clamp(1.15rem,1.6vw,1.42rem);margin:0 0 14px}.grid{display:grid;gap:12px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-5{grid-template-columns:repeat(5,1fr)}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{font-size:clamp(1.35rem,2vw,1.9rem);font-weight:700}.stat-label{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;text-transform:uppercase}.card{overflow-x:auto}.card table{margin-bottom:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.03em;transition:filter .2s ease}.badge:hover{filter:brightness(1.2)}.citizens-page .responsive-table tr:hover,.officers-page .responsive-table tr:hover,.complaints-page .responsive-table tr:hover,.routing-page .responsive-table tr:hover,.categories-page .responsive-table tr:hover{background:#c8a06414}.login-wrap{display:flex;align-items:center;justify-content:center;height:100dvh;padding:28px;overflow:auto;background:radial-gradient(ellipse at 50% 16%,rgba(91,110,245,.2),transparent 33%),radial-gradient(ellipse at 50% 84%,rgba(91,110,245,.14),transparent 33%),linear-gradient(180deg,rgba(91,110,245,.06),transparent 40%,rgba(91,110,245,.06))}.login-theme-row{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.login-theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:8px;background:#18161480;border:1px solid rgba(200,160,100,.2);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.login-theme-toggle:hover{background:#5b6ef51a;border-color:#5b6ef559;color:var(--text)}:root[data-theme=light] .login-theme-toggle{background:#0000000a;border-color:#b4824626}:root[data-theme=light] .login-theme-toggle:hover{background:#4f61e014;border-color:#4f61e04d;color:var(--text)}.login-shell{width:min(1040px,100%);max-height:calc(100dvh - 56px);display:grid;grid-template-columns:1.1fr .9fr;gap:0;padding:0;overflow:hidden;border-radius:22px;border:1px solid rgba(200,160,100,.24);box-shadow:0 26px 70px #0000006b}.login-shell-animate{animation:authShellIn .65s cubic-bezier(.22,.61,.36,1) both}.login-brand-panel{position:relative;padding:38px 34px 42px;background:radial-gradient(circle at 15% 16%,rgba(91,110,245,.28),transparent 42%),linear-gradient(165deg,#5b6ef524,#5b6ef51a);border-right:1px solid var(--border);isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;min-height:0}.login-brand-panel:before{content:"";position:absolute;width:240px;height:240px;left:-100px;top:-80px;border-radius:999px;background:radial-gradient(circle,rgba(91,110,245,.24),transparent 72%);filter:blur(4px);animation:floatAura 7.5s ease-in-out infinite;pointer-events:none;z-index:-1;will-change:transform}.login-brand-head{display:grid;gap:10px;margin-bottom:18px}.login-vp-frame{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:16 / 10;border:1px solid rgba(91,110,245,.24);box-shadow:0 16px 34px #0000004d}.login-vp-hero{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.01)}.login-logo{width:148px;max-width:100%;height:auto;object-fit:contain}.login-built-by{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.login-welcome-meta{display:grid;gap:4px;margin:-6px 0 14px;padding:12px;border-radius:12px;border:1px solid rgba(91,110,245,.2);background:linear-gradient(165deg,#5b6ef517,#5b6ef50a)}.login-welcome-meta .login-logo{width:124px}.login-welcome-caption{margin:0;color:var(--heading);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.login-brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 36%,rgba(255,255,255,.06) 50%,transparent 64%);transform:translate(-100%);animation:sheenSweep 4.4s ease-in-out infinite;pointer-events:none;z-index:-1;will-change:transform}.login-brand-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid rgba(91,110,245,.26);color:var(--primary);font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.login-title{margin:16px 0 12px;font-size:clamp(2rem,3.4vw,2.6rem);line-height:1.06}.login-tagline{margin:0;color:var(--muted);font-size:15px;line-height:1.58;max-width:460px}.login-signal-row{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.login-signal-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(91,110,245,.24);background:#5b6ef514;color:var(--heading);font-size:11px;font-weight:700;letter-spacing:.04em}.login-feature-list{margin-top:26px;display:grid;gap:14px}.login-feature-item{display:flex;gap:14px;align-items:flex-start;color:var(--text);font-size:14px}.login-feature-icon{width:22px;height:22px;margin-top:1px;border-radius:999px;border:1px solid rgba(91,110,245,.28);background:#5b6ef51f;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex:none}.login-card{width:100%;padding:34px 32px;background:linear-gradient(0deg,rgba(91,110,245,.06),transparent 40%),linear-gradient(180deg,#161412eb,#1c1a18e0);overflow-y:auto;min-height:0;display:flex;flex-direction:column}:root[data-theme=light] .login-card{background:linear-gradient(0deg,rgba(91,110,245,.05),transparent 40%),linear-gradient(180deg,#fffffff0,#fff8eeeb);overflow-y:auto;min-height:0}.login-form-head{margin-bottom:2px}.login-card .field input{border-radius:11px;padding:10px 12px}.login-card .field label{font-weight:600}.login-enter-left{animation:slideInLeft .56s cubic-bezier(.22,.61,.36,1) both}.login-enter-up{animation:riseUp .56s cubic-bezier(.22,.61,.36,1) both}.reveal{opacity:0;transform:translateY(10px);animation:textReveal .45s ease forwards}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.login-form-title{margin:0;font-size:1.45rem}.login-form-subtitle{margin:8px 0 22px;color:var(--muted);font-size:14px}.login-submit{width:100%;margin-top:4px}.login-form-footnote{margin:14px 0 0;color:var(--muted);font-size:12px;text-align:center;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%}.login-footnote-icon{color:var(--primary);display:inline-flex}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;color:var(--muted);font-size:13px}.error{color:var(--danger);margin:8px 0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.page-actions{justify-content:flex-end}.table-actions{align-items:center}.citizens-page .table-actions{flex-wrap:nowrap}.citizens-page .table-actions button{white-space:nowrap}.settings-webhooks-table{min-width:0}.settings-webhooks-table .code{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere}.call-log-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.call-log-section{margin-top:16px}.recording-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);margin-bottom:8px}.recording-waveform{display:grid;grid-template-columns:repeat(48,minmax(0,1fr));align-items:end;gap:2px;height:56px;padding:8px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#00000008,#00000003);margin-bottom:10px}.recording-waveform span{display:block;width:100%;background:color-mix(in oklab,var(--accent) 25%,var(--text-muted));border-radius:999px;transition:background-color .2s ease}.recording-waveform span.played{background:var(--accent)}.recording-seek{width:100%;margin-bottom:10px;accent-color:var(--accent);cursor:pointer}.recording-seek::-webkit-slider-runnable-track{height:6px;border-radius:999px}.recording-seek::-webkit-slider-thumb{margin-top:-5px}.recording-skip-controls{display:flex;gap:8px;margin-bottom:10px}.call-log-section h4{margin:0 0 8px;font-size:14px;color:var(--heading)}.call-log-text{margin:0;white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;max-height:260px;overflow:auto;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.45}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;animation:cd-fade .18s ease}.call-detail-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(560px,100vw);background:var(--bg-2);border-left:1px solid var(--border);box-shadow:var(--shadow);z-index:1001;display:flex;flex-direction:column;animation:cd-slide .22s cubic-bezier(.22,1,.36,1)}@keyframes cd-fade{0%{opacity:0}to{opacity:1}}@keyframes cd-slide{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}.cd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.cd-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:17px;color:var(--heading)}.cd-sub{margin-top:2px;font-size:13px;color:var(--muted)}.cd-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cd-close{flex:none;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.cd-close:hover{color:var(--heading);border-color:var(--primary)}.cd-body{flex:1;overflow-y:auto;padding:16px 18px 28px}.cd-section{margin-bottom:22px}.cd-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cd-section-title{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.cd-section-head .cd-section-title{margin-bottom:0}.cd-linkbtn{background:none;border:none;color:var(--primary);font-size:12px;cursor:pointer;padding:0}.cd-linkbtn:hover{text-decoration:underline}.recording-player{margin-top:4px}.cd-recording{position:sticky;top:0;z-index:6;margin:0 -2px 20px;padding:12px 16px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 40%,transparent);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 4px 24px #0000000f}.cd-recording .cd-section-title{margin-bottom:6px}.cd-recording audio{width:100%;height:38px}.cd-recording .recording-waveform{margin-bottom:8px;height:44px}.cs-full{width:100%}.cd-chat{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow-y:auto;padding:8px 4px;border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--primary) 5%,transparent),transparent 55%),var(--surface-2)}.chat-row{display:flex;width:100%}.chat-left{justify-content:flex-start}.chat-right{justify-content:flex-end}.chat-center{justify-content:center}.chat-bubble{max-width:80%;padding:7px 11px 5px;border-radius:14px;box-shadow:0 1px 1px #0000001f;position:relative}.chat-left .chat-bubble{background:var(--surface-strong);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-right .chat-bubble{background:color-mix(in srgb,var(--accent) 20%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-bottom-right-radius:4px}.chat-center .chat-bubble{background:color-mix(in srgb,var(--warn) 14%,transparent);border:1px dashed var(--border);max-width:100%;text-align:center;border-radius:8px}.chat-speaker{font-size:11px;font-weight:700;letter-spacing:.02em;margin-bottom:2px;color:var(--muted)}.chat-left .chat-speaker{color:var(--primary)}.chat-right .chat-speaker{color:var(--accent)}.chat-text{font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--text)}.chat-time{display:block;margin-top:3px;font-size:10px;color:var(--muted);opacity:.75;text-align:right;font-variant-numeric:tabular-nums}.call-summary{display:grid;gap:14px}.cs-empty-block,.cs-empty{color:var(--muted)}.cs-prose{line-height:1.55}.cs-md p,.cs-md-p{margin:0 0 8px;line-height:1.55}.cs-md-h{margin:4px 0 6px;color:var(--heading);font-size:14px}.cs-md-list{margin:0 0 8px;padding-left:18px;line-height:1.55}.cs-code{font-family:Cascadia Code,Consolas,monospace;font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.cs-md-table{width:100%;border-collapse:collapse;font-size:13px;margin:4px 0 8px}.cs-md-table th,.cs-md-table td{border:1px solid var(--border);padding:6px 8px;text-align:left;vertical-align:top}.cs-md-table th{background:var(--surface-2);color:var(--heading)}.cs-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;border:1px solid transparent;text-transform:capitalize}.cs-pill-pos{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.cs-pill-neg{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.cs-pill-warn{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.cs-pill-neutral{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.cs-chips{display:flex;flex-wrap:wrap;gap:12px}.cs-chip{display:flex;align-items:center;gap:6px}.cs-chip-label{font-size:12px;color:var(--muted)}.cs-meters{display:grid;gap:10px}.cs-meter-head{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}.cs-meter-val{color:var(--heading);font-weight:600}.cs-meter-track,.cs-bar-track{height:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;overflow:hidden}.cs-meter-fill,.cs-bar-fill{display:block;height:100%;border-radius:999px;transition:width .3s ease}.cs-meter-pos,.cs-bar-pos{background:var(--ok)}.cs-meter-neg,.cs-bar-neg{background:var(--danger)}.cs-meter-warn,.cs-bar-warn{background:var(--warn)}.cs-bar-neutral{background:color-mix(in srgb,var(--primary) 70%,var(--muted))}.cs-block-title{font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:600}.cs-breakdown{display:grid;gap:8px}.cs-bar-row{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:8px}.cs-bar-label{font-size:12px;color:var(--text);text-transform:capitalize}.cs-bar-pct{font-size:12px;color:var(--muted);text-align:right}.cs-kv,.cs-kv-nested{display:grid;gap:6px}.cs-kv-row{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:6px 0;border-bottom:1px dashed var(--border);font-size:13px}.cs-kv-row:last-child{border-bottom:none}.cs-kv-key{color:var(--muted)}.cs-kv-val{color:var(--text);word-break:break-word}.cs-num{font-variant-numeric:tabular-nums;font-weight:600}.cs-list{margin:0;padding-left:18px}.cs-kv-nested{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}@media (max-width: 640px){.call-detail-drawer{width:100vw}.cs-kv-row{grid-template-columns:1fr;gap:2px}.cs-bar-row{grid-template-columns:90px 1fr 38px}}.form-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:center}.form-compact-grid .span-2{grid-column:span 2}.form-compact-btn{width:fit-content;justify-self:start;padding:8px 12px;font-size:13px}.form-compact-grid input,.form-compact-grid select{padding:8px 10px;font-size:13px}.code{font-family:Cascadia Code,Consolas,monospace;background:#5b6ef51f;border:1px solid rgba(91,110,245,.18);padding:3px 7px;border-radius:6px;font-size:13px}.area-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:340px}.area-chip{background:#5b6ef51a;border:1px solid rgba(91,110,245,.2);border-radius:999px;padding:2px 9px;font-size:12px;white-space:nowrap}.area-chip-more{background:transparent;border:1px dashed var(--muted);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:12px;cursor:pointer}.wf-canvas{height:calc(100vh - 210px);min-height:460px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface, transparent)}.wf-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface, #fff);border:1px solid var(--border);border-radius:10px;padding:8px 10px;box-shadow:0 6px 18px #00000014}.wf-editor{display:flex;flex-direction:column;gap:8px;width:260px;background:var(--surface, #fff);border:1px solid var(--border);border-radius:10px;padding:12px;box-shadow:0 10px 26px #00000024}.wf-editor label{display:flex;flex-direction:column;gap:3px}.wf-editor input,.wf-editor textarea{width:100%;font-size:13px}.wf-editor-actions{display:flex;flex-wrap:wrap;gap:6px}.wf-editor-note{font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:8px}.rf-node{min-width:240px;max-width:280px;border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:10px;padding:10px 12px;background:var(--surface, #fff);box-shadow:0 4px 14px #00000012;font-size:13px}.rf-node.selected,.rf-node:hover{box-shadow:0 8px 22px #00000024}.rf-node-title{font-weight:600;font-size:14px}.rf-node-sub{color:var(--muted);font-size:12px;margin-top:2px}.rf-officer-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rf-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rf-inactive{opacity:.55}.rf-handle{width:9px;height:9px;background:var(--accent, #5b6ef5);border:2px solid var(--surface, #fff)}.rf-tone-ward{border-left-color:#5b6ef5}.rf-tone-category{border-left-color:#0ea5a4}.rf-tone-day1{border-left-color:#3fa66a}.rf-tone-day3{border-left-color:#d9a441}.rf-tone-day5{border-left-color:#d9534f}.rf-tone-parshad{border-left-color:#9b5bf5}.rf-tone-resolved{border-left-color:#2fa36b}.rf-tone-custom{border-left-color:#64748b;border-style:dashed}.rf-node-officer{min-width:220px}.wf-role-badge{background:#5b6ef51f;border:1px solid rgba(91,110,245,.24);border-radius:999px;padding:1px 8px;font-size:11px}@media (max-width: 720px){.wf-canvas{height:calc(100vh - 260px)}}.category-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 12px;max-height:190px;overflow-y:auto;padding:6px 4px;border:1px solid var(--border, rgba(128, 128, 128, .25));border-radius:8px}.category-option{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-option input{width:auto;margin:0}.mobile-nav-toggle{display:none;align-items:center;gap:6px;padding-inline:12px;touch-action:manipulation}@media (max-width: 1024px){button.mobile-nav-toggle{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:calc(16px + env(safe-area-inset-left,0px));z-index:50;width:52px;height:52px;border-radius:14px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--primary),var(--primary-2));color:var(--on-accent);border:none;box-shadow:0 10px 24px #5f73f573,0 0 0 1px #ffffff26 inset;transition:all .2s cubic-bezier(.34,1.56,.64,1)}button.mobile-nav-toggle:hover{background:linear-gradient(180deg,var(--primary-hover),var(--primary));box-shadow:0 14px 32px #5f73f58c,0 0 0 1px #fff3 inset;transform:translateY(-2px)}button.mobile-nav-toggle:active{transform:scale(.92);box-shadow:0 6px 16px #5f73f54d,0 0 0 1px #ffffff1a inset}}.mobile-backdrop{display:none}.theme-toggle{min-width:114px;display:inline-flex;align-items:center;gap:8px;justify-content:center}.sidebar-theme-toggle{width:100%;justify-content:center}.theme-toggle-icon{width:17px;height:17px;display:inline-flex}.theme-toggle-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.layout.sidebar-collapsed .sidebar{padding-inline:10px}.layout.sidebar-collapsed .sidebar-brand-copy,.layout.sidebar-collapsed .sidebar-section-label,.layout.sidebar-collapsed .nav-label,.layout.sidebar-collapsed .sidebar-user-card{display:none}.layout.sidebar-collapsed .sidebar-logo-mark{width:34px;height:34px}.layout.sidebar-collapsed .sidebar-brand-header{justify-content:space-between}.layout.sidebar-collapsed .sidebar-brand-main{width:auto;justify-content:center}.layout.sidebar-collapsed .sidebar nav a,.layout.sidebar-collapsed .sidebar-footer button{justify-content:center}.layout.sidebar-collapsed .sidebar nav a.active{box-shadow:inset 0 0 0 1px #5b6ef559}.layout.sidebar-collapsed .sidebar-footer{padding-inline:4px}.layout.sidebar-collapsed .sidebar-logout{justify-content:center}.layout.sidebar-collapsed .sidebar-logout-icon{display:inline-flex}.layout.sidebar-collapsed .theme-toggle{min-width:0;width:100%}.dashboard-page{display:grid;gap:12px}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(120deg,rgba(91,110,245,.14),transparent 65%),linear-gradient(300deg,rgba(91,110,245,.1),transparent 65%),var(--surface)}.dashboard-actions,.dashboard-filters{display:flex;align-items:center;gap:8px}.dashboard-filter-item{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted);min-width:0;width:auto}.dashboard-filter-item select{min-width:0;width:100%;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text)}.dashboard-filter-item input[type=date]{width:142px;max-width:100%;min-width:0;padding:7px 10px;font-size:13px;height:38px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);box-sizing:border-box;text-align:center}.dashboard-filter-item input[type=date]::-webkit-date-and-time-value{margin:0;padding:0;text-align:center}.dashboard-filter-item input[type=date]::-webkit-calendar-picker-indicator{margin:0;padding:0;cursor:pointer}.dashboard-custom-range{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;box-sizing:border-box}.dashboard-actions button{padding:9px 14px}.dashboard-compare-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:12px;white-space:nowrap}.dashboard-compare-toggle input{accent-color:var(--primary)}.dashboard-title{margin:0;font-size:clamp(1.15rem,1.7vw,1.5rem)}.dashboard-subtitle{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.35;max-width:760px}.kpi-grid,.period-summary-grid{margin-bottom:0}.period-summary-card{display:grid;gap:4px}.insight-grid{margin-bottom:0}.insight-card{display:grid;gap:4px;border-left:4px solid rgba(91,110,245,.45);padding-left:14px;transition:transform .22s ease,border-color .22s ease}.insight-card:hover{transform:translateY(-2px)}.insight-card.warn{border-left-color:#ffd36ab3}.insight-card.danger{border-left-color:#ff6f7bbf}.insight-card.ok{border-left-color:#10b981bf}.insight-label{font-size:12px;color:var(--muted)}.insight-value{font-size:clamp(1.05rem,1.45vw,1.3rem);font-weight:800;letter-spacing:.01em;line-height:1.2}.insight-detail{font-size:12px;color:var(--muted)}.kpi-card{display:flex;align-items:center;gap:10px;padding:10px 12px;transition:transform .22s ease,border-color .22s ease}.kpi-card.zero{opacity:.55;border-color:var(--border)}.kpi-card.zero .kpi-icon{color:var(--muted);background:#929aae1f;border-color:#929aae33}.kpi-card.zero:hover{border-color:var(--border);box-shadow:var(--shadow)}.kpi-card:hover{transform:translateY(-2px)}.kpi-grid .kpi-card:nth-child(1){animation-delay:.06s}.kpi-grid .kpi-card:nth-child(2){animation-delay:.12s}.kpi-grid .kpi-card:nth-child(3){animation-delay:.18s}.kpi-grid .kpi-card:nth-child(4){animation-delay:.24s}.kpi-grid .kpi-card:nth-child(5){animation-delay:.3s}.kpi-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#5b6ef524;border:1px solid rgba(91,110,245,.24)}.kpi-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.kpi-card.warn .kpi-icon{color:var(--warn);background:#ffd36a26;border-color:#ffd36a47}.kpi-card.warn{border-color:#ffd36a4d}.kpi-card.warn:hover{border-color:var(--warn);box-shadow:var(--shadow),0 20px 40px #ffd36a40}.kpi-card.danger .kpi-icon{color:var(--danger);background:#ff6f7b26;border-color:#ff6f7b45}.kpi-card.danger{border-color:#ff6f7b4d}.kpi-card.danger:hover{border-color:var(--danger);box-shadow:var(--shadow),0 20px 40px #ff6f7b40}.kpi-card.ok .kpi-icon{color:var(--ok);background:#10b98126;border-color:#10b98145}.kpi-card.ok{border-color:#10b9814d}.kpi-card.ok:hover{border-color:var(--ok);box-shadow:var(--shadow),0 20px 40px #10b98140}.card-title{margin:0 0 10px;font-size:.92rem;font-weight:700;letter-spacing:.02em;color:var(--heading);padding-bottom:10px;border-bottom:1px solid var(--border)}.card-hint{margin:-2px 0 10px;color:var(--muted);font-size:12px}.dashboard-mid-grid{align-items:start}.status-composition-grid{display:grid;grid-template-columns:172px minmax(0,1fr);gap:12px;align-items:center;min-height:216px}.status-donut-wrap{display:flex;justify-content:center}.status-donut{width:148px;height:148px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px #5b6ef540;transition:transform .3s ease}.status-donut:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--donut-bg, transparent);-webkit-mask:radial-gradient(circle at center,transparent 55%,black 56%);mask:radial-gradient(circle at center,transparent 55%,black 56%);pointer-events:none}.status-donut:hover{transform:scale(1.04)}.status-donut-center{width:82px;height:82px;border-radius:50%;background:color-mix(in oklab,var(--surface),#000 6%);display:grid;place-items:center;gap:2px;z-index:1}.status-donut-total{font-weight:800;font-size:1.4rem}.status-donut-label{font-size:12px;color:var(--muted)}.status-list{display:grid;gap:8px}.status-row{display:grid;gap:5px;padding:6px 8px;border-radius:var(--radius-sm);transition:background .2s ease}.status-row:hover{background:#c8a06414}.status-name{font-weight:600}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-flex;margin-right:2px;background:var(--primary)}.status-dot.warn{background:var(--warn)}.status-dot.danger{background:var(--danger)}.status-dot.ok{background:var(--ok)}.status-percent{margin-left:auto;color:var(--muted);font-size:12px}.status-track{width:100%;height:8px;border-radius:999px;background:#c8a0642e;overflow:hidden}.status-fill{display:block;height:100%;border-radius:inherit;background:var(--primary);transform-origin:left;animation:fillReveal .8s ease both;transition:filter .2s ease}.status-row:hover .status-fill{filter:brightness(1.15)}.status-fill.warn{background:linear-gradient(90deg,color-mix(in srgb,var(--warn) 72%,transparent 28%),var(--warn))}.status-fill.danger{background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 72%,transparent 28%),var(--danger))}.status-fill.ok{background:linear-gradient(90deg,color-mix(in srgb,var(--ok) 72%,transparent 28%),var(--ok))}.trend-chart{width:100%;height:188px;margin-bottom:6px;border:1px solid var(--border);border-radius:12px;padding:8px;background:linear-gradient(180deg,#5b6ef514,#5b6ef505);transition:border-color .22s ease}.trend-chart:hover{border-color:#5b6ef566}.trend-chart svg{width:100%;height:100%;overflow:visible}.trend-grid-line{stroke:#c8a0644d;stroke-width:.6}.trend-area{fill:url(#trendAreaFill)}.trend-line{fill:none;stroke:var(--primary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.trend-line.compare{stroke:#ffd36ae6;stroke-dasharray:3 2;stroke-width:1.5}.trend-dot{fill:var(--primary-2);stroke:color-mix(in oklab,var(--primary),#fff 20%);stroke-width:.45;transition:transform .2s ease,filter .2s ease;cursor:pointer;transform-origin:center}.trend-dot:hover{transform:scale(1.875);filter:drop-shadow(0 0 4px rgba(91,110,245,.6))}.trend-legend{display:flex;align-items:center;gap:8px;margin:2px 0 8px;flex-wrap:wrap}.trend-legend-item{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.trend-legend-item:before{content:"";width:16px;height:3px;border-radius:999px;background:var(--primary)}.trend-legend-item.previous:before{background:linear-gradient(90deg,#ffd36a80,#ffd36a)}.spark-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.spark-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.spark-bar-wrap{width:100%;height:96px;display:flex;align-items:flex-end}.spark-bar{width:100%;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--primary),var(--primary-2));transform-origin:bottom;animation:barReveal .65s cubic-bezier(.22,.61,.36,1) both;transition:filter .2s ease,transform .2s ease}.spark-item:hover .spark-bar{filter:brightness(1.2);transform:scaleY(1.05)}.spark-item:nth-child(1) .spark-bar{animation-delay:.05s}.spark-item:nth-child(2) .spark-bar{animation-delay:.1s}.spark-item:nth-child(3) .spark-bar{animation-delay:.15s}.spark-item:nth-child(4) .spark-bar{animation-delay:.2s}.spark-item:nth-child(5) .spark-bar{animation-delay:.25s}.spark-item:nth-child(6) .spark-bar{animation-delay:.3s}.spark-item:nth-child(7) .spark-bar{animation-delay:.35s}.spark-item:nth-child(8) .spark-bar{animation-delay:.4s}.spark-value{font-size:12px;font-weight:700}.spark-label{font-size:11px;color:var(--muted)}.dashboard-table-header{justify-content:space-between;margin-bottom:6px}.category-share-grid{display:grid;gap:10px;margin-bottom:14px}.category-share-row{display:grid;gap:6px}.category-share-head{gap:8px}.category-share-name{font-weight:600;min-width:0}.category-share-count{margin-left:auto;font-size:12px;color:var(--muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes authShellIn{0%{opacity:0;transform:scale(.985) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes textReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes floatAura{0%,to{transform:translateY(0);opacity:.82}50%{transform:translateY(14px);opacity:1}}@keyframes sheenSweep{0%,20%{transform:translate(-100%);opacity:0}35%{opacity:1}60%,to{transform:translate(120%);opacity:0}}@keyframes fillReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes barReveal{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 1200px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.layout{grid-template-columns:1fr;height:auto;overflow:visible}.layout.sidebar-collapsed{--sidebar-width: 100%}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-104%);width:min(82vw,300px);height:100dvh;overflow-y:auto;z-index:40}.topbar-title{font-size:16px}.layout.sidebar-collapsed .sidebar-brand-copy,.layout.sidebar-collapsed .sidebar-section-label,.layout.sidebar-collapsed .nav-label,.layout.sidebar-collapsed .sidebar-user-card{display:initial}.layout.sidebar-collapsed .sidebar-logo-mark{width:56px;height:56px}.layout.sidebar-collapsed .sidebar-brand-header{justify-content:space-between}.layout.sidebar-collapsed .sidebar-brand-main{width:100%;justify-content:flex-start}.layout.sidebar-collapsed .sidebar nav a,.layout.sidebar-collapsed .sidebar-footer button,.layout.sidebar-collapsed .sidebar-logout{justify-content:flex-start}.layout.sidebar-collapsed .theme-toggle{min-width:114px;width:100%}.sidebar.open{transform:translate(0)}.mobile-backdrop,.mobile-backdrop:hover,.mobile-backdrop:active,.mobile-backdrop:focus{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;margin:0;padding:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;border-radius:0;box-shadow:none;transform:none;touch-action:manipulation}.sidebar-collapse-toggle{width:32px;height:32px}.sidebar-collapse-toggle-mobile{display:inline-flex}.sidebar-collapse-toggle-desktop{display:none}.main{padding:18px 16px 20px;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));height:auto;overflow:visible;-webkit-overflow-scrolling:unset;overscroll-behavior:unset}.routing-page,.complaints-page,.officers-page,.categories-page,.citizens-page,.call-logs-page{height:auto;overflow:visible}.routing-page .card,.complaints-page .card,.officers-page .card,.categories-page .card,.citizens-page .card,.call-logs-page .card{flex:none;min-height:auto;overflow:visible}.topbar{align-items:flex-start}.settings-page .topbar,.categories-page .topbar,.citizens-page .topbar,.officers-page .topbar,.complaints-page .topbar,.routing-page .topbar{flex-wrap:wrap}.settings-page .page-actions,.categories-page .page-actions,.citizens-page .page-actions,.officers-page .page-actions,.complaints-page .page-actions,.routing-page .page-actions{width:100%;justify-content:flex-start}.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%;flex-wrap:wrap}.dashboard-filters{width:auto;max-width:100%;flex-wrap:wrap}.dashboard-filter-item{min-width:0;width:auto}.dashboard-filter-item select{width:100%}.dashboard-filter-item input[type=date]{width:142px;max-width:100%;min-width:0}.dashboard-custom-range{width:fit-content;max-width:100%;display:flex;align-items:center;gap:8px}.login-shell{grid-template-columns:1fr;max-height:none}.login-brand-panel{border-right:0;border-bottom:1px solid var(--border);overflow-y:visible}.spark-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-composition-grid{grid-template-columns:1fr}.status-donut{width:150px;height:150px}.trend-chart{height:188px}h2{margin-bottom:12px}.form-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-compact-grid .span-2{grid-column:span 2}}@media (max-width: 640px){.grid.cols-4,.grid.cols-3{grid-template-columns:1fr}.dashboard-page{gap:10px}.dashboard-hero{padding:12px;border-radius:14px}.dashboard-title{font-size:1.9rem}.dashboard-subtitle{font-size:12px}.dashboard-filter-item{min-width:0;width:auto}.dashboard-custom-range{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%}.grid.cols-4.kpi-grid,.grid.cols-5.kpi-grid,.grid.cols-4.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-page .kpi-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-height:112px;padding:12px 10px}.dashboard-page .kpi-card .kpi-icon{grid-column:2;grid-row:1;width:32px;height:32px}.dashboard-page .kpi-card>div:last-child{grid-column:1 / -1;grid-row:1;display:flex;flex-direction:column-reverse;gap:5px}.dashboard-page .kpi-card .stat{font-size:clamp(1.35rem,6vw,1.8rem);line-height:1.1}.dashboard-page .kpi-card .stat-label{font-size:10px;letter-spacing:.1em}.dashboard-page .insight-card{min-height:92px;padding:10px;gap:3px;border-left-width:3px}.dashboard-page .insight-label{font-size:10px;line-height:1.25}.dashboard-page .insight-value{font-size:clamp(1.05rem,4.6vw,1.25rem);line-height:1.15}.dashboard-page .insight-detail{font-size:10px;line-height:1.25}.card{padding:14px;border-radius:var(--radius-md)}table{min-width:560px}.stat{font-size:1.4rem}.row{gap:10px}.settings-page .page-actions,.categories-page .page-actions,.citizens-page .page-actions,.officers-page .page-actions,.complaints-page .page-actions,.routing-page .page-actions,.settings-page .table-actions,.categories-page .table-actions,.citizens-page .table-actions,.officers-page .table-actions,.complaints-page .table-actions,.routing-page .table-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.settings-page .page-actions button,.categories-page .page-actions button,.citizens-page .page-actions button,.officers-page .page-actions button,.complaints-page .page-actions button,.routing-page .page-actions button,.settings-page .table-actions button,.categories-page .table-actions button,.citizens-page .table-actions button,.officers-page .table-actions button,.complaints-page .table-actions button,.routing-page .table-actions button{width:100%}.settings-webhooks-table td{padding-top:10px;padding-bottom:10px}.settings-page .responsive-table,.categories-page .responsive-table,.citizens-page .responsive-table,.officers-page .responsive-table,.complaints-page .responsive-table,.routing-page .responsive-table,.dashboard-page .responsive-table,.complaint-detail .responsive-table{min-width:0}.settings-page .responsive-table thead,.categories-page .responsive-table thead,.citizens-page .responsive-table thead,.officers-page .responsive-table thead,.complaints-page .responsive-table thead,.routing-page .responsive-table thead,.dashboard-page .responsive-table thead,.complaint-detail .responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.settings-page .responsive-table,.settings-page .responsive-table tbody,.settings-page .responsive-table tr,.settings-page .responsive-table td,.citizens-page .responsive-table,.citizens-page .responsive-table tbody,.citizens-page .responsive-table tr,.citizens-page .responsive-table td,.officers-page .responsive-table,.officers-page .responsive-table tbody,.officers-page .responsive-table tr,.officers-page .responsive-table td,.complaints-page .responsive-table,.complaints-page .responsive-table tbody,.complaints-page .responsive-table tr,.complaints-page .responsive-table td,.routing-page .responsive-table,.routing-page .responsive-table tbody,.routing-page .responsive-table tr,.routing-page .responsive-table td,.dashboard-page .responsive-table,.dashboard-page .responsive-table tbody,.dashboard-page .responsive-table tr,.dashboard-page .responsive-table td,.complaint-detail .responsive-table,.complaint-detail .responsive-table tbody,.complaint-detail .responsive-table tr,.complaint-detail .responsive-table td,.categories-page .responsive-table,.categories-page .responsive-table tbody,.categories-page .responsive-table tr,.categories-page .responsive-table td{display:block;width:100%}.settings-page .responsive-table tr,.categories-page .responsive-table tr,.citizens-page .responsive-table tr,.officers-page .responsive-table tr,.complaints-page .responsive-table tr,.routing-page .responsive-table tr,.dashboard-page .responsive-table tr,.complaint-detail .responsive-table tr{border:1px solid var(--border);border-radius:12px;padding:10px;background:#ffffff05;margin-bottom:10px}.complaints-page .responsive-table tr,.complaint-detail .responsive-table tr{display:flex;flex-direction:column}.settings-page .responsive-table td,.categories-page .responsive-table td,.citizens-page .responsive-table td,.officers-page .responsive-table td,.complaints-page .responsive-table td,.routing-page .responsive-table td,.dashboard-page .responsive-table td,.complaint-detail .responsive-table td{border-bottom:0;padding:5px 2px;display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:6px;align-items:start}.settings-page .responsive-table td:before,.categories-page .responsive-table td:before,.citizens-page .responsive-table td:before,.officers-page .responsive-table td:before,.complaints-page .responsive-table td:before,.routing-page .responsive-table td:before,.dashboard-page .responsive-table td:before,.complaint-detail .responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;line-height:1.3}.settings-page .responsive-table td>:not(.row):not(.table-actions),.categories-page .responsive-table td>:not(.row):not(.table-actions),.citizens-page .responsive-table td>:not(.row):not(.table-actions),.officers-page .responsive-table td>:not(.row):not(.table-actions),.complaints-page .responsive-table td>:not(.row):not(.table-actions),.routing-page .responsive-table td>:not(.row):not(.table-actions),.dashboard-page .responsive-table td>:not(.row):not(.table-actions),.complaint-detail .responsive-table td>:not(.row):not(.table-actions){min-width:0}.settings-page .responsive-table .code,.categories-page .responsive-table .code,.citizens-page .responsive-table .code,.officers-page .responsive-table .code,.complaints-page .responsive-table .code,.routing-page .responsive-table .code,.dashboard-page .responsive-table .code,.complaint-detail .responsive-table .code{font-size:12px;padding:2px 6px;border-color:#5b6ef54d;background:#5b6ef52e;line-height:1.25}.settings-page .responsive-table .stat-label,.categories-page .responsive-table .stat-label,.citizens-page .responsive-table .stat-label,.officers-page .responsive-table .stat-label,.complaints-page .responsive-table .stat-label,.routing-page .responsive-table .stat-label,.dashboard-page .responsive-table .stat-label,.complaint-detail .responsive-table .stat-label,.complaint-detail .responsive-table .td-muted{color:color-mix(in oklab,var(--text) 78%,var(--muted) 22%);font-size:11px;line-height:1.35;text-transform:none;letter-spacing:.01em}.settings-page .responsive-table td[colspan],.categories-page .responsive-table td[colspan],.citizens-page .responsive-table td[colspan],.officers-page .responsive-table td[colspan],.complaints-page .responsive-table td[colspan],.routing-page .responsive-table td[colspan],.dashboard-page .responsive-table td[colspan],.complaint-detail .responsive-table td[colspan]{display:block;padding:10px 2px}.settings-page .responsive-table td[colspan]:before,.categories-page .responsive-table td[colspan]:before,.citizens-page .responsive-table td[colspan]:before,.officers-page .responsive-table td[colspan]:before,.complaints-page .responsive-table td[colspan]:before,.routing-page .responsive-table td[colspan]:before,.dashboard-page .responsive-table td[colspan]:before,.complaint-detail .responsive-table td[colspan]:before{content:none}.settings-page .responsive-table .select-col,.categories-page .responsive-table .select-col,.citizens-page .responsive-table .select-col,.officers-page .responsive-table .select-col,.complaints-page .responsive-table .select-col,.routing-page .responsive-table .select-col{grid-template-columns:minmax(96px,34%) auto;align-items:center}.settings-page .responsive-table .select-col input,.categories-page .responsive-table .select-col input,.citizens-page .responsive-table .select-col input,.officers-page .responsive-table .select-col input,.complaints-page .responsive-table .select-col input,.routing-page .responsive-table .select-col input{justify-self:start}.complaints-page .responsive-table td[data-label=Status]{order:1}.complaints-page .responsive-table td[data-label=Ticket]{order:2}.complaints-page .responsive-table td[data-label=Category]{order:3}.complaints-page .responsive-table td[data-label=Caller]{order:4}.complaints-page .responsive-table td[data-label=Created]{order:5}.complaints-page .responsive-table td[data-label=Area]{order:6}.complaints-page .responsive-table td[data-label=Actions]{order:98}.complaints-page .responsive-table td[data-label=Select]{order:99}.complaint-detail .responsive-table td[data-label=Status]{order:1}.complaint-detail .responsive-table td[data-label=Dir]{order:2}.complaint-detail .responsive-table td[data-label=Phone]{order:3}.complaint-detail .responsive-table td[data-label=Time]{order:4}.complaint-detail .responsive-table td[data-label=Body]{order:5}.form-compact-grid{grid-template-columns:1fr}.form-compact-grid .span-2{grid-column:auto}button{padding:9px 13px}.spark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-wrap{padding:48px 10px 10px;align-items:flex-start}.login-brand-panel,.login-card{padding:22px 18px}.login-vp-hero{height:auto;aspect-ratio:16 / 10}.login-signal-row{margin-top:10px}.login-title{font-size:clamp(1.6rem,5vw,2.2rem)}}@media (max-width: 640px){.call-logs-table{display:table;width:100%;min-width:800px}.call-logs-table thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal}.call-logs-table td{display:table-cell;padding:12px;border-bottom:1px solid var(--border)}.call-logs-table td:before{display:none}.call-logs-table tr{display:table-row;border:none;border-radius:0;padding:0;background:none;margin-bottom:0}.card:has(.call-logs-table){overflow-x:auto}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 4vh;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade .14s ease-out}.modal{position:relative;width:100%;max-height:min(88vh,820px);display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text);overflow:hidden;animation:modal-pop .18s cubic-bezier(.16,.9,.3,1.05);outline:none}.modal-sm{max-width:440px}.modal-md{max-width:640px}.modal-lg{max-width:880px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px 12px;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-family:Space Grotesk,Manrope,sans-serif;font-size:17px;color:var(--heading)}.modal-subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.modal-close{background:transparent;border:1px solid transparent;color:var(--muted);font-size:22px;line-height:1;padding:2px 10px;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.modal-close:hover{background:#ffffff0f;border-color:var(--border);color:var(--text)}.modal-body{padding:18px 22px;overflow:auto;flex:1 1 auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--border);background:var(--surface)}.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-form-grid .span-2{grid-column:span 2}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-field label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.modal-field input,.modal-field select,.modal-field textarea{padding:10px 12px;font-size:14px;background:var(--bg);border-color:var(--border)}.modal-field input:hover,.modal-field select:hover,.modal-field textarea:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border) 60%)}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:#5b6ef5b8;box-shadow:0 0 0 4px #5b6ef524;background:var(--surface-2)}.modal-field textarea{min-height:80px;resize:vertical;font-family:inherit}.resolution-modal{display:flex;flex-direction:column;gap:18px}.resolution-hero{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--ok) 26%,var(--border) 74%);background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--ok) 14%,transparent) 0%,transparent 62%),color-mix(in srgb,var(--ok) 5%,var(--surface-2))}.resolution-hero-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--ok) 88%,white),var(--ok));box-shadow:0 4px 14px color-mix(in srgb,var(--ok) 35%,transparent)}.resolution-hero-text{display:flex;flex-direction:column;gap:2px;min-width:0}.resolution-hero-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.resolution-hero-ticket{font-family:Space Grotesk,Manrope,sans-serif;font-size:16px;font-weight:700;color:var(--heading);overflow-wrap:anywhere}.resolution-hero-badge{margin-left:auto;flex:none;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);border:1px solid color-mix(in srgb,var(--ok) 34%,transparent)}.resolution-field{display:flex;flex-direction:column;gap:8px}.resolution-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.resolution-field-head label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.resolution-optional{padding:2px 7px;border-radius:999px;font-size:10px;letter-spacing:.04em;color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.resolution-counter{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);transition:color .15s ease}.resolution-counter.is-low{color:var(--warn);font-weight:600}.resolution-textarea{width:100%;min-height:104px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.55;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.resolution-textarea::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.resolution-textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 40%,var(--border) 60%)}.resolution-textarea:focus{outline:none;background:var(--surface-2);border-color:color-mix(in srgb,var(--ok) 62%,var(--border) 38%);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 15%,transparent)}.resolution-textarea:disabled{opacity:.6;cursor:not-allowed}.resolution-hint{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0;font-size:12px;line-height:1.5;color:var(--muted)}.resolution-shortcut{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.resolution-hint kbd{padding:1px 6px;border-radius:5px;font-family:inherit;font-size:11px;font-weight:600;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);box-shadow:0 1px 0 var(--border)}.resolution-error{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:var(--radius-md);font-size:13px;line-height:1.5;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 32%,transparent)}.resolution-error svg{flex:none;margin-top:1px}.resolve-confirm-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--ok) 90%,white),var(--ok));box-shadow:0 2px 8px color-mix(in srgb,var(--ok) 28%,transparent)}.resolve-confirm-btn:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--ok) 96%,white),color-mix(in srgb,var(--ok) 92%,black));box-shadow:0 6px 16px color-mix(in srgb,var(--ok) 34%,transparent)}.resolve-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:resolve-spin .6s linear infinite}@keyframes resolve-spin{to{transform:rotate(360deg)}}.confirm-body{color:var(--text);font-size:14px;line-height:1.55}.confirm-body b{color:var(--heading)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-stack{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(440px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 10px 7px 8px;border-radius:999px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);color:var(--text);box-shadow:0 12px 30px #03080c52,0 0 0 1px #ffffff0a inset;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);font-size:13px;line-height:1.3;max-width:100%;overflow:hidden;animation:toast-in .24s cubic-bezier(.16,.9,.3,1.05)}.toast-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0f}.toast-icon svg{width:13px;height:13px}.toast-message{min-width:0;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.toast-close{border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;width:20px;height:20px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.toast-close svg{width:11px;height:11px}.toast-close:hover{background:#ffffff14;color:var(--text);border-color:var(--border)}.toast-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left center;animation-name:toast-progress;animation-timing-function:linear;animation-fill-mode:forwards;opacity:.9}.toast-success{border-color:color-mix(in srgb,var(--ok) 42%,transparent 58%);box-shadow:0 20px 50px #00000059,0 0 0 1px color-mix(in srgb,var(--ok) 16%,transparent 84%) inset,0 0 30px color-mix(in srgb,var(--ok) 15%,transparent 85%)}.toast-success .toast-icon{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent 86%)}.toast-success .toast-progress{background:linear-gradient(90deg,var(--ok),color-mix(in srgb,var(--ok) 40%,transparent 60%))}.toast-error{border-color:color-mix(in srgb,var(--danger) 50%,transparent 50%);box-shadow:0 20px 50px #00000059,0 0 0 1px color-mix(in srgb,var(--danger) 16%,transparent 84%) inset,0 0 30px color-mix(in srgb,var(--danger) 18%,transparent 82%)}.toast-error .toast-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,transparent 84%)}.toast-error .toast-progress{background:linear-gradient(90deg,var(--danger),color-mix(in srgb,var(--danger) 40%,transparent 60%))}.toast-info{border-color:color-mix(in srgb,var(--primary) 44%,transparent 56%);box-shadow:0 20px 50px #00000059,0 0 0 1px color-mix(in srgb,var(--primary) 14%,transparent 86%) inset,0 0 30px color-mix(in srgb,var(--primary) 16%,transparent 84%)}.toast-info .toast-icon{color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent 86%)}.toast-info .toast-progress{background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 40%,transparent 60%))}.toast-warn{border-color:color-mix(in srgb,var(--warn) 55%,transparent 45%);box-shadow:0 20px 50px #00000059,0 0 0 1px color-mix(in srgb,var(--warn) 16%,transparent 84%) inset,0 0 30px color-mix(in srgb,var(--warn) 16%,transparent 84%)}.toast-warn .toast-icon{color:var(--warn);background:color-mix(in srgb,var(--warn) 16%,transparent 84%)}.toast-warn .toast-progress{background:linear-gradient(90deg,var(--warn),color-mix(in srgb,var(--warn) 40%,transparent 60%))}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 640px){.modal-backdrop{padding:4vh 10px 2vh}.modal-form-grid{grid-template-columns:minmax(0,1fr)}.modal-form-grid .span-2{grid-column:auto}.toast-stack{left:12px;right:12px;top:12px;transform:none;width:auto}}.complaint-detail{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;height:100%}.complaint-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}.complaint-grid>section{min-height:0;display:flex;flex-direction:column;overflow:hidden}.complaint-grid>section>:not(header){overflow-y:auto;flex:1;min-height:0}.complaint-grid>section>.complaint-action-row{flex:0 0 auto;overflow:visible}.complaint-grid>section>.complaint-info-groups,.complaint-grid>section>.resolution-info-groups{flex:0 1 auto}.complaint-grid .complaint-timeline-scroll{max-height:100%;flex:1;min-height:0}.complaint-back{align-self:flex-start;color:var(--muted);font-size:13px;text-decoration:none;padding:4px 8px;border-radius:8px;transition:color .15s ease,background .15s ease}.complaint-back:hover{color:var(--text);background:var(--surface-2)}.complaint-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(120% 180% at 0% 0%,color-mix(in srgb,var(--primary) 9%,transparent) 0%,transparent 58%),var(--surface-2);box-shadow:0 1px 2px #0000000a}.complaint-header-main{display:flex;flex-direction:column;gap:10px;min-width:0}.complaint-meta-chips{display:flex;flex-wrap:wrap;gap:6px}.complaint-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--muted);background:color-mix(in srgb,var(--surface-strong) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.complaint-chip svg{flex:none;opacity:.75}.complaint-alert-banner{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;margin:0 0 16px;border-radius:12px;font-size:14px;line-height:1.5}.complaint-alert-banner svg{flex:none;margin-top:2px}.complaint-alert-warn{background:#ffd36a1f;border:1px solid rgba(255,211,106,.35);color:var(--heading)}.complaint-alert-info{background:#9bc2d91a;border:1px solid rgba(155,194,217,.3);color:var(--heading)}.complaint-incident-siblings{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.complaint-incident-actions{display:flex;gap:10px;margin-top:12px}.complaint-action-btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.complaint-header-title{display:inline-flex;align-items:center;gap:12px;font-family:Space Grotesk,Manrope,sans-serif}.complaint-ticket-id{font-family:Space Grotesk,Manrope,sans-serif;font-size:24px;font-weight:700;color:var(--heading);letter-spacing:.02em;padding:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-pending{background:#ffd36a2e;color:var(--warn)}.badge-resolved{background:#10b9812e;color:var(--ok)}.badge-escalated{background:#ff6f7b2e;color:var(--danger)}.badge-transferred,.badge-rejected{background:#9bc2d921;color:var(--muted)}.badge.PENDING{background:#ffd36a33;color:var(--warn)}.badge.RESOLVED{background:#10b98133;color:var(--ok)}.badge.ESCALATED{background:#ff6f7b33;color:var(--danger)}.badge.TRANSFERRED,.badge.REJECTED{background:#9bc2d921;color:var(--muted)}.complaint-status-select{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border:1px solid var(--border);background:var(--surface);border-radius:999px}.complaint-status-select>span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.complaint-status-select select{border:0;background:transparent;color:var(--heading);padding:6px 22px 6px 8px;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 12px) center,calc(100% - 7px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.complaint-status-select select:disabled{opacity:.6;cursor:not-allowed}.complaint-status-select select option{background:var(--bg-2);color:var(--heading)}.complaint-section{padding:16px;transition:border-color .18s ease,box-shadow .18s ease}.complaint-section:hover{border-color:color-mix(in srgb,var(--primary) 22%,var(--border) 78%);box-shadow:0 6px 20px #0000000d}.complaint-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.complaint-section-heading{display:flex;flex-direction:column;gap:1px;min-width:0}.section-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}.section-icon.tone-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-color:color-mix(in srgb,var(--ok) 24%,transparent)}.section-icon.tone-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 13%,transparent);border-color:color-mix(in srgb,var(--warn) 26%,transparent)}.section-icon.tone-info{color:var(--outbound);background:color-mix(in srgb,var(--outbound) 12%,transparent);border-color:color-mix(in srgb,var(--outbound) 24%,transparent)}.complaint-section-head h3{margin:0;font-family:Space Grotesk,Manrope,sans-serif;font-size:14px;font-weight:700;color:var(--heading);text-transform:uppercase;letter-spacing:.04em}.complaint-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 16px;color:var(--muted);text-align:center}.complaint-empty-state svg{width:26px;height:26px;opacity:.4}.complaint-empty-state p{margin:0;font-size:13px}.complaint-info-groups{display:flex;flex-direction:column;gap:16px}.info-group{display:flex;flex-direction:column;gap:8px}.info-group-title{display:flex;align-items:center;gap:8px;margin:0 0 0 9px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.info-group-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.info-group-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 16px}.info-row{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:var(--radius-sm);transition:background .15s ease}.info-row:hover{background:color-mix(in srgb,var(--surface-strong) 60%,transparent)}.info-row.full-width{grid-column:1 / -1}.info-label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.info-value{font-size:13.5px;color:var(--text);overflow-wrap:anywhere}.info-value.text-muted{color:var(--muted)}.resolution-remark-box{margin-top:2px;padding:10px 12px;border-radius:var(--radius-md);font-size:13.5px;line-height:1.55;color:var(--text);background:color-mix(in srgb,var(--ok) 6%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--ok) 22%,var(--border) 78%)}.complaint-timeline-scroll{overflow-y:auto;padding-right:6px;margin-right:-6px}.complaint-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;position:relative}.complaint-timeline:before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,transparent,var(--border),transparent)}.complaint-timeline li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:start;padding:6px 8px;border-radius:var(--radius-sm);transition:background .15s ease}.complaint-timeline li:hover{background:color-mix(in srgb,var(--surface-strong) 55%,transparent)}.complaint-timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);margin-top:5px}.complaint-timeline-body{min-width:0}.complaint-timeline-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.complaint-timeline-type{font-size:12px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.timeline-meta{font-size:11px;color:var(--muted);white-space:nowrap}.timeline-actor{margin-top:2px;font-size:11px;color:var(--muted)}.timeline-collapse-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text);padding:4px 0;cursor:pointer;border-radius:6px;font-size:inherit;box-shadow:none}.timeline-collapse-btn:hover{background:var(--surface-2)}.timeline-collapse-count{font-size:11px;color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0}.timeline-chevron{transition:transform .2s ease;color:var(--muted)}.timeline-chevron.expanded{transform:rotate(90deg)}.timeline-expanded{margin-top:6px;display:flex;flex-direction:column;gap:3px;padding-left:4px;border-left:1px solid var(--border)}.timeline-expanded-row{display:flex;justify-content:space-between;gap:8px;padding:2px 4px;font-size:11px}.timeline-expanded-row .timeline-meta{white-space:nowrap}.timeline-actor-expanded{color:var(--muted);font-size:11px}.complaint-empty{margin:4px 0 0;font-size:12.5px}.complaint-actions{display:flex;flex-direction:column;gap:12px}.complaint-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.complaint-action-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.complaint-action-row:has(.complaint-action-fields>.complaint-action-field:only-child) .complaint-action-fields{grid-template-columns:minmax(0,1fr)}.complaint-action-field{display:flex;flex-direction:column;gap:4px;min-width:0}.complaint-action-field span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.complaint-action-field input{padding:8px 10px;font-size:13px}.complaint-action-btn{padding:8px 14px;font-size:13px;height:fit-content;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.action-btn-wrap{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.action-error{font-size:11px;color:var(--danger);max-width:200px;text-align:right;line-height:1.3}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}button.secondary .btn-spinner{border-color:#00000026;border-top-color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.btn-checkmark{font-size:16px;font-weight:700;color:var(--ok)}.complaint-messages-wrap{overflow-x:auto}.complaint-messages-table{font-size:13px;width:100%;border-collapse:collapse}.complaint-messages-table th,.complaint-messages-table td{padding:8px;text-align:left;white-space:nowrap}.complaint-messages-table th{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.msg-row-failed{background:#ff6f7b0f}.td-muted{color:var(--muted);font-size:12px}.complaint-msg-dir{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted)}.complaint-msg-dir.dir-OUT{color:var(--primary);border-color:#5b6ef559;background:#5b6ef50f}.complaint-msg-dir.dir-IN{color:var(--ok);border-color:#10b98159;background:#10b9810f}.complaint-msg-body{max-width:240px;overflow-wrap:anywhere;color:var(--text);white-space:normal}.msg-empty-body{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--danger);line-height:1.4}.msg-failure-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ff6f7b33;font-size:10px;margin-right:4px}.msg-failure-reason{font-size:11px;color:#ff6f7bb3;padding-left:20px}.msg-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.msg-badge-failed{background:#ff6f7b26;color:var(--danger)}.msg-badge-sent{background:#10b98126;color:var(--ok)}.msg-badge-pending{background:#ffd36a26;color:var(--warn)}.msg-retry-btn{font-size:11px;padding:4px 10px;border-radius:6px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none;min-width:48px;display:inline-flex;align-items:center;justify-content:center}.msg-retry-btn:hover{background:var(--surface-strong);border-color:var(--primary)}.loading-spinner{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted);font-size:14px}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-strong) 50%,var(--surface-2) 100%);border-radius:4px;background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.boot-splash-card{width:min(220px,72vw);height:120px;background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #1118271f}.boot-splash-logo{width:56px;height:56px;object-fit:contain}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-list-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.skeleton-table{display:flex;flex-direction:column;gap:8px}.skeleton-table-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.skeleton-table-cell{display:flex;align-items:center}.skeleton-dashboard{display:flex;flex-direction:column;gap:20px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.skeleton-chart{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.complaint-grid{gap:12px}.complaint-section{padding:14px}.complaint-ticket-id{font-size:22px}}@media (max-width: 1024px){.complaint-detail{gap:14px}.complaint-grid{gap:12px}.complaint-section{padding:14px}.info-group-rows{grid-template-columns:repeat(2,1fr);gap:4px 14px}.complaint-section-head{margin-bottom:14px}.complaint-action-fields{gap:8px}}@media (max-width: 900px){.complaint-detail{height:auto;min-height:100%}.complaint-grid{grid-template-columns:1fr;gap:14px}.complaint-grid>section{overflow:visible}.complaint-grid>section>:not(header){overflow-y:visible;flex:none}.complaint-grid .complaint-timeline-scroll{max-height:260px;overflow-y:auto}.info-group-rows{grid-template-columns:repeat(2,1fr);gap:4px 14px}.complaint-action-row{grid-template-columns:minmax(0,1fr);gap:10px}.complaint-action-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.action-btn-wrap{align-items:flex-end}.complaint-action-btn{justify-self:end}.complaint-ticket-id{font-size:20px}.complaint-section-head{margin-bottom:12px}.complaint-section-head h3{font-size:13px}.complaint-messages-table th,.complaint-messages-table td{padding:6px 8px;font-size:12px}.complaint-msg-body{max-width:200px}.complaint-status-select>span{display:none}.timeline-collapse-btn{padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--surface);width:100%;justify-content:flex-start}.timeline-collapse-count{flex:1}}@media (max-width: 768px){.complaint-detail,.complaint-grid{gap:12px}.complaint-section{padding:12px}.complaint-section-head{margin-bottom:10px;gap:6px}.complaint-section-head h3{font-size:12px}.info-group-rows{grid-template-columns:1fr;gap:0}.info-row{padding:5px 0;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}.info-label{flex-shrink:0}.info-value{text-align:right}.complaint-ticket-id{font-size:18px}.complaint-header-title{gap:10px}.complaint-messages-table th,.complaint-messages-table td{padding:5px 6px;font-size:11px}.complaint-msg-body{max-width:140px}.complaint-action-field input{padding:7px 10px;font-size:13px}.complaint-timeline{gap:6px}.complaint-timeline-type{font-size:11px}.complaint-timeline-dot{width:8px;height:8px;margin-top:5px}.complaint-timeline li{grid-template-columns:12px minmax(0,1fr);gap:8px}.timeline-meta,.timeline-actor{font-size:10px}}@media (max-width: 640px){.complaint-detail,.complaint-grid{gap:10px}.complaint-back{font-size:12px;padding:3px 6px}.complaint-header{flex-direction:column;align-items:stretch;gap:10px}.complaint-header-title{gap:8px}.complaint-ticket-id{font-size:17px}.badge{font-size:10px;padding:3px 8px}.complaint-status-select{justify-content:space-between}.complaint-status-select select{flex:1}.complaint-section{padding:10px}.complaint-section-head{margin-bottom:8px;flex-direction:row;justify-content:space-between;gap:4px}.complaint-section-head h3{font-size:11px}.complaint-section-head .stat-label{font-size:10px}.complaint-info-groups{gap:12px}.info-group-title{font-size:10px;padding-bottom:3px}.info-row{padding:4px 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1px}.info-value{text-align:left;font-size:12.5px}.complaint-action-row{grid-template-columns:1fr;gap:8px}.complaint-action-fields{grid-template-columns:1fr}.action-btn-wrap{align-items:stretch}.complaint-action-btn{width:100%;justify-self:stretch;padding:10px 16px;font-size:13px}.action-error{text-align:center;max-width:100%}.complaint-messages-wrap{margin:0 -10px;padding:0 10px}.complaint-messages-table{font-size:12px;min-width:100%}.complaint-messages-table th,.complaint-messages-table td{padding:6px 4px;font-size:11px;white-space:normal}.complaint-messages-table th{font-size:10px;position:sticky;top:0;background:var(--surface);z-index:1}.complaint-msg-body{max-width:none}.msg-failure-reason{padding-left:0;font-size:10px}.msg-retry-btn{font-size:10px;padding:3px 8px;min-width:36px}.complaint-timeline-scroll{margin-right:-4px;padding-right:4px}.complaint-timeline{gap:5px}.complaint-timeline:before{left:4px}.complaint-timeline-dot{width:7px;height:7px;margin-top:4px}.complaint-timeline li{grid-template-columns:11px minmax(0,1fr);gap:7px}.complaint-timeline-type{font-size:10px}.timeline-meta,.timeline-actor{font-size:9px}.timeline-collapse-btn{font-size:11px;padding:3px 5px;gap:4px}.timeline-collapse-count{font-size:10px}.timeline-expanded{gap:2px;padding-left:3px}.timeline-expanded-row{font-size:10px;padding:1px 3px}.timeline-expanded-row .timeline-meta,.timeline-actor-expanded{font-size:9px}.loading-spinner{height:120px;font-size:13px}}@media (max-width: 520px){.complaint-messages-wrap{margin:0 -10px;padding:0 10px;overflow-x:visible}.complaint-messages-table,.complaint-messages-table thead,.complaint-messages-table tbody,.complaint-messages-table tr,.complaint-messages-table th,.complaint-messages-table td{display:block}.complaint-messages-table thead{display:none}.complaint-messages-table tr{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.complaint-messages-table tr:last-child{margin-bottom:0}.complaint-messages-table td{padding:0;border:none;font-size:12px;white-space:normal;display:flex;align-items:baseline;gap:6px}.complaint-messages-table td:before{content:attr(data-label);font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:48px}.complaint-messages-table td[data-label=""]:before{display:none}.complaint-msg-body{max-width:none}.msg-empty-body{font-size:11px}.msg-failure-reason{padding-left:0}.msg-retry-btn{font-size:11px;padding:4px 12px}.complaint-header{flex-direction:column;align-items:stretch;gap:8px}.complaint-header-title{gap:6px}.complaint-ticket-id{font-size:16px}.badge{font-size:9px;padding:2px 6px}.complaint-status-select select{font-size:13px;padding:8px 10px}.complaint-section{padding:10px}.complaint-section-head{margin-bottom:8px;gap:4px}.complaint-section-head h3{font-size:11px}.complaint-section-head .stat-label{font-size:9px}.complaint-info-groups{gap:10px}.info-group-title{font-size:10px;padding-bottom:3px}.info-row{padding:3px 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1px}.info-value{font-size:12px;text-align:left}.complaint-action-row,.complaint-action-fields{grid-template-columns:1fr;gap:8px}.action-btn-wrap{align-items:stretch}.complaint-action-btn{width:100%;padding:10px 16px;font-size:13px}.action-error{text-align:center;max-width:100%}.complaint-grid .complaint-timeline-scroll{margin-right:-4px;padding-right:4px;max-height:240px;overflow-y:auto}.complaint-timeline{gap:5px}.complaint-timeline:before{left:3px}.complaint-timeline li{grid-template-columns:9px minmax(0,1fr);gap:6px}.complaint-timeline-dot{width:6px;height:6px;margin-top:4px}.complaint-timeline-type{font-size:10px}.timeline-meta,.timeline-actor{font-size:9px}.timeline-collapse-btn{font-size:10px;padding:4px 6px;gap:4px;width:100%;justify-content:space-between;border:1px solid var(--border);background:var(--surface);border-radius:6px}.timeline-collapse-count{font-size:10px;flex:1;text-align:left}.timeline-expanded{gap:2px;padding-left:2px}.timeline-expanded-row{font-size:10px;padding:2px;flex-direction:column;align-items:flex-start;gap:1px}.timeline-expanded-row .timeline-meta,.timeline-actor-expanded{font-size:9px}.loading-spinner{height:100px;font-size:12px}}@media (max-width: 380px){.complaint-section{padding:8px}.complaint-ticket-id{font-size:16px}.complaint-header-title{gap:6px}.badge{font-size:9px;padding:2px 6px}.info-row{padding:3px 0}.complaint-messages-wrap{margin:0 -8px;padding:0 8px}}@media (max-width: 900px){.call-log-grid{grid-template-columns:1fr}}.glassmorphism{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 1,transparent 0);box-shadow:var(--shadow)}.glassmorphism-strong{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-2) .92,transparent 0);box-shadow:var(--shadow),0 0 0 1px #ffffff0a inset}.premium-card{border-radius:1rem;background:linear-gradient(165deg,color-mix(in oklab,var(--surface) 1,transparent 0),color-mix(in oklab,var(--surface-2) .7,transparent 0));border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.premium-card:hover{transform:translateY(-2px);box-shadow:0 28px 64px #00000073,0 0 0 1px #5b6ef514 inset}.neo-glow{box-shadow:0 0 20px #5b6ef54d,0 0 40px #4caf5026,0 24px 60px #0006}.eyebrow-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-family:Cascadia Code,Consolas,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;border:1px solid var(--border);background:linear-gradient(135deg,#5b6ef51f,#4caf5014);color:var(--primary)}.surface-elevated{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.surface-strong{background:var(--surface-strong);border:1px solid var(--border);border-radius:10px}.gradient-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.gradient-primary-warm{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#ff8c42))}.gradient-primary-cool{background:linear-gradient(135deg,var(--primary-2),color-mix(in srgb,var(--primary-2) 60%,#0ea5e9))}.premium-button-glow{position:relative;overflow:hidden;isolation:isolate}.premium-button-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.15) 60%,transparent 80%);transform:translate(-100%);animation:shimmer-sweep 3.5s ease-in-out infinite;pointer-events:none;will-change:transform}.gradient-button{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;box-shadow:0 10px 24px #5b6ef54d,0 0 0 1px #ffffff0f inset;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.gradient-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #5b6ef559,0 0 0 1px #ffffff14 inset}.gradient-button:active{transform:scale(.98)}.feature-card{border-radius:1rem;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;transform-style:preserve-3d;perspective:800px}.feature-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 32px 64px #00000059,0 0 0 1px #5b6ef51a inset}.orb-saffron{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(91,110,245,.3),rgba(91,110,245,.06) 60%,transparent 72%);filter:blur(30px);animation:float 8s ease-in-out infinite;will-change:transform}.orb-green{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 70% 30%,rgba(76,175,80,.3),rgba(76,175,80,.06) 60%,transparent 72%);filter:blur(30px);animation:float 10s ease-in-out infinite reverse;will-change:transform}@keyframes shimmer-sweep{0%,15%{transform:translate(-100%)}45%{transform:translate(120%)}60%,to{transform:translate(120%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes breathe{0%,to{opacity:.6;filter:blur(4px);transform:scale(1)}50%{opacity:1;filter:blur(0px);transform:scale(1.02)}}@keyframes hologram{0%,to{text-shadow:0 0 8px rgba(91,110,245,.6),0 0 20px rgba(91,110,245,.3)}25%{text-shadow:0 0 8px rgba(76,175,80,.6),0 0 20px rgba(76,175,80,.3)}50%{text-shadow:0 0 8px rgba(91,110,245,.8),0 0 30px rgba(91,110,245,.4)}75%{text-shadow:0 0 8px rgba(76,175,80,.5),0 0 20px rgba(76,175,80,.3)}}@keyframes pulse-ring{0%{box-shadow:0 0 #5b6ef580}70%{box-shadow:0 0 0 16px #5b6ef500}to{box-shadow:0 0 #5b6ef500}}.dot-primary{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px #5b6ef580}.dot-white{width:10px;height:10px;border-radius:50%;background:var(--heading);border:1px solid var(--border)}.dot-green{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px #10b98180}button:active,.sidebar nav a:active,.nav-link:active{transform:scale(.98)}.navy-accent{color:navy}.navy-border{border-color:navy}.navy-glow{box-shadow:0 0 12px #00008033}:root[data-theme=dark] .navy-accent{color:#4d4dff}:root[data-theme=dark] .navy-border{border-color:#4d4dff66}.bg-mesh-saffron{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 10%,rgba(91,110,245,.08),transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(91,110,245,.04),transparent 40%);pointer-events:none}.bg-mesh-green{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 85%,rgba(91,110,245,.07),transparent 50%),radial-gradient(ellipse at 30% 90%,rgba(91,110,245,.04),transparent 40%);pointer-events:none}.chakra-watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;z-index:0}.chakra-watermark svg{width:min(70vw,500px);height:min(70vw,500px);opacity:.035;color:currentColor}:root[data-theme=dark] .chakra-watermark svg{opacity:.04;color:var(--primary)}:root[data-theme=light] .chakra-watermark svg{opacity:.03;color:var(--primary)}.flowing-wave{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.flowing-wave:before,.flowing-wave:after{content:"";position:absolute;width:200%;height:200%;top:-30%;left:-50%;border-radius:45%;opacity:.03;animation:waveRotate 20s linear infinite;will-change:transform}.flowing-wave:before{background:radial-gradient(ellipse at 30% 40%,var(--primary),transparent 60%)}.flowing-wave:after{background:radial-gradient(ellipse at 70% 60%,var(--primary-2),transparent 60%);animation-delay:-10s;opacity:.025}@keyframes waveRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=date]),select,textarea{font-size:16px}.dashboard-filter-item input[type=date]{font-size:13px!important;padding:7px 8px!important;height:38px!important}}@media (max-width: 640px){.dashboard-title{font-size:clamp(1.1rem,5vw,1.4rem)}.dashboard-subtitle{font-size:12px;line-height:1.45}}@media (max-width: 500px){.spark-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.spark-bar-wrap{height:64px}.spark-value{font-size:10px}.spark-label{font-size:9px}}@media (max-width: 1024px){.wa-sidebar{max-height:none;height:auto;flex:0 0 auto;min-height:auto}.wa-thread-header{padding:10px 12px;gap:8px}.wa-thread-header h3{font-size:14px}.wa-thread-messages{padding:10px 12px;gap:8px}.wa-composer{padding:8px 10px;gap:6px}.wa-composer textarea{min-height:22px;font-size:14px;padding:7px 2px}}@media (max-width: 640px){.whatsapp-chat-card{border-radius:12px}.whatsapp-chat-card.mobile-thread-open{height:calc(100dvh - 54px);min-height:0}.wa-chat-list{max-height:calc(100dvh - 280px);flex:1}.wa-sidebar{max-height:none;padding:10px;gap:6px;height:auto;flex:1}.wa-sidebar-header{flex-wrap:wrap;gap:6px}.wa-sidebar-header h2{font-size:15px}.wa-sidebar-header button{font-size:11px;padding:6px 10px}.wa-chat-item{padding:8px 10px;border-radius:10px;min-height:56px}.wa-chat-avatar{top:8px}.wa-chat-item-top strong{font-size:12px}.wa-chat-item-top span{font-size:10px}.wa-thread-contact h3>span:last-child{max-width:calc(100vw - 180px)}.wa-contact-number{max-width:calc(100vw - 180px)!important}.wa-bubble{max-width:88%;padding:8px 10px;font-size:13px;border-radius:12px}.wa-chat-item-meta{padding-left:44px}.pill{padding:2px 7px;font-size:10px}.wa-bubble-meta{font-size:10px;gap:4px;margin-top:4px}}@media (max-width: 640px){.login-wrap{padding:24px 12px 12px;align-items:flex-start}.login-shell{border-radius:16px}.login-brand-panel,.login-card{padding:18px 16px}.login-title{margin:10px 0 8px;font-size:clamp(1.5rem,5vw,2rem)}.login-tagline{font-size:13px;line-height:1.5}.login-feature-list{margin-top:16px;gap:10px}.login-feature-item{font-size:13px;gap:10px}}@media (max-width: 640px){.modal-backdrop{padding:0;align-items:flex-end;justify-content:stretch}.modal{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);max-height:92dvh;width:100%;max-width:100%;animation:modal-sheet-up .22s cubic-bezier(.22,.61,.36,1)}.modal-sm,.modal-md,.modal-lg{max-width:100%}.modal-body{padding:14px 16px}.modal-header{padding:14px 16px 10px}.modal-footer{padding:10px 16px 16px;flex-direction:column-reverse;gap:8px}.modal-footer button{width:100%;justify-content:center;min-height:44px}}@keyframes modal-sheet-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.topbar{margin-bottom:10px}.topbar-title{font-size:14px}}@media (max-width: 380px){.sidebar{width:100vw}.main{padding:8px;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));padding-left:calc(8px + env(safe-area-inset-left,0px));padding-right:calc(8px + env(safe-area-inset-right,0px))}.card{padding:10px}}@media (max-width: 900px){.sidebar nav a{min-height:44px}button,.dashboard-compare-toggle{min-height:40px}}@media (max-width: 900px){html,body{overflow-x:hidden;max-width:100vw}.main{overflow-x:hidden}}