@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--forge: #1C1917;--copper: #B45309;--parchment: #FAF7F2;--iron: #44403C;--steel: #78716C;--linen: #E7E5E4;--brass: #A78B5C;--moss: #3F6212;--ember: #C2410C;--rust: #991B1B;--sky: #1E40AF;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 24px;--shadow-card: 0 1px 2px rgba(28, 25, 23, .04), 0 4px 12px rgba(28, 25, 23, .04);--shadow-elevated: 0 8px 24px rgba(28, 25, 23, .08);--shadow-overlay: 0 16px 48px rgba(28, 25, 23, .16);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--app-bg: #15110D;--app-rail: #100D0A;--app-raised: #221E1B;--app-raised2: #2A2521;--app-line: rgba(242,236,226,.09);--app-line2: rgba(242,236,226,.15);--app-text: #E8E1D6;--app-strong: #FBF8F2;--app-muted: #A79E92;--app-subtle: #756C61;--sidebar-w: 244px;--copper-300: #E2A56B;--copper-400: #C2630E;--copper-500: #B45309;--copper-600: #92400E;--copper-700: #7C2D12;--copper-soft: #F3E7D7;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .14s;--dur-base: .24s;--font-display: "Fraunces", Georgia, serif;--font-body: "Geist Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}html{font-size:16px;-webkit-text-size-adjust:100%}body{@apply font-sans antialiased;background:var(--parchment);color:var(--iron);min-height:100dvh}body.app{background:var(--app-bg);color:var(--app-text)}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{@apply font-display;color:var(--forge)}a{color:inherit;text-decoration:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}@layer utilities{.text-balance{text-wrap:balance}.tnum{font-variant-numeric:tabular-nums}}@layer components{.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.app-sidebar{background:var(--app-rail);border-right:1px solid var(--app-line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;transition:transform var(--dur-base) var(--ease-out)}.app-main{display:flex;flex-direction:column;min-width:0}.app-topbar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--app-line);background:color-mix(in srgb,var(--app-bg) 88%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.app-view{padding:1.75rem 1.5rem 3rem;max-width:1180px;width:100%}.nav-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.6rem .75rem;border-radius:var(--radius-sm);background:transparent;border:0;cursor:pointer;color:var(--app-muted);font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav-item:hover{background:#ffffff0a;color:var(--app-strong)}.nav-item.active{background:#b453091f;color:#fff}.nav-item.active:before{content:"";position:absolute;left:-.75rem;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--copper-500);border-radius:0 2px 2px 0}.nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:.66rem;background:var(--copper-500);color:#fff;padding:.1rem .4rem;border-radius:999px;min-width:20px;text-align:center}.toggle-switch{position:relative;width:40px;height:23px;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}.toggle-track{position:absolute;inset:0;background:#3a332d;border-radius:999px;transition:background var(--dur-base) var(--ease-out)}.toggle-thumb{position:absolute;top:3px;left:3px;width:17px;height:17px;background:#fff;border-radius:50%;transition:transform var(--dur-base) var(--ease-out);box-shadow:0 1px 3px #0006;pointer-events:none}.toggle-switch input:checked~.toggle-track{background:var(--copper-500)}.toggle-switch input:checked~.toggle-thumb{transform:translate(17px)}.pill{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.03em;padding:.22rem .5rem;border-radius:2px;border:1px solid transparent}.pill--success{background:#3f62122e;color:#a7c97a;border-color:#a7c97a33}.pill--info{background:#1f5a7833;color:#8cc2dc;border-color:#8cc2dc33}.pill--warn{background:#a1620733;color:#e0b560;border-color:#e0b56038}.pill--copper{background:#b453092e;color:var(--copper-300);border-color:#e2a56b38}.pill--muted{background:#ffffff0d;color:var(--app-muted);border-color:var(--app-line2)}.pill--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.klabel{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--app-subtle)}.app-card{background:var(--app-raised);border:1px solid var(--app-line);border-radius:var(--radius-md)}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.dash-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.stat{background:var(--app-raised);border:1px solid var(--app-line);border-radius:var(--radius-md);padding:1.15rem 1.25rem;position:relative;overflow:hidden;transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.stat:hover{border-color:var(--app-line2);transform:translateY(-2px)}.stat__spark{position:absolute;right:0;bottom:0;width:90px;height:42px;opacity:.5;pointer-events:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.call-row{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:center;padding:.85rem .5rem;border-top:1px solid var(--app-line);border-radius:var(--radius-sm);cursor:pointer;color:inherit;text-decoration:none;transition:background var(--dur-fast);margin-inline:-.5rem}.call-row:first-child{border-top:0}.call-row:hover{background:#ffffff08}@media (max-width: 1080px){.dash-grid,.dash-cols{grid-template-columns:1fr}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90}.sidebar-overlay.active{display:block}.scroll-thin::-webkit-scrollbar{width:6px}.scroll-thin::-webkit-scrollbar-thumb{background:var(--app-line2);border-radius:3px}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;z-index:100;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.topbar-search-input{width:150px!important}}@media (min-width: 861px){.menu-btn{display:none!important}}.chip-filter{display:inline-flex;gap:.4rem;flex-wrap:wrap}.chip{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;padding:.38rem .8rem;background:var(--app-raised);border:1px solid var(--app-line2);border-radius:999px;color:var(--app-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.chip:hover{background:var(--app-raised2);color:var(--app-text)}.chip.active{background:#b4530938;color:var(--copper-300);border-color:#e2a56b4d}.cd-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;align-items:start;margin-top:1rem}.cd-player{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;background:linear-gradient(165deg,#241f1a,#19150f);border:1px solid var(--app-line2);border-radius:var(--radius-md);margin-bottom:0}.cd-play{width:36px;height:36px;border-radius:50%;background:var(--copper-500);border:0;cursor:pointer;display:grid;place-items:center;color:#fff;flex-shrink:0;transition:background var(--dur-fast)}.cd-play:hover{background:var(--copper-600)}.cd-wave-mini{flex:1;height:42px;display:block}.cd-dur{font-family:var(--font-mono);font-size:.76rem;color:var(--app-muted);flex-shrink:0;min-width:36px;text-align:right}.transcript{display:flex;flex-direction:column;gap:.95rem;max-height:400px;overflow-y:auto;padding-right:.25rem}.tline{display:flex;gap:.7rem;align-items:flex-start}.tline__who{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;width:54px;padding-top:.18rem}.tline--agent .tline__who{color:var(--copper-300)}.tline--caller .tline__who{color:var(--app-subtle)}.tline__text{flex:1;font-size:.875rem;line-height:1.55;color:var(--app-text)}.tline--agent .tline__text{color:var(--app-strong)}.tline__t{font-family:var(--font-mono);font-size:.62rem;color:var(--app-subtle);flex-shrink:0;padding-top:.22rem}.summary-block{font-size:.875rem;line-height:1.6;color:var(--app-text);border-left:2px solid var(--copper-500);padding-left:.85rem;margin:0}.extract-row{display:flex;gap:.6rem;padding:.5rem 0;border-top:1px solid var(--app-line);align-items:flex-start}.extract-row:first-of-type{border-top:0}@media (max-width: 1080px){.cd-grid{grid-template-columns:1fr}}.va-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.va-row+.va-row{border-top:1px solid var(--app-line)}.va-row__label{font-size:.88rem;color:var(--app-text);font-weight:500}.va-row__hint{font-size:.74rem;color:var(--app-subtle);margin-top:.15rem}.seg-dark{display:inline-flex;background:var(--app-bg);border:1px solid var(--app-line2);border-radius:var(--radius-sm);padding:2px;flex-shrink:0}.seg-dark button{font-family:var(--font-mono);font-size:.74rem;padding:.38rem .7rem;border:0;background:none;color:var(--app-muted);border-radius:3px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.seg-dark button.active{background:var(--copper-500);color:#fff}.qfield{margin-bottom:.9rem}.qfield label{display:block;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--app-muted);margin-bottom:.4rem}.qinput{width:100%;padding:.68rem .85rem;background:var(--app-bg);border:1px solid var(--app-line2);border-radius:var(--radius-sm);color:var(--app-strong);font-size:.9rem;font-family:inherit;transition:border-color var(--dur-fast)}.qinput:focus{outline:none;border-color:var(--copper-500)}textarea.qinput{resize:vertical;min-height:72px;line-height:1.5}.qform-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}@media (max-width: 640px){.qform-grid{grid-template-columns:1fr}}.ct-mono{font-family:var(--font-mono);font-size:.8rem;color:var(--app-muted);flex-shrink:0}.usage-bar{height:6px;background:var(--app-raised2);border-radius:999px;overflow:hidden;margin-top:.4rem}.usage-bar__fill{height:100%;background:linear-gradient(90deg,var(--copper-500),var(--copper-300));border-radius:999px}.danger-btn{padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#f87171;font-size:.84rem;font-family:var(--font-body);cursor:pointer;transition:background var(--dur-fast)}.danger-btn:hover{background:#ef444424}}