:root {
  --bg: #f4f6f7;
  --bg-soft: #eef2f3;
  --surface: rgba(255,255,255,.86);
  --surface-solid: #ffffff;
  --surface-muted: #f7f9fa;
  --ink: #101619;
  --ink-2: #354249;
  --ink-3: #758188;
  --line: rgba(20,35,42,.09);
  --line-strong: rgba(20,35,42,.16);
  --brand: #4fc4e3;
  --brand-strong: #0b7697;
  --brand-deep: #07566f;
  --brand-soft: #e9fafe;
  --success: #17875d;
  --success-soft: #eaf8f2;
  --warning: #b86c16;
  --warning-soft: #fff5e6;
  --danger: #c9414d;
  --danger-soft: #fff0f2;
  --purple: #7357c7;
  --purple-soft: #f2effb;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-1: 0 1px 2px rgba(20,32,38,.04), 0 8px 28px rgba(20,32,38,.06);
  --shadow-2: 0 18px 55px rgba(19,32,38,.13), 0 2px 8px rgba(19,32,38,.06);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, ui-sans-serif, system-ui, sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 86% -10%, rgba(79,196,227,.16), transparent 28%),var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased} button,input,select,textarea{font:inherit} button{cursor:pointer} a{color:inherit;text-decoration:none}
.app{min-height:100vh;padding:18px 22px 105px}.shell{max-width:1500px;margin:0 auto}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:12px;z-index:40;padding:0 16px 0 18px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);box-shadow:var(--shadow-1);border-radius:19px}.brand-lockup,.top-actions,.context-controls,.row,.inline,.person,.tenant-cell{display:flex;align-items:center}.brand-lockup{gap:11px;min-width:225px}.brand-mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#7cdbef 0%,var(--brand) 38%,#23a9ce 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 16px rgba(11,118,151,.18);display:grid;place-items:center;color:white}.brand-title{font-weight:680;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--ink-3);margin-top:1px}.context-controls{gap:8px;flex:1;justify-content:center}.context-pill,.icon-btn,.search-trigger,.avatar-btn,.soft-btn,.primary-btn,.danger-btn,.ghost-btn,.seg-btn{border:1px solid var(--line);background:rgba(255,255,255,.75);color:var(--ink);border-radius:12px;transition:.16s ease;min-height:38px}.context-pill:hover,.icon-btn:hover,.search-trigger:hover,.soft-btn:hover,.ghost-btn:hover{background:#fff;border-color:var(--line-strong)}.context-pill{padding:7px 12px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(79,196,227,.12)}.search-trigger{width:min(360px,34vw);padding:0 12px;display:flex;align-items:center;gap:9px;color:var(--ink-3);text-align:left}.search-trigger kbd{margin-left:auto;background:var(--surface-muted);border:1px solid var(--line);padding:2px 6px;border-radius:6px;color:var(--ink-3);font-size:11px}.top-actions{gap:8px}.icon-btn{width:38px;display:grid;place-items:center}.avatar-btn{width:38px;border-radius:50%;font-weight:700;background:linear-gradient(145deg,#203139,#0f171b);color:white}.support-banner{margin:12px auto 0;max-width:1500px;border-radius:15px;background:#0d1d23;color:#eaf8fc;padding:11px 14px;display:none;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-1)}.support-banner.visible{display:flex}.support-info{display:flex;align-items:center;gap:12px}.support-badge{background:rgba(79,196,227,.16);color:#94e5f4;border:1px solid rgba(79,196,227,.25);border-radius:9px;padding:5px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.support-meta{color:#a8bac1;font-size:12px}.page{padding:34px 8px 0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{color:var(--brand-strong);font-size:12px;font-weight:720;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}.page h1{font-size:34px;line-height:1.08;letter-spacing:-.035em;margin:0;font-weight:720}.page-subtitle{color:var(--ink-3);max-width:760px;margin-top:8px;line-height:1.55}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.primary-btn,.soft-btn,.danger-btn,.ghost-btn{padding:0 14px;font-weight:630}.primary-btn{border-color:transparent;background:var(--ink);color:white;box-shadow:0 6px 14px rgba(16,22,25,.13)}.primary-btn.brand{background:var(--brand-strong)}.danger-btn{background:var(--danger);color:white;border-color:transparent}.ghost-btn{background:transparent}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr)}.metric{padding:20px 21px;background:var(--surface);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-1);border-radius:var(--radius-md);min-height:126px}.metric-label{display:flex;align-items:center;justify-content:space-between;color:var(--ink-3);font-size:12px;font-weight:620}.metric-value{font-size:29px;letter-spacing:-.045em;font-weight:730;margin-top:18px}.metric-foot{font-size:12px;color:var(--ink-3);margin-top:7px}.metric-foot .up{color:var(--success);font-weight:650}.panel{background:var(--surface);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-1);border-radius:var(--radius-lg);padding:22px}.panel.flat{box-shadow:none;border-color:var(--line);background:rgba(255,255,255,.55)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-title{font-size:16px;font-weight:680;letter-spacing:-.02em}.panel-sub{font-size:12px;color:var(--ink-3);margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:680;background:var(--bg-soft);color:var(--ink-2);white-space:nowrap}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.brand{background:var(--brand-soft);color:var(--brand-strong)}.badge.purple{background:var(--purple-soft);color:var(--purple)}.table-wrap{overflow:auto;margin:0 -6px}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{text-align:left;color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.055em;font-weight:680;padding:10px 12px;border-bottom:1px solid var(--line)}.table td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:.15s ease}.table tbody tr:hover{background:rgba(255,255,255,.6)}.name{font-weight:650}.muted{color:var(--ink-3)}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dff7fc,#a5e5f2);color:var(--brand-deep);font-size:11px;font-weight:760;flex:0 0 auto}.person{gap:10px}.tenant-cell{gap:10px}.tenant-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f0f4f5;border:1px solid var(--line);font-weight:750;color:var(--ink-2)}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-main{display:flex;align-items:center;gap:11px;min-width:0}.list-icon{width:34px;height:34px;border-radius:11px;background:var(--surface-muted);display:grid;place-items:center;color:var(--ink-2);flex:0 0 auto}.list-icon.brand{background:var(--brand-soft);color:var(--brand-strong)}.list-icon.warn{background:var(--warning-soft);color:var(--warning)}.list-icon.danger{background:var(--danger-soft);color:var(--danger)}.list-title{font-weight:630}.list-sub{font-size:12px;color:var(--ink-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack{display:flex;flex-direction:column;gap:16px}.chart{height:240px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(to bottom,rgba(79,196,227,.06),transparent),repeating-linear-gradient(to bottom,transparent 0,transparent 47px,rgba(20,35,42,.06) 48px)}.chart svg{position:absolute;inset:14px 10px 8px;width:calc(100% - 20px);height:calc(100% - 22px)}.chart-labels{position:absolute;bottom:9px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:10px;color:var(--ink-3)}.dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:5px;padding:7px;background:rgba(251,253,253,.82);border:1px solid rgba(255,255,255,.9);border-radius:19px;backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%);box-shadow:var(--shadow-2)}.dock-btn{width:46px;height:46px;border:0;background:transparent;border-radius:14px;display:grid;place-items:center;color:#69777e;position:relative;transition:.18s ease}.dock-btn:hover{background:rgba(16,22,25,.05);color:var(--ink)}.dock-btn.active{background:var(--ink);color:white;box-shadow:0 8px 18px rgba(16,22,25,.18)}.dock-divider{width:1px;height:28px;background:var(--line);margin:0 3px}.dock-btn .tip{display:none;position:absolute;bottom:56px;background:#0f171b;color:white;padding:5px 8px;border-radius:7px;font-size:10px;white-space:nowrap}.dock-btn:hover .tip{display:block}.command-overlay,.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(13,22,26,.18);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding-top:11vh}.command-overlay.open,.modal-overlay.open{display:flex}.command{width:min(720px,calc(100vw - 28px));background:rgba(253,254,254,.96);border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 28px 90px rgba(14,27,33,.2);overflow:hidden}.command-input{width:100%;height:58px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 18px;font-size:15px;outline:none}.command-body{max-height:58vh;overflow:auto;padding:10px}.command-group-title{font-size:10px;color:var(--ink-3);font-weight:720;text-transform:uppercase;letter-spacing:.07em;padding:9px 10px 5px}.command-item{width:100%;border:0;background:transparent;border-radius:12px;padding:10px;display:flex;align-items:center;gap:11px;text-align:left;color:var(--ink)}.command-item:hover{background:var(--bg-soft)}.command-item .ci{width:30px;height:30px;border-radius:9px;background:white;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2)}.command-item small{display:block;color:var(--ink-3);margin-top:2px}.modal{width:min(540px,calc(100vw - 28px));background:#fff;border-radius:24px;box-shadow:0 28px 90px rgba(14,27,33,.22);padding:24px}.modal h2{margin:0;font-size:22px;letter-spacing:-.03em}.modal p{color:var(--ink-3);line-height:1.55}.field{margin-top:16px}.field label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);background:#fff;border-radius:12px;padding:10px 11px;outline:none;min-height:42px}.field textarea{min-height:90px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:1px;background:var(--line-strong)}.event{position:relative;padding:0 0 20px}.event:last-child{padding-bottom:0}.event-dot{position:absolute;left:-23px;top:3px;width:11px;height:11px;border:2px solid white;border-radius:50%;background:var(--brand);box-shadow:0 0 0 1px var(--line-strong)}.event.human .event-dot{background:#6c7880}.event.ai .event-dot{background:var(--purple)}.event.money .event-dot{background:var(--success)}.event-title{font-weight:650}.event-meta{font-size:11px;color:var(--ink-3);margin-top:3px}.event-body{font-size:12px;color:var(--ink-2);margin-top:6px;line-height:1.5}.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px}.conversation{display:flex;flex-direction:column;gap:12px;padding:7px 0}.message{max-width:76%;padding:11px 13px;border-radius:16px;background:var(--bg-soft);line-height:1.5;font-size:13px}.message.ai{align-self:flex-end;background:var(--brand-soft);color:#0a4f64;border-bottom-right-radius:5px}.message.human{align-self:flex-end;background:#141e22;color:white;border-bottom-right-radius:5px}.message .meta{font-size:10px;opacity:.62;margin-top:5px}.health-row{display:grid;grid-template-columns:1.3fr 1fr .7fr .7fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.health-row:last-child{border-bottom:0}.progress{height:7px;border-radius:99px;background:var(--bg-soft);overflow:hidden}.progress span{height:100%;display:block;border-radius:inherit;background:var(--brand)}.recovery-score{font-size:28px;font-weight:730;letter-spacing:-.04em;color:var(--brand-strong)}.call-wave{height:58px;display:flex;align-items:center;gap:3px;padding:0 8px;background:var(--surface-muted);border-radius:12px;overflow:hidden}.call-wave i{display:block;width:3px;border-radius:99px;background:var(--brand-strong);opacity:.65}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.integration-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(255,255,255,.56)}.integration-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.integration-logo{width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-weight:750}.integration-card p{font-size:12px;color:var(--ink-3);line-height:1.5;min-height:36px}.permission-matrix{display:grid;grid-template-columns:1.6fr repeat(5,.7fr);font-size:12px}.permission-matrix>div{padding:10px;border-bottom:1px solid var(--line);display:flex;align-items:center}.permission-matrix .ph{font-size:10px;color:var(--ink-3);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.check{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:var(--success-soft);color:var(--success)}.dash{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:var(--bg-soft);color:var(--ink-3)}.empty-note{padding:16px;border:1px dashed var(--line-strong);border-radius:14px;color:var(--ink-3);font-size:12px;background:rgba(255,255,255,.35)}.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filter{border:1px solid var(--line);background:rgba(255,255,255,.62);border-radius:10px;padding:7px 10px;font-size:12px;color:var(--ink-2)}.filter.active{background:var(--ink);color:white;border-color:transparent}.kicker{font-size:11px;color:var(--ink-3)}.recovery-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.recovery-card:last-child{border-bottom:0}.score-ring{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand-strong) calc(var(--score)*1%),var(--bg-soft) 0);position:relative}.score-ring:after{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}.score-ring span{position:relative;z-index:1;font-size:11px;font-weight:760}.ai-check{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr .7fr .8fr .7fr;gap:12px;align-items:center}.ai-check:last-child{border-bottom:0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.switch{width:42px;height:24px;border-radius:99px;background:#dfe6e8;padding:3px;transition:.2s}.switch.on{background:var(--brand-strong)}.switch:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 4px rgba(0,0,0,.15);transform:translateX(0);transition:.2s}.switch.on:after{transform:translateX(18px)}
@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.integration-grid{grid-template-columns:repeat(2,1fr)}.grid-main,.split{grid-template-columns:1fr}.search-trigger{width:220px}.brand-sub{display:none}.brand-lockup{min-width:auto}.permission-matrix{grid-template-columns:1.4fr repeat(5,.62fr)}}
@media(max-width:720px){.app{padding:10px 10px 98px}.topbar{top:7px;height:58px;padding:0 10px}.context-controls{display:none}.search-trigger{width:40px;padding:0;display:grid;place-items:center}.search-trigger span,.search-trigger kbd{display:none}.brand-title{font-size:13px}.top-actions .icon-btn:first-child{display:none}.page{padding-top:24px}.page-head{align-items:flex-start;flex-direction:column}.page h1{font-size:29px}.grid-4,.grid-3,.grid-2,.integration-grid{grid-template-columns:1fr}.panel{padding:17px}.metric{min-height:112px}.dock{bottom:10px}.dock-btn{width:43px;height:43px}.table{min-width:700px}.health-row{grid-template-columns:1fr auto}.health-row>*:nth-child(2),.health-row>*:nth-child(3){display:none}.support-banner{margin-top:8px;align-items:flex-start;flex-direction:column}.permission-matrix{min-width:720px}.message{max-width:90%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}