@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#193047;--muted:#64778a;--line:#dce5ec;--bg:#f5f8fa;--surface:#fff;--nav:#102a3d;--brand:#176a73;--brand-deep:#11535b;--teal-soft:#e6f3f1;--amber:#b9671d;--amber-soft:#fff4e8;--red:#ae3e45;--red-soft:#fff0f0;--green:#247b62;--green-soft:#e8f5ee;--blue:#326eaa;--blue-soft:#eaf3fb;--purple:#73529a;--purple-soft:#f2edfa;--shadow:0 8px 24px rgba(20,46,62,.06);--shadow-sm:0 1px 2px rgba(20,46,62,.08);--shadow-lg:0 16px 40px rgba(11,38,51,.16);--shadow-xl:0 24px 64px rgba(6,28,47,.32);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--h-ctl:36px;--h-ctl-lg:44px;--w-nav:240px;--w-nav-min:64px;--h-top:64px;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Be Vietnam Pro',system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}:focus-visible{outline:3px solid #76bed0;outline-offset:2px}.skip{position:absolute;left:-9999px;top:12px;background:#fff;padding:10px;z-index:100}.skip:focus{left:12px}.app{display:flex;min-height:100vh}.sidebar{width:var(--w-nav);background:var(--nav);color:#bdd0d9;position:fixed;inset:0 auto 0 0;overflow:auto;z-index:20;padding:var(--s-6) var(--s-4)}.brand{display:flex;align-items:center;gap:var(--s-3);color:#fff;padding:0 var(--s-2) var(--s-6);border-bottom:1px solid #2b4657;margin-bottom:var(--s-4)}.brand-mark{width:36px;height:36px;border:1.5px solid #79c6c3;border-radius:var(--r-md);display:grid;place-items:center;color:#92ded4;font-size:var(--fs-xl);font-weight:800;letter-spacing:-3px;padding-right:3px}.brand strong{display:block;font-size:var(--fs-lg);letter-spacing:.08em}.brand small{display:block;color:#8aabb9;font-size:var(--fs-xs);letter-spacing:.1em}.nav-title{font-size:var(--fs-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#698b9a;padding:var(--s-4) var(--s-3) var(--s-2)}.nav-link{display:flex;align-items:center;gap:var(--s-3);padding:10px var(--s-3);border-radius:var(--r-md);color:#c6d5dc;margin:2px 0;min-height:40px}.nav-link:hover{background:#1e4151;color:white}.nav-link.active{color:white;background:#236471}.nav-link svg{width:18px;height:18px;stroke-width:1.8;flex:none}.nav-link span{flex:1}.nav-link em{font-style:normal;font-size:var(--fs-xs);color:#7895a4}.sidebar-foot{padding:var(--s-4) var(--s-2);border-top:1px solid #2b4657;margin-top:var(--s-6);font-size:var(--fs-xs);color:#839eab}.shell{margin-left:var(--w-nav);width:calc(100% - var(--w-nav));min-width:0}.topbar{height:var(--h-top);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--s-6);padding:0 var(--s-8);position:sticky;top:0;z-index:15}.global-search{width:min(470px,48vw);position:relative}.global-search input{width:100%;height:40px;border:1px solid var(--line);border-radius:var(--r-md);background:#f8fafb;padding:0 var(--s-4) 0 40px;color:var(--ink)}.global-search svg{position:absolute;left:12px;top:12px;width:16px;color:#79909c}.shortcut{position:absolute;right:12px;top:10px;border:1px solid var(--line);border-radius:4px;padding:1px 7px;color:#8194a1;font-size:var(--fs-xs)}.top-right{display:flex;align-items:center;gap:var(--s-4);margin-left:auto}.role-select{height:var(--h-ctl);border:1px solid var(--line);background:#fff;border-radius:var(--r-md);padding:0 var(--s-2);color:var(--ink)}.icon-btn{border:0;background:transparent;width:36px;height:36px;display:grid;place-items:center;color:var(--muted);border-radius:var(--r-md)}.icon-btn:hover{background:var(--bg)}.icon-btn svg{width:18px}.avatar{width:32px;height:32px;background:#d8e9e9;color:var(--brand-deep);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px}.account{display:flex;gap:var(--s-2);align-items:center}.account strong{font-size:var(--fs-sm);display:block;white-space:nowrap}.account small{display:block;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap}.content{padding:var(--s-6) var(--s-8) 56px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-6);margin-bottom:var(--s-6)}.eyebrow{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--brand);font-weight:800;margin-bottom:var(--s-2)}.page-head h1{font-size:var(--fs-2xl);line-height:1.25;margin:0 0 var(--s-1);font-weight:800;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted);font-size:var(--fs-md)}.head-actions,.inline-actions,.toolbar{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.btn{min-height:var(--h-ctl);padding:var(--s-2) 14px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;color:var(--ink);font-weight:700;font-size:var(--fs-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:#f3f8f8;border-color:#91bac0}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-deep)}.btn.danger{color:var(--red);border-color:#edc9cc}.btn.soft{background:var(--teal-soft);color:var(--brand-deep);border-color:transparent}.btn.large{min-height:var(--h-ctl-lg);padding:10px var(--s-5);font-size:var(--fs-base)}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card-head{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.card-head h2,.card-head h3{margin:0;font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em}.card-body{padding:var(--s-5)}.muted{color:var(--muted)}.tiny{font-size:11px}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:span 3}.metric{padding:var(--s-5);min-height:120px}.metric-label{font-size:var(--fs-sm);color:var(--muted);font-weight:700}.metric-value{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.04em;margin:var(--s-2) 0 2px;white-space:nowrap;font-variant-numeric:tabular-nums}.delta{font-size:var(--fs-xs);font-weight:700;color:var(--green)}.delta.down{color:var(--red)}.badge{display:inline-flex;align-items:center;gap:var(--s-1);border-radius:100px;padding:3px 10px;font-size:var(--fs-xs);font-weight:800;white-space:nowrap;line-height:1.4}.badge.vip{background:#fff3d6;color:#936015}.badge.risk{background:var(--amber-soft);color:#a76119}.badge.return{background:var(--green-soft);color:var(--green)}.badge.new{background:var(--blue-soft);color:var(--blue)}.badge.loyal{background:var(--purple-soft);color:var(--purple)}.badge.lead{background:#edf0f3;color:#6c7d87}.badge.lost{background:var(--red-soft);color:var(--red)}.badge.good{background:var(--green-soft);color:var(--green)}.badge.warn{background:var(--amber-soft);color:var(--amber)}.badge.bad{background:var(--red-soft);color:var(--red)}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:750px;text-align:left}.data-table th{position:sticky;top:0;z-index:1;background:#f8fafb;color:#708392;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.055em;font-weight:800}.data-table th,.data-table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid #ecf0f3;white-space:nowrap}.data-table tr:hover td{background:#f8fbfb}.data-table td{font-size:var(--fs-md)}.data-table td strong{font-size:var(--fs-md)}.data-table .number{text-align:right;font-variant-numeric:tabular-nums}.data-table .danger-row td{background:#fff7f7}.data-table .warn-row td{background:#fffaf1}.table-tools{padding:var(--s-3) var(--s-5);display:flex;justify-content:space-between;gap:var(--s-3);align-items:center;flex-wrap:wrap}.table-footer{padding:var(--s-3) var(--s-5);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--fs-sm)}.search-field,.field{min-height:var(--h-ctl);border:1px solid var(--line);background:#fff;border-radius:var(--r-md);padding:var(--s-2) var(--s-3);color:var(--ink)}.search-field,.field{font-size:var(--fs-md)}.search-field{width:240px}.field{width:100%}textarea.field{min-height:100px;resize:vertical}.field-label{display:block;color:#4d6374;font-size:var(--fs-sm);font-weight:700;margin-bottom:var(--s-1)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.form-row{margin-bottom:var(--s-4)}.filter-layout{display:grid;grid-template-columns:256px minmax(0,1fr);gap:var(--s-4)}.filter-box .card-body{padding:var(--s-4)}.filter-box .form-row{margin-bottom:var(--s-3)}.filter-box select,.filter-box input{font-size:var(--fs-sm)}.filter-box .field-label{font-size:var(--fs-xs)}.section-gap{margin-top:var(--s-4)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow:auto}.tab{border:0;background:transparent;color:var(--muted);padding:var(--s-3) var(--s-4);border-bottom:2px solid transparent;white-space:nowrap;font-size:var(--fs-md);font-weight:700;min-height:var(--h-ctl-lg)}.tab.active{color:var(--brand);border-color:var(--brand)}.profile-head{position:sticky;top:var(--h-top);z-index:11;padding:var(--s-5);margin-bottom:var(--s-4)}.profile-line{display:flex;align-items:center;gap:var(--s-4)}.profile-avatar{width:48px;height:48px;border-radius:var(--r-lg);background:#daecea;color:var(--brand);display:grid;place-items:center;font-size:var(--fs-xl);font-weight:800;flex:none}.profile-head h1{font-size:var(--fs-xl);margin:0 0 var(--s-1)}.profile-head .phone{font-size:var(--fs-base);font-weight:800;font-variant-numeric:tabular-nums}.source{font-size:10px;background:#edf3f5;border-radius:4px;padding:3px 6px;color:#657c87;margin-right:4px;letter-spacing:.04em}.profile-stats{display:flex;gap:var(--s-6);margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--line)}.profile-stats strong{display:block;font-size:var(--fs-base)}.profile-stats small{font-size:var(--fs-xs);color:var(--muted)}.profile-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--s-4)}.detail-list{display:grid;grid-template-columns:112px 1fr;gap:var(--s-2);font-size:var(--fs-sm)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:700}.timeline-item{display:flex;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid #edf0f3}.timeline-dot{width:24px;height:24px;border-radius:var(--r-md);background:var(--teal-soft);color:var(--brand);display:grid;place-items:center;flex:none;font-size:var(--fs-xs);font-weight:800}.timeline-item h3{margin:0 0 2px;font-size:var(--fs-sm)}.timeline-item p{margin:0;color:var(--muted);font-size:var(--fs-sm)}.timeline-time{margin-left:auto;color:var(--muted);font-size:var(--fs-xs);white-space:nowrap}.chart{height:200px;display:flex;align-items:end;gap:var(--s-2);padding:var(--s-4) var(--s-1) 0;border-bottom:1px solid #cfdae1}.chart-col{flex:1;background:#9dc9c8;border-radius:4px 4px 0 0;min-width:8px;position:relative}.chart-col.active{background:var(--brand)}.chart-col span{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}.donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(#d5a343 0 18%,#73529a 18% 41%,#42a27e 41% 71%,#84b9d2 71% 87%,#df8a58 87% 100%);display:grid;place-items:center}.donut:after{content:attr(data-tam);background:white;border-radius:50%;width:96px;height:96px;display:grid;place-items:center;font-weight:800;font-size:var(--fs-xl);letter-spacing:-.02em}.legend{display:grid;gap:var(--s-2)}.legend span{font-size:var(--fs-xs);color:#506779}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--s-2)}.progress{height:8px;background:#eaf0f3;border-radius:20px;overflow:hidden}.progress span{height:100%;display:block;background:var(--brand);border-radius:20px}.notice{border-radius:var(--r-md);padding:var(--s-3) var(--s-4);background:#eef7f5;color:#306d65;font-size:var(--fs-sm);border:1px solid #d3e9e4;line-height:1.5}.notice.warn{background:var(--amber-soft);color:#8b551d;border-color:#f4dfc1}.notice.bad{background:var(--red-soft);color:#913a40;border-color:#efcbce}.list-row{display:flex;gap:var(--s-3);align-items:center;padding:var(--s-3) 0;border-bottom:1px solid #edf1f3}.list-row:last-child{border:0}.list-row strong{font-size:var(--fs-md)}.list-row small{font-size:var(--fs-xs);color:var(--muted)}.list-row .right{margin-left:auto}.call-row{display:grid;grid-template-columns:1.2fr 1.6fr 1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line)}.call-row strong{display:block}.call-row small{color:var(--muted)}.stepper{display:flex;gap:0;margin-bottom:var(--s-4)}.step{flex:1;display:flex;align-items:center;gap:var(--s-2);color:var(--muted);font-size:var(--fs-sm);font-weight:700}.step i{width:24px;height:24px;border-radius:50%;background:#e9eff2;display:grid;place-items:center;font-style:normal}.step.active{color:var(--brand)}.step.active i,.step.done i{background:var(--brand);color:white}.step:after{content:'';height:1px;background:var(--line);flex:1;margin-right:var(--s-3)}.step:last-child:after{display:none}.phone-preview{width:256px;border:7px solid #203746;border-radius:28px;background:#f3f6f8;padding:var(--s-6) var(--s-3);min-height:320px;margin:auto;box-shadow:var(--shadow)}.msg{background:#fff;border-radius:var(--r-lg);padding:var(--s-3);box-shadow:var(--shadow-sm);font-size:var(--fs-sm);white-space:pre-wrap;line-height:1.5}.flow{max-width:680px;margin:auto}.flow-node{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);box-shadow:var(--shadow)}.flow-join{text-align:center;height:36px;color:#9cb5c0;padding-top:var(--s-1)}.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.pill-choice{display:flex;flex-wrap:wrap;gap:var(--s-2)}.pill-choice button{border:1px solid var(--line);background:white;border-radius:var(--r-md);padding:var(--s-2) var(--s-3);color:var(--ink);font-size:var(--fs-sm);min-height:var(--h-ctl)}.pill-choice button.selected{background:var(--teal-soft);border-color:var(--brand);color:var(--brand-deep)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:#112f40;color:#fff;padding:9vw;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:var(--fs-3xl);line-height:1.2;max-width:500px}.login-art p{color:#a8c1c7;max-width:450px}.login-main{display:grid;place-items:center;padding:var(--s-8)}.login-box{width:min(400px,100%)}.login-box h2{font-size:var(--fs-2xl);margin-bottom:var(--s-1)}.login-box p{color:var(--muted);margin-bottom:var(--s-6)}.modal-backdrop{position:fixed;inset:0;background:#0d2d3db0;z-index:50;display:grid;place-items:center;padding:var(--s-4)}.modal{width:min(560px,100%);background:white;border-radius:var(--r-xl);box-shadow:var(--shadow-xl)}.modal-head{padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}.modal-head h2{font-size:var(--fs-lg);margin:0}.modal-body{padding:var(--s-6)}.modal-foot{padding:var(--s-4) var(--s-6);border-top:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:var(--s-2)}.modal.wide{width:min(820px,100%);max-height:94vh;display:flex;flex-direction:column}.modal.wide .modal-body{overflow:auto}.state-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.state-box{min-height:160px;padding:var(--s-6);text-align:center}.skeleton{height:12px;background:linear-gradient(90deg,#e8eef1,#f6f9fa,#e8eef1);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;margin:var(--s-3) 0}.skeleton:nth-child(2){width:70%}.skeleton:nth-child(3){width:88%}@keyframes shimmer{to{background-position:-200% 0}}.toast{position:fixed;right:var(--s-6);bottom:var(--s-6);background:#173a44;color:#fff;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);z-index:80;box-shadow:var(--shadow-lg);font-size:var(--fs-md);max-width:min(420px,calc(100vw - 48px));line-height:1.45}.mobile-menu{display:none}.light-divider{border:0;border-top:1px solid var(--line);margin:var(--s-4) 0}.empty{padding:56px var(--s-5);text-align:center;color:var(--muted)}.empty h3{color:var(--ink)}
@media(max-width:1024px){.global-search{width:min(360px,34vw)}.sidebar{width:var(--w-nav-min);padding:var(--s-5) var(--s-2)}.sidebar .brand strong,.sidebar .brand small,.nav-title,.nav-link span,.nav-link em,.sidebar-foot{display:none}.brand{justify-content:center;padding:0 0 var(--s-5)}.nav-link{justify-content:center}.shell{margin-left:var(--w-nav-min);width:calc(100% - var(--w-nav-min))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.sidebar{display:none;width:var(--w-nav)}.sidebar.open{display:block}.sidebar.open .brand strong,.sidebar.open .brand small,.sidebar.open .nav-title,.sidebar.open .nav-link span,.sidebar.open .sidebar-foot{display:block}.sidebar.open .nav-link{justify-content:flex-start}.shell{margin-left:0;width:100%}.mobile-menu{display:grid}.topbar{height:56px;padding:0 var(--s-3);gap:var(--s-2)}.global-search{width:100%}.shortcut,.account div,.hide-mobile{display:none}.content{padding:var(--s-5) var(--s-3) 48px}.page-head{display:block}.head-actions{margin-top:var(--s-4)}.g2,.g3,.g4,.filter-layout,.profile-layout,.form-grid,.state-demo{grid-template-columns:minmax(0,1fr)}.span2,.span3{grid-column:auto}.profile-head{top:56px}.profile-stats{gap:var(--s-3);justify-content:space-between}.profile-stats strong{font-size:var(--fs-sm)}.profile-line{flex-wrap:wrap}.call-row{grid-template-columns:minmax(0,1fr) auto}.call-row>div:nth-child(2),.call-row>div:nth-child(3){grid-column:1}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-main{min-height:100vh}.role-select{max-width:104px}.metric-value{font-size:var(--fs-xl)}.btn,.field,.search-field,.role-select{min-height:40px}.icon-btn{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.call-row strong,.call-row small{font-size:var(--fs-sm)}
.tiny,.muted.tiny{font-size:var(--fs-xs)}
.person-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.person-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-1) var(--s-3);padding:var(--s-4) var(--s-5);text-align:left;color:var(--ink);cursor:pointer}.person-card:hover{border-color:#91bac0}.person-card.active{border-color:var(--brand);box-shadow:0 0 0 2px var(--teal-soft)}.person-card strong{display:block;font-size:var(--fs-base)}.person-card small{display:block;color:var(--muted);font-size:var(--fs-sm)}.person-card b{font-size:24px;font-weight:800;letter-spacing:-.04em}.person-card .person-sub{grid-column:2/4}.person-card.free .avatar{background:var(--amber-soft);color:var(--amber)}.person-card.free b{color:var(--amber)}
.owner-select{min-height:32px;padding:var(--s-1) var(--s-2);width:160px}
.bulk-bar{position:sticky;bottom:var(--s-4);z-index:12;margin-top:var(--s-4);display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;background:#173a44;color:#fff;padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.bulk-bar .field{width:176px;min-height:var(--h-ctl);padding:6px var(--s-3)}.bulk-bar .btn:not(.primary){background:transparent;color:#fff;border-color:#4d6f7a}.bulk-bar .btn.danger{color:#ffc9cc;border-color:#8a4a52}
.check-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) 0;border-bottom:1px solid #edf1f3;font-size:var(--fs-md)}.check-row:last-child{border:0}
a.card.metric{display:block;color:var(--ink)}a.card.metric:hover{border-color:#91bac0}
@media(max-width:1024px){.person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.person-grid{grid-template-columns:minmax(0,1fr)}.bulk-bar .field{width:100%}.modal-body,.modal-head,.modal-foot{padding-left:var(--s-4);padding-right:var(--s-4)}}
.assign-table .data-table td{vertical-align:middle}.assign-table .data-table th:first-child,.pick-cell{width:44px;padding-right:0}
.name-cell{display:flex;align-items:center;gap:var(--s-3);color:var(--ink)}.name-cell .avatar{width:32px;height:32px;font-size:var(--fs-xs);flex:none}.name-cell strong{display:block;font-size:var(--fs-md)}.name-cell small{display:block;color:var(--muted);font-size:var(--fs-xs)}.name-cell:hover strong{color:var(--brand)}
.phone-cell{font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.addr-cell{white-space:normal!important;min-width:190px;max-width:270px;line-height:1.45;color:#3d5466}
.range-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.range-dates{display:flex;align-items:center;gap:8px}.range-dates .field{width:152px;min-height:var(--h-ctl);padding:6px var(--s-3)}
.range-section .metric{box-shadow:none;background:#fbfcfd}
.range-sub{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-4) var(--s-5) var(--s-3);border-top:1px solid var(--line)}.range-sub h3{margin:0;font-size:var(--fs-base);font-weight:800}
.filter-chip{display:inline-flex;align-items:center;gap:6px;background:var(--teal-soft);color:var(--brand-deep);border-radius:100px;padding:4px 6px 4px 12px;font-size:var(--fs-sm);font-weight:700;min-height:28px}.filter-chip button{border:0;background:#fff;color:var(--brand-deep);width:20px;height:20px;border-radius:50%;line-height:1}
.data-table .picked-row td{background:#f0f8f7}
.rate{display:flex;align-items:center;gap:8px;min-width:120px}.rate .progress{flex:1;height:6px}.rate small{font-weight:700;color:var(--ink);min-width:32px}
@media(max-width:768px){.range-dates{width:100%}.range-dates .field{flex:1;width:auto}}
.nav-link.parent.group-active{color:#fff}.nav-subs{margin:2px 0 var(--s-2) 20px;padding-left:var(--s-3);border-left:1px solid #2b4657}.nav-sub{min-height:36px;padding:var(--s-2) var(--s-3);font-size:var(--fs-md)}.nav-sub svg{width:16px;height:16px}
.dash-tabs{margin:-8px 0 var(--s-4)}.dash-tabs .tab{font-size:var(--fs-md);padding:var(--s-3) var(--s-4)}
.range-card{padding:var(--s-4) var(--s-5)}.range-note{margin:var(--s-3) 0 0}
@media(max-width:1024px){.nav-group>.nav-link.parent{display:none}.nav-subs{margin:0;padding:0;border:0}.nav-sub{min-height:40px;justify-content:center}.nav-sub svg{width:18px;height:18px}}
@media(max-width:768px){.sidebar.open .nav-group>.nav-link.parent{display:flex}.sidebar.open .nav-subs{margin:2px 0 var(--s-2) 20px;padding-left:var(--s-3);border-left:1px solid #2b4657}.sidebar.open .nav-sub{justify-content:flex-start;min-height:36px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dash-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);border-bottom:1px solid var(--line);margin-bottom:var(--s-4)}.dash-top .dash-tabs{border-bottom:0;margin:0}.dash-top .head-actions{padding-bottom:var(--s-2)}
@media(max-width:768px){.dash-top{flex-wrap:wrap}.dash-top .head-actions{margin-top:0}}

.range-card{position:relative}.range-bar{justify-content:flex-start}
.range-trigger{display:inline-flex;align-items:center;gap:var(--s-3);min-height:var(--h-ctl-lg);padding:6px 14px 6px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;color:var(--ink);text-align:left}.range-trigger:hover,.range-trigger.open{border-color:var(--brand);box-shadow:0 0 0 3px var(--teal-soft)}.range-trigger svg{width:18px;height:18px;color:var(--brand)}.range-trigger-text small{display:block;font-size:var(--fs-xs);color:var(--muted);font-weight:700;line-height:1.2}.range-trigger-text strong{display:block;font-size:var(--fs-base);font-variant-numeric:tabular-nums;letter-spacing:.01em}.rp-caret{color:var(--muted);font-size:15px;line-height:1;margin-left:4px;transform:translateY(-3px)}
.range-tags{display:flex;gap:8px;flex-wrap:wrap}.range-tag{background:#f1f5f7;border-radius:var(--r-sm);padding:6px 10px;font-size:var(--fs-sm);color:var(--muted)}.range-tag strong{color:var(--ink)}
.rp-backdrop{position:fixed;inset:0;z-index:28}
.rp{position:absolute;top:68px;left:var(--s-5);z-index:30;width:min(910px,calc(100vw - 120px));background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:visible}
.rp-main{display:grid;grid-template-columns:192px minmax(0,1fr)}
.rp-presets{display:flex;flex-direction:column;padding:var(--s-2) 0;border-right:1px solid var(--line)}.rp-presets button{border:0;background:transparent;text-align:left;padding:12px 24px;font-size:14px;color:var(--ink);border-left:3px solid transparent}.rp-presets button:hover{background:#f4f8f9}.rp-presets button.active{color:var(--brand-deep);font-weight:800;background:var(--teal-soft);border-left-color:var(--brand)}
.rp-cal{min-width:0}
.rp-inputs{display:flex;align-items:center;gap:var(--s-3);margin:0;padding:0 var(--s-4) 0 0;border-bottom:1px solid var(--line)}.rp-inputs input{flex:1;min-width:0;border:0;border-bottom:2px solid transparent;padding:var(--s-4) var(--s-5) var(--s-3);font-size:var(--fs-lg);color:var(--ink);background:transparent;outline:0}.rp-inputs input::placeholder{color:#94a4b0}.rp-inputs input.active{border-bottom-color:var(--brand)}.rp-arrow{color:#a5b3bd}.rp-inputs svg{width:18px;height:18px;color:#94a4b0;flex:none}
.rp-months{display:grid;grid-template-columns:1fr 1fr}.rp-month{padding:var(--s-2) var(--s-4) var(--s-3)}.rp-month.second{border-left:1px solid #f0f3f5}
.rp-head{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;height:52px}.rp-head strong{text-align:center;font-size:var(--fs-lg)}.rp-navs{display:flex;gap:2px}.rp-head .rp-navs:last-child{justify-content:flex-end}.rp-navs button{border:0;background:transparent;width:32px;height:32px;border-radius:var(--r-sm);color:#7f909c;font-size:18px;line-height:1}.rp-navs button:hover{background:#f1f5f7;color:var(--ink)}.rp-nav-narrow{visibility:hidden}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px;border-top:1px solid #f0f3f5;padding-top:8px}.cal-dow{text-align:center;font-size:var(--fs-sm);font-weight:700;color:var(--muted);padding:var(--s-2) 0}
.cal-day{position:relative;height:36px;border:0;background:transparent;font-size:var(--fs-base);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:0}.cal-day::after{content:'';position:absolute;inset:3px 6px;border-radius:8px;border:1.5px solid transparent;z-index:0}.cal-day:not(:disabled):hover::after{background:#eef4f6}.cal-day.out,.cal-day.future{color:#c3ccd3;cursor:default}
.cal-day.in-range,.cal-day.hover-range{background:var(--teal-soft)}.cal-day.edge{color:#fff;font-weight:800}.cal-day.edge::after{background:var(--brand)!important;border-color:var(--brand)}.cal-day.start{background:linear-gradient(90deg,transparent 50%,var(--teal-soft) 50%)}.cal-day.end{background:linear-gradient(90deg,var(--teal-soft) 50%,transparent 50%)}.cal-day.start.end{background:transparent}.cal-day.today:not(.edge)::after{border-color:var(--brand)}
.cal-day{z-index:0}.cal-day{isolation:isolate}.cal-day::after{z-index:-1}
.rp-filters{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-4) var(--s-6);border-top:1px solid var(--line);font-size:var(--fs-base)}.rp-filters label{color:var(--ink)}.rp-filters select.field{width:160px;font-size:14px}
.rp-tagselect{position:relative}.rp-tagbox{display:flex;align-items:center;gap:var(--s-2);min-width:200px;min-height:var(--h-ctl);padding:4px var(--s-3) 4px 6px;border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;background:#fff}.rp-tagbox.open,.rp-tagbox:hover{border-color:#91bac0}.rp-tagbox .rp-caret{margin-left:auto}
.rp-chip{display:inline-flex;align-items:center;gap:6px;background:#eef2f5;border-radius:var(--r-sm);padding:4px var(--s-2);font-size:var(--fs-sm)}.rp-chip i{font-style:normal;color:#7f909c;cursor:pointer}.rp-chip i:hover{color:var(--red)}
.rp-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s-2);z-index:5}.rp-dropdown button{display:flex;align-items:center;gap:var(--s-3);width:100%;border:0;background:transparent;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--fs-md);text-align:left;color:var(--ink)}.rp-dropdown button:hover{background:#f4f8f9}.rp-dropdown small{margin-left:auto;color:var(--muted);font-size:var(--fs-xs)}.rp-box{width:16px;height:16px;border:1.5px solid #b9c6cf;border-radius:4px;flex:none}.rp-dropdown .on .rp-box{background:var(--brand);border-color:var(--brand);box-shadow:inset 0 0 0 3px #fff}
.rp-foot{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-6);border-top:1px solid var(--line)}.rp-default{position:relative}.rp-link{border:0;background:transparent;font-size:14px;color:var(--ink);padding:6px 0}.rp-link span{font-size:var(--fs-xs);margin-left:3px}.rp-menu{position:absolute;bottom:calc(100% + 8px);left:-8px;width:320px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s-2);z-index:5}.rp-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:var(--s-3);border-radius:var(--r-sm)}.rp-menu button:hover{background:#f4f8f9}.rp-menu strong{display:block;font-size:var(--fs-md)}.rp-menu small{display:block;color:var(--muted);font-size:var(--fs-xs);margin-top:2px}
.rp-remember{display:flex;align-items:center;gap:8px;font-size:14px}.rp-remember input{width:16px;height:16px;accent-color:var(--brand)}.rp-spacer{flex:1}.rp-foot .btn{padding:var(--s-2) var(--s-4)}
@media(max-width:1024px){.rp{width:calc(100vw - 112px)}.rp-main{grid-template-columns:1fr}.rp-presets{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:var(--s-2)}.rp-presets button{white-space:nowrap;padding:var(--s-2) var(--s-3);border-left:0;border-radius:var(--r-md);font-size:var(--fs-md)}.rp-months{grid-template-columns:1fr}.rp-month.second{display:none}.rp-nav-narrow{visibility:visible}.rp-head .rp-navs:first-child{justify-content:flex-start}}
@media(max-width:768px){.rp{position:fixed;inset:auto 8px 8px 8px;top:auto;left:8px;width:auto;max-height:calc(100vh - 64px);overflow:auto}.rp-foot{flex-wrap:wrap}.range-bar{align-items:stretch}.range-trigger{width:100%}}
/* ---- cham diem cuoc goi (05/10) ---- */
.btn,.icon-btn{cursor:pointer}
#cdgTong strong{font-variant-numeric:tabular-nums}
.modal .toolbar .field[type=number]{width:64px}
@media(max-width:640px){.cdg-dong{flex-direction:column;align-items:stretch!important}.cdg-dong .toolbar{justify-content:flex-start}}
/* ---- ho so 360 tu du (05/10) ---- */
.hs-tim{width:min(420px,100%)}
.hs-ve{margin-bottom:var(--s-4)}