:root{--bg: #faf9fc;--panel: #ffffff;--panel-2: #f4f2f9;--border: #e8e4f1;--text: #2a2540;--muted: #6e6889;--accent: #5b4ccc;--accent-strong: #4a3cb8;--accent-soft: rgba(91, 76, 204, .1);--green: #178f5f;--green-soft: rgba(23, 143, 95, .11);--red: #c93a52;--red-soft: rgba(201, 58, 82, .09);--amber: #a86500;--amber-soft: rgba(240, 177, 90, .18);--lavender: #cfc4f5;--lavender-soft: #ece7fb;--lavender-ink: #5747b8;--mint: #a8e6c9;--mint-soft: #e0f6eb;--mint-ink: #146c47;--peach: #ffcfa8;--peach-soft: #ffeddd;--peach-ink: #9c4a10;--sky: #aed7f7;--sky-soft: #e2f1fd;--sky-ink: #175d92;--rose: #f7b8cb;--rose-soft: #fce4ec;--rose-ink: #ab2f56;--butter: #f7df94;--butter-soft: #fbf2d3;--butter-ink: #7d5c07;--pb-blue: #3b82f6;--pb-green: #34c759;--radius: 10px;--radius-sm: 7px;--shadow: 0 10px 30px rgba(80, 63, 145, .14);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--nav-w: 200px;--metrics-h: 56px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{background:var(--bg);color-scheme:light}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13.5px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}h1,h2,h3,h4{margin:0 0 .5em;font-weight:600;line-height:1.25}h1{font-size:18px}h2{font-size:15px}h3{font-size:14px}p{margin:0 0 .75em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--border);margin:12px 0}code,pre,.mono{font-family:var(--mono);font-size:12px}pre{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;overflow-x:auto}::selection{background:#5b4ccc38}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}*{scrollbar-width:thin;scrollbar-color:#d3cce6 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d3cce6;border-radius:5px;border:2px solid var(--bg)}*::-webkit-scrollbar-track{background:transparent}.app-splash{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--muted)}.app-splash-brand,.login-brand,.brand{font-size:16px;font-weight:700;letter-spacing:.02em}.brand-accent{color:var(--accent)}.app-shell{display:grid;grid-template-columns:var(--nav-w) 1fr;height:100vh;overflow:hidden}.sidebar{background:linear-gradient(180deg,#fff,#f7f4fc);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px;gap:14px;overflow-y:auto}.sidebar .brand{padding:2px 10px}.nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--muted);font-weight:500;text-decoration:none}.nav-link:hover{background:var(--panel-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.nav-badge{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:1.5}.main{display:flex;flex-direction:column;min-width:0;height:100vh}.content{flex:1;overflow-y:auto;padding:18px 20px 40px;min-width:0}.metrics-bar{display:flex;align-items:stretch;gap:0;min-height:var(--metrics-h);background:var(--panel);border-bottom:1px solid var(--border);padding:0 8px;overflow-x:auto;flex-shrink:0}.metric{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:8px 16px;border-right:1px solid var(--border);white-space:nowrap}.metric:last-of-type{border-right:none}.metric-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.metric-value{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.metrics-error{align-self:center;margin-left:auto;padding:2px 8px;color:var(--amber);font-size:11px}.page{max-width:1280px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-title{margin:0}.page-sub{color:var(--muted);font-size:12.5px;margin-top:2px}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar .spacer{flex:1}.search-input{min-width:220px}.panel,.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.panel+.panel,.card+.card{margin-top:12px}.panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.card-grid .card+.card{margin-top:0}.kv{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:4px 14px;font-size:13px}.kv dt,.kv-label{color:var(--muted)}.kv dd{margin:0}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;max-height:calc(100vh - var(--metrics-h) - 160px)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-table thead th{position:sticky;top:0;z-index:2;background:var(--panel-2);border-bottom:1px solid var(--border);padding:0;text-align:left;white-space:nowrap}.th-sort{display:inline-flex;align-items:center;gap:5px;width:100%;padding:9px 12px;background:none;border:none;color:var(--muted);font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-align:left}.th-sort:hover{color:var(--text)}.sort-indicator{font-size:8px;color:var(--accent)}.data-table tbody td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--panel-2)}.data-table tr.clickable{cursor:pointer}.data-table tr.selected td{background:var(--accent-soft)}.data-table td.right,.data-table th.right,.right{text-align:right}.data-table td.right,.num{font-variant-numeric:tabular-nums}.empty-cell{text-align:center;color:var(--muted);padding:28px 12px!important}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 2px 0;color:var(--muted);font-size:12.5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap;border:1px solid transparent}.badge+.badge{margin-left:5px}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:#5b4ccc4d}.badge-green{background:var(--green-soft);color:var(--green);border-color:#178f5f4d}.badge-red{background:var(--red-soft);color:var(--red);border-color:#c93a524d}.badge-amber{background:var(--amber-soft);color:var(--amber);border-color:#a865004d}.badge-muted{background:#6e68891a;color:var(--muted);border-color:#6e688947}.badge-service{background:var(--accent-soft);color:var(--accent)}.badge-package_purchase{background:var(--green-soft);color:var(--green)}.badge-package_redemption{background:var(--amber-soft);color:var(--amber)}.badge-package_addon{background:#6e68891a;color:var(--muted)}.badge-refund{background:var(--red-soft);color:var(--red)}.badge-adjustment{background:#6e68891a;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--panel-2);color:var(--text);transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--panel-2);border-color:#d3cce6}.btn-danger{background:transparent;border-color:#c93a5266;color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-sm{padding:4px 9px;font-size:12px}.btn-icon{padding:5px 8px;line-height:1}.btn-block{width:100%}.btn-link{background:none;border:none;padding:0;color:var(--accent);font:inherit;cursor:pointer}.btn-link:hover{text-decoration:underline}input,select,textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #5b4ccc2e}input:disabled,select:disabled,textarea:disabled{opacity:.55}input[type=checkbox],input[type=radio]{width:15px;height:15px;padding:0;accent-color:var(--accent);cursor:pointer}input[type=number]{font-variant-numeric:tabular-nums}textarea{resize:vertical;min-height:72px}select{cursor:pointer}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field>label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.field-hint{font-size:12px;color:var(--muted)}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row>.field{flex:1;min-width:140px}.checkbox{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;transition:background .12s ease;pointer-events:none}.switch-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:var(--muted);transition:transform .12s ease,background .12s ease}.switch input:checked+.switch-slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-slider:before{transform:translate(16px);background:#fff}.switch input:focus-visible+.switch-slider{outline:2px solid var(--accent);outline-offset:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a214a61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;z-index:100;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:480px;display:flex;flex-direction:column;max-height:84vh}.modal-wide{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:14px}.modal-close{background:none;border:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--text);background:var(--panel-2)}.modal-body{padding:16px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:12px;white-space:nowrap}.chip-remove{background:none;border:none;color:var(--muted);font-size:13px;line-height:1;cursor:pointer;padding:0 1px}.chip-remove:hover{color:var(--red)}.chip-add{display:inline-flex;align-items:center;gap:5px}.chip-add input{width:110px;padding:3px 8px;font-size:12px}.thread{display:flex;flex-direction:column;gap:8px;padding:12px 4px;overflow-y:auto}.bubble{max-width:72%;padding:8px 12px;border-radius:14px;font-size:13px;white-space:pre-wrap;overflow-wrap:break-word}.bubble-in{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble-out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble-out.bubble-imessage{background:var(--pb-blue)}.bubble-out.bubble-sms{background:var(--pb-green)}.bubble-meta .service-label{font-weight:600;letter-spacing:.02em}.thread-header{display:flex;align-items:center;gap:7px;padding:2px 4px 8px;border-bottom:1px solid var(--border)}.imsg-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.imsg-dot.imsg-yes{background:var(--pb-blue)}.imsg-dot.imsg-no{background:var(--pb-green)}.bubble-meta{font-size:10.5px;color:var(--muted);margin-top:3px}.bubble-out .bubble-meta,.bubble-out .muted{color:#ffffffbf}.bubble-meta .status-failed{color:var(--red);font-weight:600}.bubble-meta .status-delivered{color:var(--green)}.compose{display:flex;align-items:flex-end;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.compose textarea{flex:1;min-height:44px;max-height:160px}.opt-out-note{color:var(--red);font-size:12.5px;padding:8px 0}.inbox-list{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.inbox-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:none;border-left:none;border-right:none;border-top:none;color:var(--text);font:inherit;width:100%}.inbox-row:last-child{border-bottom:none}.inbox-row:hover,.inbox-row.active{background:var(--panel-2)}.inbox-row .inbox-main{flex:1;min-width:0}.inbox-row .inbox-name{font-weight:600}.inbox-row.unread .inbox-name,.inbox-row.unread .inbox-preview{font-weight:700;color:var(--text)}.inbox-preview{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-time{color:var(--muted);font-size:11.5px;white-space:nowrap}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.inbox-split{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:14px;align-items:start}.review-card{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.review-card.resolved{border-left-color:var(--green);opacity:.85}.review-question{font-weight:600;margin-bottom:8px}.review-context{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:10px;font-size:12.5px}.review-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-meta{color:var(--muted);font-size:11.5px;margin-top:8px}.error-banner{background:var(--red-soft);border:1px solid rgba(201,58,82,.4);color:var(--red);border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:12px;font-size:13px}.success-banner{background:var(--green-soft);border:1px solid rgba(23,143,95,.4);color:var(--green);border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:12px;font-size:13px}.info-banner{background:var(--accent-soft);border:1px solid rgba(91,76,204,.3);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:12px;font-size:12.5px}.empty-state{text-align:center;color:var(--muted);padding:40px 16px}.loading{color:var(--muted);padding:20px 0}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow)}.login-brand{text-align:center;font-size:18px;margin-bottom:4px}.login-sub{text-align:center;margin-bottom:18px}.login-submit{width:100%;margin-top:6px}.client-cards{display:flex;flex-direction:column;gap:10px}.client-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer}.client-card:hover{background:var(--panel-2)}.client-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.client-card-name{font-weight:600}.client-card-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12.5px}.muted{color:var(--muted)}.red{color:var(--red)}.green{color:var(--green)}.amber{color:var(--amber)}.accent{color:var(--accent)}.bold{font-weight:600}.small{font-size:12px}.nowrap{white-space:nowrap}.center{text-align:center}.flex{display:flex;align-items:center;gap:8px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.gap-1{gap:8px}.gap-2{gap:16px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 720px){.hide-mobile{display:none!important}}@media (min-width: 721px){.show-mobile{display:none!important}}@media (max-width: 900px){:root{--nav-w: 160px}.content{padding:14px 14px 40px}.inbox-split{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;right:0;bottom:0;z-index:90;flex-direction:row;align-items:center;padding:4px 6px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));border-right:none;border-top:1px solid var(--border);overflow-x:auto;overflow-y:hidden;gap:0}.sidebar .brand{display:none}.nav{flex-direction:row;width:100%;justify-content:space-around;gap:0}.nav-link{flex-direction:column;gap:2px;padding:6px 8px;font-size:11px;position:relative}.nav-badge{position:absolute;top:0;right:0;min-width:16px;padding:0 4px;font-size:10px}.main{height:100vh}.content{padding:12px 12px calc(72px + env(safe-area-inset-bottom,0px))}.metrics-bar{min-height:48px}.metric{padding:6px 12px}.metric-value{font-size:13.5px}.table-wrap{max-height:none}.modal-overlay{padding:4vh 10px calc(10px + env(safe-area-inset-bottom,0px))}.bubble{max-width:86%}.form-row{flex-direction:column;gap:0}}.seg-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.6;white-space:nowrap;border:1px solid transparent}.seg-chip+.seg-chip,.badge+.seg-chip,.seg-chip+.badge{margin-left:5px}.seg-champion{background:var(--mint-soft);color:var(--mint-ink);border-color:var(--mint)}.seg-whale{background:var(--butter-soft);color:var(--butter-ink);border-color:var(--butter)}.seg-slipping_away{background:var(--peach-soft);color:var(--peach-ink);border-color:var(--peach)}.seg-win_back{background:var(--rose-soft);color:var(--rose-ink);border-color:var(--rose)}.seg-new{background:var(--sky-soft);color:var(--sky-ink);border-color:var(--sky)}.seg-one_and_done{background:var(--lavender-soft);color:var(--lavender-ink);border-color:var(--lavender)}.seg-regular{background:#f0eef5;color:#55506c;border-color:#ddd8ea}.home-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:6px}.metric-card{border-radius:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.65);box-shadow:0 4px 14px #503f9117;min-width:0}.metric-card-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.78}.metric-card-value{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card-sub{font-size:11.5px;margin-top:2px;opacity:.72}.grad-lavender{background:linear-gradient(135deg,#ece7fb,#d8cffa);color:#453394}.grad-mint{background:linear-gradient(135deg,#e2f8ec,#bdedd4);color:#115c3d}.grad-peach{background:linear-gradient(135deg,#ffeee0,#ffd9b8);color:#8a3f0a}.grad-sky{background:linear-gradient(135deg,#e4f2fd,#c2e2fa);color:#114e7e}.grad-rose{background:linear-gradient(135deg,#fde8ef,#f9cddb);color:#97264a}.grad-butter{background:linear-gradient(135deg,#fcf4d9,#f7e5a9);color:#6e5106}.home-section{margin-top:20px}.action-list{display:flex;flex-direction:column;gap:8px}.action-item{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.action-item .action-main{flex:1;min-width:0}.action-name{font-weight:600}.action-reason{color:var(--muted);font-size:12.5px;overflow-wrap:break-word}.action-buttons{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.action-item.overdue{border-color:var(--rose);background:var(--rose-soft)}.action-item.overdue .action-reason{color:var(--rose-ink)}.rank-dot{width:22px;height:22px;border-radius:50%;background:var(--lavender-soft);color:var(--lavender-ink);border:1px solid var(--lavender);font-weight:700;font-size:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.action-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:12px 0 6px}.action-group-title:first-child{margin-top:0}@media (max-width: 720px){.action-item{flex-wrap:wrap}.action-buttons{width:100%;justify-content:flex-start}}