:root{--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-accent-2: #7a8a5e;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f9f4ed;--color-neutral-200: #eee7db;--color-neutral-300: #dcd3c4;--color-neutral-400: #c0b6a5;--color-neutral-500: #a19786;--color-neutral-600: #82796a;--color-neutral-700: #645c50;--color-neutral-800: #474238;--color-neutral-900: #2e2b25;--color-accent-100: #fff2eb;--color-accent-200: #ffe1d0;--color-accent-300: #ffc6a5;--color-accent-400: #f6a06b;--color-accent-500: #d67f48;--color-accent-600: #b2622d;--color-accent-700: #8c491a;--color-accent-800: #643312;--color-accent-900: #402310;--color-accent-2-100: #f0fae1;--color-accent-2-200: #e1eecc;--color-accent-2-300: #ccdbb2;--color-accent-2-400: #aebf92;--color-accent-2-500: #8fa073;--color-accent-2-600: #728157;--color-accent-2-700: #56633f;--color-accent-2-800: #3d472b;--color-accent-2-900: #272e1b;--color-danger: #b23a2d;--color-danger-100: #fbe7e4;--color-danger-800: #6b1f17;--font-heading: "Caprasimo", Georgia, serif;--font-heading-weight: 400;--font-body: "Figtree", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 13px;--space-4: 18px;--space-6: 26px;--space-8: 35px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0}p{margin:0}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}button{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.heading{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em}.muted{color:var(--color-neutral-600)}.tabular{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:9px 16px;border-radius:999px;white-space:nowrap}.btn svg{display:block;flex:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-primary:active:not(:disabled){background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active:not(:disabled){background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-secondary.is-on{background:var(--color-accent-100);border-color:var(--color-accent-300);color:var(--color-accent-800)}.btn-ghost{color:var(--color-accent);padding-inline:10px}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active:not(:disabled){background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-danger{background:var(--color-danger);color:var(--color-bg)}.btn-danger:hover:not(:disabled){background:var(--color-danger-800)}.btn-success{background:var(--color-accent-2-600);color:var(--color-bg)}.btn-success:hover:not(:disabled){background:var(--color-accent-2-700)}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%}.field>label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:40px;padding:6px 14px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:999px}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}.input:disabled{opacity:.6}textarea.input{min-height:90px;resize:none;border-radius:var(--radius-md);padding:12px 14px;line-height:1.5}select.input{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2382796a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.seg{display:inline-flex;background:var(--color-neutral-200);border-radius:999px;padding:4px;gap:4px;font-size:14px}.seg-opt{border:0;background:transparent;border-radius:999px;padding:7px 16px;color:var(--color-neutral-700);cursor:pointer;font-family:inherit}.seg-opt:hover{background:var(--color-accent-100)}.seg-opt.is-on{background:var(--color-bg);color:var(--color-text);font-weight:600;box-shadow:var(--shadow-sm)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:999px;white-space:nowrap}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-danger{background:var(--color-danger-100);color:var(--color-danger-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider);font-weight:600}.table td{padding:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.table tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.panel{background:var(--color-neutral-100);border-radius:var(--radius-lg);padding:22px 24px}.panel-md{background:var(--color-neutral-100);border-radius:var(--radius-md);padding:14px 18px}.panel-title{font-family:var(--font-heading);font-size:19px}.stat-label{font-size:13px;color:var(--color-neutral-600)}.stat-value{font-family:var(--font-heading);font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}.stat-value.is-hot{color:var(--color-accent-700)}.avatar{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none;background:var(--color-accent-200);color:var(--color-accent-800)}.avatar-2{background:var(--color-accent-2-200);color:var(--color-accent-2-800)}.dot{width:9px;height:9px;border-radius:999px;flex:none;display:inline-block}.dot-oncall{background:var(--color-accent-600)}.dot-available{background:var(--color-accent-2-600)}.dot-ringing{background:var(--color-accent-400)}.dot-away{background:var(--color-neutral-500)}.dot-off{background:var(--color-neutral-400)}.dot-pulse{animation:desk-pulse 1.2s ease-in-out infinite}@keyframes desk-pulse{0%,to{opacity:1}50%{opacity:.35}}.empty{color:var(--color-neutral-600);font-size:14px;padding:18px 6px;text-align:center}.hr{height:1px;border:0;margin:0;background:var(--color-divider)}.popover{position:absolute;z-index:30;min-width:240px;background:var(--color-neutral-100);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:10px;display:flex;flex-direction:column;gap:6px}.popover .menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-radius:12px;padding:9px 12px;font-size:14px;cursor:pointer}.popover .menu-item:hover:not(:disabled){background:var(--color-accent-100)}.popover .menu-item:disabled{opacity:.5;cursor:default}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent)}.dialog{width:min(460px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-neutral-100);box-shadow:var(--shadow-lg)}.dialog-title{font-family:var(--font-heading);font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;box-shadow:var(--shadow-md);font-size:14px;background:var(--color-neutral-900);color:var(--color-neutral-100);max-width:min(640px,90vw)}.toast.is-error{background:var(--color-danger);color:#fff}.toast button{background:transparent;border:0;color:inherit;opacity:.8;cursor:pointer}.desk{height:100vh;display:flex;flex-direction:column;overflow:hidden}.desk-topbar{display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid var(--color-neutral-300);flex:none}.desk-topbar .logo{height:26px}.desk-body{display:grid;grid-template-columns:64px 1fr;flex:1;min-height:0}.desk-rail{border-right:1px solid var(--color-neutral-300);display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0}.rail-link{padding:10px;border-radius:14px;color:var(--color-neutral-600);display:flex;background:transparent;border:0;cursor:pointer;text-decoration:none}.rail-link:hover{background:var(--color-accent-100)}.rail-link.is-active{background:var(--color-accent-100);color:var(--color-accent-700)}.rail-spacer{flex:1}.desk-main{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.search{display:flex;align-items:center;gap:10px;background:var(--color-neutral-100);border-radius:999px;padding:0 18px;width:280px;color:var(--color-neutral-600);font-size:14px;height:38px}.search input{border:0;background:transparent;font:inherit;color:var(--color-text);width:100%;outline:none}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}.pill-available{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.pill-oncall{background:var(--color-accent-100);color:var(--color-accent-800)}.pill-paused{background:var(--color-neutral-200);color:var(--color-neutral-800)}.pill-off{background:var(--color-neutral-100);color:var(--color-neutral-700)}.agent-desk{display:grid;grid-template-columns:330px minmax(0,1fr) 320px;flex:1;min-height:0}.queue-pane{border-right:1px solid var(--color-neutral-300);padding:22px 18px;display:flex;flex-direction:column;gap:12px;overflow:hidden auto}.queue-row{background:var(--color-neutral-100);border-radius:var(--radius-md);padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.queue-row:hover{background:var(--color-accent-100)}.queue-row.is-current{background:var(--color-accent-2-100)}.queue-row .name{font-weight:600;font-size:15px}.queue-row.is-current .name{font-weight:700}.queue-row .sub{font-size:13px;color:var(--color-neutral-600)}.queue-row.is-current .sub{color:var(--color-accent-2-800)}.queue-row .wait{font-size:14px;color:var(--color-neutral-600);font-variant-numeric:tabular-nums}.queue-row .wait.is-hot{color:var(--color-accent-700);font-weight:700}.queue-row.is-current .wait{font-weight:700;color:var(--color-accent-2-800)}.call-column{padding:26px;display:flex;flex-direction:column;gap:18px;min-width:0;overflow:hidden auto}.call-card{background:var(--color-neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:26px;display:flex;flex-direction:column;gap:22px}.call-head{display:flex;align-items:center;gap:20px}.call-head .avatar{width:92px;height:92px;font-family:var(--font-heading);font-weight:400;font-size:32px}.call-name{font-family:var(--font-heading);font-size:30px}.call-meta{display:flex;gap:10px;align-items:center;margin-top:6px;flex-wrap:wrap}.call-timer{font-family:var(--font-heading);font-size:44px;line-height:1;font-variant-numeric:tabular-nums}.call-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.keypad{display:grid;grid-template-columns:repeat(3,64px);gap:8px}.keypad button{height:44px;border-radius:14px;border:1px solid var(--color-divider);background:var(--color-bg);font-size:18px;cursor:pointer}.keypad button:hover{background:var(--color-accent-100)}.notes-card{background:var(--color-neutral-100);border-radius:var(--radius-lg);padding:22px 26px;display:flex;flex-direction:column;gap:14px;flex:1}.stats-row{display:flex;gap:14px}.stats-row .panel-md{flex:1}.stats-row .stat-value{font-size:26px}.customer-pane{border-left:1px solid var(--color-neutral-300);padding:22px;display:flex;flex-direction:column;gap:16px;overflow:hidden auto}.kv{display:flex;flex-direction:column;gap:9px;font-size:14px}.kv>div{display:flex;justify-content:space-between;gap:12px}.kv .k{color:var(--color-neutral-600)}.kv .v{font-weight:600;text-align:right}.history-item{background:var(--color-neutral-100);border-radius:var(--radius-md);padding:12px 14px}.history-item .t{font-size:14px;font-weight:600}.history-item .s{font-size:13px;color:var(--color-neutral-600)}.dialer{display:flex;gap:12px;align-items:center}.dialer .input{font-size:18px;min-height:48px;font-variant-numeric:tabular-nums}.floor{display:flex;flex-direction:column;flex:1;min-height:0}.floor-head{display:flex;align-items:center;gap:14px;padding:16px 28px 6px}.floor-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:14px 28px 6px}.floor-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;padding:14px 28px 24px;flex:1;min-height:0}.floor-grid .panel{overflow:hidden auto;display:flex;flex-direction:column;gap:12px}.agents-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.agent-card{background:var(--color-bg);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;gap:10px}.agent-card .avatar{width:36px;height:36px;font-size:12px}.agent-card .n{font-weight:600;font-size:14px}.agent-card .s{font-size:12px;color:var(--color-neutral-600)}.legend{display:flex;gap:16px;font-size:13px;color:var(--color-neutral-600);padding:2px 4px;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px}.analytics{padding:24px 34px;display:flex;flex-direction:column;gap:22px;overflow:auto;flex:1;min-height:0}.analytics-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tiles-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tiles-4 .panel{padding:20px 22px}.tiles-4 .stat-value{font-size:38px;margin-top:4px}.tiles-4 .tag{margin-top:8px}.analytics-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.bars{width:100%;margin-top:14px;display:block}.signin{min-height:100vh;display:grid;place-items:center;padding:24px}.signin-card{width:min(420px,100%);background:var(--color-neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:34px;display:flex;flex-direction:column;gap:18px}@media(max-width:1200px){.agent-desk{grid-template-columns:280px minmax(0,1fr)}.customer-pane{display:none}.floor-tiles{grid-template-columns:repeat(3,1fr)}.floor-grid,.analytics-grid{grid-template-columns:1fr}.tiles-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.agent-desk{grid-template-columns:minmax(0,1fr)}.queue-pane,.search{display:none}.agents-grid{grid-template-columns:1fr}}