@import "https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800&display=swap";nav{grid-template-columns:repeat(5,1fr)!important}.auth-page{background:radial-gradient(circle at 80% 15%,#1ca8ed55,#0000 28%),linear-gradient(145deg,#061d55,#0758af);place-items:center;min-height:100vh;padding:22px;display:grid}.auth-card{background:#fff;border-radius:25px;width:min(410px,100%);padding:30px;box-shadow:0 24px 70px #00153666}.auth-logo{align-items:center;gap:10px;display:flex}.auth-logo b,.auth-logo span{display:block}.auth-logo span{color:#738098;text-transform:uppercase;letter-spacing:1px;font-size:10px}.auth-icon{color:#0758af;background:#e9f4ff;border-radius:18px;place-items:center;width:58px;height:58px;margin:28px auto 10px;display:grid}.auth-card h1{text-align:center;margin:5px 0;font-size:28px}.auth-card>p{text-align:center;color:#738098;margin:0 0 24px;font-size:12px}.auth-card label{margin-top:13px;font-size:13px;font-weight:600;display:block}.auth-card input{border:1px solid #d9e2ee;border-radius:12px;outline:none;width:100%;margin-top:6px;padding:13px;font:14px Kanit;display:block}.auth-card input:focus{border-color:#1470dd;box-shadow:0 0 0 3px #1470dd18}.auth-submit{color:#fff;background:#0958b5;border:0;border-radius:12px;width:100%;margin-top:20px;padding:13px;font:600 14px Kanit}.auth-submit:disabled{opacity:.6}.auth-error{color:#b4232b;background:#ffe8e8;border-radius:10px;margin-top:12px;padding:9px 11px;font-size:11px}.avatar svg{width:17px}:root{color:#12213f;font-synthesis:none;background:#eef3fa;font-family:Kanit,sans-serif}*{box-sizing:border-box}body{margin:0}.app{background:#f7f9fd;max-width:520px;min-height:100vh;margin:auto;padding-bottom:92px;box-shadow:0 0 35px #bac7da55}header{z-index:4;background:#fff;border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;height:68px;padding:10px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brandmark{color:#fff;background:linear-gradient(135deg,#f0272e 35%,#174c9b 36%);border-radius:9px;padding:5px 9px;font-size:21px;font-style:italic;font-weight:900}.brand b,.brand span{display:block}.brand span{text-transform:uppercase;color:#738098;letter-spacing:1px;font-size:10px}.avatar{color:#0f5aaf;background:#e8f3ff;border:0;border-radius:50%;width:38px;height:38px;font-weight:700}.hero{color:#fff;background:radial-gradient(circle at 90% 15%,#24a4fa 0 3%,#0000 28%),linear-gradient(145deg,#051d56,#063e91 70%,#05a5ef);border-radius:24px;justify-content:space-between;min-height:208px;margin:14px 14px 0;padding:23px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:18px solid #82ff6c40;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-68px;right:-65px}.eyebrow{background:#ffffff1f;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:inline-flex}.hero h1{text-transform:uppercase;margin:14px 0 8px;font-size:34px;line-height:1.03}.hero h1 em{color:#dfff47;font-style:normal}.hero p{color:#c9e5ff;font-size:11px}.hero-score{background:#071d50aa;border:1px solid #ffffff2a;border-radius:18px;flex-direction:column;align-self:center;align-items:center;min-width:105px;padding:14px 12px;display:flex}.hero-score svg{color:#ffd429}.hero-score b{color:#dfff47;font-size:28px}.summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:-18px 24px 16px;display:grid;position:relative}.summary article{background:#fff;border:1px solid #e7edf7;border-radius:15px;align-items:center;gap:7px;padding:12px 7px;display:flex;box-shadow:0 7px 18px #21426c15}.metric{border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.metric svg{width:15px}.blue{color:#1470dd;background:#e8f3ff}.orange{color:#ed841b;background:#fff1dd}.green{color:#14a05a;background:#e2f8ec}.summary b,.summary span{display:block}.summary span{color:#7c8798;font-size:8px}.section-title{justify-content:space-between;align-items:center;padding:2px 18px;display:flex}.section-title h2{margin:0;font-size:20px}.section-title p{color:#8490a1;margin:1px 0;font-size:10px}.round{background:#fff;border:1px solid #e2e8f1;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.search{background:#fff;border:1px solid #e2e8f2;border-radius:14px;gap:8px;margin:10px 15px 8px;padding:10px 12px;display:flex}.search svg{color:#8490a1;width:18px}.search input{width:100%;font:inherit;border:0;outline:0;font-size:12px}.chips{gap:7px;padding:0 15px 10px;display:flex}.chips button{color:#68768a;background:#fff;border:1px solid #dce4ef;border-radius:20px;padding:7px 12px;font:500 10px Kanit}.chips .active{color:#fff;background:#0b55af;border-color:#0b55af}.customer-list{gap:11px;padding:0 14px;display:grid}.customer{background:#fff;border:1px solid #e5ebf3;border-radius:18px;padding:14px;box-shadow:0 5px 15px #29496b0a}.card-top{justify-content:space-between;display:flex}.due,.locked,.available{border-radius:12px;align-items:center;gap:3px;padding:4px 8px;font-size:9px;display:inline-flex}.due.expired{color:#d62b31;background:#ffdfdf}.due.today{color:#d65613;background:#ffe7d4}.due.soon{color:#a86a00;background:#fff0c9}.due.normal{color:#276cae;background:#e9f4ff}.locked{color:#526174;background:#edf2f7}.locked svg,.available svg{width:10px;height:10px}.available{color:#168b55;background:#e6f8ee}.customer h3{margin:11px 0 3px;font-size:15px}.customer>p,.sheet-head p{color:#778499;align-items:center;gap:3px;margin:0;font-size:10px;display:flex}.customer>p svg,.sheet-head p svg{width:12px}.note{color:#59677a;background:#f5f7fa;border-left:3px solid #8eb5de;border-radius:5px;margin:11px 0;padding:8px;font-size:10px}.card-foot{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.card-foot span,.card-foot b{display:block}.card-foot span{color:#8a96a7;font-size:8px}.card-foot button,.call,.save{color:#fff;background:#0958b5;border:0;border-radius:11px;align-items:center;gap:5px;padding:9px 11px;font:500 10px Kanit;text-decoration:none;display:flex}.card-foot svg{width:13px}nav{z-index:5;background:#fff;border-top:1px solid #e2e8f1;grid-template-columns:repeat(4,1fr);width:min(520px,100%);height:74px;padding-bottom:5px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#8c97a8;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font:9px Kanit;display:flex}nav svg{width:21px}nav .active{color:#0958b5}.overlay{z-index:10;background:#06152f99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#fff;border-radius:25px 25px 0 0;width:min(520px,100%);max-height:92vh;padding:8px 18px 25px;overflow:auto}.grab{background:#d8dee8;border-radius:4px;width:45px;height:4px;margin:0 auto 14px}.sheet-head{justify-content:space-between;display:flex}.sheet-head h2{margin:7px 0 2px;font-size:19px}.call{background:linear-gradient(90deg,#0860c4,#0792da);justify-content:center;margin:17px 0;font-size:14px}.assign label,.field{font-size:11px;font-weight:600}.assign>div{gap:6px;padding:8px 0 14px;display:flex;overflow:auto}.assign button{white-space:nowrap;background:#fff;border:1px solid #e0e6ef;border-radius:12px;align-items:center;gap:5px;padding:6px 8px;font:10px Kanit;display:flex}.assign button span{color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.assign button svg{width:11px}.assign .chosen{color:#0b56ac;background:#edf6ff;border-color:#1767c3}.field{margin:8px 0 13px;display:block}.field select,.field textarea,.field input{background:#fafcff;border:1px solid #dfe6f0;border-radius:12px;width:100%;margin-top:5px;padding:10px;font:11px Kanit;display:block}.field textarea{resize:none;height:78px}.field small{color:#8d98a7;margin-top:4px;font-size:8px;font-weight:400;display:block}.save{justify-content:center;width:100%;margin-top:8px;padding:13px;font-size:13px}.toast{color:#fff;z-index:20;background:#13243b;border-radius:12px;padding:10px 16px;font-size:11px;animation:2.6s forwards fade;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}@keyframes fade{0%{opacity:0}10%,80%{opacity:1}to{opacity:0}}@media (width>=700px){body{padding:20px}.app{border-radius:24px;min-height:calc(100vh - 40px);overflow:hidden}nav{border-radius:0 0 24px 24px;bottom:20px}.overlay{align-items:center}.sheet{border-radius:25px;max-height:90vh}}.header-actions{align-items:center;gap:9px;display:flex}.view-switch{background:#eef3f9;border:1px solid #dfe7f1;border-radius:12px;padding:3px;display:flex}.view-switch button{color:#7c899b;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:32px;height:30px;display:grid}.view-switch button svg{width:16px}.view-switch button.active{color:#0958b5;background:#fff;box-shadow:0 2px 7px #234b761c}.app.desktop{width:calc(100vw - 32px);max-width:1800px}.app.desktop main{padding:0 clamp(24px,2.5vw,46px) 104px}.app.desktop .hero{min-height:240px;padding:32px 42px}.app.desktop .hero h1{font-size:44px}.app.desktop .hero-score{min-width:150px;padding:24px}.app.desktop .summary{max-width:720px;margin:-25px auto 24px}.app.desktop .summary article{padding:18px}.app.desktop .summary span{font-size:10px}.app.desktop .section-title,.app.desktop .search,.app.desktop .chips{max-width:100%;margin-left:0;margin-right:0}.app.desktop .customer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0}.app.desktop nav{width:min(1800px,100vw - 32px);height:68px}.app.desktop .sheet{width:min(650px,100% - 40px)}@media (width<=699px){.view-switch{display:none}}@media (width>=1050px){.app.desktop .customer-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1500px){.app.desktop .customer-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.brand b{font-size:17px}.brand span{font-size:11px}.eyebrow,.hero p{font-size:13px}.hero-score span{font-size:11px}.summary b{font-size:21px}.summary span{font-size:11px;line-height:1.3}.section-title h2{font-size:23px}.section-title p{font-size:12px}.search input{font-size:14px}.chips button{padding:8px 14px;font-size:12px}.due,.locked,.available{padding:5px 9px;font-size:11px}.customer h3{font-size:18px;line-height:1.4}.customer>p,.sheet-head p{font-size:12px}.note{padding:10px;font-size:13px;line-height:1.55}.card-foot span{font-size:10px}.card-foot b,.card-foot button,.call,.save{font-size:13px}nav button{font-size:11px}.sheet-head h2{font-size:22px}.assign label,.field{font-size:14px}.assign button{padding:8px 10px;font-size:12px}.field select,.field textarea,.field input{padding:12px;font-size:14px}.field small{font-size:11px;line-height:1.45}@media (width<=420px){.brand b{font-size:15px}.brand span{font-size:9px}.hero h1{font-size:36px}.summary article{flex-direction:column;align-items:flex-start}.summary span{font-size:10px}.customer h3{font-size:17px}}.campaign-map{background:#fff;border:1px solid #dce6e3;border-radius:20px;margin:22px 14px 26px;overflow:hidden;box-shadow:0 9px 25px #29496b12}.campaign-map .native-crm-map{height:720px;margin:0}.app.desktop .campaign-map{margin:28px 0 30px}@media (width<=760px){.campaign-map .native-crm-map{height:auto;min-height:700px}.campaign-map{border-radius:16px}}.campaign-map .crm-native-head h1{font-size:18px}.campaign-map .crm-native-head p,.campaign-map .heat-legend p,.campaign-map .layer-toggle,.campaign-map .crm-map-left h3{font-size:12px}.campaign-map .region-card span{font-size:13px}.campaign-map .region-card small,.campaign-map .region-card b{font-size:11px}.campaign-map .shop-title h2{font-size:17px}.campaign-map .shop-title p,.campaign-map .shop-title>b,.campaign-map .segment-tabs button,.campaign-map .crm-map-search input,.campaign-map .crm-province-selects select{font-size:11px}.campaign-map .crm-native-shops strong{font-size:12px}.campaign-map .crm-native-shops span,.campaign-map .crm-native-shops small{font-size:11px}.crm-login-link{color:#fff;background:#0f766e;border-radius:8px;margin:10px 0;padding:9px 14px;text-decoration:none;display:inline-flex}.crm-map-error button{margin-top:7px}.crm-login-help{color:#71817d;margin-bottom:7px;font-size:12px;display:block}.mobile-options-trigger,.mobile-options-close,.mobile-map-backdrop{display:none}@media (width<=760px){.campaign-map .crm-native-grid{min-height:0;display:block;position:relative}.campaign-map .crm-map-stage{width:100%;height:600px;margin:0}.campaign-map .crm-map-left{z-index:720;order:initial;border:0;border-right:1px solid #dce6e3;width:min(88%,360px);height:600px;transition:transform .24s;display:block;position:absolute;top:0;left:0;transform:translate(-105%);box-shadow:12px 0 30px #102e2950}.campaign-map .crm-map-left.mobile-open{transform:translate(0)}.campaign-map .crm-map-right{width:100%;min-height:600px;box-shadow:none;order:initial;position:static}.mobile-options-trigger{z-index:650;color:#174b44;background:#fff;border:1px solid #c7d9d4;border-radius:11px;align-items:center;gap:6px;padding:10px 12px;font:600 12px Kanit;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 5px 15px #143d3630}.mobile-options-trigger svg,.mobile-options-close svg{width:17px}.mobile-options-close{z-index:2;color:#fff;background:#153d38;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:12px;padding:11px;font:600 12px Kanit;display:flex;position:sticky;top:0}.mobile-map-backdrop{z-index:710;background:#092a255e;border:0;display:block;position:absolute;inset:0}}.app.mobile .campaign-map .crm-native-grid{min-height:0;display:block;position:relative}.app.mobile .campaign-map .crm-map-stage{width:100%;height:600px;margin:0}.app.mobile .campaign-map .crm-map-left{z-index:720;order:initial;border:0;border-right:1px solid #dce6e3;width:min(88%,360px);height:600px;transition:transform .24s;display:block;position:absolute;top:0;left:0;transform:translate(-105%);box-shadow:12px 0 30px #102e2950}.app.mobile .campaign-map .crm-map-left.mobile-open{transform:translate(0)}.app.mobile .campaign-map .crm-map-right{width:100%;min-height:600px;box-shadow:none;order:initial;display:none;position:static}.section-title h2 small{color:#16846a;font-size:13px;font-weight:600}.app.mobile .mobile-options-trigger{z-index:650;color:#174b44;background:#fff;border:1px solid #c7d9d4;border-radius:11px;align-items:center;gap:6px;padding:10px 12px;font:600 12px Kanit;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 5px 15px #143d3630}.app.mobile .mobile-options-close{z-index:2;color:#fff;background:#153d38;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:12px;padding:11px;font:600 12px Kanit;display:flex;position:sticky;top:0}.app.mobile .mobile-map-backdrop{z-index:710;background:#092a255e;border:0;display:block;position:absolute;inset:0}.customer-type{color:#235f99;background:#eef6ff;border-radius:8px;margin-top:9px;padding:5px 8px;font-size:11px;font-weight:600;display:inline-block}.assign label small,.field>small{color:#7d8b9c;margin-left:4px;font-weight:400}.save:disabled{opacity:.5;cursor:not-allowed}.save-error{color:#b52b32;background:#fff0f0;border:1px solid #ffd3d5;border-radius:10px;margin-top:8px;padding:9px 11px;font-size:12px}.caller-summary{border-radius:12px;flex-direction:column;align-items:flex-end;gap:1px;padding:5px 9px;display:flex!important}.caller-summary b{font-size:11px;font-weight:500}.caller-summary small{opacity:.78;white-space:nowrap;font-size:9px}.caller-summary.locked,.caller-summary.available{display:flex}.hero.simple{min-height:185px}.pending-metrics article{box-shadow:none}.pending-metrics b{color:#8490a1}.readonly-field>div{color:#334155;background:#f3f6fa;border:1px solid #dfe6f0;border-radius:12px;width:100%;margin-top:5px;padding:12px;font-size:14px;font-weight:500;display:block}.simple-map-head{min-height:64px;grid-template-columns:1fr auto!important}.simple-map-head h1{margin:0}.simple-map-head .crm-logo,.simple-map-head p{display:none}.overlay{z-index:2000;isolation:isolate;overscroll-behavior:contain}.overlay .sheet{z-index:2001;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:relative}.overlay~* .leaflet-pane,.overlay .leaflet-pane{pointer-events:none}:root{-webkit-text-size-adjust:100%}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}.app{width:100%;min-height:100dvh}@media (width<=699px){html,body{overscroll-behavior-x:none}body{width:100vw;min-width:0;padding:0}.app,.app.mobile{width:100vw;max-width:100vw;min-height:100svh;box-shadow:none;margin:0}.auth-page{width:100vw;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.auth-card input,.search input,.field select,.field textarea,.field input{font-size:16px}header{padding-top:calc(10px + env(safe-area-inset-top));height:calc(68px + env(safe-area-inset-top))}nav{width:100vw;height:calc(74px + env(safe-area-inset-bottom));padding-bottom:calc(5px + env(safe-area-inset-bottom))}.app{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}.settings-page{min-height:calc(100dvh - 72px);padding:26px 24px 110px!important}.settings-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.settings-heading span{color:#0d8176;font-size:12px;font-weight:700}.settings-heading h1{margin:3px 0;font-size:30px}.settings-heading p,.panel-title p{color:#718096;margin:0;font-size:12px}.settings-heading>button{color:#fff;cursor:pointer;background:#087f75;border:0;border-radius:12px;align-items:center;gap:7px;padding:13px 17px;font:600 14px Kanit;display:flex}.settings-heading svg{width:18px}.settings-panel{background:#fff;border:1px solid #dce5e5;border-radius:18px;margin-bottom:18px;overflow:hidden;box-shadow:0 8px 25px #244c4810}.panel-title{border-bottom:1px solid #e5ecec;padding:18px 20px}.panel-title>div{align-items:center;gap:10px;display:flex}.panel-title svg{color:#0b8176}.panel-title h2{margin:0;font-size:18px}.users-head,.user-row{grid-template-columns:1.5fr 1fr .8fr 1.5fr;align-items:center;gap:14px;padding:12px 18px;display:grid}.users-head{color:#667775;background:#f6f9f9;font-size:11px}.user-row{border-top:1px solid #edf1f1}.user-row:first-of-type{border-top:0}.user-name{flex-direction:column;display:flex}.user-name b{font-size:14px}.user-name small{color:#768795;font-size:11px}.user-row select{background:#fff;border:1px solid #d8e3e3;border-radius:9px;padding:9px;font:500 12px Kanit}.status{cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:7px 10px;font:600 11px Kanit}.status.on{color:#087558;background:#dcf6ec}.status.off{color:#738088;background:#f0f2f3}.user-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.user-actions button{color:#126d67;cursor:pointer;background:#fff;border:1px solid #cedddd;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font:500 11px Kanit;display:flex}.user-actions svg{width:14px}.password-pending,.password-ready{border-radius:999px;padding:5px 8px;font-size:10px}.password-pending{color:#9a6200;background:#fff3d6}.password-ready{color:#08765a;background:#e2f7ed}.audit-list>div{border-top:1px solid #edf1f1;grid-template-columns:1.3fr .8fr .8fr 1.5fr;align-items:center;gap:12px;padding:11px 18px;font-size:11px;display:grid}.audit-list>div:first-child{border-top:0}.audit-list time,.audit-list small{color:#718096}.audit-list span{color:#08765a}.settings-loading,.settings-error{border-radius:12px;margin-bottom:15px;padding:14px}.settings-loading{color:#667;background:#fff}.settings-error{color:#b52b32;background:#fff0f0;border:1px solid #ffd3d5}.settings-loading svg{vertical-align:middle;width:17px}.settings-dialog-wrap{z-index:3000;background:#132a3c91;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-dialog{background:#fff;border-radius:18px;width:min(460px,100%);padding:22px;box-shadow:0 24px 70px #10223045}.settings-dialog h2{margin:0 0 18px;font-size:21px}.settings-dialog label{flex-direction:column;gap:6px;margin:12px 0;font-size:13px;font-weight:600;display:flex}.settings-dialog input,.settings-dialog select{background:#fff;border:1px solid #d7e1e6;border-radius:10px;padding:11px 12px;font:500 14px Kanit}.settings-dialog small{color:#7b8794;font-weight:400}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-actions button{background:#fff;border:1px solid #d7e1e6;border-radius:10px;padding:10px 14px;font:600 13px Kanit}.dialog-actions .primary{color:#fff;background:#087f75;border-color:#087f75}.change-password{max-width:480px}.change-password small{color:#7b8794}@media (width<=699px){.settings-page{padding:20px 14px 105px!important}.settings-heading{align-items:flex-start}.settings-heading h1{font-size:24px}.settings-heading p{max-width:220px}.settings-heading>button{padding:10px 11px;font-size:12px}.users-head{display:none}.user-row{grid-template-columns:1fr 1fr;gap:9px;padding:15px}.user-name{grid-column:1/-1}.user-actions{grid-column:1/-1;justify-content:flex-start}.audit-list>div{grid-template-columns:1fr 1fr;gap:5px 9px}.audit-list small{grid-column:1/-1}.settings-dialog input,.settings-dialog select{font-size:16px}}.activity-page{min-height:calc(100dvh - 68px);padding:28px clamp(18px,2.5vw,46px) 110px!important}.activity-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.activity-head h1{margin:0;font-size:28px}.activity-head p{color:#718096;margin:4px 0;font-size:12px}.activity-head button{color:#0e766e;background:#fff;border:1px solid #d6e2e4;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font:600 12px Kanit;display:flex}.activity-head svg{width:16px}.activity-empty{text-align:center;color:#718096;background:#fff;border:1px solid #e0e8ed;border-radius:16px;padding:45px 20px}.call-log-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.call-log-list article{background:#fff;border:1px solid #e0e8ed;border-radius:15px;padding:15px}.call-log-list article>div:first-child{flex-direction:column;display:flex}.call-log-list b{font-size:15px}.call-log-list span,.call-log-list time{color:#718096;font-size:10px}.call-log-list time{margin:7px 0;display:block}.call-log-list p{background:#f5f7fa;border-left:3px solid #79a9d9;border-radius:6px;min-height:42px;padding:9px;font-size:12px}.log-badges{flex-wrap:wrap;align-items:center;gap:6px;flex-direction:row!important;display:flex!important}.log-badges span,.log-badges strong{border-radius:999px;padding:5px 8px;font-size:10px}.log-badges span{color:#496272;background:#eef4f8}.log-badges strong{color:#08765a;background:#e2f7ed;margin-left:auto}.score-rules{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px;display:grid}.score-rules span{background:#fff;border:1px solid #dfe7ed;border-radius:12px;align-items:center;gap:7px;padding:12px;font-size:11px;display:flex}.score-rules svg{color:#0a70c8;width:17px}.leaderboard{gap:9px;display:grid}.leaderboard article{background:#fff;border:1px solid #dfe7ed;border-radius:15px;grid-template-columns:50px minmax(180px,1fr) minmax(280px,1.2fr) 90px;align-items:center;gap:12px;padding:13px 17px;display:grid}.leaderboard article.top{border-color:#d8c16e;box-shadow:0 6px 18px #7f651517}.rank{color:#506174;place-items:center;font-size:18px;font-weight:800;display:grid}.rank svg{color:#d6a90b}.leader-name{flex-direction:column;display:flex}.leader-name b{font-size:15px}.leader-name span{color:#718096;font-size:10px}.score-breakdown{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.score-breakdown small{text-align:center;color:#526574;background:#f2f6f8;border-radius:7px;padding:6px}.leaderboard article>strong{text-align:right;color:#075ab4;font-size:24px}.leaderboard article>strong small{color:#718096;font-size:9px;display:block}@media (width<=699px){.activity-page{padding:20px 14px 105px!important}.activity-head h1{font-size:23px}.call-log-list{grid-template-columns:1fr}.score-rules{grid-template-columns:1fr 1fr}.leaderboard article{grid-template-columns:36px 1fr 65px;padding:12px 10px}.score-breakdown{grid-area:2/2/auto/-1}.leaderboard article>strong{font-size:20px}}.native-crm-map{color:#172725;background:#fff;flex-direction:column;height:calc(100vh - 70px);margin:-30px -34px -50px;display:flex;overflow:hidden}.crm-native-head{background:#fff;border-bottom:1px solid #dce6e3;flex:none;align-items:center;gap:12px;height:64px;padding:8px 18px;display:flex}.crm-logo{color:#fff;background:#0c9e70;border-radius:9px;padding:8px 13px;font-size:20px;font-weight:900}.crm-native-head h1{margin:0;font-size:16px}.crm-native-head h1 small{font-size:13px}.crm-native-head p{color:#75847f;margin:2px 0 0;font-size:10px}.crm-native-head>button{color:#315d57;cursor:pointer;background:#f5f9f8;border:1px solid #ccdad6;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;display:flex}.crm-native-grid{flex:1;grid-template-columns:280px minmax(420px,1fr) 330px;min-height:0;display:grid}.crm-map-left,.crm-map-right{background:#fff;padding:12px;overflow:auto}.crm-map-left{border-right:1px solid #dce6e3}.crm-map-right{border-left:1px solid #dce6e3;flex-direction:column;display:flex}.crm-map-left h3{color:#778883;align-items:center;gap:5px;margin:4px 0 8px;font-size:10px;display:flex}.heat-legend{border:1px solid #dfe8e6;border-radius:9px;margin-bottom:14px;padding:7px 10px}.heat-legend p{align-items:center;gap:6px;margin:5px 0;font-size:10px;display:flex}.heat-legend p b{margin-left:auto}.heat-legend i{border-radius:50%;width:10px;height:10px}.heat-legend .green{background:#12a873}.heat-legend .orange{background:#e99a13}.heat-legend .red{background:#e53d43}.layer-toggle{border:1px solid #dfe8e6;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:9px;font-size:10px;display:flex}.layer-toggle input{accent-color:#0d966c}.region-card{border:1px solid #dfe8e6;border-left:4px solid var(--region,#1d3030);text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:center;width:100%;margin-bottom:7px;padding:9px 10px;display:flex}.region-card.active{background:color-mix(in srgb,var(--region,#18312e) 12%,white);border-color:var(--region,#18312e)}.region-card span{font-size:11px;font-weight:700}.region-card small{color:#7b8a86;margin-top:2px;font-size:9px;font-weight:400;display:block}.region-card b{background:color-mix(in srgb,var(--region,#18312e) 18%,white);border-radius:10px;margin-left:auto;padding:4px 7px;font-size:9px}.crm-map-stage{background:#d6e8ea;min-width:0;position:relative}.crm-leaflet-host{position:absolute;inset:0}.crm-map-label{text-align:center;white-space:nowrap;background:0 0!important;border:0!important}.crm-map-label span{color:#fff;border:1px solid #fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;display:inline-grid;box-shadow:0 1px 4px #0005}.crm-map-label b{color:#1f302e;text-shadow:0 1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff;font-size:9px;display:block}.shop-title{justify-content:space-between;align-items:flex-start;display:flex}.shop-title h2{margin:0;font-size:15px}.shop-title p{color:#75847f;margin:2px 0;font-size:9px}.shop-title>b{color:#08755b;background:#e6f6f1;border-radius:12px;padding:5px 8px;font-size:10px}.segment-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0 8px;display:grid}.segment-tabs button{cursor:pointer;background:#eef3f2;border:0;border-radius:7px;padding:7px 3px;font-size:9px}.segment-tabs button.active{color:#fff;background:#112b29}.segment-tabs button.urgent{color:#b82934;background:#fee5e7}.segment-tabs button.dense{color:#08765b;background:#ddf5eb}.crm-map-search{border:1px solid #dce6e3;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 9px;display:flex}.crm-map-search input{border:0;outline:0;width:100%;font-size:10px}.crm-province-selects{grid-template-columns:1fr 1fr;gap:5px;margin-top:6px;display:grid}.crm-province-selects select{background:#fff;border:1px solid #dce6e3;border-radius:7px;min-width:0;padding:7px;font-size:9px}.secure-hint{color:#6d807b;background:#f1f7f5;border-radius:6px;margin:7px 0;padding:6px 8px;font-size:8px}.crm-native-shops{gap:7px;min-height:0;padding-right:3px;display:grid;overflow:auto}.crm-native-shops article{background:#fff;border:1px solid #dce6e3;border-left:4px solid #4388e8;border-radius:9px;padding:9px}.crm-native-shops strong{margin-bottom:4px;font-size:10px;display:block}.crm-native-shops span,.crm-native-shops small{color:#526b66;align-items:center;gap:5px;margin-top:3px;font-size:9px;display:flex}.crm-native-shops em{color:#a1620a;background:#fff0c9;border-radius:4px;margin-top:4px;padding:2px 5px;font-size:8px;font-style:normal;display:inline-block}.crm-native-shops .linked{color:#08745b;align-items:center;gap:4px;margin-top:5px;font-size:8px;display:flex}.no-shop{text-align:center;color:#73847f;padding:40px 10px;font-size:11px}.crm-pagination{justify-content:center;align-items:center;gap:9px;padding-top:8px;display:flex}.crm-pagination button{cursor:pointer;background:#fff;border:1px solid #d6e2df;border-radius:7px;place-items:center;width:30px;height:28px;display:grid}.crm-pagination button:disabled{opacity:.35}.crm-pagination svg{width:15px}.crm-pagination span{font-size:9px}.crm-map-error{text-align:center;align-content:center;place-items:center;min-height:400px;display:grid}.crm-map-error h2{margin:10px 0 0}.crm-map-error p{color:#72827e}.crm-map-error button{color:#fff;background:#0f766e;border:0;border-radius:8px;padding:9px 14px}@media (width<=1200px){.native-crm-map{margin:-24px -18px -50px}.crm-native-grid{grid-template-columns:230px 1fr}.crm-map-right{z-index:500;width:330px;position:absolute;top:134px;bottom:0;right:0;box-shadow:-10px 0 25px #183b3530}.crm-map-stage{margin-right:330px}}@media (width<=760px){.native-crm-map{height:auto;min-height:calc(100vh - 70px);overflow:visible}.crm-native-head{height:auto}.crm-native-head h1{font-size:13px}.crm-native-grid{flex-direction:column;display:flex}.crm-map-stage{order:1;height:540px;margin:0}.crm-map-left{order:2}.crm-map-right{order:3;width:auto;min-height:600px;position:static}.crm-native-head>button{font-size:0}.crm-native-head>button svg{margin:0}.crm-native-grid{overflow:visible}}.crm-map-stage{background:#e8efef}.crm-native-shops article{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.crm-native-shops article:hover{border-color:#6ea6ee;transform:translateY(-1px);box-shadow:0 7px 18px #2766ad20}.crm-native-shops article.shop-selected{background:#fff8f8;border-color:#e11d2e;box-shadow:0 0 0 2px #e11d2e24,0 9px 22px #a8192920}.shop-focus-marker{transform-origin:50%;transform-box:fill-box;animation:.75s ease-out infinite shop-map-pulse}.shop-focus-tooltip{color:#fff!important;background:#172725!important;border:0!important;border-radius:9px!important;font-family:Kanit,sans-serif!important;font-weight:700!important;box-shadow:0 5px 16px #0004!important}.shop-focus-tooltip:before{border-top-color:#172725!important}@keyframes shop-map-pulse{0%{stroke-width:3px;stroke-opacity:1;transform:scale(1)}70%{stroke-width:8px;stroke-opacity:.2;transform:scale(1.55)}to{stroke-width:3px;stroke-opacity:0;transform:scale(1.7)}}.crm-leaflet-host .leaflet-tile-pane{filter:grayscale(92%)saturate(22%)brightness(1.12)contrast(78%);opacity:.62}.crm-map-label{font-family:Noto Sans Thai,Tahoma,sans-serif!important}.crm-map-label span{text-shadow:0 1px 1px #0004;border:1.5px solid #fff;border-radius:11px;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:900;box-shadow:0 1px 4px #0006}.crm-map-label b{letter-spacing:-.15px;color:#172522;text-shadow:0 1px 3px #fff,1px 0 3px #fff,-1px 0 3px #fff,0 -1px 3px #fff;margin-top:1px;font-family:Noto Sans Thai,Tahoma,sans-serif;font-size:10px;font-weight:800}.sales-flow{color:#171717;background:#fff;min-height:calc(100vh - 142px);padding:18px 16px 32px}.flow-intro{padding:28px 4px 22px}.flow-kicker{color:#d51f2b;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.flow-kicker svg{width:15px}.flow-intro h1{margin:12px 0 10px;font-size:31px;line-height:1.16}.flow-intro p{color:#737373;margin:0;font-size:12px}.segment-grid{gap:12px;display:grid}.segment-card{text-align:left;background:#fff;border:1px solid #f0dfe0;border-radius:18px;grid-template-columns:46px 1fr 22px;align-items:center;gap:13px;width:100%;padding:16px 14px;font-family:inherit;display:grid;box-shadow:0 7px 22px #6c101008}.segment-card:active{background:#fff8f8;transform:scale(.99)}.segment-card>svg{color:#c72831;width:20px}.segment-letter{color:#fff;background:#d8212c;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid}.segment-copy b,.segment-copy small,.segment-copy em{display:block}.segment-copy b{font-size:14px}.segment-copy small{color:gray;margin:3px 0 7px;font-size:10px}.segment-copy em{color:#b51d26;font-size:10px;font-style:normal;font-weight:600}.flow-tip,.finish-check{color:#626262;background:#f6f6f6;border-radius:14px;gap:10px;margin-top:18px;padding:13px;font-size:10px;display:flex}.flow-tip svg,.finish-check svg{color:#d8212c;width:18px;min-width:18px}.flow-toolbar{justify-content:space-between;align-items:center;margin:-4px 0 12px;display:flex}.flow-toolbar button{color:#676767;background:0 0;border:0;align-items:center;gap:4px;padding:5px;font:500 10px Kanit;display:flex}.flow-toolbar button svg{width:14px}.flow-toolbar>span{color:#b71e27;background:#fee9ea;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700}.flow-progress{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:14px;display:grid}.flow-progress i{background:#eee;border-radius:5px;height:4px}.flow-progress i.on{background:#d8212c}.flow-context{border:1px solid #eee;border-radius:14px;margin-bottom:19px;padding:11px 13px}.flow-context span,.flow-context b,.flow-context small{display:block}.flow-context span{color:#b21d26;font-size:8px;font-weight:700}.flow-context b{margin:2px 0;font-size:12px}.flow-context small{color:#777;font-size:9px}.flow-stage{position:relative}.stage-number{color:#f4e7e8;font-size:52px;font-weight:800;line-height:1;position:absolute;top:-10px;right:0}.stage-label{color:#d51f2b;margin:0 0 5px;font-size:10px;font-weight:700;position:relative}.flow-stage h2{margin:0 0 8px;font-size:25px;line-height:1.2;position:relative}.stage-lead{color:#717171;margin:0 0 17px;font-size:11px}.script-box{background:#fff5f5;border-left:4px solid #d8212c;border-radius:0 12px 12px 0;margin:10px 0;padding:13px 14px}.script-box>span{color:#b51d26;font-size:8px;font-weight:700}.script-box p{color:#292929;margin:4px 0 0;font-size:13px;line-height:1.65}.flow-choices{gap:8px;margin-top:19px;display:grid}.flow-choices>span{color:#777;font-size:10px;font-weight:600}.flow-choices button{text-align:left;color:#252525;background:#fff;border:1px solid #e9e9e9;border-radius:13px;grid-template-columns:22px 1fr 18px;align-items:center;gap:7px;min-height:52px;padding:11px 12px;font:600 11px Kanit;display:grid}.flow-choices button>svg{color:#d8212c;width:17px}.flow-choices button small{color:#777;grid-column:2/3;font-size:9px;font-weight:400}.dont-box,.help-box{border-radius:12px;margin-top:14px;padding:11px 12px;font-size:10px;line-height:1.55}.dont-box{color:#a92129;background:#fff0f0}.help-box{color:#387129;background:#f1f7ee}.primary-flow,.secondary-flow{border-radius:13px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;padding:13px;font:600 12px Kanit;display:flex}.primary-flow{color:#fff;background:#d8212c;border:0}.primary-flow svg{width:17px}.secondary-flow{color:#555;background:#fff;border:1px solid #ddd}.offer-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.offer-grid article{border:1px solid #edd9da;border-radius:14px;padding:13px}.offer-grid article span{color:#fff;background:#d8212c;border-radius:8px;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.offer-grid article b{margin:9px 0 3px;font-size:11px;display:block}.offer-grid article p{color:#777;margin:0;font-size:9px;line-height:1.5}.finish-check{color:#3e6d38;background:#eff8ed}.finish-check svg{color:#3e9634}.follow-list{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.follow-list article{border:1px solid #ececec;border-radius:12px;padding:11px}.follow-list b{color:#b51d26;font-size:10px}.follow-list p{color:#777;margin:4px 0 0;font-size:9px;line-height:1.45}@media (width>=900px){.sales-flow{width:min(820px,100%);margin:auto;padding:34px}.segment-grid{grid-template-columns:repeat(3,1fr)}.segment-card{grid-template-columns:46px 1fr}.segment-card>svg{display:none}.flow-intro h1{font-size:40px}.active-flow{width:min(680px,100%)}.flow-stage h2{font-size:30px}}.gender-page{flex-direction:column;justify-content:center;display:flex}.gender-intro{padding:26px 4px}.gender-intro h1{margin:12px 0 9px;font-size:32px;line-height:1.16}.gender-intro p{color:#777;margin:0;font-size:11px}.gender-grid{gap:12px;display:grid}.gender-card{text-align:left;background:#fff;border:1px solid #eee;border-radius:20px;grid-template-columns:58px 1fr 22px;align-items:center;gap:14px;padding:18px;font-family:inherit;display:grid;box-shadow:0 8px 24px #1929490b}.gender-card>svg{color:#999;width:20px}.gender-icon{border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.gender-icon svg{width:30px;height:30px}.gender-card small,.gender-card b{display:block}.gender-card small{color:#888;font-size:10px}.gender-card b{margin-top:2px;font-size:17px}.gender-card.male .gender-icon{color:#176dc1;background:#eaf4ff}.gender-card.female .gender-icon{color:#d6326a;background:#fff0f4}.gender-card:active{transform:scale(.99)}.segment-card{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:17px;display:flex;position:relative}.segment-card>svg{position:absolute;top:27px;right:15px}.segment-letter{border-radius:12px;width:44px;height:38px;font-size:20px}.segment-copy{flex-direction:column;flex:1;width:100%;min-width:0;padding-right:3px;display:flex}.segment-copy b{font-size:15px;line-height:1.45}.segment-copy small{margin:4px 0 9px;font-size:11px;line-height:1.55}.segment-copy em{border-top:1px dashed #efd7d9;width:100%;margin-top:auto;padding-top:11px;font-size:11px;line-height:1.55}.segment-copy b,.segment-copy small,.segment-copy em{overflow-wrap:normal;word-break:normal}@media (width<=699px){.segment-grid{gap:11px}.segment-card{padding:16px 17px}.segment-copy b{font-size:16px}.segment-copy small,.segment-copy em{font-size:11px}.segment-card>svg{display:block}}@media (width>=900px){.segment-card{grid-template-columns:none;min-height:230px;display:flex}.segment-card>svg{display:block}.segment-copy b{font-size:16px}.segment-copy small,.segment-copy em{font-size:11px}}.stage-heading{align-items:baseline;gap:7px;margin:0 0 12px;padding-right:58px;font-size:13px;line-height:1.45;display:flex;position:relative}.stage-heading span{color:#d51f2b;font-weight:700}.stage-heading b{color:#171717;font-size:inherit;font-weight:600}.stage-lead{margin-top:-3px}.script-box>span{font-size:13px;font-weight:700;line-height:1.55;display:block}.script-box p{font-size:13px}.flow-choices>span{font-size:12px}.flow-choices button{color:#fff;background:#d8212c;border-color:#d8212c;min-height:58px;font-size:14px;line-height:1.4}.flow-choices button>svg{color:#fff}.flow-choices button small{color:#ffe3e5;font-size:11px;line-height:1.45}.flow-choices button:active{transform:scale(.99)}@media (width<=699px){.stage-heading{gap:6px;padding-right:45px;font-size:13px}.script-box>span,.script-box p{font-size:14px}.flow-choices button{padding:13px;font-size:15px}.flow-choices button small{font-size:12px}}.script-box{background:#fff3f3;border-left-width:5px;border-radius:0 16px 16px 0;margin:15px 0 18px;padding:20px 20px 21px}.script-box>span{margin-bottom:8px;font-size:17px;line-height:1.45}.script-box p{font-size:18px;font-weight:500;line-height:1.8}.flow-choices button{color:#fff;background:#d9646b;border-color:#d9646b}.flow-choices button:hover{background:#c8535a;border-color:#c8535a}.flow-choices button.choice-positive{background:#278a5b;border-color:#278a5b}.flow-choices button.choice-positive:hover{background:#20764d;border-color:#20764d}.flow-choices button.choice-caution{background:#d9676e;border-color:#d9676e}.flow-choices button.choice-caution:hover{background:#c4555c;border-color:#c4555c}.flow-choices button small{color:#fff0f1}@media (width<=699px){.script-box{padding:18px 17px 19px}.script-box>span{font-size:16px}.script-box p{font-size:18px;line-height:1.75}}.flow-choices button.choice-no-icon{text-align:left;grid-template-columns:minmax(0,1fr) 22px;padding:15px 17px}.flow-choices button.choice-no-icon>svg{grid-column:2;justify-self:end}.flow-choices button.choice-no-icon{font-size:15px;font-weight:600;line-height:1.5}@media (width<=699px){.flow-choices button.choice-no-icon{min-height:62px;padding:15px 16px;font-size:16px}}.stage-heading.stage-heading-prominent{margin-bottom:9px;font-size:24px;line-height:1.3}.stage-heading-prominent b{font-size:inherit;font-weight:700}.stage-lead.stage-lead-large{color:#565656;margin:0 0 18px;font-size:15px;font-weight:500;line-height:1.55}@media (width<=699px){.stage-heading.stage-heading-prominent{padding-right:42px;font-size:22px}.stage-lead.stage-lead-large{font-size:14px}}.promo-section{border-top:1px solid #eee;margin-top:34px;padding-top:24px}.promo-heading span{color:#d51f2b;font-size:10px;font-weight:700}.promo-heading h3{margin:3px 0;font-size:22px}.promo-heading p{color:#777;margin:0 0 15px;font-size:11px}.promo-list{gap:9px;display:grid}.promo-list details{background:#fff;border:1px solid #eadfe0;border-radius:14px;overflow:hidden}.promo-list summary{cursor:pointer;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:13px;list-style:none;display:grid}.promo-list summary::-webkit-details-marker{display:none}.promo-list summary>span{color:#c7202a;background:#fee9ea;border-radius:10px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.promo-list summary>b{font-size:12px}.promo-list summary small{color:#d51f2b;margin-top:2px;font-size:8px;display:block}.promo-list summary>svg{color:#a46a6e;width:17px;transition:all .2s}.promo-list details[open] summary>svg{transform:rotate(90deg)}.promo-list details>div strong{color:#c7202a;font-size:10px}.promo-list details>div p{color:#4f4f4f;margin:3px 0 9px;font-size:11px;line-height:1.65}.promo-list aside{color:#a31e27;background:#fff0f0;border-radius:8px;padding:8px;font-size:9px;line-height:1.5}.promo-list .promo-flash{background:#fffdf7;border-color:#f1c55f}.promo-list .promo-flash summary>span{color:#9b5b00;background:#ffe9a9}.promo-support{background:#edf8f1;border:1px solid #d4ebdc;border-radius:14px;margin-top:13px;padding:15px}.promo-support b{color:#25714a;font-size:12px}.promo-support p{color:#426054;margin:5px 0;font-size:10px;line-height:1.65}.promo-support small{color:#25714a;font-size:9px;font-weight:600}@media (width<=699px){.promo-heading h3{font-size:20px}.promo-list summary{padding:12px}.promo-list summary>b{font-size:13px}.promo-list details>div{padding-left:56px}.promo-list details>div p{font-size:12px}}.promo-list details>div{padding:4px 18px 18px 58px}.promo-list details>div strong{font-size:14px}.promo-list details>div p{margin:5px 0 13px;font-size:15px;line-height:1.75}.promo-list aside{padding:11px;font-size:13px;line-height:1.6}.promo-list .promo-flash{background:linear-gradient(135deg,#fffdf5,#fff8df);border-width:2px;margin-top:5px}.promo-list .promo-flash summary>b{color:#805000;font-size:14px}.promo-list .promo-flash summary small{color:#b27400;font-size:10px}@media (width<=699px){.promo-list details>div{padding:4px 16px 17px 56px}.promo-list details>div strong{font-size:13px}.promo-list details>div p{font-size:14px}.promo-list aside{font-size:12px}}.promo-list .promo-bonus{background:#f6fbf8;border-color:#cfe5d7;margin-top:5px}.promo-list .promo-bonus summary{grid-template-columns:minmax(0,1fr) 18px;padding-left:16px}.promo-list .promo-bonus summary>b{color:#25714a;font-size:14px}.promo-list .promo-bonus summary small{color:#39845d;font-size:10px}.promo-list .promo-bonus>div{padding-left:16px}.promo-list .promo-flash{background:linear-gradient(135deg,#fffefb,#fffaf0);border-width:1px}.promo-check-wrap{border-top:1px dashed #e7c8ca;margin-top:15px;padding-top:14px}.promo-check{color:#3d3d3d;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font:600 14px Kanit;display:flex}.promo-check>span{color:#fff;background:#fff;border:2px solid #d9676e;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.promo-check>span svg{width:17px}.promo-check.checked>span{background:#278a5b;border-color:#278a5b}.promo-check.checked{color:#23764e}.promo-check-wrap>small{color:#c52b35;margin:5px 0 0 35px;font-size:11px;font-weight:600;line-height:1.45;display:block}.selected-promos{background:#edf8f1;border:1px solid #cfe8d8;border-radius:14px;gap:7px;margin:0 0 18px;padding:14px;display:grid}.selected-promos>span{color:#5b7564;font-size:10px}.selected-promos>b{color:#23764e;align-items:center;gap:7px;font-size:12px;display:flex}.selected-promos svg{width:15px}@media (width<=699px){.promo-check{font-size:15px}.promo-check-wrap>small{font-size:12px}.promo-check>span{width:28px;height:28px}}.promo-check-wrap>em{color:#d51f2b;margin:7px 0 0 35px;font-size:11px;font-style:normal;font-weight:700;display:block}.primary-flow.promo-ready{background:#278a5b}.primary-flow.promo-ready:hover{background:#20764d}@media (width<=699px){.promo-check-wrap>em{font-size:12px}}.offer-grid article{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:22px 18px;display:flex}.offer-grid article span{border-radius:14px;width:48px;height:48px;font-size:25px}.offer-grid article b{margin:14px 0 6px;font-size:18px;line-height:1.4}.offer-grid article strong{color:#c7202a;margin-bottom:9px;font-size:14px;line-height:1.45}.offer-grid article p{color:#555;font-size:14px;line-height:1.65}.offer-grid+.script-box{margin-top:20px}@media (width<=699px){.offer-grid{grid-template-columns:1fr}.offer-grid article{min-height:220px}.offer-grid article b{font-size:19px}.offer-grid article strong,.offer-grid article p{font-size:15px}}.pricing-guidance{color:#252525;background:#fff5f5;border-left:4px solid #d8212c;border-radius:0 12px 12px 0;margin:2px 0 20px;padding:14px 16px;font-size:17px;font-weight:700;line-height:1.7}@media (width<=699px){.pricing-guidance{padding:13px 14px;font-size:16px}}.primary-flow.closing-positive{background:#278a5b;min-height:58px;font-size:17px;font-weight:700}.primary-flow.closing-positive:hover{background:#20764d}@media (width<=699px){.primary-flow.closing-positive{min-height:62px;font-size:17px}}.finish-check.closing-next{align-items:center;margin-top:18px;padding:18px;font-size:16px;line-height:1.55}.finish-check.closing-next>svg{width:32px;min-width:32px;height:32px}.finish-check.closing-next span b{margin-bottom:2px;font-size:18px;display:block}.next-action-link{color:#a92129;text-align:left;cursor:pointer;background:#fff4f4;border:1px solid #f0cfd1;border-radius:13px;width:100%;margin-top:13px;padding:14px 44px 14px 15px;font:600 13px Kanit;position:relative}.next-action-link small{color:#c74b52;margin-top:4px;font-size:10px;display:block}.next-action-link>svg{width:18px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}@media (width<=699px){.finish-check.closing-next{font-size:15px}.finish-check.closing-next span b{font-size:17px}.next-action-link{font-size:14px}.next-action-link small{font-size:11px}}.offer-grid.simple-offers article{min-height:180px;padding:24px 18px}.offer-grid.simple-offers article strong{color:#c7202a;margin:16px 0 0;font-size:19px;line-height:1.5}@media (width<=699px){.offer-grid.simple-offers{grid-template-columns:1fr 1fr}.offer-grid.simple-offers article{min-height:165px;padding:20px 12px}.offer-grid.simple-offers article strong{font-size:16px}}.offer-grid.simple-offers article{min-height:280px}.offer-grid.simple-offers article p{color:#454545;margin:13px 0 0;font-size:14px;line-height:1.7}.offer-grid.simple-offers article strong{margin-top:14px}@media (width<=699px){.offer-grid.simple-offers{grid-template-columns:1fr}.offer-grid.simple-offers article{min-height:245px;padding:22px 18px}.offer-grid.simple-offers article strong{font-size:18px}.offer-grid.simple-offers article p{font-size:15px}}.promo-list summary{grid-template-columns:34px minmax(0,1fr) minmax(112px,auto) 18px}.promo-check-wrap.promo-check-top{text-align:right;border:0;margin:0;padding:0}.promo-check-top .promo-check{justify-content:flex-end;margin-left:auto;font-size:12px}.promo-check-top .promo-check>span{width:25px;height:25px}.promo-check-top>small{color:#c52b35;white-space:nowrap;margin:3px 0 0;font-size:9px}.promo-check-top>em{color:#d51f2b;white-space:nowrap;margin:4px 0 0;font-size:9px}.promo-list details>div{padding-top:14px}@media (width<=699px){.promo-list summary{grid-template-columns:34px minmax(0,1fr) auto 16px;gap:7px}.promo-check-top .promo-check b,.promo-check-top>small{display:none}.promo-check-top>em{z-index:2;text-align:center;white-space:normal;background:#fff0f0;border-radius:8px;padding:7px;font-size:10px;position:absolute;top:100%;left:12px;right:12px}.promo-check-top .promo-check>span{width:28px;height:28px}.promo-check-top>em{text-align:right;background:0 0;width:92px;padding:3px 0 0;line-height:1.3;display:block;position:static}.promo-list summary{position:relative}}.promo-list details[open]>div{animation:.22s ease-out promo-reveal}@keyframes promo-reveal{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.promo-check-top>small{white-space:normal;max-width:190px;margin-top:5px;font-size:12px;font-weight:700;line-height:1.45}@media (width<=699px){.promo-check-top>small{text-align:right;max-width:105px;font-size:10px;line-height:1.35;display:block}.promo-check-wrap.promo-check-top{min-width:80px}}.followup-heading{flex-wrap:wrap;align-items:baseline;gap:7px;margin:0 50px 18px 0;font-size:23px;line-height:1.4;display:flex;position:relative}.followup-heading b{color:#171717}.followup-heading span{color:#d51f2b;font-weight:800}.followup-stage .follow-list{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 24px}.followup-stage .follow-list article{flex-direction:column;justify-content:center;min-height:112px;padding:17px;display:flex}.followup-stage .follow-list b{font-size:16px;line-height:1.4}.followup-stage .follow-list p{margin-top:7px;font-size:14px;line-height:1.6}.rejection-label{color:#d51f2b;margin:8px 0 -4px;font-size:17px}@media (width<=699px){.followup-heading{margin-right:38px;font-size:21px}.followup-stage .follow-list{grid-template-columns:1fr}.followup-stage .follow-list article{min-height:100px}.followup-stage .follow-list b{font-size:17px}.followup-stage .follow-list p{font-size:15px}.rejection-label{font-size:18px}}.followup-stage .detailed-actions article{justify-content:flex-start;min-height:145px}.followup-stage .detailed-actions .owner-away{grid-column:1/-1;min-height:auto}.followup-stage .detailed-actions p{white-space:normal}@media (width<=699px){.followup-stage .detailed-actions article{min-height:auto}.followup-stage .detailed-actions .owner-away{grid-column:auto}}.active-flow>.flow-context{display:none}.flow-choices button.choice-caution:has(small){min-height:108px;padding-top:16px;padding-bottom:16px;font-size:17px}.flow-choices button.choice-caution:has(small) small{color:#fff;margin-top:5px;font-size:15px;font-weight:500;line-height:1.65}@media (width<=699px){.flow-choices button.choice-caution:has(small){min-height:126px;font-size:17px}.flow-choices button.choice-caution:has(small) small{font-size:16px;line-height:1.65}}.flow-group-heading{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:5px;max-width:70%;display:flex}.flow-group-heading span{color:#c91f2a;font-size:11px;font-weight:800}.flow-group-heading b{color:#171717;font-size:11px}.flow-group-heading small{color:#171717;flex-basis:100%;font-size:9px;font-weight:400}.flow-stage>.stage-number,.flow-stage>.stage-heading,.flow-stage>.stage-lead:not(.no-sale-intro),.flow-stage>.dont-box{display:none}.flow-stage>.stage-heading-prominent{display:block}.promo-heading>span{font-size:22px;font-weight:700;line-height:1.25;display:block}@media (width<=699px){.promo-heading>span{font-size:20px}}:root{--ui-canvas:#eef3f8;--ui-surface:#fff;--ui-soft:#f7f9fc;--ui-border:#e2e8f0;--ui-text:#142033;--ui-muted:#69778b;--ui-primary:#0b5eb7;--ui-red:#d8212c;--ui-radius:16px;--ui-shadow:0 10px 30px #1c314e12}html{background:var(--ui-canvas)}body{background:var(--ui-canvas);color:var(--ui-text)}button,input,select,textarea{font-family:inherit}button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0b5eb729}.app{background:#fbfcfe;max-width:1440px;box-shadow:0 18px 60px #1c314e1a}.app.mobile{max-width:520px}.app.mobile .sales-flow{padding:24px 18px 108px!important}.app.mobile .flow-intro{text-align:left;padding-top:18px!important}.app.mobile .flow-kicker{justify-content:flex-start}.app.mobile .segment-grid{grid-template-columns:1fr!important}.app.mobile .segment-card{min-height:205px!important}header{border-color:var(--ui-border);height:72px;padding-inline:24px;box-shadow:0 1px #14203305}.brand{gap:12px}.brandmark{border-radius:11px;box-shadow:0 5px 14px #09408429}.header-actions{gap:10px}.avatar,.view-switch{border-color:var(--ui-border)}.app.desktop>main{width:min(1240px,100%);margin-inline:auto}.app.mobile>main{width:100%;margin-inline:auto}.hero{border-radius:20px;box-shadow:0 16px 36px #05347226}.summary article,.customer,.campaign-map,.settings-panel,.call-log-list article,.leaderboard article,.activity-empty{border-color:var(--ui-border);box-shadow:var(--ui-shadow)}.summary article{border-radius:14px;min-height:76px}.summary{gap:12px}.section-title{margin-top:6px}.section-title h2,.activity-head h1,.settings-heading h1{letter-spacing:-.3px}.search{border-color:var(--ui-border);min-height:46px;box-shadow:0 4px 15px #1c314e09}.chips{gap:8px}.chips button{border-color:var(--ui-border);background:#fff;min-height:34px}.chips button:hover{background:#f7faff;border-color:#b8c8da}.customer-list{gap:14px}.customer{border-radius:16px;padding:17px}.customer:hover{border-color:#bfd0e3;transform:translateY(-1px);box-shadow:0 14px 34px #1c314e1a}.note{background:var(--ui-soft);border-left-color:#8eb5de}.card-foot{margin-top:12px}.card-foot button:hover,.auth-submit:hover,.save:hover,.primary-flow:hover{filter:brightness(.96);box-shadow:0 8px 18px #0958b52e}nav{border-color:var(--ui-border);box-shadow:0 -8px 24px #1c314e0a}nav button{position:relative}nav button.active:before{content:"";background:var(--ui-primary);border-radius:0 0 4px 4px;width:28px;height:3px;position:absolute;top:0}.sheet{border:1px solid var(--ui-border);box-shadow:0 28px 80px #071b383d}.field select,.field textarea,.field input,.readonly-field>div{border-color:var(--ui-border);background:#fff}.sales-flow{background:0 0!important;width:min(100%,940px)!important;margin-inline:auto!important;padding:clamp(24px,4vw,46px)!important}.flow-intro{text-align:center;max-width:680px;margin-inline:auto;padding:24px 0 26px!important}.flow-kicker{justify-content:center}.flow-intro h1{letter-spacing:-.8px;margin-top:14px!important}.flow-intro p{line-height:1.65;font-size:13px!important}.segment-grid{align-items:stretch;gap:16px!important}.segment-card{border:1px solid var(--ui-border)!important;background:var(--ui-surface)!important;border-radius:18px!important;min-height:268px!important;padding:20px!important;box-shadow:0 8px 24px #1c314e0e!important}.segment-card:hover{transform:translateY(-2px);border-color:#e5bfc2!important;box-shadow:0 16px 34px #4a1f241a!important}.segment-letter{box-shadow:0 7px 16px #d8212c29;border-radius:12px!important;width:46px!important;height:42px!important}.segment-card>svg{top:29px!important;right:19px!important}.segment-copy{flex-direction:column!important;flex:1!important;padding:0!important;display:flex!important}.segment-copy b{margin-top:2px;font-size:16px!important;line-height:1.45!important}.segment-copy small{color:var(--ui-muted)!important;margin:6px 0 12px!important;font-size:11px!important;line-height:1.65!important}.segment-copy em{color:#b51d26!important;border-top:1px solid #edf0f4!important;margin-top:auto!important;padding:13px 0 0!important;font-size:11px!important;font-weight:600!important;line-height:1.55!important}.flow-tip{border:1px solid #eceff3;max-width:940px;background:#f7f8fa!important;margin:20px auto 0!important;padding:14px 16px!important}.active-flow{width:min(100%,720px)!important;margin-inline:auto!important}.flow-toolbar,.flow-progress,.flow-context,.flow-stage{width:100%}.flow-context,.script-box,.offer-grid article,.follow-list article,.promo-list details,.promo-support{box-shadow:none;border-color:var(--ui-border)!important}.flow-stage{border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);background:#fff;border-radius:20px;padding:clamp(20px,3vw,32px)}.flow-stage .flow-stage{box-shadow:none;border:0;padding:0}.flow-choices button,.primary-flow,.secondary-flow{min-height:50px;border-radius:12px!important}.activity-page,.settings-page{width:min(1180px,100%);margin-inline:auto!important;padding-top:34px!important}.activity-head,.settings-heading{padding:0 2px}.activity-head{align-items:flex-end}.call-log-list{gap:15px}.call-log-list article{border-radius:16px;padding:18px}.call-log-list p{background:var(--ui-soft);border-left-color:#8eb5de;line-height:1.55}.score-rules{gap:12px}.score-rules span{border-color:var(--ui-border);min-height:58px;box-shadow:0 5px 18px #1c314e0a}.leaderboard{gap:11px}.leaderboard article{border-radius:15px;min-height:76px}.settings-panel{border-radius:16px;margin-bottom:20px}.panel-title{background:#fff;padding:20px 22px}.users-head{background:var(--ui-soft)}.user-row{min-height:68px;padding:14px 20px}.settings-heading>button,.dialog-actions .primary{box-shadow:0 7px 16px #087f7529}.auth-card{border:1px solid #ffffffa6;border-radius:22px;box-shadow:0 28px 80px #00153647}@media (width>=900px){.app{border-radius:22px;min-height:calc(100vh - 32px);margin:16px auto;overflow:hidden}.app.mobile{max-width:520px}.segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.app.desktop .customer-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=899px){.sales-flow{padding:24px 18px 108px!important}.segment-card{min-height:220px!important}.activity-page,.settings-page{padding-inline:16px!important}.flow-stage{padding:20px}}@media (width<=699px){.app{background:#fbfcfe}.flow-intro{text-align:left;padding-top:18px!important}.flow-kicker{justify-content:flex-start}.segment-grid{grid-template-columns:1fr!important}.segment-card{min-height:205px!important}.activity-head,.settings-heading{align-items:flex-start}.score-rules{gap:8px}.call-log-list article,.customer{box-shadow:0 5px 18px #1c314e0d}}.script-box p{white-space:pre-line}.segment-card{text-align:center!important;align-items:center!important}.segment-letter{flex:none;margin-inline:auto}.segment-copy{text-align:center;align-items:center}.segment-copy small{min-height:36px}.segment-goal{text-align:center;border-top:1px solid #edf0f4;gap:3px;width:100%;margin-top:auto;padding:12px 10px 2px;display:grid}.segment-goal small{color:#8a9099;font-size:9px;font-weight:500;line-height:1.4}.segment-goal b{color:#b51d26;font-size:11px;font-weight:600;line-height:1.5}.segment-card>svg{top:22px!important}.app.mobile .segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.app.mobile .segment-card{min-height:244px!important;padding:15px 10px!important}.app.mobile .segment-card>svg{width:16px;display:block;top:20px!important;right:10px!important}.app.mobile .segment-letter{width:42px!important;height:38px!important}.app.mobile .segment-copy b{font-size:13px!important}.app.mobile .segment-copy small,.app.mobile .segment-goal b{font-size:10px!important}.stock-script-options{gap:10px;display:grid}.stock-script-options>span{color:var(--ui-muted);font-size:11px;font-weight:600}.stock-script-choice{position:relative}.stock-script-choice .script-box{margin:0;padding-right:14px}.stock-script-choice .script-box>span,.numbered-scripts .script-box>span{color:#b51d26;background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.numbered-scripts{gap:10px;display:grid}.numbered-scripts .script-box{margin:0}.stock-support{color:#387129!important}.stock-support b{color:#28631e;margin-bottom:7px;font-size:11px;display:block}.stock-support ol{margin:0;padding-left:18px}.stock-support li{margin:4px 0;line-height:1.55}.stock-not-interested{margin-top:8px;color:#b51d26!important;background:#fff!important;border-color:#d8212c!important}.flow-choices button.choice-no-sale{color:#b51d26!important;background:#fff!important;border-color:#d8212c!important}.flow-choices button.choice-no-sale>svg{color:#b51d26!important}.no-sale-flow{gap:14px;display:grid}.no-sale-flow>.stage-lead{margin-bottom:2px}.no-sale-step{border:1px solid var(--ui-border);background:#fff;border-radius:16px;padding:14px}.no-sale-step>header{text-align:left;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px;display:flex}.no-sale-step>header>span{color:#fff;background:#d8212c;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.no-sale-step>header b,.no-sale-step>header small{display:block}.no-sale-step>header b{font-size:13px}.no-sale-step>header small{color:var(--ui-muted);letter-spacing:.02em;margin-top:1px;font-size:9px}.no-sale-step .script-box{margin:0}.no-sale-step .script-box p{margin-top:0}.no-sale-intro{color:#2a2f37;margin:4px 54px 4px 0;font-size:15px;font-weight:500;line-height:1.65}.no-sale-intro b{color:#b51d26}.no-sale-goal{color:#4d7145;background:#f2f8ef;border-radius:11px;margin:10px 0 0;padding:10px 11px;font-size:10px;line-height:1.55}.no-sale-goal b{color:#2f6828;margin-right:5px}.no-sale-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.no-sale-branches>article>b{color:#b51d26;margin-bottom:6px;font-size:10px;display:block}.no-sale-branches .script-box{height:calc(100% - 21px)}.no-sale-outcome{color:#3f6b38;background:#f2f8ef;border:1px solid #cfe3cc;border-radius:14px;padding:13px 14px}.no-sale-outcome b{font-size:11px}.no-sale-outcome p{margin:4px 0 0;font-size:10px;line-height:1.55}.no-sale-opportunity,.no-sale-followup{margin-top:0}.no-sale-followup{color:#b51d26!important;border-color:#d8212c!important}@media (width<=699px){.no-sale-branches{grid-template-columns:1fr}}