:root{--bg: #ffffff;--panel: #fcfcfc;--surface: #ffffff;--surface-soft: #f5f5f5;--surface-muted: #f0f0f0;--text: #151515;--muted: rgba(21, 21, 21, .48);--line: rgba(21, 21, 21, .07);--line-strong: rgba(21, 21, 21, .1);--danger: #c74a3a;--danger-soft: rgba(199, 74, 58, .1);--warning: #a37b09;--warning-soft: #f4f0de;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif}button,input,textarea,select{font:inherit}button{border:none;background:none;color:inherit;cursor:pointer}input,textarea,select{width:100%;border:none;outline:none;background:var(--surface-soft);color:var(--text);border-radius:var(--radius-md);padding:.9rem 1rem}textarea{min-height:320px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,420px);display:grid;gap:.9rem;padding:1.25rem;border-radius:var(--radius-xl);background:var(--surface-soft)}.brand-lockup{display:flex;align-items:center;gap:.5rem}.brand-lockup strong,.topbar-copy h1,.card-head h2,.sheet-head h2{margin:0}.brand-lockup span,.topbar-copy span,.operator-tile span,.metric-card span,.metric-card em,.row-copy span,.message-author,.message-time,.summary-row span,.sheet-head span,.setting-copy span{color:var(--muted)}.login-card label{display:grid;gap:.45rem}.inline-alert{border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);padding:.8rem .9rem}.primary-button,.ghost-button,.danger-button,.pill-button,.switch-button,.text-button{transition:background .16s ease,color .16s ease,opacity .16s ease}.primary-button,.danger-button,.ghost-button{border-radius:var(--radius-md);padding:.86rem .96rem;font-weight:600}.primary-button{background:#171717;color:#fff}.ghost-button{background:var(--surface-soft)}.danger-button{background:var(--danger-soft);color:var(--danger)}.compact-button{padding:.78rem .92rem}.wide-button,.full-width{width:100%}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.45;cursor:not-allowed}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:1rem;background:var(--panel);border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;gap:1rem;z-index:20}.sidebar-head,.sidebar-foot{display:grid;gap:.8rem}.sidebar-nav{display:grid;gap:.25rem;align-content:start}.nav-item{width:100%;display:grid;grid-template-columns:1.8rem 1fr auto;align-items:center;gap:.75rem;padding:.85rem .9rem;border-radius:16px;text-align:left;font-size:15px}.nav-item.active{background:var(--surface-soft)}.nav-icon,.icon-button{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:999px}.nav-icon svg,.icon-button svg{width:1rem;height:1rem}.nav-badge{min-width:1.3rem;min-height:1.3rem;padding:0 .3rem;display:grid;place-items:center;border-radius:999px;background:#171717;color:#fff;font-size:.66rem;font-weight:700}.nav-badge:empty{display:none}.operator-tile{display:grid;gap:.15rem;padding:.95rem;border-radius:16px;background:var(--surface-soft)}.main{min-width:0;padding:1rem;display:grid;align-content:start;gap:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar-left{display:flex;align-items:center;gap:.7rem}.topbar-copy h1{font-size:clamp(1.08rem,1.2vw,1.3rem);line-height:1.05}.topbar-copy span{font-size:.78rem}.page-alert{margin-top:-.2rem}.section-stack{display:grid;gap:1rem}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.metric-card,.surface-card,.empty-card{border-radius:var(--radius-xl);background:var(--surface)}.metric-card{padding:1rem;background:var(--surface-soft);display:grid;gap:.25rem;text-align:left}.metric-card strong{font-size:1.22rem;line-height:1}.metric-card em{font-style:normal;font-size:.76rem}.metric-card.interactive{cursor:pointer}.metric-card.success strong{color:#198754}.metric-card.danger strong{color:#c74a3a}.card-link-title{padding:0;display:inline-flex;align-items:center;gap:.32rem;font-size:1rem;font-weight:700;text-decoration:underline;text-underline-offset:.2em}.card-link-title svg{width:.9rem;height:.9rem}.surface-card{padding:1rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.9rem}.card-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.card-head h2{font-size:1rem}.text-button{color:var(--muted);font-size:.8rem;font-weight:600}.text-button.active{color:#171717}.text-button:disabled{opacity:.45;cursor:not-allowed}.chart-shell{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.7rem;align-items:end;min-height:190px}.bar-column{display:grid;gap:.5rem;justify-items:center}.bar-track{width:100%;height:150px;border-radius:14px;background:var(--surface-soft);overflow:hidden;position:relative}.bar-fill{position:absolute;inset-inline:0;bottom:0;border-radius:14px;background:#171717}.bar-column span{font-size:.72rem;color:var(--muted)}.stack-list,.list-shell,.summary-grid,.detail-stack,.settings-fields,.sheet-body,.drawer-section,.access-gate{display:grid;gap:.65rem}.access-gate{max-width:420px}.access-copy{display:grid;gap:.18rem}.access-copy span{color:var(--muted)}.compact-line,.list-item,.summary-row,.setting-row{background:transparent}.compact-line,.list-item,.summary-row{padding:.68rem 0;border-bottom:1px solid var(--line)}.list-shell>.list-item:last-child,.stack-list>.compact-line:last-child,.summary-grid>.summary-row:last-child{border-bottom:none}.compact-line{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.compact-line.alert strong,.compact-line.danger strong{color:var(--danger)}.compact-line.success strong{color:#198754}.list-item{width:100%;text-align:left}.list-item.interactive.selected{padding-inline:.9rem;border-radius:14px;border-bottom-color:transparent;background:var(--surface-soft)}.row-content{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.row-copy{min-width:0;display:flex;flex-direction:column;gap:.18rem}.row-copy strong,.row-value{font-size:.84rem}.row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-copy span{font-size:.74rem}.row-value{white-space:nowrap;font-weight:600}.thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.thread-meta em{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:700}.workspace-grid{display:grid;gap:.9rem}.chats-grid,.refunds-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.compact-grid{align-items:start}.conversation-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:66vh}.conversation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.conversation-meta{display:flex;align-items:center;gap:.6rem}.conversation-meta.vertical{flex-direction:column;align-items:flex-start}.conversation-subline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.conversation-actions,.pill-row,.inline-form{display:flex;align-items:center;gap:.6rem}.messages{display:grid;gap:.75rem;align-content:start;overflow:auto;padding-right:.15rem}.message-row{display:flex}.message-row.outbound{justify-content:flex-end}.message-bubble{max-width:min(100%,460px);padding:.85rem .95rem;border-radius:18px;background:var(--surface-soft);display:grid;gap:.3rem}.message-row.outbound .message-bubble{background:#171717;color:#fff}.message-row.outbound .message-author,.message-row.outbound .message-time{color:#ffffffad}.composer{display:flex;align-items:center;gap:.7rem;margin-top:.9rem}.summary-grid{align-content:start}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.summary-row strong{text-align:right;font-size:.85rem;word-break:break-word}.pill-row{flex-wrap:wrap}.pill-button{border-radius:999px;padding:.64rem .9rem;background:var(--surface-soft);font-weight:600}.pill-button.active{background:#171717;color:#fff}.empty-card{padding:1rem;background:var(--surface-soft);color:var(--muted)}.json-block{margin:0;padding:.95rem;border-radius:16px;background:var(--surface-soft);overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.5}.icon-button{background:var(--surface-soft)}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:0 .72rem;border-radius:999px;font-size:.72rem;font-weight:700}.status-badge.warning{background:var(--warning-soft);color:var(--warning)}.status-badge.soft{background:var(--surface-soft);color:#525252}.status-badge.closed{background:#f1f1f1;color:#777}.status-badge.compact{min-height:1.65rem;font-size:.68rem}.device-link{padding:0;color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:.18em}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#15151538}.side-sheet{position:absolute;top:0;right:0;width:min(520px,100vw);height:100vh;background:#fff;border-left:1px solid var(--line);display:grid;grid-template-rows:auto 1fr}.side-sheet.mobile{width:100vw}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.sheet-head h2{font-size:1rem}.sheet-body{padding:1rem;overflow:auto;align-content:start}.drawer-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.drawer-section h3{margin:0;font-size:.88rem}.action-grid,.settings-grid{display:grid;gap:.8rem}.compact-section{padding:.95rem;border-radius:18px;background:var(--surface-soft)}.compact-actions{gap:.7rem}.stack-field{display:grid;gap:.5rem}.tab-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.drawer-tab-row{margin-top:.2rem}.tab-button{min-height:2rem;padding:0 .85rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.tab-button.active{background:#171717;color:#fff}.table-shell{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:.78rem .2rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap}.data-table th{padding-top:0;color:var(--muted);font-size:.72rem;font-weight:700}.data-table td{font-size:.84rem;font-weight:500}.settings-table td{white-space:normal}.settings-table{min-width:0;table-layout:fixed}.settings-table th,.settings-table td{white-space:normal}.settings-table .table-input{min-width:0;width:100%}.mini-action-row{display:flex;flex-wrap:wrap;gap:.5rem}.data-table tbody tr{cursor:pointer}.checkbox-column{width:34px}.checkbox-column input{width:16px;height:16px;margin:0;accent-color:#171717}.data-table tbody tr.selected{background:var(--surface-soft)}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{padding-right:0}.align-right{text-align:right!important}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-groups{display:grid;gap:.85rem}.settings-group{padding:.85rem .95rem;border-radius:18px;background:var(--surface-soft)}.settings-group-head{margin-bottom:.7rem;font-size:.8rem}.compact-fields{gap:.45rem}.setting-row{display:grid;gap:.55rem}.setting-row.compact{gap:.4rem}.setting-copy{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.setting-copy strong{font-size:.78rem}.settings-row-key{font-size:.74rem;color:var(--muted);font-weight:700}.table-delete{color:var(--danger);font-size:.76rem;font-weight:700}.table-input{min-width:88px;padding:.62rem .75rem;border-radius:12px;background:var(--surface-soft)}.switch-button{padding:0;justify-self:start}.switch-track{width:42px;height:26px;padding:3px;border-radius:999px;background:#d8d8d8;display:flex;align-items:center;transition:background .16s ease}.switch-thumb{width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .16s ease}.switch-button.active .switch-track{background:#171717}.switch-button.active .switch-thumb{transform:translate(16px)}.settings-card{align-content:start}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#15151533}.modal-card{position:relative;width:min(720px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);margin:1rem auto;border-radius:24px;background:#fff;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.modal-head,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:.98rem}.modal-body{padding:1rem;overflow:auto}.modal-footer{border-bottom:none;border-top:1px solid var(--line);justify-content:flex-end}.modal-form,.modal-field-stack{display:grid;gap:.85rem}.modal-form label,.modal-inline-grid label{display:grid;gap:.42rem}.modal-inline-grid{display:grid;grid-template-columns:minmax(0,1.3fr) 120px minmax(0,1fr);gap:.7rem;padding:.85rem;border-radius:16px;background:var(--surface-soft)}.modal-form span,.modal-inline-grid span{font-size:.76rem;font-weight:600;color:var(--muted)}.only-mobile,.sidebar-backdrop{display:none}@media (max-width: 1320px){.settings-grid{grid-template-columns:1fr}}@media (max-width: 1080px){.chats-grid,.refunds-grid{grid-template-columns:1fr}}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,300px);transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#15151533;z-index:10}.main{min-height:100dvh;padding:.8rem}.topbar{justify-content:flex-start}.only-mobile{display:grid}}@media (max-width: 720px){.main,.login-shell,.sheet-body,.sheet-head{padding:.8rem}.conversation-head,.composer,.inline-form{flex-direction:column;align-items:stretch}.drawer-top{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.row-content,.summary-row{flex-direction:column;align-items:flex-start}.row-value,.summary-row strong{text-align:left}.card-head,.card-actions,.modal-inline-grid,.modal-head,.modal-footer{align-items:stretch}.modal-card{width:calc(100vw - 1rem);margin:.5rem auto;max-height:calc(100vh - 1rem)}.modal-inline-grid{grid-template-columns:1fr}}