:root{--bg:#f1f3f7;--card:#fff;--teal:#0e7a7c;--teal-dark:#0b6062;--blue:#3b5bfe;--blue-soft:#e8edff;--red:#f5504e;--red-soft:#ffe9e9;--track:#e6e8ee;--ink:#12131a;--muted:#6b7280;--line:#edeff3;--r-card:20px;--r-pill:14px;--r-chip:11px;--pad:20px;--gap:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button{cursor:pointer;font-family:inherit}a{color:inherit}.page{max-width:760px;margin:0 auto;padding:20px 16px 60px}.page-header{margin-bottom:18px}.page-header h1{color:var(--teal);text-align:center;letter-spacing:-.2px;margin:0;font-size:22px;font-weight:700}.page-loading,.empty-state{color:var(--muted);text-align:center;padding:40px 16px}.error-text{color:var(--red);margin:0;font-size:.9rem}.result-count{color:var(--muted);margin:0 0 12px;font-size:14px}.nav-bar{background:var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.nav-links{flex-wrap:wrap;gap:4px;display:flex}.nav-link{border-radius:var(--r-chip);color:var(--muted);padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav-link--active{background:var(--blue-soft);color:var(--teal)}.nav-user{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.nav-user button{border-radius:var(--r-chip);background:var(--bg);color:var(--muted);border:none;padding:6px 12px;font-size:13px;font-weight:600}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--card);border-radius:var(--r-card);flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px 24px;display:flex}.login-card h1{color:var(--teal);text-align:center;margin:0 0 8px;font-size:22px;font-weight:700}.login-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.login-card input{border:1.5px solid var(--line);border-radius:var(--r-chip);background:var(--bg);padding:12px 14px;font-size:15px}.login-card button{border-radius:var(--r-pill);background:var(--teal);color:#fff;border:none;padding:13px;font-size:15px;font-weight:700}.login-card button:hover:not(:disabled){background:var(--teal-dark)}.login-card button:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--card);border-radius:var(--r-card);padding:var(--pad)}.stack{gap:var(--gap);flex-direction:column;display:flex}.row2{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}@media (width<=520px){.row2{grid-template-columns:1fr}}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:14px;display:flex}.card-header h2{margin:0;font-size:16px;font-weight:700}.card-subtitle{color:var(--muted);font-size:14px}h2.section-title{margin:22px 0 10px;font-size:19px;font-weight:700}.tabs{margin-bottom:var(--gap);gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{text-align:center;background:var(--card);border-radius:var(--r-pill);min-width:78px;color:var(--muted);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;flex:1 0 auto;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s}.tab:hover{color:var(--ink)}.tab.is-active{border-color:var(--teal);color:var(--teal)}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.hero-label{color:var(--muted);margin:0 0 6px;font-size:15px}.hero-value{color:var(--teal);letter-spacing:-1px;font-size:34px;font-weight:700;line-height:1.1}.legend{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:7px;font-size:14px;display:flex}.dot{border-radius:50%;flex:none;width:10px;height:10px}.legend-item b{font-weight:700}.b-blue{color:var(--blue)}.b-red{color:var(--red)}.kpi-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.kpi-icon{border-radius:var(--r-chip);flex:none;place-items:center;width:38px;height:38px;display:grid}.kpi-icon.blue{background:var(--blue-soft)}.kpi-icon.red{background:var(--red-soft)}.kpi-title{font-size:16px;font-weight:700}.kpi-value{letter-spacing:-.6px;margin-bottom:14px;font-size:26px;font-weight:700}.bar-row{align-items:center;gap:12px;display:flex}.bar{background:var(--track);border-radius:99px;flex:1;height:9px;overflow:hidden}.bar span{border-radius:99px;height:100%;display:block}.pct{text-align:right;min-width:52px;font-size:15px;font-weight:700}.bd-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:16px;display:flex}.bd-head .kpi-title{flex:1}.bd-total{font-size:19px;font-weight:700}.chev{color:#c7cbd4;flex:none}.bd-list{flex-direction:column;gap:0;margin-top:6px;display:flex}.bd-item{border-left:2px solid var(--line);align-items:center;gap:10px;padding:12px 0 12px 14px;display:flex}.bd-item .name{flex:1;min-width:0;font-size:16px}.bd-item .val{font-size:16px;font-weight:700}.stage-list,.work-list,.customer-list,.order-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stage-row,.work-item,.customer-item,.order-item{background:var(--card);border-radius:var(--r-pill);padding:14px 16px;font-size:14px}.stage-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px 16px;display:grid}@media (width<=480px){.stage-row{grid-template-columns:1fr}}.stage-name{overflow-wrap:break-word;min-width:0}.stage-count{white-space:nowrap;color:var(--ink);font-weight:700}.stage-amount{color:var(--muted);white-space:nowrap}.customer-item-link{color:inherit;flex-direction:column;gap:4px;text-decoration:none;display:flex}.customer-item-header,.order-item-header,.work-item-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.customer-item-meta,.order-item-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.customer-item-segments{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.segment-badge{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.order-status{color:var(--muted);font-size:13px;font-weight:400}.work-item-name{font-weight:700}.work-item-badge{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.work-item-badge--rhythm_overdue{background:var(--red-soft);color:var(--red)}.work-item-phone{color:var(--teal);font-size:14px;font-weight:600;text-decoration:none}.work-item-reason{color:var(--ink);margin:0;font-size:14px}.work-item-suggestion{color:var(--muted);margin:0;font-size:13px}.back-link{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.detail-row:last-child{border-bottom:none}.filter-bar{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.search-input{border:1.5px solid var(--line);border-radius:var(--r-chip);background:var(--card);padding:12px 14px;font-size:14px}.segment-filters{flex-wrap:wrap;gap:8px;display:flex}.segment-chip{border-radius:var(--r-pill);background:var(--card);color:var(--muted);border:1.5px solid #0000;padding:8px 14px;font-size:13px;font-weight:600}.segment-chip--active{border-color:var(--teal);color:var(--teal)}.reject-chip{color:var(--red)}.threshold-input{border:1.5px solid var(--line);border-radius:var(--r-chip);text-align:center;background:var(--bg);width:64px;padding:8px;font-size:14px}.review-alternatives{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.report-buttons{flex-wrap:wrap;gap:10px;display:flex}.report-buttons button,.btn-primary{border-radius:var(--r-pill);background:var(--teal);color:#fff;border:none;padding:12px 18px;font-size:14px;font-weight:700}.report-buttons button:hover,.btn-primary:hover:not(:disabled){background:var(--teal-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.sync-status-row{flex-wrap:wrap;align-items:flex-start;gap:6px 16px}.sync-error{flex-basis:100%;font-size:13px}.note{color:var(--muted);text-align:center;margin-top:24px;font-size:13px;line-height:1.6}
