:root{font-family:Geist,PingFang SC,Microsoft YaHei,sans-serif;color:#171714;background:#f2f2ed;font-synthesis:none;--ink: #171714;--paper: #fff;--canvas: #f2f2ed;--soft: #f7f7f3;--muted: #6f716a;--subtle: #9b9d95;--line: #deded6;--line-dark: #c7c8bf;--yellow: #f1c832;--yellow-soft: #fff8d7;--green: #287159;--green-soft: #e7f2ec;--red: #c9463d;--red-soft: #f9e9e7;--blue: #31698d;--blue-soft: #e7f0f5;--orange: #bd712c;--radius: 6px;--sidebar-width: 236px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:var(--canvas);font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:active:not(:disabled),a:active{transform:translateY(1px)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(49,105,141,.2);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}.boot-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.boot-screen .brand-mark{animation:pulse 1.25s ease-in-out infinite}.brand-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:2px;color:#fff;background:var(--ink);font-size:13px;font-weight:850}.brand-mark.light{color:var(--ink);background:#fff}.login-page{min-height:100dvh;position:relative;display:grid;place-items:center;padding:40px 24px;background:#eeeeea}.login-page:before{content:"";position:fixed;inset:0 0 auto;height:10px;background:var(--ink)}.login-panel{width:min(100%,440px)}.login-form-wrap{width:100%;padding:34px 36px 28px;border:1px solid var(--line-dark);border-top:6px solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:0 18px 50px #2b2b2614}.login-lockup{display:flex;align-items:center;gap:12px}.login-lockup strong,.login-lockup small{display:block}.login-lockup strong{font-size:16px}.login-lockup small{margin-top:1px;color:var(--subtle);font-size:10px;font-weight:700}.login-number{display:block;margin-top:48px;color:var(--muted);font-size:11px;font-weight:800}.login-form-wrap h1{margin-top:9px;font-size:32px;line-height:1.18}.login-form-wrap>p{margin-top:9px;color:var(--muted)}.login-form-wrap form{display:grid;gap:19px;margin-top:32px}.login-form-wrap input{height:46px}.login-footer{display:flex;justify-content:space-between;margin-top:30px;padding-top:16px;border-top:1px solid var(--line);color:var(--subtle);font-size:9px;font-weight:800}label{display:grid;gap:8px;min-width:0;color:#555750;font-size:13px;font-weight:680}input,textarea,select{width:100%;min-width:0;border:1px solid var(--line-dark);border-radius:4px;padding:11px 12px;color:var(--ink);background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #31698d1a}.password-input{position:relative}.password-input input{padding-right:42px}.password-input button{width:40px;position:absolute;inset:0 0 0 auto;border:0;color:var(--muted);background:transparent}.form-error{display:flex;align-items:center;gap:8px;color:var(--red);font-weight:650}.primary-button,.secondary-button,.icon-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;font-weight:750;transition:.18s ease}.primary-button{min-height:40px;border:1px solid var(--ink);padding:0 15px;color:#fff;background:var(--ink)}.primary-button:hover{background:#30302c}.secondary-button{min-height:40px;border:1px solid var(--line-dark);padding:0 14px;color:var(--ink);background:#fff}.secondary-button:hover{border-color:var(--ink)}.icon-button{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);color:var(--ink);background:#fff}.icon-button:hover{border-color:var(--ink)}.text-button{border:0;padding:4px;color:var(--muted);background:transparent;font-size:13px}.text-button:hover{color:var(--ink)}.login-button{width:100%;min-height:46px;justify-content:space-between;margin-top:5px;padding:0 16px}.full-button{width:100%;min-height:43px}.app-shell{min-height:100dvh}.sidebar{width:var(--sidebar-width);position:fixed;inset:0 auto 0 0;z-index:50;display:flex;flex-direction:column;color:#ffffffc2;background:#1d1e1a}.sidebar-brand{height:74px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand>div{min-width:0}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{color:#fff;font-size:16px}.sidebar-brand small{margin-top:2px;color:#ffffff70;font-size:11px;font-weight:700}.sidebar nav{display:grid;gap:5px;padding:24px 12px}.sidebar nav button{height:44px;display:flex;align-items:center;gap:12px;border:0;border-radius:4px;padding:0 12px;color:inherit;background:transparent;text-align:left}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:var(--ink);background:var(--yellow)}.sidebar nav button span{flex:1}.nav-count{min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--red);font-size:11px;font-style:normal;font-weight:800}.sidebar-foot{min-height:76px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:9px;margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.1)}.user-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--yellow);font-weight:850}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{color:#fff;font-size:13px}.sidebar-foot small{margin-top:2px;color:#ffffff6b;font-size:10px}.sidebar-foot>button,.mobile-close,.mobile-menu{border:0;color:inherit;background:transparent}.sidebar-foot>button{width:34px;height:34px;display:grid;place-items:center;border-radius:4px}.sidebar-foot>button:hover{color:#fff;background:#ffffff14}.mobile-close,.mobile-menu{display:none}.main-shell{min-height:100dvh;margin-left:var(--sidebar-width)}.topbar{height:74px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar>div{display:flex;align-items:baseline;gap:13px}.topbar>div strong{font-size:15px}.topbar>div span{color:var(--subtle);font-size:12px}.content-shell{width:min(100%,1480px);margin:0 auto;padding:30px}.page-heading{min-height:68px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading>div>p{margin-bottom:7px;color:var(--orange);font-size:12px;font-weight:820}.page-heading h1{font-size:28px;line-height:1.18}.page-heading h1 small{margin-left:7px;color:var(--subtle);font-size:15px;font-weight:650}.dashboard-heading{align-items:center}.period-wrap{display:flex;align-items:center;gap:10px}.month-picker{width:142px;height:40px;flex:0 0 auto;padding:0 9px}.segmented{height:38px;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border:1px solid var(--line);border-radius:4px;background:#e9e9e3}.segmented button{min-width:62px;border:0;border-radius:3px;color:var(--muted);background:transparent;font-size:12px;font-weight:750}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #14141214}.period-options button{min-width:68px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{min-height:142px;padding:19px 20px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.metric-card>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.metric-card>div span{font-size:13px;font-weight:740}.metric-card>strong{display:block;margin-top:17px;font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}.metric-card>p{margin-top:10px;color:var(--subtle);font-size:12px}.metric-card.primary-metric{border-color:var(--ink);color:#fff;background:var(--ink)}.metric-card.primary-metric>div,.metric-card.primary-metric>p{color:#fff9}.metric-card.alert-metric{background:var(--yellow-soft)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.panel-heading{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid var(--line)}.panel-heading p{margin-bottom:4px;color:var(--subtle);font-size:11px;font-weight:800}.panel-heading h2{font-size:17px}.panel-heading>span{color:var(--subtle);font-size:11px}.conversion-panel{margin-top:12px}.conversion-flow{min-height:166px;display:grid;grid-template-columns:1fr minmax(125px,.7fr) 1fr minmax(125px,.7fr) 1fr minmax(135px,.8fr);align-items:center;padding:24px 30px}.conversion-flow>div:not(.total-conversion):not(.entry-sources),.entry-source{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;column-gap:12px;align-items:center}.entry-sources{display:grid;gap:13px}.entry-source{min-height:62px}.entry-source small{grid-column:2;margin-top:3px;color:var(--subtle);font-size:10px}.flow-icon{width:40px;height:40px;grid-row:span 2;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--yellow)}.flow-icon.walkin{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line-dark)}.flow-icon.dark{color:#fff;background:var(--ink)}.conversion-flow p{color:var(--muted);font-size:12px}.conversion-flow div>strong{font-size:28px;line-height:1.12}.flow-arrow{min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;color:var(--subtle)}.flow-arrow:before{content:"";grid-column:1 / -1;align-self:center;height:1px;margin-bottom:-16px;background:var(--line-dark)}.flow-arrow b{position:relative;width:max-content;padding-right:7px;color:var(--blue);background:#fff;font-size:16px}.flow-arrow small{grid-row:2;position:relative;width:max-content;padding-right:7px;color:var(--subtle);background:#fff}.flow-arrow svg{grid-column:2;grid-row:1 / 3;position:relative;background:#fff}.total-conversion{display:grid;place-items:center;padding:16px;border-left:1px solid var(--line);text-align:center}.total-conversion span,.total-conversion small{color:var(--muted);font-size:11px}.total-conversion strong{margin:3px 0;color:var(--red);font-size:28px}.team-performance{margin-top:12px;overflow:hidden}.performance-row{min-height:66px;display:grid;grid-template-columns:minmax(155px,1.1fr) repeat(5,minmax(95px,.7fr)) minmax(165px,1.1fr);align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line)}.performance-row:last-child{border-bottom:0}.performance-head{min-height:42px;color:var(--subtle);background:var(--soft);font-size:11px;font-weight:740}.performance-person{min-width:0;display:flex;align-items:center;gap:11px}.performance-person>i{color:var(--subtle);font-size:11px;font-style:normal;font-weight:800}.performance-person strong,.performance-person small,.performance-row>span strong,.performance-row>span small{display:block}.performance-person small,.performance-row>span small{margin-top:3px;color:var(--subtle);font-size:10px}.performance-row>span small{display:none}.performance-row>span strong{font-size:14px;font-variant-numeric:tabular-nums}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:12px;margin-top:12px}.channel-list>button{width:100%;min-height:70px;display:grid;grid-template-columns:34px minmax(0,1fr) 120px 18px;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);padding:11px 18px;color:inherit;background:#fff;text-align:left}.channel-list>button:last-child{border-bottom:0}.channel-list>button:hover{background:var(--soft)}.channel-rank{color:var(--subtle);font-size:11px;font-weight:800}.channel-main>div{display:flex;justify-content:space-between;gap:12px}.channel-main strong,.channel-main small,.channel-result strong,.channel-result small{display:block}.channel-main small,.channel-result small{color:var(--subtle);font-size:11px;font-weight:600}.bar-track{height:4px;display:block;margin-top:9px;overflow:hidden;background:#e9e9e3}.bar-track i{height:100%;display:block;background:var(--yellow)}.channel-result{text-align:right}.channel-result strong{font-variant-numeric:tabular-nums}.followup-mini-list>button{width:100%;min-height:66px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--line);padding:11px 18px;color:inherit;background:#fff;text-align:left}.followup-mini-list>button:last-child{border-bottom:0}.followup-mini-list>button:hover{background:var(--soft)}.followup-mini-list strong,.followup-mini-list p{display:block}.followup-mini-list p{margin-top:2px;color:var(--subtle);font-size:11px}time{color:var(--muted);font-size:11px;font-style:normal;white-space:nowrap}time.overdue{color:var(--red);font-weight:750}.level-badge{width:27px;height:27px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:3px;font-size:12px;font-style:normal;font-weight:850}.level-badge.level-A{color:#a12d27;background:#f8dfdc}.level-badge.level-B{color:#9b5f1c;background:#f8ead5}.level-badge.level-C{color:#2d6686;background:#e0eef5}.level-badge.level-D{color:#666961;background:#e9eae5}.level-badge.large{width:auto;height:31px;padding:0 10px}.empty-state{min-height:180px;display:grid;place-content:center;justify-items:center;gap:7px;padding:24px;color:var(--subtle);text-align:center}.empty-state strong{color:var(--muted)}.empty-state p{font-size:12px}.filter-panel{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(130px,.7fr)) auto auto;gap:8px;margin-bottom:12px;padding:12px}.filter-panel select,.filter-panel input{height:40px;padding-top:0;padding-bottom:0}.search-field{position:relative;display:block}.search-field svg{position:absolute;top:12px;left:12px;color:var(--subtle)}.search-field input{padding-left:38px}.customer-table-wrap{overflow:hidden}.customer-table{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(145px,.9fr) minmax(140px,.8fr) minmax(115px,.7fr) minmax(110px,.65fr) minmax(125px,.8fr) 20px;align-items:center;gap:14px;padding:0 18px}.table-head{min-height:43px;color:var(--subtle);background:var(--soft);font-size:11px;font-weight:750}.customer-row{width:100%;min-height:74px;border:0;border-top:1px solid var(--line);color:inherit;background:#fff;text-align:left}.customer-row:hover{background:#fafaf7}.customer-row>span:not(.customer-cell):not(.badge-cell){min-width:0}.customer-row>span>strong,.customer-row>span>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-row>span>small{margin-top:4px;color:var(--subtle);font-size:10px}.customer-cell{min-width:0;display:flex;align-items:center;gap:11px}.customer-cell>i,.large-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--ink);background:var(--yellow);font-style:normal;font-weight:820}.customer-cell>i{width:34px;height:34px}.customer-cell>span{min-width:0}.customer-cell strong,.customer-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-cell small{margin-top:3px;color:var(--subtle);font-size:10px}.badge-cell{display:flex;align-items:center;gap:7px}.status-badge{width:max-content;display:inline-flex;align-items:center;min-height:25px;border-radius:3px;padding:0 8px;color:var(--muted);background:#edede8;font-size:11px;font-weight:750}.status-badge.appointment{color:var(--blue);background:var(--blue-soft)}.status-badge.visited,.status-badge.quoted{color:var(--orange);background:#faecdc}.status-badge.won{color:var(--green);background:var(--green-soft)}.status-badge.lost{color:var(--red);background:var(--red-soft)}.roomy{min-height:280px}.large-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:1px solid var(--line-dark)}.large-tabs button{min-width:120px;height:43px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-weight:700}.large-tabs button.active{border-bottom-color:var(--ink);color:var(--ink)}.task-list{overflow:hidden}.task-list>button{width:100%;min-height:78px;display:grid;grid-template-columns:38px 28px minmax(150px,.65fr) minmax(250px,1.4fr) 110px 18px;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--line);padding:12px 20px;color:inherit;background:#fff;text-align:left}.task-list>button:hover{background:var(--soft)}.task-state{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--blue);background:var(--blue-soft)}.task-state.overdue{color:var(--red);background:var(--red-soft)}.task-state.completed{color:var(--green);background:var(--green-soft)}.task-customer strong,.task-customer small,.task-note strong,.task-note small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-customer small,.task-note small{margin-top:4px;color:var(--subtle);font-size:10px}.task-note strong{font-size:13px}.report-heading{align-items:center}.report-actions{display:flex;align-items:center;gap:9px}.date-range{display:flex;align-items:center;gap:7px}.date-range input{width:136px;height:40px;padding:0 9px}.date-range>span{color:var(--subtle);font-size:11px}.date-range.compact input{width:126px;height:38px}.report-metrics{margin-bottom:12px}.report-table-wrap{overflow:hidden}.report-table{display:grid;grid-template-columns:minmax(135px,1.1fr) repeat(3,minmax(110px,.8fr)) minmax(150px,1fr) minmax(120px,.8fr);align-items:center;gap:15px;padding:0 20px}.report-table-head{min-height:42px;border-bottom:1px solid var(--line);color:var(--subtle);background:var(--soft);font-size:11px;font-weight:740}.report-table-row{min-height:65px;border-bottom:1px solid var(--line)}.report-table-row:last-child{border-bottom:0}.report-table-row>span b,.report-table-row>span small{display:block}.report-table-row>span small{margin-top:3px;color:var(--subtle);font-size:10px}.team-report{margin-top:12px}.team-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.team-rank-grid article{min-height:86px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.team-rank-grid article:nth-child(3n){border-right:0}.team-rank-grid article>span{color:var(--subtle);font-size:11px;font-weight:800}.team-rank-grid article strong,.team-rank-grid article small{display:block}.team-rank-grid article small{margin-top:3px;color:var(--subtle);font-size:10px}.team-rank-grid article>div:last-child{text-align:right}.team-table-wrap{overflow:hidden}.team-table{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(115px,.75fr) minmax(95px,.6fr) minmax(80px,.5fr) minmax(80px,.5fr) minmax(100px,.65fr) minmax(80px,.5fr) minmax(112px,.7fr);align-items:center;gap:12px;padding:0 18px}.team-row{min-height:70px;border-top:1px solid var(--line)}.team-row.disabled{opacity:.48}.team-row>span:nth-child(3){display:flex;align-items:center;gap:6px}.account-status{color:var(--green);font-size:12px;font-weight:750}.team-row.disabled .account-status{color:var(--red)}.team-actions{display:flex;align-items:center;gap:7px}.team-actions .icon-button{width:32px;height:32px}.text-button.danger{color:var(--red)}.drawer-layer,.dialog-layer{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end;background:#13141161;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s ease}.customer-drawer{width:min(100%,680px);height:100dvh;overflow-y:auto;background:#fff;box-shadow:-20px 0 50px #14151229;animation:slide-in .28s ease both}.drawer-header{min-height:78px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawer-header span{color:var(--subtle);font-size:10px;font-weight:800}.drawer-header h2{margin-top:2px;font-size:22px}.customer-form,.followup-composer{display:grid;gap:16px;padding:22px 24px 28px}.form-section-title{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-bottom:9px;border-bottom:1px solid var(--line)}.form-section-title>span{color:var(--ink);font-size:15px;font-weight:780}.form-section-title>small{color:var(--subtle);font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-type-field{display:grid;gap:8px;color:#555750;font-size:13px;font-weight:680}.entry-type-options{width:min(100%,340px)}.entry-type-options button{min-width:120px}.money-input{position:relative}.money-input i{position:absolute;left:12px;top:10px;color:var(--subtle);font-style:normal}.money-input input{padding-left:28px}.drawer-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;margin:4px -24px -28px;padding:14px 24px;border-top:1px solid var(--line);background:#fffffff5}.duplicate-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #ecc45b;border-radius:4px;color:#775113;background:var(--yellow-soft)}.duplicate-warning>div{display:grid;gap:4px}.duplicate-warning button{width:max-content;border:0;padding:0;color:var(--blue);background:transparent;font-size:11px;text-align:left}.customer-overview{display:grid;gap:18px;padding:24px;border-bottom:8px solid var(--canvas)}.customer-title-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px}.large-avatar{width:54px;height:54px;font-size:18px}.customer-title-row h3{font-size:23px}.customer-title-row p{margin-top:4px;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-actions a,.quick-actions button{min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-dark);border-radius:4px;color:var(--ink);background:#fff;font-weight:680}.quick-actions a:hover,.quick-actions button:hover{border-color:var(--ink)}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:4px}.status-strip>span{min-height:66px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:10px;border-right:1px solid var(--line)}.status-strip>span:last-child{border-right:0}.status-strip small{color:var(--subtle);font-size:10px}.status-strip strong:not(.status-badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.detail-block{padding:14px;border-left:3px solid var(--yellow);background:var(--soft)}.detail-block>span{color:var(--subtle);font-size:10px;font-weight:750}.detail-block p{margin-top:6px;line-height:1.7}.detail-block small{display:block;margin-top:7px;color:var(--muted)}.followup-composer{border-bottom:8px solid var(--canvas)}.method-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.method-buttons button{height:35px;border:1px solid var(--line);border-radius:3px;color:var(--muted);background:#fff;font-size:11px;font-weight:700}.method-buttons button.active{border-color:var(--ink);color:#fff;background:var(--ink)}.timeline-section{padding:20px 24px 30px}.timeline{padding-top:16px}.timeline article{display:grid;grid-template-columns:14px 1fr;gap:11px}.timeline article>i{position:relative}.timeline article>i:before{content:"";width:8px;height:8px;position:absolute;top:6px;left:3px;z-index:1;border:2px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 0 0 1px var(--green)}.timeline article>i:after{content:"";width:1px;position:absolute;top:16px;bottom:0;left:7px;background:var(--line)}.timeline article:last-child>i:after{display:none}.timeline article>div{padding-bottom:22px}.timeline header{display:flex;justify-content:space-between;gap:12px}.timeline p{margin-top:8px;padding:10px 12px;color:#50534c;background:var(--soft);line-height:1.65}.timeline article small{display:block;margin-top:7px;color:var(--subtle)}.archive-button{display:flex;align-items:center;gap:6px;margin:0 24px 26px;border:0;padding:5px 0;color:var(--red);background:transparent;font-size:12px}.dialog-layer{align-items:center;justify-content:center;padding:20px}.dialog{width:min(100%,480px);display:grid;gap:16px;padding:24px;border-radius:6px;background:#fff;box-shadow:0 24px 70px #14151238;animation:dialog-in .22s ease both}.dialog header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.dialog header span{color:var(--orange);font-size:10px;font-weight:800}.dialog header h2{margin-top:5px;font-size:21px}.toast{position:fixed;right:24px;bottom:24px;z-index:200;min-height:44px;display:flex;align-items:center;gap:9px;padding:0 15px;border:1px solid #1d3e33;border-radius:4px;color:#fff;background:var(--green);box-shadow:0 12px 28px #14151233;font-weight:700}.toast.error{border-color:#772d29;background:var(--red)}.toast-enter-active,.toast-leave-active{transition:.2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.progress-line{height:3px;position:fixed;inset:0 0 auto;z-index:300;overflow:hidden;background:#f1c83233}.progress-line i{width:35%;height:100%;display:block;background:var(--yellow);animation:progress 1s ease-in-out infinite}.nav-scrim{display:none}@keyframes pulse{50%{opacity:.45;transform:scale(.94)}}@keyframes fade{0%{opacity:0}}@keyframes slide-in{0%{transform:translate(25px);opacity:.6}}@keyframes dialog-in{0%{transform:translateY(10px);opacity:0}}@keyframes progress{0%{transform:translate(-110%)}to{transform:translate(330%)}}@media(min-width:1360px){.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(350px,.65fr)}.channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.channel-list>button:nth-child(odd){border-right:1px solid var(--line)}}@media(max-width:1180px){.content-shell{padding:24px 20px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{grid-template-columns:minmax(250px,1.5fr) repeat(2,minmax(130px,.7fr))}.filter-panel>*:nth-child(n+4){grid-row:2}.customer-table{grid-template-columns:minmax(210px,1.3fr) minmax(135px,.8fr) minmax(135px,.75fr) minmax(110px,.65fr) minmax(110px,.65fr) 18px}.customer-table>*:nth-child(4){display:none}.conversion-flow{grid-template-columns:1fr minmax(100px,.6fr) 1fr minmax(100px,.6fr) 1fr}.total-conversion{grid-column:1 / -1;grid-row:2;display:flex;justify-content:center;gap:10px;border-top:1px solid var(--line);border-left:0}.performance-row{grid-template-columns:minmax(130px,1fr) repeat(5,minmax(82px,.65fr)) minmax(140px,1fr);gap:8px}.team-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-rank-grid article:nth-child(3n){border-right:1px solid var(--line)}.team-rank-grid article:nth-child(2n){border-right:0}}@media(max-width:900px){:root{--sidebar-width: 218px}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.main-shell{margin-left:0}.mobile-close,.mobile-menu{display:grid;place-items:center}.mobile-close{margin-left:auto;color:#fff}.mobile-menu{width:38px;height:38px;color:var(--ink)}.nav-scrim{display:block;position:fixed;inset:0;z-index:45;background:#14151259}.topbar{padding:0 18px}.topbar>div{margin-right:auto}.dashboard-grid{grid-template-columns:1fr}.customer-table{grid-template-columns:minmax(200px,1.3fr) minmax(135px,.8fr) minmax(135px,.75fr) minmax(120px,.7fr) 18px}.customer-table>*:nth-child(5){display:none}.report-table{min-width:860px}.report-table-wrap{overflow-x:auto}.team-table{min-width:980px}.team-table-wrap{overflow-x:auto}}@media(max-width:720px){.login-page{padding:24px 14px}.login-form-wrap{padding:28px 22px 24px}.login-number{margin-top:38px}.login-form-wrap h1{font-size:28px}.login-form-wrap form{margin-top:28px}.content-shell{padding:20px 13px 88px}.topbar{height:64px;padding:0 12px}.topbar>div span{display:none}.topbar .primary-button{min-height:38px;padding:0 11px}.page-heading,.dashboard-heading,.report-heading{min-height:0;display:block;margin-bottom:18px}.page-heading h1{font-size:24px}.page-heading>.primary-button{margin-top:15px}.period-wrap{display:block;margin-top:15px}.period-wrap .month-picker{width:100%;margin-top:8px}.segmented{width:100%}.period-options{grid-auto-columns:minmax(58px,1fr);overflow-x:auto}.period-options button{min-width:58px;padding:0 2px;font-size:10px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:126px;padding:15px}.metric-card>strong{margin-top:15px;font-size:25px}.conversion-flow{grid-template-columns:1fr;padding:8px 18px}.conversion-flow>div:not(.total-conversion):not(.entry-sources),.entry-source{min-height:68px}.entry-sources{gap:0}.flow-arrow{min-height:45px;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;padding-left:14px}.flow-arrow:before{grid-column:1 / -1;grid-row:1;width:1px;height:100%;margin:0 0 0 5px}.flow-arrow b{grid-column:2;grid-row:1;margin-left:10px;padding:2px 6px}.flow-arrow small{grid-column:3;grid-row:1;padding:2px 6px}.flow-arrow svg{display:none}.total-conversion{grid-column:auto;grid-row:auto;min-height:60px}.team-performance .panel-heading>span{display:none}.performance-head{display:none}.performance-row:not(.performance-head){grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}.performance-person{grid-column:1 / -1;min-height:58px;padding:0 16px;border-bottom:1px solid var(--line)}.performance-row>span{min-width:0;min-height:62px;display:grid;align-content:center;padding:10px 16px;border-bottom:1px solid var(--line)}.performance-row>span:nth-of-type(odd){border-right:1px solid var(--line)}.performance-row>span:last-child{grid-column:1 / -1;border-right:0;border-bottom:0}.performance-row>span small{display:block}.performance-row>span strong{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list>button{grid-template-columns:26px minmax(0,1fr) 85px;padding:10px 12px}.channel-list>button>svg{display:none}.channel-main>div{display:block}.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel .search-field{grid-column:1 / -1}.filter-panel>*:nth-child(n+4){grid-row:auto}.filter-button{width:100%}.customer-table.table-head{display:none}.customer-table.customer-row{min-height:112px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:9px;padding:15px}.customer-row>*:nth-child(2),.customer-row>*:nth-child(4),.customer-row>*:nth-child(5),.customer-row>*:nth-child(7){display:none}.customer-row .badge-cell{justify-self:end}.customer-row time{grid-column:1 / -1;padding-left:45px}.large-tabs{overflow-x:auto}.large-tabs button{min-width:105px}.task-list>button{min-height:104px;grid-template-columns:36px 27px minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:8px;padding:13px}.task-note{grid-column:2 / -1;grid-row:2}.task-list time{grid-column:3;grid-row:1;justify-self:end}.task-list>button>svg{display:none}.report-actions{display:grid;margin-top:15px}.report-actions .month-picker,.report-actions .secondary-button{width:100%}.date-range input{width:calc(50% - 30px)}.team-rank-grid{grid-template-columns:1fr}.team-rank-grid article{border-right:0}.customer-drawer{width:100%}.drawer-header{min-height:70px;padding:12px 16px}.customer-form,.followup-composer{padding:18px 16px 24px}.drawer-actions{margin:4px -16px -24px;padding:12px 16px}.customer-overview{padding:18px 16px}.customer-title-row{grid-template-columns:46px minmax(0,1fr) auto}.large-avatar{width:46px;height:46px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions a,.quick-actions button{gap:4px;padding:0 4px;font-size:11px}.status-strip{grid-template-columns:repeat(2,1fr)}.status-strip>span:nth-child(2){border-right:0}.status-strip>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.form-grid{grid-template-columns:1fr}.method-buttons{grid-template-columns:repeat(3,1fr)}.timeline-section{padding:18px 16px 24px}.toast{right:13px;bottom:13px;left:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}