:root{--ink: #101a20;--ink-2: #3d4d57;--ink-3: #6b7d88;--porcelain: #f2f5f6;--surface: #ffffff;--surface-2: #f7fafb;--line: #dde5e8;--line-strong: #c2cfd4;--enamel: #0d6a63;--enamel-soft: #e0efed;--enamel-ink: #ffffff;--u1: #93a3ac;--u2: #3f7f9c;--u3: #b8860b;--u4: #bf5a1b;--u5: #a3162a;--positive: #2f7a4f;--negative: #a3162a;--warning: #b8860b;--font-display: "Bricolage Grotesque", "Public Sans", system-ui, sans-serif;--font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.875rem;--text-3xl: 2.5rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgb(16 26 32 / .06);--shadow: 0 2px 8px rgb(16 26 32 / .08), 0 1px 2px rgb(16 26 32 / .04);--shadow-lg: 0 12px 32px rgb(16 26 32 / .14);--rail-width: 232px;--transition: .14s cubic-bezier(.2, 0, .2, 1)}:root[data-theme=dark]{--ink: #e8eef1;--ink-2: #a9bac3;--ink-3: #7b8d97;--porcelain: #0d1418;--surface: #151f25;--surface-2: #1b262d;--line: #26343c;--line-strong: #3a4a54;--enamel: #3fb3a6;--enamel-soft: #12332f;--enamel-ink: #06201d;--u1: #7c8c96;--u2: #5b9ec0;--u3: #d1a23a;--u4: #dd7a3c;--u5: #e05266;--positive: #57b47c;--negative: #e05266;--warning: #d1a23a;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow: 0 2px 10px rgb(0 0 0 / .45);--shadow-lg: 0 16px 40px rgb(0 0 0 / .55)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--porcelain);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--enamel);outline-offset:2px;border-radius:var(--radius-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:var(--rail-width) 1fr;min-height:100vh}.rail{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-4);gap:var(--sp-5);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-2)}.brand__mark{width:32px;height:32px;border-radius:9px;background:var(--enamel);color:var(--enamel-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:15px;flex:none}.brand__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);line-height:1.1}.brand__sub{font-size:var(--text-xs);color:var(--ink-3)}.nav{display:flex;flex-direction:column;gap:2px}.nav__group{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:var(--sp-4) var(--sp-2) var(--sp-2)}.nav__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--ink-2);font-size:var(--text-sm);font-weight:500;transition:background var(--transition),color var(--transition)}.nav__item:hover{background:var(--surface-2);color:var(--ink)}.nav__item[aria-current=page]{background:var(--enamel-soft);color:var(--enamel);font-weight:600}.nav__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.rail__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-3);border-top:1px solid var(--line);padding-top:var(--sp-4)}.who{display:flex;flex-direction:column;gap:2px;padding:0 var(--sp-2)}.who__name{font-size:var(--text-sm);font-weight:600}.who__role{font-size:var(--text-xs);color:var(--ink-3)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:10}.topbar__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.topbar__spacer{flex:1}.page{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5);max-width:1280px;width:100%}.nightshift{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-5) var(--sp-6);padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.stat__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;line-height:1;letter-spacing:-.03em}.stat__label{font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--sp-2)}.stat--alert .stat__value{color:var(--u5)}.nightshift__note{margin-left:auto;max-width:34ch;font-size:var(--text-sm);color:var(--ink-2);border-left:2px solid var(--enamel);padding-left:var(--sp-4)}.filters{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.calls{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.call{display:grid;grid-template-columns:4px 132px 1fr auto;gap:var(--sp-4);align-items:center;padding:0;border-bottom:1px solid var(--line);transition:background var(--transition);text-align:left;width:100%;background:none;border-left:0;border-right:0;border-top:0;font:inherit;color:inherit;cursor:pointer}.call:last-child{border-bottom:none}.call:hover{background:var(--surface-2)}.spine{align-self:stretch;width:4px;background:var(--u1)}.spine[data-urgency="2"]{background:var(--u2)}.spine[data-urgency="3"]{background:var(--u3)}.spine[data-urgency="4"]{background:var(--u4)}.spine[data-urgency="5"]{background:var(--u5);box-shadow:0 0 12px -2px var(--u5)}.call__when{padding:var(--sp-4) 0}.call__time{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.call__date{font-size:var(--text-xs);color:var(--ink-3)}.call__body{padding:var(--sp-4) 0;min-width:0}.call__head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.call__name{font-weight:600}.call__phone{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-3)}.call__summary{color:var(--ink-2);font-size:var(--text-sm);margin-top:var(--sp-1);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.call__side{padding:var(--sp-4) var(--sp-5) var(--sp-4) 0;display:flex;align-items:center;gap:var(--sp-3)}.call--handled .call__name,.call--handled .call__summary{color:var(--ink-3)}.call--handled .spine{opacity:.35}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:999px;font-size:var(--text-xs);font-weight:600;border:1px solid var(--line-strong);color:var(--ink-2);white-space:nowrap}.badge--enamel{background:var(--enamel-soft);border-color:transparent;color:var(--enamel)}.badge--alert{background:color-mix(in srgb,var(--u5) 12%,transparent);border-color:color-mix(in srgb,var(--u5) 35%,transparent);color:var(--u5)}.badge--warn{background:color-mix(in srgb,var(--u3) 14%,transparent);border-color:color-mix(in srgb,var(--u3) 35%,transparent);color:var(--u3)}.badge--muted{color:var(--ink-3)}.lang{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1px 5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--enamel);border-color:var(--enamel);color:var(--enamel-ink)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--enamel) 88%,black);border-color:color-mix(in srgb,var(--enamel) 88%,black)}.btn--ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn--sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs)}.chip{padding:var(--sp-1) var(--sp-3);border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--porcelain)}.input,.select,.textarea{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-sm);transition:border-color var(--transition)}.input:focus,.select:focus,.textarea:focus{border-color:var(--enamel);outline:none}.textarea{min-height:220px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;resize:vertical}.search{max-width:320px}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--text-sm);font-weight:600}.field__hint{font-size:var(--text-xs);color:var(--ink-3)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-5);align-items:start}.kv{display:grid;grid-template-columns:128px 1fr;gap:var(--sp-2) var(--sp-4);font-size:var(--text-sm)}.kv dt{color:var(--ink-3)}.kv dd{margin:0;font-weight:500}.turns{display:flex;flex-direction:column;gap:var(--sp-4)}.turn{display:grid;grid-template-columns:64px 1fr;gap:var(--sp-4);font-size:var(--text-sm)}.turn__at{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);padding-top:2px}.turn__text{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}.turn--agent .turn__text{background:var(--enamel-soft);border-color:transparent}.turn--caller .turn__text{background:var(--surface-2)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-7) var(--sp-5);color:var(--ink-2)}.empty__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink)}.skeleton{height:76px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-size:var(--text-sm);border:1px solid var(--line-strong);background:var(--surface)}.banner--demo{border-color:color-mix(in srgb,var(--u3) 40%,transparent);background:color-mix(in srgb,var(--u3) 10%,transparent);color:var(--ink)}.banner--error{border-color:color-mix(in srgb,var(--u5) 40%,transparent);background:color-mix(in srgb,var(--u5) 8%,transparent);color:var(--u5)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr;place-items:center;padding:var(--sp-5);background:var(--porcelain)}.auth__card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--shadow)}.auth__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em}.auth__lede{color:var(--ink-2);font-size:var(--text-sm)}@media(max-width:900px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}.split{grid-template-columns:1fr}.call{grid-template-columns:4px 1fr;row-gap:0}.call__when,.call__side{padding-left:var(--sp-4)}.page{padding:var(--sp-4)}}