:root{--bg:#FFFFFF;--panel:#FAFAFA;--panel-2:#F4F4F4;--field:#F4F4F4;--track:#ECECEC;--line:#EDEDED;--line-2:#DEDEDE;--text:#1A1A1A;--text-2:#666666;--muted:#8C8C8C;--accent:#1A2A4D;--accent-soft:#EDEFF3;--grad:linear-gradient(135deg,#0B0F1A,#14203A 52%,#1A2A4D);--grad-hover:linear-gradient(135deg,#131A2B,#1B2A49 52%,#22355F);--hero-ink:#0B0F19;--hero-glow:#4C82FB;--on-ink:#FFFFFF;--on-ink-2:#C9CFDA;--on-ink-3:#98A1B2;--danger:#A83A3A;--success:#2E6F55;--warn:#9A7430;--r-pill:999px;--r-control:10px;--r-container:18px;--r-field:var(--r-control);--sp-section:48px;--sp-block:24px;--sp-head:16px;--ui:"tonos",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--cap-shift:0.139em;--cap-shift-neg:-0.139em}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:light}body{background:var(--bg);color:var(--text-2);font-family:var(--ui);font-size:.9375rem;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:500;letter-spacing:-.008em}button{color:inherit;cursor:pointer;touch-action:manipulation}button,input,textarea{font:inherit}a{color:var(--text-2);text-decoration:none;transition:color .15s}a:hover{color:var(--text)}::-moz-selection{background:color-mix(in srgb,var(--accent) 18%,transparent)}::selection{background:color-mix(in srgb,var(--accent) 18%,transparent)}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.eyebrow{display:inline-flex;font-size:.9375rem;font-weight:500;letter-spacing:-.008em;color:var(--text)}.brand,.eyebrow{align-items:center}.brand{display:flex;gap:2px}.brand-logo{height:33px;width:auto;display:block;color:var(--text)}.brand-logo-lg{height:30px}.btn{width:100%;background:var(--grad);color:var(--on-ink);border:0;border-radius:var(--r-pill);padding:calc(13px + var(--cap-shift)) 24px calc(13px - var(--cap-shift));font-size:.9375rem;font-weight:500;letter-spacing:0;transition:background .15s,transform .1s,opacity .15s}.btn:hover{background:var(--grad-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-contact{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--grad);color:var(--on-ink);border:0;border-radius:var(--r-pill);padding:calc(13px + var(--cap-shift)) 26px calc(13px - var(--cap-shift));font-size:.9375rem;font-weight:500;letter-spacing:0;white-space:nowrap;transition:background .15s,transform .1s}.btn-contact:hover{background:var(--grad-hover);color:var(--on-ink)}.btn-contact:active{transform:scale(.98)}.btn-contact svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;min-height:0;display:flex;flex-direction:column}.app-shell:has(.chat){height:100dvh;overflow:hidden}.topbar{flex:none;background:var(--bg)}.topbar-inner{width:100%;max-width:1040px;margin-inline:auto;justify-content:space-between;gap:clamp(12px,3vw,28px);padding:16px clamp(16px,4vw,28px)}.topbar-brand,.topbar-inner{display:flex;align-items:center}.topbar-brand{flex:none}.topbar-back{display:inline-flex;align-items:center;gap:7px;margin-right:auto;flex:none;color:var(--text-2);font-size:.8125rem;font-weight:400;transition:color .15s}.topbar-back:hover{color:var(--text)}.topbar-back svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar-back-label{position:relative;top:var(--cap-shift)}.topbar-brand:hover .brand-logo{color:var(--text-2)}.brand-logo{transition:color .15s ease}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,392px);background:var(--panel);border:0;border-radius:var(--r-container);padding:40px 32px}.login-card .brand{margin-bottom:16px}.login-card h1{font-size:1.6rem;font-weight:500;letter-spacing:-.01em;margin-bottom:24px}.field{margin-bottom:var(--sp-head)}.field label{display:block;font-size:.8125rem;font-weight:400;color:var(--text-2);margin-bottom:8px}.field input{width:100%;background:var(--field);border:0;border-radius:var(--r-field);padding:calc(13px + var(--cap-shift)) 15px calc(13px - var(--cap-shift));color:var(--text);font-size:1rem;outline:none;transition:box-shadow .15s,background .15s}.field input::-moz-placeholder{color:var(--muted)}.field input::placeholder{color:var(--muted)}.field input:focus{outline:none;background:var(--panel);box-shadow:0 0 0 2px var(--accent)}.err,.login-card .btn{margin-top:var(--sp-head)}.err{color:var(--danger);font-size:.8125rem;min-height:1.25rem}:root{--col:1040px}.hub.wrap{width:100%;max-width:var(--col);margin-inline:auto;padding:36px clamp(16px,4vw,28px) calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;flex:1}.hub-hero{position:relative;overflow:hidden;isolation:isolate;margin-bottom:var(--sp-section);background:var(--hero-ink);border-radius:var(--r-container);padding:clamp(24px,3.5vw,32px)}.hub-hero-glow{position:absolute;z-index:-1;top:-60%;left:-25%;width:70%;height:220%;background:radial-gradient(closest-side,color-mix(in srgb,var(--hero-glow) 42%,transparent),transparent);filter:blur(26px);opacity:.55;animation:heroDrift 18s ease-in-out infinite alternate}@keyframes heroDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(115%,0,0) scale(1.25)}}.hub-hero-body{position:relative}.hub-hero-label{display:block;font-size:1.0625rem;font-weight:500;color:var(--on-ink-2);margin-bottom:var(--sp-head)}.hub-hero .big{line-height:.9}.hub-hero .big .big-num{color:var(--on-ink)}.hub-hero .big .unit{color:var(--on-ink-2)}.hub-hero-metrics{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 32px;margin-top:var(--sp-block)}.hub-hero-metric{display:inline-flex;align-items:baseline;gap:8px}.hub-hero-metric-value{font-size:1.125rem;font-weight:500;letter-spacing:0;color:var(--on-ink-2);font-variant-numeric:tabular-nums}.hub-hero-metric-label{font-size:.9375rem;color:var(--on-ink-3)}.areas-head{margin-bottom:var(--sp-head)}.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:var(--sp-section)}.area{position:relative;display:flex;flex-direction:column;background:var(--panel);border:0;border-radius:var(--r-container);padding:26px;transition:background .18s;transition:background .18s,transform .1s}.area:hover{background:var(--panel-2)}.area:active{transform:scale(.995)}.area-icon{display:flex;color:var(--text);margin-bottom:var(--sp-head)}.area-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.area-title{font-size:1.0625rem;font-weight:500;letter-spacing:-.008em;color:var(--text);margin-bottom:8px}.area-out{position:absolute;top:22px;right:22px;color:var(--muted);transition:color .18s,transform .18s}.area-out svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.area:hover .area-out{color:var(--text);transform:translate(2px,-2px)}.area-link{position:absolute;inset:0;border-radius:var(--r-container);z-index:1}.area-link:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.automations{background:var(--panel);border:0;border-radius:var(--r-container);padding:26px;margin-bottom:var(--sp-section)}.automations-head{margin-bottom:var(--sp-head)}.automations-empty{color:var(--text-2);font-size:.875rem}.automations-list{display:flex;flex-direction:column}.automation-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.automation-row:last-child{border-bottom:0}.automation-row{transition:border-color .15s}.automation-row:hover .automation-name{color:var(--accent)}.automation-name{font-size:.9375rem;font-weight:400;color:var(--text);transition:color .15s}.automation-badge{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:.8125rem;font-weight:400;color:var(--text-2);white-space:nowrap}.automation-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);transform:translateY(var(--cap-shift-neg))}.automation-badge.is-off{color:var(--muted)}.automation-badge.is-off:before{background:var(--muted)}.automation-badge.is-maintenance:before{background:var(--warn)}.contact{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-block);background:var(--panel);border:0;border-radius:var(--r-container);padding:26px;margin-bottom:var(--sp-section)}.contact-info{min-width:0}.contact .eyebrow{margin-bottom:var(--sp-head)}.contact-name{font-size:1.125rem;font-weight:500;letter-spacing:-.008em;color:var(--text)}.contact-role{font-size:.875rem;color:var(--muted);margin-top:2px}.contact-lines{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:.9375rem;color:var(--text-2)}.contact-lines a{color:var(--text-2);transition:color .15s}.contact-lines a:hover{color:var(--accent)}.contact-response{margin-top:8px;font-size:.8125rem;color:var(--muted)}.site-footer{margin-top:auto;padding-top:var(--sp-section);justify-content:space-between;gap:10px 24px;color:var(--muted);font-size:.75rem}.foot-left,.site-footer{display:flex;align-items:baseline;flex-wrap:wrap}.foot-left{gap:7px 12px}.foot-left a:not(:last-child):after,.foot-left span:after{content:"·";margin-left:12px;color:var(--line-2)}.foot-left a{color:var(--muted);text-decoration:none;transition:color .15s}.foot-left a:hover{color:var(--text)}.kpi-dash.wrap{width:100%;max-width:var(--col);margin-inline:auto;padding:36px clamp(16px,4vw,28px) calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;flex:1}.admin-view-note{margin-bottom:16px;font-size:.8125rem;font-weight:400;color:var(--text);background:var(--accent-soft);border-radius:var(--r-pill);padding:calc(8px + var(--cap-shift)) 15px calc(8px - var(--cap-shift))}.admin-view-note,.switch{display:inline-flex;align-self:flex-start}.switch{gap:2px;background:var(--panel-2);padding:4px;margin-bottom:var(--sp-section)}.switch,.switch button{border:0;border-radius:var(--r-pill)}.switch button{background:transparent;color:var(--text-2);font-size:.8125rem;font-weight:400;padding:calc(9px + var(--cap-shift)) 18px calc(9px - var(--cap-shift));white-space:nowrap;transition:color .15s,background .15s}.switch button:hover{color:var(--text)}.switch button[aria-pressed=true]{background:var(--grad);color:var(--on-ink);font-weight:500}.kpi-dash .hero{margin-bottom:var(--sp-block)}.kpi-dash .hero .eyebrow{margin-bottom:var(--sp-head)}.big{display:flex;align-items:baseline;line-height:.95}.big-num{font-weight:500;font-size:clamp(3rem,10vw,5rem);letter-spacing:-.018em;color:var(--text);font-variant-numeric:tabular-nums}.big .unit{font-size:clamp(1.2rem,4vw,2rem);font-weight:500;color:var(--text);margin-left:.28em;letter-spacing:-.015em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:var(--sp-head)}.stat{padding:22px;min-width:0;background:var(--panel);border:0;border-radius:var(--r-container)}.stat-label{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-bottom:8px}.stat-value{display:block;font-size:clamp(1.35rem,3.4vw,1.85rem);font-weight:500;letter-spacing:-.01em;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:break-word;word-break:break-word}.stat:has(.stat-value.accent){background:var(--grad)}.stat:has(.stat-value.accent) .stat-label{color:var(--on-ink-3)}.stat-value.accent{color:var(--on-ink)}.calc{border:0;border-radius:var(--r-container);padding:22px;margin-bottom:var(--sp-section);background:var(--panel)}.calc .eyebrow{margin-bottom:var(--sp-head)}.calc-list{display:flex;flex-wrap:wrap;gap:8px 10px}.calc-row{display:flex;align-items:center;gap:8px;font-size:.8125rem;padding:calc(7px + var(--cap-shift)) 14px calc(7px - var(--cap-shift));border:0;border-radius:var(--r-pill);background:var(--panel-2)}.calc-row .calc-dt,.calc-row dt{font-size:.8125rem;color:var(--muted)}.calc-row .calc-dd,.calc-row dd{font-size:.8125rem;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.calc-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:var(--sp-head)}.calc-head .eyebrow{margin-bottom:0}.calc-row.is-editable{padding-top:calc(6px + var(--cap-shift));padding-bottom:calc(6px - var(--cap-shift));transition:background .15s,box-shadow .15s}.calc-row.is-editable:hover{background:var(--track)}.calc-row.is-editable:focus-within{background:var(--panel);box-shadow:0 0 0 2px var(--accent)}.calc-row.is-editable label{font-size:.8125rem;color:var(--muted);cursor:text}.calc-edit{display:inline-flex;align-items:baseline;gap:4px}.calc-input{width:5ch;border:0;outline:none;background:transparent;padding:0;text-align:right;font:inherit;font-size:.8125rem;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.calc-input::-webkit-inner-spin-button,.calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-suffix{font-size:.8125rem;color:var(--muted)}.flows-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:var(--sp-head)}.flows-head .eyebrow{color:var(--text)}.flows-count{font-size:.8125rem;color:var(--muted)}.ledger{display:flex;flex-direction:column;background:var(--panel);border:0;border-radius:var(--r-container);overflow:hidden}.row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;padding:22px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-main{min-width:0}.row-name{font-size:1.0625rem;font-weight:500;letter-spacing:-.008em;color:var(--text);margin-bottom:8px;overflow-wrap:break-word}.row-meta{font-size:.8125rem;color:var(--text-2);line-height:1.6}.row-bar{height:6px;overflow:hidden;background:var(--track);margin-top:var(--sp-head);max-width:360px}.row-bar,.row-fill{border-radius:var(--r-pill)}.row-fill{display:block;height:100%;width:0;background:var(--accent);transition:width .7s cubic-bezier(.2,.7,.2,1)}.row-fig{text-align:right;white-space:nowrap;padding-top:1px}.row-time{display:block;font-size:1.25rem;font-weight:500;letter-spacing:-.015em;color:var(--text);font-variant-numeric:tabular-nums}.row-pct{display:block;font-size:.8125rem;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}.empty{border:0;border-radius:var(--r-container);padding:52px 24px;text-align:center;background:var(--panel)}.empty p{color:var(--text-2);font-size:.9375rem}.error-box{border:0;background:color-mix(in srgb,var(--danger) 6%,var(--panel));border-radius:var(--r-container);padding:28px;max-width:460px}.error-title{font-size:.9375rem;margin-bottom:18px}.btn-secondary,.error-title{font-weight:500;color:var(--text)}.btn-secondary{background:var(--panel);border:0;border-radius:var(--r-pill);padding:calc(11px + var(--cap-shift)) 22px calc(11px - var(--cap-shift));font-size:.875rem;transition:background .15s}.btn-secondary:hover{background:var(--panel-2)}.btn-secondary:active{transform:scale(.98)}.sk{display:block;position:relative;overflow:hidden;background:var(--track);border-radius:var(--r-control)}.sk:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sk-eyebrow{width:200px;max-width:60%;height:11px;margin-bottom:var(--sp-head)}.sk-big{width:230px;max-width:75%;height:58px}.sk-label{width:110px;max-width:70%;height:10px;margin-bottom:16px}.sk-value{width:80px;height:22px}.sk-line{width:100%;height:6px;margin-top:var(--sp-head)}.admin.wrap{width:100%;max-width:var(--col);margin-inline:auto;padding:36px clamp(16px,4vw,28px) calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;flex:1}.admin .hero{margin-bottom:var(--sp-block)}.admin .hero .eyebrow{margin-bottom:var(--sp-head)}.admin-link-kunden{width:auto;align-self:flex-start;margin-top:24px}.back-link{display:inline-flex;align-self:flex-start;color:var(--text-2);font-size:.8125rem;font-weight:400;margin-bottom:24px;transition:color .15s}.back-link:hover{color:var(--text)}.admin-toolbar{gap:12px 16px;margin-bottom:16px}.admin-toolbar,.customer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.customer-row{gap:20px}.customer-row-name{font-size:1.0625rem;font-weight:500;letter-spacing:-.008em;color:var(--text);transition:color .15s}.customer-row-name:hover{color:var(--accent)}.customer-ledger .row{transition:background .18s}.customer-ledger .row:hover{background:var(--panel-2)}.customer-row-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-toggle{display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);border:0;color:var(--text-2);border-radius:var(--r-pill);font-size:.8125rem;font-weight:400;white-space:nowrap;padding:calc(9px + var(--cap-shift)) 15px calc(9px - var(--cap-shift));transition:color .15s,background .15s}.status-toggle:hover:not(:disabled){background:var(--track);color:var(--text)}.status-toggle:disabled{opacity:.6;cursor:default}.status-toggle-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);transform:translateY(var(--cap-shift-neg));transition:background .15s}.status-error{font-size:.75rem;color:var(--danger)}.status-pill{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:400;color:var(--text-2);background:var(--panel-2);border-radius:var(--r-pill);padding:calc(9px + var(--cap-shift)) 15px calc(9px - var(--cap-shift))}.btn-secondary.is-quiet{background:transparent}.btn-secondary.is-quiet:hover{background:var(--panel-2)}.customer-detail-card{margin-bottom:28px}.customer-detail-list{gap:10px 14px}.customer-detail-list .calc-row{width:100%;justify-content:space-between}.automation-admin-section{margin-top:8px}.automation-list{background:var(--panel);border:0;border-radius:var(--r-container);padding:4px 22px;margin-top:14px}.automation-admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}.automation-admin-row:last-child{border-bottom:0}.automation-admin-main{min-width:0;display:flex;flex-direction:column;gap:4px}.automation-admin-name{font-size:.9375rem;font-weight:500;color:var(--text)}.automation-admin-hint{font-size:.75rem;color:var(--muted);line-height:1.5;max-width:44ch}.automation-admin-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.automation-rename-input{background:var(--field);border:0;border-radius:var(--r-field);padding:calc(9px + var(--cap-shift)) 12px calc(9px - var(--cap-shift));font-size:.9375rem;font-weight:500;color:var(--text);min-width:0;outline:none;transition:box-shadow .15s,background .15s}.automation-rename-input:focus{background:var(--panel);box-shadow:0 0 0 2px var(--accent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:0;border-radius:50%;background:var(--panel-2);color:var(--text-2);transition:color .15s,background .15s}.icon-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--track)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn.is-danger:hover:not(:disabled){color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--panel))}.icon-btn:disabled{opacity:.4;cursor:default}.status-select{gap:2px;background:var(--panel-2);padding:3px}.status-select,.status-select button{display:inline-flex;border:0;border-radius:var(--r-pill)}.status-select button{align-items:center;gap:6px;background:transparent;color:var(--text-2);font-size:.75rem;font-weight:400;padding:calc(7px + var(--cap-shift)) 13px calc(7px - var(--cap-shift));white-space:nowrap;transition:color .15s,background .15s}.status-select button:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.45;transform:translateY(var(--cap-shift-neg));transition:opacity .15s,background .15s}.status-select button.is-active:before{background:var(--success)}.status-select button.is-maintenance:before{background:var(--warn)}.status-select button:hover:not(:disabled){color:var(--text)}.status-select button:hover:not(:disabled):before{opacity:.8}.status-select button:disabled{cursor:default}.status-select button[aria-pressed=true]{background:var(--panel);color:var(--text);font-weight:500}.status-select button[aria-pressed=true]:before{opacity:1}.modal-overlay{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--accent) 40%,transparent);display:grid;place-items:center;padding:24px;animation:fadeUp .2s var(--ease) both}.modal{width:min(100%,440px);max-height:min(90vh,720px);overflow-y:auto;background:var(--panel);border:0;border-radius:var(--r-container);padding:32px;display:flex;flex-direction:column;gap:4px}.modal h2{font-size:1.25rem;font-weight:500;letter-spacing:-.012em;color:var(--text);margin:6px 0 16px}.modal-hint{font-size:.8125rem;color:var(--text-2);line-height:1.6;margin:4px 0 12px}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.modal-actions .btn{width:auto;padding:calc(12px + var(--cap-shift)) 24px calc(12px - var(--cap-shift))}.checkbox-row{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--text-2);margin:6px 0 14px}.checkbox-row input{width:16px;height:16px;accent-color:var(--accent)}.choice-list{display:flex;flex-direction:column;gap:6px;margin:8px 0 14px}.choice-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:calc(12px + var(--cap-shift)) 15px calc(12px - var(--cap-shift));border:0;border-radius:var(--r-control);background:var(--panel-2);color:var(--text-2);font-size:.875rem;font-weight:400;transition:background .15s,color .15s}.choice-row:hover{background:var(--track);color:var(--text)}.choice-row.is-selected{background:var(--accent-soft);color:var(--text);font-weight:500}.choice-row-dot{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--panel);transform:translateY(var(--cap-shift-neg));transition:border-color .15s,border-width .15s}.choice-row.is-selected .choice-row-dot{border-color:var(--accent);border-width:5px}.password-reveal{display:flex;gap:8px}.password-reveal input{flex:1;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}.password-reveal .btn-secondary{white-space:nowrap;background:var(--panel-2)}.password-reveal .btn-secondary:hover{background:var(--track)}@media (max-width:560px){.admin.wrap{padding-top:28px}.customer-row{flex-direction:column;align-items:flex-start}.customer-row-controls{width:100%}}.chat{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.logout{background:var(--panel-2);border:0;color:var(--text-2);border-radius:var(--r-pill);font-size:.8125rem;font-weight:400;padding:calc(9px + var(--cap-shift)) 17px calc(9px - var(--cap-shift));white-space:nowrap;transition:color .15s,background .15s}.logout:hover{color:var(--text);background:var(--track)}.logout:active{transform:scale(.98)}.stream{flex:1;overflow-y:auto;scroll-behavior:smooth;overscroll-behavior:contain}.stream-inner{width:100%;max-width:var(--col);margin-inline:auto;min-height:100%;display:flex;flex-direction:column;gap:16px;padding:26px clamp(16px,4vw,28px) 10px}.msg{display:flex}.msg-user{justify-content:flex-end}.msg-assistant{justify-content:flex-start}.bubble{max-width:min(88%,720px);border-radius:var(--r-container);padding:calc(13px + var(--cap-shift)) 17px calc(13px - var(--cap-shift));font-size:.9375rem;line-height:1.55;overflow-wrap:break-word;white-space:pre-wrap}.msg-user .bubble{background:var(--accent);color:var(--on-ink);animation:msgIn .2s ease-out both}.msg-assistant .bubble{background:var(--panel);color:var(--text-2);border:0}.word{opacity:0;animation:wordIn .34s var(--ease) forwards}.typing{display:inline-flex;gap:5px;align-items:center;padding:15px 16px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:dotPulse 1.2s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}.toast{margin-bottom:10px;border-radius:var(--r-control);padding:calc(12px + var(--cap-shift)) 15px calc(12px - var(--cap-shift));background:color-mix(in srgb,var(--danger) 7%,var(--panel));border:0;color:var(--danger);font-size:.8125rem;animation:slideIn .28s var(--ease) both}.composer{flex:none;background:var(--bg)}.composer-inner{width:100%;max-width:var(--col);margin-inline:auto;padding:12px clamp(16px,4vw,28px) max(16px,env(safe-area-inset-bottom,0px))}.composer-field{display:flex;align-items:flex-end;gap:8px;background:var(--panel);border:0;border-radius:var(--r-container);padding:8px 8px 8px 18px;transition:box-shadow .15s}.composer-field:focus-within{box-shadow:0 0 0 2px var(--accent)}.composer-input{flex:1;border:0;outline:none;resize:none;background:transparent;color:var(--text);font-size:1rem;line-height:1.5;padding:8px 0;max-height:112px;overflow-y:auto}.composer-input::-moz-placeholder{color:var(--muted)}.composer-input::placeholder{color:var(--muted)}.send{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:var(--grad);color:var(--on-ink);display:grid;place-items:center;transition:background .15s,transform .1s,opacity .15s}.send:hover:not(:disabled){background:var(--grad-hover)}.send:active:not(:disabled){transform:scale(.94)}.send:disabled{opacity:.4;cursor:default}.send svg{width:16px;height:16px;transition:transform .2s var(--ease)}.send.is-sending svg{animation:launch .45s var(--ease)}.composer-meta{text-align:right;font-size:.6875rem;color:var(--muted);margin-top:7px;padding-right:4px;font-variant-numeric:tabular-nums;transition:color .15s}.composer-meta.warn{color:var(--danger)}.fallback{min-height:100dvh;display:grid;place-items:center;padding:24px}.fallback-card{width:min(100%,440px);background:var(--panel);border:0;border-radius:var(--r-container);padding:40px 32px;display:flex;flex-direction:column;align-items:flex-start}.fallback-card .brand-logo{margin-bottom:20px}.fallback-card .eyebrow{margin-bottom:14px}.fallback-card h1{font-size:1.6rem;font-weight:500;letter-spacing:-.015em;margin-bottom:10px}.fallback-card p{font-size:.9375rem;color:var(--text-2);line-height:1.6;margin-bottom:24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wordIn{to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dotPulse{0%,80%,to{opacity:.25;transform:scale(.82)}40%{opacity:1;transform:scale(1)}}@keyframes launch{40%{transform:translate(2px,-3px) rotate(6deg)}to{transform:none}}@media (max-width:760px){.areas{grid-template-columns:1fr;gap:14px}.area{padding:24px 22px 22px}}@media (max-width:680px){.stat{padding:18px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){grid-column:1/-1}.switch{width:100%}.switch button{flex:1;text-align:center;padding:calc(10px + var(--cap-shift)) 4px calc(10px - var(--cap-shift))}.row{grid-template-columns:1fr;gap:6px}.row-fig{grid-column:1;text-align:left;margin-top:12px}.row-time{font-size:1.1rem}.row-bar{max-width:none}}@media (max-width:560px){.bubble{max-width:90%}.stream-inner{padding-top:20px}.hub.wrap{padding-top:32px}.areas{margin-bottom:40px}.contact{flex-direction:column;align-items:flex-start;padding:24px 22px}.contact .btn-contact{width:100%}.site-footer{flex-direction:column;align-items:flex-start;padding-top:36px}.topbar-inner{gap:10px;padding-left:14px;padding-right:14px}.brand-logo{height:26px}.topbar-back-label{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}.word{opacity:1!important}}