:root{--ink:#182c28;--muted:#74807b;--green:#286d53;--dark:#15352e;--lime:#c7e99a;--paper:#f5f7f3;--line:#e5eae3;--amber:#a96c20;--nav:238px;--shadow:0 8px 30px #173b2a05}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #95bf6d;outline-offset:3px}a{color:inherit}button{color:inherit}button:disabled{cursor:default;opacity:.38}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:31px;line-height:1.2;letter-spacing:-1.1px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px;font-weight:650}h3{font-size:14px}small{display:block}.skip{position:fixed;top:-50px;z-index:100;background:white;padding:12px}.skip:focus{top:0}.sidebar{width:var(--nav);position:fixed;inset:0 auto 0 0;background:var(--dark);color:#e6eee8;padding:31px 22px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-.8px}.brand-light{font-weight:350}.brand-symbol{font-size:34px;line-height:1;background:#c7e99a;color:#173b2d;width:40px;height:42px;border-radius:12px;padding-left:10px;position:relative}.brand-symbol span{position:absolute;font-size:27px;right:6px;top:8px}.brand small{font-size:7.5px;letter-spacing:1.4px;font-weight:500;color:#8da89a;margin-top:3px}.workspace{display:flex;gap:11px;align-items:center;border:1px solid #ffffff17;border-radius:12px;padding:13px 11px;margin-top:35px;font-size:12px;font-weight:600}.workspace-icon{width:31px;height:31px;background:#ffffff0b;border:1px solid #ffffff12;border-radius:8px;display:grid;place-items:center;font-size:13px}.workspace small{color:#91a89b;font-size:9px;font-weight:400;margin-top:3px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#8ca699;margin:31px 12px 13px}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:transparent;color:#b9c9be;text-align:left;font-size:13px}.nav-item.active{background:#c8e8a0;color:#173b2d;font-weight:650}.nav-item:hover:not(.active){background:#ffffff09}.nav-item svg{width:18px;height:18px}.nav-arrow,.nav-number{margin-left:auto}.nav-number{font-size:10px;font-weight:600;opacity:.75}.side-guide{margin-top:auto;border-top:1px solid #ffffff15;padding:27px 10px 22px}.small-orbit{font-size:22px;color:#c8e8a0;margin-bottom:13px}.side-guide h3{font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.2px}.side-guide p{font-size:11px;line-height:1.8;color:#96afa0;margin:11px 0 17px}.text-button{display:inline-flex;align-items:center;gap:12px;padding:0;background:transparent;font-size:12px;font-weight:600}.text-button span{font-size:16px}.on-dark{color:#d5edba}.side-bottom{border-top:1px solid #ffffff15;padding-top:19px;display:flex;align-items:center;gap:10px;font-size:10px}.side-bottom small{font-size:9px;color:#8da99a;margin-top:2px}.avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#e8efdf;color:#4c694b;font-size:10px;font-weight:650}.owner-avatar{background:#3a5945;color:#d6e8ca;width:30px;height:30px}.app-shell{margin-left:var(--nav);min-height:100vh;display:flex;flex-direction:column}.topbar{height:75px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fcfdfb}.breadcrumb{color:#829087;font-size:12px}.breadcrumb span{margin:0 12px;color:#b9c2ba}.breadcrumb strong{font-weight:500;color:#385346}.top-actions{display:flex;align-items:center;gap:14px}.snapshot-pill{display:flex;align-items:center;gap:7px;font-size:10px;color:#697b6b;background:#eff4e9;padding:7px 11px;border-radius:20px;white-space:nowrap}.snapshot-pill>span{width:5px;height:5px;border-radius:50%;background:#8ba96b}.icon-button{display:grid;place-items:center;width:32px;height:32px;background:transparent;border-radius:8px;color:#728276}.icon-button:hover{background:#e9efe5}main{padding:33px 38px 25px;max-width:1600px;width:100%;margin:0 auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#82917f;display:block;margin-bottom:9px}.page-heading p{color:var(--muted);font-size:12px;margin-top:10px}.outline-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:600;white-space:nowrap}.outline-button{background:#fff;border:1px solid #dce4d6}.primary-button{background:var(--dark);color:#fff}.outline-button:hover{border-color:#9cb78f}.primary-button:hover{background:#255440}.outline-button svg,.primary-button svg{width:15px;height:15px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-card{padding:23px 24px 18px;border-radius:15px;position:relative;overflow:hidden;min-height:204px;box-shadow:var(--shadow)}.hero-card.channels{background:#e9f0df;border:1px solid #dce7cf}.hero-card.phones{background:#e5ece8;border:1px solid #d9e4dd}.card-top{display:flex;justify-content:space-between;align-items:center}.card-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#4b6250}.card-label>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ffffff8c}.card-label svg{width:16px;height:16px}.tiny-tag{font-size:9px;color:#6f8467;padding:4px 7px;border:1px solid #78936135;border-radius:5px;background:#ffffff30}.big-value{font-size:48px;letter-spacing:-2.2px;line-height:1;font-weight:650;margin-top:15px}.hero-card .unit{font-size:13px;letter-spacing:0;font-weight:400;margin-left:9px;color:#72816c}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #79946a26;margin-top:19px;padding-top:13px;gap:10px}.card-bottom p{font-size:10px;color:#6c7d65}.round-link{border:1px solid #71896730;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ffffff50;font-size:16px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:19px 0 24px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 0;box-shadow:var(--shadow)}.stat-item{padding:0 20px;border-right:1px solid var(--line);background:none;text-align:left}.stat-item:last-child{border:0}.stat-item:hover .stat-value{color:#4d8a5c}.stat-value{font-size:24px;font-weight:600;letter-spacing:-.5px;display:flex;align-items:baseline;gap:7px}.stat-value small{font-size:10px;font-weight:400;color:#8d978b;letter-spacing:0}.stat-caption{color:#768375;font-size:10px;margin-top:5px}.amber{color:var(--amber)}.dashboard-lower{display:grid;grid-template-columns:1fr 1fr;gap:19px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px 22px;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-header .label{font-size:9px;letter-spacing:.8px;color:#8c9687}.panel-subtitle{font-size:10px;color:var(--muted);margin-top:5px}.follow-distribution{display:flex;align-items:center;gap:23px;padding:24px 0 14px}.donut{width:139px;height:139px;border-radius:50%;position:relative;flex:none;display:grid;place-items:center}.donut:before{content:"";position:absolute;inset:15px;border-radius:50%;background:#fff}.donut-center{position:relative;text-align:center;line-height:1.3}.donut-center strong{display:block;font-size:25px;letter-spacing:-.8px}.donut-center span{font-size:9px;color:#81907c}.legend{display:grid;gap:9px;flex:1}.legend button{display:flex;align-items:center;gap:8px;background:none;text-align:left;padding:3px 0;font-size:10px;color:#697b67}.legend button:hover{color:var(--ink)}.legend b{margin-left:auto;font-size:12px;color:var(--ink);font-weight:600}.dot{width:7px;height:7px;border-radius:3px;flex:none}.panel-note{font-size:9px;color:#84907f;border-top:1px solid #edf0e9;padding-top:11px;line-height:1.6}.task-list{display:grid;margin-top:13px}.task{display:flex;align-items:center;gap:11px;padding:11px 0;background:none;border-bottom:1px solid #edf0e9;text-align:left}.task:last-child{border:0}.task-icon{width:29px;height:29px;border-radius:8px;background:#f5f0e6;color:#a47d44;display:grid;place-items:center;flex:none}.task-icon svg{width:15px;height:15px}.task:nth-child(2) .task-icon{background:#eef1e8;color:#7c8b64}.task:nth-child(3) .task-icon{background:#f0edf6;color:#9480ab}.task strong{font-size:11px;display:block;font-weight:600}.task small{font-size:9px;color:#859080;margin-top:3px}.task .chevron{margin-left:auto;color:#9ba590;font-size:17px}.staff-panel{margin-top:20px}.staff-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.staff-card{background:#f7f9f4;border:1px solid #edf0e8;border-radius:9px;padding:13px 11px;text-align:left}.staff-card:hover{border-color:#a8c091}.staff-card .avatar{width:30px;height:30px;margin-bottom:9px}.staff-name{font-weight:600;font-size:11px;display:block}.staff-counts{font-size:9px;color:#7a8873;margin-top:6px}.staff-counts b{color:#536a4d;font-weight:600}.app-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 38px 22px;font-size:10px;color:#87917f}.version{font-size:8px;letter-spacing:1px;margin-left:9px;color:#a2ac9b}.muted{color:#85927d;font-size:9px;font-weight:400}.summary-pills{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.filter-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e0e7d8;border-radius:8px;background:#fff;font-size:10px;color:#6c7b65}.filter-chip b{font-size:11px;color:#344f36}.filter-chip.active{background:#e8f0df;border-color:#a4bd88;color:#385a2c}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:9px;background:#eef3e8;border:1px solid #e3ebd9;color:#647858;font-size:10px;margin-bottom:20px}.notice svg{width:16px;height:16px;flex:none;margin-top:1px}.notice.warning{background:#fbf4e8;border-color:#f0e4cd;color:#94703b}.notice p{line-height:1.7}.table-panel{padding:0;overflow:hidden}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:17px 19px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:9px;flex:1;min-width:200px;border:1px solid #e1e7db;background:#fbfcf9;border-radius:8px;padding:9px 10px;color:#92a086}.search-field svg{width:15px;height:15px;flex:none}.search-field input{border:0;background:none;outline:none;width:100%;font-size:11px;color:var(--ink)}.search-field:focus-within{border-color:#82a561}.toolbar select{padding:9px 26px 9px 10px;background:#fff;border:1px solid #e1e7db;border-radius:8px;font-size:10px;max-width:200px;color:#617457}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:660px;text-align:left}th{font-size:9px;font-weight:600;color:#8a9780;background:#fafbf8;padding:12px 19px;border-bottom:1px solid #edf0e7;white-space:nowrap}td{padding:13px 19px;border-bottom:1px solid #eff2eb;font-size:11px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf7}.channel-cell{display:flex;align-items:center;gap:10px}.channel-avatar{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#f0f3eb;color:#819075;flex:none}.channel-avatar svg{width:15px;height:15px}.channel-name{font-weight:600;display:block;font-size:11px;text-align:left;background:none;padding:0;max-width:240px;word-break:break-word}.channel-name:hover{color:var(--green);text-decoration:underline}.row-caption{display:block;font-size:9px;color:#98a08f;margin-top:2px}.number{font-variant-numeric:tabular-nums;font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:500;white-space:nowrap}.badge.green{background:#ecf4e7;color:#5b7e46}.badge.neutral{background:#f0f3ed;color:#7b8771}.badge.amber{background:#fbf2e2;color:#ac8040}.badge.purple{background:#f2edf8;color:#9980ae}.missing{color:#9aa390;font-size:10px}.person{display:flex;align-items:center;gap:7px;white-space:nowrap}.person .avatar{width:23px;height:23px;font-size:8px}.row-action{background:none;color:#9ba78e;font-size:18px;padding:0 6px}.row-action:hover{color:#456937}.pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 19px;font-size:10px;color:#88947d}.page-controls{display:flex;align-items:center;gap:13px}.page-controls button{background:#f4f7ef;width:27px;height:27px;border-radius:6px}.empty-state{text-align:center;padding:55px 20px;color:#8d9982}.empty-state strong{display:block;color:#4c6346;font-size:15px;margin-bottom:8px}.empty-state p{font-size:11px;margin-bottom:15px}.phone-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.small-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:17px 18px}.small-card .value{font-size:28px;font-weight:600;letter-spacing:-.8px;margin:6px 0 3px}.small-card h3{font-size:10px;font-weight:500;color:#819076}.small-card p{font-size:9px;color:#98a08d}.progress-track{background:#e7ecdf;border-radius:4px;height:6px;margin-top:11px;overflow:hidden}.progress-track span{display:block;height:100%;background:#72915c;border-radius:4px}.filter-summary{font-size:10px;color:#7d8b71;margin-bottom:13px}.active-owner{padding:7px 10px;border-radius:8px;background:#edf2e6;font-size:11px;margin-bottom:16px;display:flex;align-items:center;gap:10px;max-width:max-content}.active-owner button{background:none;color:#6c805b}.app-footer .text-button:hover{color:#426437}dialog{border:0;padding:26px 29px 29px;max-width:550px;width:calc(100% - 36px);border-radius:17px;box-shadow:0 25px 100px #142c2633;color:var(--ink)}dialog::backdrop{background:#112c2255;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dialog-top .eyebrow{margin:0}.dialog-title{font-size:24px;line-height:1.3;letter-spacing:-.6px;word-break:break-word;margin-bottom:10px}.dialog-intro{font-size:12px;color:#7b8974;line-height:1.8;margin-bottom:19px}.details-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin:20px 0}.detail-item{padding:14px 15px;border-bottom:1px solid var(--line)}.detail-item:nth-child(odd){border-right:1px solid var(--line)}.detail-item:nth-last-child(-n+2){border-bottom:0}.detail-item dt{font-size:10px;color:#8b977e;margin-bottom:5px}.detail-item dd{margin:0;font-size:13px;font-weight:500}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.dialog-actions a{text-decoration:none}.steps{display:grid;gap:17px;margin:25px 0}.step{display:flex;align-items:flex-start;gap:12px}.step-number{width:27px;height:27px;border-radius:8px;background:#edf3e4;display:grid;place-items:center;flex:none;color:#63874b;font-size:11px;font-weight:650}.step strong{display:block;font-size:12px;margin-bottom:4px}.step p{font-size:11px;color:#839178;line-height:1.8}.data-list{display:grid;gap:12px;margin:20px 0}.data-list p{font-size:11px;line-height:1.8;color:#7a8970}.data-list strong{color:#435c38;display:block;font-size:12px}.toast{position:fixed;bottom:25px;left:calc(var(--nav) + 30px);background:#183e2e;color:white;border-radius:10px;padding:12px 18px;z-index:100;font-size:11px;box-shadow:0 10px 40px #102e2633}.unmatched-list{max-height:300px;overflow:auto;display:grid;gap:0}.unmatched-list div{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.unmatched-list small{font-size:10px;color:#8b977e;margin-top:3px}
@media(min-width:1450px){main{padding-top:40px}.hero-card{min-height:220px}.big-value{font-size:56px}.dashboard-lower{grid-template-columns:1.05fr 1fr}.follow-distribution{gap:35px}.donut{width:155px;height:155px}}
@media(max-width:1130px){:root{--nav:205px}.sidebar{padding:25px 16px 18px}.brand{font-size:19px}.brand-symbol{width:35px;height:39px;font-size:31px}.brand small{font-size:6px}.workspace{padding:11px 8px;gap:8px}.workspace small{font-size:8px}.topbar{padding:0 26px}main{padding:28px 26px}.page-heading p{max-width:430px}.panel{padding:18px}.follow-distribution{gap:16px}.donut{width:115px;height:115px}.donut-center strong{font-size:22px}.legend button{font-size:9px}.stat-item{padding:0 14px}.stat-caption{font-size:9px}.staff-grid{gap:7px}.staff-card{padding:11px 9px}.staff-counts{font-size:8px}.app-footer{padding-right:26px;padding-left:26px}.phone-summary{gap:9px}.small-card{padding:14px}}
@media(max-width:900px){:root{--nav:180px}.sidebar{padding:23px 12px 16px}.brand{font-size:17px;gap:8px}.brand small{font-size:5px}.workspace small{font-size:7px}.side-guide{padding:20px 8px}.side-guide h3{font-size:14px}.side-bottom{font-size:8px}.nav-item{font-size:11px;gap:9px;padding:11px 9px}.snapshot-pill{font-size:9px}.breadcrumb{font-size:10px}.topbar{padding:0 20px}.top-actions{gap:7px}main{padding:25px 20px}h1{font-size:27px}.page-heading .outline-button{font-size:10px}.hero-card{padding:19px 19px 15px}.big-value{font-size:43px}.card-bottom p{font-size:9px}.dashboard-lower{grid-template-columns:1fr}.follow-distribution{padding:22px 20px;gap:32px}.donut{width:140px;height:140px}.legend button{font-size:11px}.staff-grid{grid-template-columns:repeat(3,1fr)}.staff-card{padding:12px}.staff-counts{font-size:9px}.stat-strip{grid-template-columns:1fr 1fr;row-gap:15px}.stat-item:nth-child(2){border:0}.phone-summary{grid-template-columns:repeat(2,1fr)}.app-footer{padding:16px 20px;gap:10px}.app-footer .muted{font-size:8px}}
@media(max-width:650px){:root{--nav:0px}.sidebar{position:static;width:100%;padding:15px 18px 10px;display:block}.brand{font-size:20px}.brand small{font-size:6px}.brand-symbol{width:34px;height:36px}.workspace,.nav-label,.side-guide,.side-bottom{display:none}nav{display:flex;gap:7px;margin-top:15px}.nav-item{flex:1;padding:10px 8px;font-size:11px;justify-content:center}.nav-number,.nav-arrow{display:none}.app-shell{margin-left:0}.topbar{height:52px;padding:0 18px}.breadcrumb{display:none}.top-actions{width:100%;justify-content:space-between}.snapshot-pill{font-size:9px}main{padding:25px 17px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading .outline-button{padding:8px 9px}.page-heading .outline-button svg{display:none}h1{font-size:27px}.page-heading p{font-size:11px;max-width:240px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero-card{min-height:180px}.hero-card .big-value{font-size:45px}.card-bottom{margin-top:15px}.hero-card .card-bottom p{font-size:10px}.stat-strip{margin:15px 0 18px}.panel{padding:18px}.staff-grid{grid-template-columns:1fr 1fr}.staff-grid .staff-card:last-child{grid-column:1/-1;display:flex;align-items:center;gap:10px}.staff-grid .staff-card:last-child .avatar{margin:0}.staff-grid .staff-card:last-child .staff-counts{margin-left:auto}.follow-distribution{padding:20px 0;gap:19px}.donut{width:125px;height:125px}.legend button{font-size:9px}.legend b{font-size:11px}.toolbar{padding:13px;gap:8px}.search-field{flex-basis:100%}.toolbar select{flex:1;max-width:none}.table-panel{padding:0}.summary-pills{gap:6px}.filter-chip{padding:7px 9px;font-size:9px}.pagination{padding:12px;font-size:9px}.page-controls{gap:8px}.app-footer{display:block;padding:15px 18px}.app-footer .muted{margin-top:8px;display:block;font-size:9px}.toast{left:18px;right:18px;bottom:18px}.phone-summary{gap:9px}.small-card .value{font-size:25px}.small-card{padding:13px}.small-card p{font-size:8px}.dialog-title{font-size:21px}dialog{padding:22px}.details-grid{grid-template-columns:1fr}.detail-item:nth-child(odd){border-right:0}.detail-item:nth-last-child(2){border-bottom:1px solid var(--line)}}
/* Keep essential explanations readable for a first-time manager. */
.card-bottom p,.stat-caption,.panel-subtitle,.panel-note,.staff-counts,.small-card p{font-size:11px}
.legend button,.task small,.row-caption,.notice,.filter-summary{font-size:11px}
.task strong,.staff-name,.channel-name,.toolbar input,.dialog-intro,.step p,.data-list p{font-size:12px}
td{font-size:12px}.badge{font-size:10px}th{font-size:10px}.small-card h3{font-size:11px}
.page-heading p{font-size:13px}.side-guide p{font-size:12px}.staff-counts{line-height:1.7}
@media(max-width:900px){.card-bottom p,.stat-caption,.panel-note,.staff-counts,.legend button{font-size:10px}.task strong,.channel-name,.task small{font-size:11px}.nav-item{font-size:12px}.page-heading p{font-size:12px}.side-guide p{font-size:11px}}
@media(max-width:650px){.card-bottom p,.stat-caption,.panel-subtitle,.panel-note,.staff-counts,.legend button{font-size:11px}.staff-grid .staff-card:last-child{display:block}.staff-grid .staff-card:last-child .avatar{margin-bottom:9px}.staff-grid .staff-card:last-child .staff-counts{margin-left:0}.page-heading{flex-wrap:wrap}.snapshot-pill{font-size:10px}}
@media(max-width:650px){
  .table-scroll{overflow:visible}table{min-width:0}thead{display:none}tbody{display:block}
  tbody tr{display:grid;grid-template-columns:1fr 1fr;position:relative;border-bottom:1px solid var(--line);padding:15px 16px 10px;gap:8px 12px}
  td{display:block;padding:5px 0;border:0;min-width:0}td:first-child{grid-column:1/-1;padding-right:28px;margin-bottom:4px}
  td:last-child{position:absolute;right:12px;top:14px}.channel-name{max-width:100%;font-size:13px}
  td:nth-child(2)::before,td:nth-child(3)::before,td:nth-child(4)::before{display:block;font-size:9px;letter-spacing:.5px;color:#8a9780;margin-bottom:6px}
  body[data-view="channels"] td:nth-child(2)::before{content:"FOLLOW ĐÃ GHI NHẬN"}
  body[data-view="channels"] td:nth-child(3)::before{content:"NGƯỜI PHỤ TRÁCH"}
  body[data-view="channels"] td:nth-child(4)::before{content:"MÁY TRONG SỔ"}
  body[data-view="phones"] td:nth-child(2)::before{content:"NGƯỜI ĐƯỢC GHI GIỮ"}
  body[data-view="phones"] td:nth-child(3)::before{content:"KÊNH TRONG DANH SÁCH KHO"}
  body[data-view="phones"] td:nth-child(4)::before{content:"SERIAL / IMEI"}
  .pagination{gap:8px;flex-wrap:wrap}.pagination .page-controls{margin-left:auto}
}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .16s,border-color .16s,color .16s}main{animation:appear .18s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}
.add-buttons{display:flex;gap:8px;flex-wrap:wrap}#add-dialog{max-width:560px;width:90%;padding:28px;border:0;border-radius:20px}#add-dialog::backdrop{background:#17271daa}#add-dialog p{color:#667366;line-height:1.5}#add-form{display:grid;gap:14px}#add-form label{display:grid;gap:6px;font-size:14px;font-weight:600}#add-form input,#add-form select{width:100%;padding:11px;border:1px solid #ccd4c8;border-radius:9px;background:white;color:#223322;box-sizing:border-box}#add-error{color:#a02f2f!important;margin:0}
.finance-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.finance-filters label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#697466}.finance-filters select{padding:11px 32px 11px 12px;border:1px solid #dce2d6;background:#fff;border-radius:10px;color:#20372c}.finance-cards{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:18px;margin:20px 0}.finance-cards article{padding:24px;border:1px solid #dfe6d8;border-radius:18px;background:white;display:flex;flex-direction:column;gap:12px}.finance-cards .finance-total{background:#e7f0d8}.finance-cards strong{font-size:32px;letter-spacing:-1px;color:#21392d}.finance-cards .finance-total strong{font-size:36px}.finance-cards span{font-size:13px;font-weight:600;color:#51624d}.finance-cards small{font-size:12px;line-height:1.6;color:#687664}.finance-note{padding:14px 18px;background:#f3f5ec;border-radius:12px;font-size:13px;line-height:1.7;color:#64715f;margin:18px 0}.finance-chart-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:22px 0}.month-chart{display:flex;align-items:stretch;gap:8px;min-height:220px;overflow-x:auto;margin-top:24px}.month-column{flex:1;min-width:34px;display:flex;flex-direction:column;align-items:center;gap:8px}.month-track{height:150px;width:100%;max-width:54px;display:flex;align-items:flex-end;border-bottom:1px solid #dfe4d6}.month-bar{width:100%;background:#688d58;border-radius:7px 7px 0 0;min-height:2px}.month-bar.unknown{background:repeating-linear-gradient(45deg,#e9ece1,#e9ece1 3px,#f7f8f3 3px,#f7f8f3 6px);border:1px dashed #cdd5bf}.month-value{font-size:10px;color:#66745c;white-space:nowrap}.month-column small{font-size:11px;color:#6e7968}.staff-bars{display:grid;gap:18px;margin-top:18px}.staff-bars span{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#53654e}.staff-bars b{font-size:12px;color:#213a2b}.staff-bar-track{height:7px;border-radius:5px;background:#edf1e6;margin-top:8px;overflow:hidden}.staff-bar-track i{display:block;height:100%;background:#a9c585;border-radius:5px}.finance-table-panel{margin:22px 0}.finance-search{padding:11px 14px;border:1px solid #dce2d6;border-radius:10px;max-width:270px;width:100%;background:#fff}.finance-actions{display:flex;gap:12px;flex-wrap:wrap}.finance-footnote{font-size:12px;color:#78806f;line-height:1.7}.finance-status{font-size:14px;color:#365c32;line-height:1.8}.finance-status.error{color:#a2492f}.connection-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:24px}.connection-panel h2{font-size:22px;margin:16px 0 12px}.connection-panel p{font-size:13px;color:#68745f;line-height:1.7}.connection-facts p{display:flex;flex-direction:column;border-bottom:1px solid #e9eee1;padding-bottom:12px;gap:5px}.connection-facts b{color:#32492c}.source-list article{display:flex;align-items:center;gap:15px;border-bottom:1px solid #edf0e7;padding:16px 0}.source-list article div{flex:1;display:flex;flex-direction:column;gap:7px}.source-list strong{font-size:14px}.source-list small{font-size:11px;color:#75806c;line-height:1.5}.source-dot{width:10px;height:10px;background:#88a768;border-radius:50%}.source-dot.bad{background:#c18b45}.advanced-connect{margin-top:22px;color:#6d7764;font-size:13px;line-height:1.8}.advanced-connect summary{cursor:pointer;font-weight:600;color:#3f5636}.history-list{display:grid;gap:12px}.history-list article{padding:15px;border-radius:11px;background:#f4f6ed;line-height:1.6}.history-list article>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-list time,.history-list small{font-size:11px;color:#6e7965}.history-list p{margin:8px 0;font-size:14px}#finance-dialog{max-width:850px;width:90%;max-height:85vh;overflow:auto;padding:28px;border:0;border-radius:20px}#finance-dialog::backdrop{background:#17271daa}.finance-table-panel .pagination{display:flex;justify-content:space-between;align-items:center;padding:15px;font-size:13px;color:#6e7964}
@media(max-width:1100px){.finance-cards{grid-template-columns:1fr 1fr}.finance-cards .finance-total{grid-column:1/-1}.finance-chart-grid{grid-template-columns:1fr}.connection-panel{grid-template-columns:1fr}.finance-cards strong{font-size:28px}}
@media(max-width:650px){.finance-filters{gap:10px}.finance-filters label{flex:1;min-width:100px}.finance-cards{gap:10px}.finance-cards article{padding:16px}.finance-cards .finance-total strong{font-size:30px}.finance-cards strong{font-size:26px}.finance-table-panel .panel-header{flex-direction:column;align-items:stretch;gap:14px}.finance-search{max-width:none}.finance-table-panel table{display:block}.finance-table-panel thead{display:none}.finance-table-panel tbody{display:block}.finance-table-panel tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e5ebdd;padding:12px 0}.finance-table-panel td{border:0;padding:10px;white-space:normal}.finance-table-panel td:first-child{grid-column:1/-1}.finance-table-panel td:nth-child(2):before{content:'Dash · ';font-size:11px;color:#829078}.finance-table-panel td:nth-child(4):before{content:'RPM · ';font-size:11px;color:#829078}.source-list article{gap:10px}.source-list small{font-size:10px}.finance-actions button{width:100%}}
@media(max-width:650px){.sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%}.sidebar .nav-item{min-width:0;display:flex;flex-direction:column;gap:5px;padding:9px 3px;font-size:10px;line-height:1.3;justify-content:center;align-items:center;text-align:center}.sidebar .nav-item svg{width:17px;height:17px;flex-shrink:0}.sidebar .nav-arrow,.sidebar .nav-number{display:none}}
.ranking-leader{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:14px 16px;background:#eef4e4;border-radius:12px;margin:16px 0}.ranking-leader span{grid-column:1/-1;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#6d7d5f}.ranking-leader strong{font-size:15px;color:#2c4428}.ranking-leader b{font-size:14px;color:#36552d}.staff-bars .rank-number{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:7px;background:#edf2e5;color:#5d7450;font-size:11px;font-style:normal;margin-right:8px}.staff-bars span{align-items:center}.finance-chart-grid .panel-header{flex-wrap:wrap;gap:10px}#fin-staff-sort,#fin-channel-sort{padding:9px 10px;border:1px solid #dce3d5;border-radius:9px;background:white;color:#435b38;font-size:12px}.finance-table-panel .panel-header{gap:10px;flex-wrap:wrap}#fin-channel-sort{margin-left:auto}@media(max-width:650px){#fin-channel-sort{margin-left:0;width:100%}#fin-staff-sort{max-width:160px}.ranking-leader{grid-template-columns:1fr}.ranking-leader b{font-size:16px}}
.auth-gate{position:fixed;inset:0;z-index:1000;background:#eff3ec;display:grid;place-items:center;padding:24px}.auth-gate[hidden]{display:none}.auth-card{width:min(100%,420px);background:#fff;border:1px solid #dde5d5;border-radius:22px;padding:32px}.auth-card h1{margin:20px 0 8px}.auth-card label{display:grid;gap:8px;margin:18px 0}.auth-card input{padding:12px;border:1px solid #cbd6c3;border-radius:8px;font:inherit}.auth-card button{width:100%}#auth-status{white-space:pre-wrap;overflow-wrap:anywhere}body:has(.auth-gate:not([hidden]))>.sidebar,body:has(.auth-gate:not([hidden]))>.app-shell{visibility:hidden}#cloud-logout{position:fixed;bottom:12px;right:18px;z-index:20}
[hidden]{display:none!important}