.loginPage{background:radial-gradient(circle at 15% 15%,#2563eb21,#0000 34%),radial-gradient(circle at 88% 82%,#f59e0b1f,#0000 32%),#f3f6fb;place-items:center;min-height:100vh;padding:28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.loginDecor{filter:blur(1px);pointer-events:none;border-radius:999px;position:absolute}.loginDecorOne{background:#2563eb14;width:360px;height:360px;top:-180px;right:-100px}.loginDecorTwo{background:#f59e0b17;width:300px;height:300px;bottom:-160px;left:-100px}.loginCard{z-index:2;background:#fff;border:1px solid #e5eaf1;border-radius:20px;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 28px 70px #0f172a1f}.loginBrand{align-items:center;gap:11px;margin-bottom:30px;display:flex}.loginLogo{color:#fff;background:#f59e0b;border-radius:12px;place-items:center;width:44px;height:44px;font-size:23px;font-weight:800;display:grid;box-shadow:0 8px 20px #f59e0b33}.loginBrand strong{color:#0f172a;letter-spacing:.02em;font-size:18px;line-height:1.05;display:block}.loginBrand span{color:#64748b;letter-spacing:.22em;margin-top:4px;font-size:11px;display:block}.loginIntro{margin-bottom:25px}.loginShield{color:#2563eb;background:#eff6ff;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:14px;display:grid}.loginIntro h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:27px}.loginIntro p{color:#64748b;margin:8px 0 0;font-size:13px;line-height:1.6}.loginField{margin-bottom:16px;display:block}.loginField>span{color:#334155;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.loginField input{color:#0f172a;width:100%;height:47px;font:inherit;background:#fff;border:1px solid #d9e0e9;border-radius:10px;outline:none;padding:0 13px;transition:all .15s}.loginField input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.passwordField{position:relative}.passwordField input{padding-right:48px}.showPasswordBtn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:6px;right:7px}.showPasswordBtn:hover{color:#334155;background:#f1f5f9}.loginError{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;margin:-2px 0 15px;padding:10px 12px;font-size:12px}.loginSubmit{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.loginSubmit:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.loginSubmit:disabled{opacity:.65;cursor:wait}.loginInstall{margin-top:12px}.loginInstall small{color:#94a3b8;text-align:center;margin-top:7px;font-size:10px;line-height:1.45;display:block}.loginFoot{color:#94a3b8;text-align:center;letter-spacing:.13em;border-top:1px solid #eef2f7;margin-top:22px;padding-top:18px;font-size:10px;font-weight:600}.authLoading{color:#334155;background:#f6f8fb;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.authSpinner{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:35px;height:35px;animation:.75s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.crmLogoutBtn{color:#475569;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.crmLogoutBtn:hover{color:#dc2626;background:#fff7f7;border-color:#fecaca}@media (width<=600px){.loginPage{min-height:100dvh;padding:14px 12px calc(14px + env(safe-area-inset-bottom));place-items:center}.loginCard{border-radius:16px;width:100%;padding:22px 18px}.loginBrand{margin-bottom:22px}.loginIntro{margin-bottom:20px}.loginIntro h1{font-size:23px}.loginIntro p{font-size:12px}.loginField input{height:50px;font-size:16px}.loginSubmit{height:50px;font-size:15px}}.pwaInstallBtn{color:#1d4ed8;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:750;transition:all .16s;display:flex}.pwaInstallBtn:hover{background:#dbeafe;border-color:#60a5fa}.pwaInstallBtn.ready{color:#fff;background:#2563eb;border-color:#2563eb}.pwaInstallBtn.compact{color:#475569;white-space:nowrap;background:#fff;border-color:#e2e8f0;border-radius:9px;width:auto;min-height:37px;font-size:11px}.pwaInstallBtn.compact.ready{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}@media (width<=720px){.pwaInstallBtn.compact{width:38px;height:38px;min-height:38px;padding:0}.pwaInstallBtn.compact span{display:none}}.realDashboard{min-width:0;padding-bottom:24px}.dashHero{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.dashHero h1{color:#0f172a;margin:0;font-size:25px}.dashHero p{color:#718096;margin:5px 0 0;font-size:11px}.dashSync{color:#64748b;background:#fff;border:1px solid #e4eaf2;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:9.5px;display:flex}.dashError{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px;font-size:10px}.dashFilterPanel{background:#fff;border:1px solid #e5eaf1;border-radius:12px;grid-template-columns:auto 145px 145px minmax(150px,190px) minmax(140px,180px) auto;align-items:end;gap:8px;margin-bottom:10px;padding:11px;display:grid}.dashQuick{align-items:center;gap:5px;height:36px;display:flex}.dashQuick button{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #dbe3ee;border-radius:7px;height:32px;padding:0 9px;font-size:9px;font-weight:700}.dashFilterPanel label{flex-direction:column;gap:4px;display:flex}.dashFilterPanel label>span{color:#64748b;font-size:8.5px;font-weight:700}.dashFilterPanel input,.dashFilterPanel select{background:#fff;border:1px solid #dbe3ee;border-radius:7px;outline:none;height:36px;padding:0 8px;font-size:10px}.dashApply{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.spin{animation:.9s linear infinite dashspin}@keyframes dashspin{to{transform:rotate(360deg)}}.dashRangeTitle{color:#475569;align-items:center;gap:6px;margin:10px 2px;font-size:10px;display:flex}.personalScope{color:#4338ca;background:#eef2ff;border-radius:999px;margin-left:5px;padding:4px 8px;font-size:8.5px}.dashCards{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.dashCard{background:#fff;border:1px solid #e5eaf1;border-radius:12px;min-height:94px;padding:13px 14px;position:relative}.dashCard>svg{color:#2563eb;box-sizing:content-box;background:#eff6ff;border-radius:8px;width:18px;height:18px;padding:6px;position:absolute;top:12px;right:12px}.dashCard span{color:#7c8ba1;margin-bottom:8px;font-size:9px;display:block}.dashCard strong{color:#0f172a;padding-right:28px;font-size:17px;line-height:1.15;display:block}.dashCard small{color:#94a3b8;margin-top:6px;font-size:8.5px;display:block}.dashCard.main{border-color:#bfdbfe}.dashCard.profit>svg{color:#15803d;background:#ecfdf5}.dashCard.kpiPersonal>svg{color:#7c3aed;background:#f5f3ff}.dashGrid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:12px;margin-bottom:12px;display:grid}.dashPanel{background:#fff;border:1px solid #e5eaf1;border-radius:12px;overflow:hidden}.dashPanelHead{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.dashPanelHead h2{color:#0f172a;margin:0;font-size:12px}.dashPanelHead p{color:#94a3b8;margin:3px 0 0;font-size:8.5px}.dashPanelHead>svg{color:#64748b}.dashEmpty{text-align:center;color:#94a3b8;padding:30px;font-size:10px}.trendChart{align-items:stretch;gap:5px;height:270px;padding:18px 13px 10px;display:flex;overflow-x:auto}.trendCol{flex-direction:column;flex:1;align-items:center;min-width:38px;display:flex}.trendValue{color:#64748b;align-items:flex-end;height:27px;font-size:7.5px;display:flex}.trendBarBox{border-bottom:1px solid #e2e8f0;justify-content:center;align-items:flex-end;width:100%;height:190px;display:flex}.trendBar{background:#2563eb;border-radius:4px 4px 0 0;width:min(23px,70%);min-height:4px}.trendLabel{color:#94a3b8;white-space:nowrap;margin-top:6px;font-size:7px}.mixList{padding:8px 13px 13px}.mixRow{border-top:1px solid #f1f5f9;grid-template-columns:1fr auto;gap:5px;padding:10px 0;display:grid}.mixRow:first-child{border-top:0}.mixRow>div:first-child{flex-direction:column;display:flex}.mixRow b{color:#334155;font-size:10px}.mixRow span{color:#94a3b8;margin-top:2px;font-size:8px}.mixNumber{text-align:right;flex-direction:column;display:flex}.mixNumber strong{color:#0f172a;font-size:10px}.mixTrack{background:#eef2f7;border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.mixTrack i{background:#2563eb;border-radius:999px;height:100%;display:block}.employeePanel{margin-bottom:12px}.employeeTable{overflow:auto}.employeeTr{color:#475569;border-top:1px solid #f0f3f7;grid-template-columns:1.2fr 1.45fr .7fr .7fr 1.15fr .8fr .8fr;align-items:center;gap:8px;min-width:1050px;padding:9px 13px;font-size:9px;display:grid}.employeeTh{color:#64748b;background:#f8fafc;border-top:0;font-weight:800}.employeeTr span:nth-child(2){flex-direction:column;gap:4px;display:flex;position:relative}.employeeBar{background:#2563eb;border-radius:999px;max-width:100%;height:3px;display:block}.recentTable{overflow:auto}.recentTr{color:#475569;border-top:1px solid #f0f3f7;grid-template-columns:.7fr .75fr .9fr 1.25fr .8fr 1.7fr .9fr .8fr;align-items:center;gap:8px;min-width:1120px;padding:9px 13px;font-size:8.7px;display:grid}.recentTr.personal{grid-template-columns:.7fr .8fr 1.4fr .85fr 2fr .9fr .8fr}.recentTh{color:#64748b;background:#f8fafc;border-top:0;font-weight:800}.recentTr span{text-overflow:ellipsis;min-width:0;overflow:hidden}.recentTr small{color:#94a3b8;margin-top:2px;display:block}.dashboardPrivacy{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:9px}@media (width<=1350px){.dashCards{grid-template-columns:repeat(3,1fr)}.dashFilterPanel{grid-template-columns:repeat(3,minmax(0,1fr))}.dashQuick{grid-column:1/-1}.dashGrid{grid-template-columns:1fr}}@media (width<=780px){.dashHero{flex-direction:column}.dashSync{box-sizing:border-box;width:100%}.dashCards,.dashFilterPanel{grid-template-columns:1fr 1fr}.dashApply{grid-column:1/-1}.dashQuick{overflow:auto}.dashCards .dashCard strong{font-size:15px}}.employeeTable.withProfit .employeeTr{grid-template-columns:1.2fr 1.45fr .7fr .7fr 1.15fr .8fr .8fr}.employeeTable.noProfit .employeeTr{grid-template-columns:1.25fr 1.6fr .8fr .8fr .9fr .9fr}.dashCard.teamOrders>svg{color:#2563eb;background:#eff6ff}*{box-sizing:border-box}body{color:#172033;background:#f6f8fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.app{min-height:100vh;display:flex}aside{color:#cbd5e1;background:#111827;flex-direction:column;width:230px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;padding:4px 9px 24px;display:flex}.mark{background:#f59e0b;border-radius:10px;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;display:grid}.brand b{font-size:18px;display:block}.brand span{letter-spacing:2px;color:#94a3b8;font-size:11px;display:block}nav{flex-direction:column;gap:4px;display:flex}nav button{color:#aeb9c9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;display:flex}nav button:hover,nav button.active{color:#fff;background:#243044}.profile{border-top:1px solid #2a3546;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 2px;display:flex}.profile>div:nth-child(2){flex:1;min-width:0}.profile .crmLogoutBtn{color:#cbd5e1;background:0 0;border-color:#334155;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.profile .crmLogoutBtn span{display:none}.profile .crmLogoutBtn:hover{color:#fca5a5;background:#3b1f27;border-color:#ef4444}.avatar{color:#111827;background:#f59e0b;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.profile b,.user b{font-size:13px;display:block}.profile span,.user span{color:#94a3b8;margin-top:2px;font-size:11px;display:block}main{width:calc(100% - 230px);margin-left:230px}header{z-index:2;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:68px;padding:0 30px;display:flex;position:sticky;top:0}.search{color:#94a3b8;background:#f7f8fa;border:1px solid #e6e8ec;border-radius:9px;align-items:center;gap:8px;width:360px;padding:9px 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.headright,.user{align-items:center;gap:12px;display:flex}.headright>.crmLogoutBtn{display:none}.round{background:#fff;border:1px solid #e5e7eb;border-radius:9px;width:38px;height:38px;position:relative}.round i{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.content{padding:28px 30px}.title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.title h1{margin:0 0 5px;font-size:25px}.title p,.panel p{color:#7b8495;margin:0;font-size:13px}.date{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:9px 12px;font-size:13px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{background:#fff;border:1px solid #e7e9ee;border-radius:12px;gap:14px;padding:18px;display:flex;box-shadow:0 1px 2px #00000008}.statIcon{color:#3b82f6;background:#eef4ff;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.statIcon.hot{color:#f97316;background:#fff2ed}.statIcon.late{color:#ef4444;background:#fff1f2}.statIcon.money{color:#16a34a;background:#ecfdf3}.card span,.card small{color:#7b8495;font-size:12px;display:block}.card strong{margin:3px 0;font-size:21px;display:block}.card small{color:#16a34a}.grid{grid-template-columns:minmax(0,2.2fr) minmax(270px,.8fr);gap:16px;margin-top:16px;display:grid}.panel{background:#fff;border:1px solid #e7e9ee;border-radius:12px;padding:19px}.panelHead{justify-content:space-between;align-items:flex-start;display:flex}.panel h2{margin:0 0 4px;font-size:16px}.panelHead button{color:#2563eb;background:0 0;border:0;font-size:12px}.table{margin-top:17px}.tr{border-top:1px solid #eef0f3;grid-template-columns:1.5fr 1fr .8fr .8fr 1.1fr;align-items:center;gap:8px;padding:12px 4px;font-size:12px;display:grid}.tr.th{color:#8992a2;background:#f8f9fb;border:0;border-radius:7px;padding:9px 4px}.tr b{display:block}.tr small{color:#98a0ad;margin-top:3px;display:block}.badge{border-radius:12px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:700}.badge.hot{color:#e85d04;background:#fff0e8}.badge.warm{color:#b7791f;background:#fff8dc}.badge.normal{color:#2563eb;background:#eef4ff}.sale{border-bottom:1px solid #eef0f3;padding:16px 0 9px;position:relative}.sale>div:first-child{justify-content:space-between;display:flex}.sale span{color:#7b8495;font-size:11px}.sale strong{color:#64748b;font-size:11px;position:absolute;top:16px;right:0}.bar{background:#eef1f5;border-radius:8px;height:6px;margin-top:9px;overflow:hidden}.bar i{background:#3b82f6;border-radius:8px;height:100%;display:block}.pipeline{margin-top:20px}.pipeline h3{font-size:13px}.pipeline div{justify-content:space-between;padding:8px 0;font-size:12px;display:flex}.pipeline span{color:#6b7280}.empty{text-align:center;background:#fff;border:1px solid #e7e9ee;border-radius:12px;padding:40px}.empty h2{margin:0 0 8px}.empty p{color:#7b8495}@media (width<=1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.search{width:260px}}@media (width<=720px){aside{width:72px;padding:18px 9px}.brand>div:last-child,nav span,.profile>div:last-child{display:none}.brand{padding-left:7px}.profile{justify-content:center}.app main{width:calc(100% - 72px);margin-left:72px}header{padding:0 14px}.search{width:200px}.user>div:last-child{display:none}.content{padding:20px 14px}.stats{grid-template-columns:1fr}.tr{grid-template-columns:1.5fr 1fr 1fr}.tr span:nth-child(3),.tr span:nth-child(5),.title p{display:none}}.primaryBtn,.secondaryBtn,.iconBtn{cursor:pointer;border:0;font-family:inherit;transition:all .18s}.primaryBtn{color:#fff;background:#2563eb;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.primaryBtn:hover{background:#1d4ed8}.primaryBtn:disabled{opacity:.55;cursor:not-allowed}.secondaryBtn{color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:600;display:inline-flex}.secondaryBtn:hover{background:#f8fafc}.iconBtn{color:#475569;background:#fff;border:1px solid #dbe2ea;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.iconBtn:hover{background:#f1f5f9}.customerStats{grid-template-columns:repeat(2,minmax(170px,230px));gap:14px;margin-bottom:16px;display:grid}.miniCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px 18px;box-shadow:0 1px 2px #0f172a08}.miniCard span{color:#64748b;margin-bottom:7px;font-size:13px;display:block}.miniCard strong{color:#0f172a;font-size:23px;display:block}.customerToolbar{border-bottom:1px solid #e8edf3;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 18px;display:flex}.customerSearch{color:#94a3b8;background:#f8fafc;border:1px solid #dbe2ea;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:280px;max-width:460px;height:40px;padding:0 12px;display:flex}.customerSearch input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-size:14px}.customerToolbar select{color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;min-width:160px;height:40px;padding:0 12px}.notice{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:12px 18px;padding:11px 13px;font-size:13px}.customerTable{width:100%;overflow-x:auto}.customerRow{color:#334155;border-bottom:1px solid #edf1f5;grid-template-columns:minmax(190px,1.5fr) minmax(120px,.85fr) minmax(145px,1fr) minmax(110px,.8fr) minmax(95px,.7fr) minmax(125px,.9fr);align-items:center;gap:10px;min-width:900px;min-height:66px;padding:9px 18px;font-size:13px;display:grid}.customerRow:last-child{border-bottom:0}.customerRow:not(.customerHead):hover{background:#fafcff}.customerHead{color:#64748b;background:#f8fafc;min-height:44px;font-size:12px;font-weight:600}.customerRow>span{min-width:0}.customerRow span b{color:#172033;margin-bottom:4px;font-size:13px;display:block}.customerRow span small{color:#94a3b8;font-size:11px;line-height:1.45;display:block}.loadingBox{text-align:center;color:#94a3b8;padding:44px 20px;font-size:14px}.badge.follow{color:#7e22ce;background:#f3e8ff}.modalBack{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #0f172a40}.modalHead{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:flex-start;min-height:78px;padding:18px 22px;display:flex}.modalHead h2{color:#0f172a;margin:0 0 4px;font-size:19px}.modalHead p{color:#94a3b8;margin:0;font-size:13px}.modalHead button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.modalHead button:hover{background:#f1f5f9}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 22px;display:grid}.formGrid label{display:block}.formGrid label.full{grid-column:1/-1}.formGrid label>span{color:#475569;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.formGrid input,.formGrid select,.formGrid textarea{color:#172033;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:14px;transition:all .15s}.formGrid input,.formGrid select{min-height:41px}.formGrid textarea{resize:vertical;min-height:90px}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f617}.modalActions{border-top:1px solid #e8edf3;justify-content:flex-end;align-items:center;gap:10px;padding:15px 22px 20px;display:flex}@media (width<=900px){.customerStats{grid-template-columns:repeat(2,1fr)}.customerToolbar{align-items:stretch}.customerSearch{flex-basis:100%;max-width:none}}@media (width<=680px){.customerStats,.formGrid{grid-template-columns:1fr}.formGrid label.full{grid-column:auto}.modalBack{padding:10px}.modal{max-height:calc(100vh - 20px)}}.assignmentStats{grid-template-columns:repeat(3,minmax(170px,230px));gap:14px;margin-bottom:16px;display:grid}.assignmentGrid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.4fr);gap:16px;display:grid}.assignmentFormPanel,.assignmentHistoryPanel{min-height:520px}.assignmentForm{flex-direction:column;gap:15px;margin-top:18px;display:flex}.assignmentForm label>span{color:#475569;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.assignmentForm select,.assignmentForm input,.assignmentForm textarea{color:#172033;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:all .15s}.assignmentForm select,.assignmentForm input{min-height:42px;padding:0 11px}.assignmentForm textarea{resize:vertical;min-height:95px;padding:10px 11px}.assignmentForm select:focus,.assignmentForm input:focus,.assignmentForm textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f617}.assignmentTwo{grid-template-columns:1fr 1fr;gap:12px;display:grid}.selectedInfo{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:3px;padding:12px 13px;display:flex}.selectedInfo b{color:#172033;font-size:13px}.selectedInfo span{color:#64748b;font-size:12px}.saleInfo{background:#eff6ff;border-color:#bfdbfe}.assignmentSubmit{width:100%;min-height:44px;margin-top:2px}.assignmentList{flex-direction:column;margin-top:18px;display:flex}.assignmentItem{border-bottom:1px solid #edf1f5;padding:15px 4px}.assignmentItem:first-child{padding-top:5px}.assignmentItem:last-child{border-bottom:0}.assignmentItemTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.assignmentItemTop b{color:#172033;margin-bottom:3px;font-size:14px;display:block}.assignmentItemTop span{color:#94a3b8;font-size:11px;display:block}.assignmentMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:10px;display:grid}.assignmentMeta span{color:#64748b;font-size:12px}.assignmentMeta span b{color:#334155}.assignmentMeta p{color:#475569;background:#f8fafc;border-radius:7px;grid-column:1/-1;margin:4px 0 0;padding:9px 10px;font-size:12px}@media (width<=1050px){.assignmentGrid{grid-template-columns:1fr}}@media (width<=760px){.assignmentStats,.assignmentTwo,.assignmentMeta{grid-template-columns:1fr}}.careStats{grid-template-columns:repeat(4,minmax(160px,220px));gap:14px;margin-bottom:16px;display:grid}.alertCard{background:snow;border-color:#fecaca}.alertCard strong{color:#dc2626}.careToolbar{gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.careToolbar>div{align-items:center;gap:8px;display:flex}.careToolbar>div>span{color:#64748b;font-size:12px;font-weight:600}.careToolbar select{color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:8px;outline:none;min-width:170px;height:38px;padding:0 10px}.careGrid{grid-template-columns:minmax(270px,.75fr) minmax(360px,1fr) minmax(360px,1.1fr);gap:16px;display:grid}.careCustomersPanel,.careFormPanel,.careTimelinePanel{min-height:570px}.careCustomerList{flex-direction:column;gap:8px;margin-top:14px;display:flex}.careCustomerItem{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;gap:12px;width:100%;padding:12px;transition:all .15s;display:flex}.careCustomerItem:hover{background:#f8fbff;border-color:#bfdbfe}.careCustomerItem.active{background:#eff6ff;border-color:#60a5fa;box-shadow:0 0 0 2px #3b82f614}.careCustomerItem b{color:#172033;font-size:13px;display:block}.careCustomerItem span{color:#64748b;margin-top:3px;font-size:12px;display:block}.careCustomerItem small{color:#94a3b8;margin-top:3px;font-size:11px;display:block}.careCustomerRight{flex-direction:column;align-items:flex-end;min-width:120px;display:flex}.overdueText{font-weight:600;color:#dc2626!important}.careSelected{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;gap:16px;margin-top:16px;padding:13px 14px;display:flex}.careSelected b{color:#172033}.careSelected span{color:#64748b;margin-top:3px;font-size:12px;display:block}.careForm{flex-direction:column;gap:14px;margin-top:16px;display:flex}.careForm label>span{color:#475569;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.careForm select,.careForm input,.careForm textarea{color:#172033;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:14px}.careForm select,.careForm input{min-height:42px;padding:0 11px}.careForm textarea{resize:vertical;min-height:115px;padding:10px 11px}.careForm select:focus,.careForm input:focus,.careForm textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f617}.careSubmit{width:100%;min-height:44px}.careTimeline{margin-top:16px;position:relative}.timelineItem{grid-template-columns:36px 1fr;gap:12px;padding-bottom:18px;display:grid;position:relative}.timelineItem:not(:last-child):before{content:"";background:#e2e8f0;width:1px;position:absolute;top:36px;bottom:0;left:17px}.timelineIcon{color:#475569;z-index:1;background:#f1f5f9;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.timelineIcon.call{color:#2563eb;background:#eff6ff}.timelineIcon.zalo{color:#0891b2;background:#ecfeff}.timelineIcon.meeting{color:#059669;background:#ecfdf5}.timelineIcon.assignment{color:#ea580c;background:#fff7ed}.timelineBody{background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:11px 12px}.timelineTop{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.timelineTop b{color:#172033;font-size:13px}.timelineTop span{color:#94a3b8;font-size:10px}.timelineBody p{color:#475569;margin:8px 0;font-size:12px;line-height:1.5}.timelineMeta{color:#64748b;flex-wrap:wrap;gap:8px 14px;font-size:11px;display:flex}@media (width<=1250px){.careGrid{grid-template-columns:1fr 1fr}.careTimelinePanel{grid-column:1/-1}}@media (width<=900px){.careStats{grid-template-columns:repeat(2,1fr)}.careGrid{grid-template-columns:1fr}.careTimelinePanel{grid-column:auto}.careToolbar{flex-direction:column}.careToolbar>div{justify-content:space-between}}@media (width<=620px){.careStats{grid-template-columns:1fr}.careSelected{flex-direction:column}}.mobileBrand{color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:850;display:none}.mobileBrand .mark{color:#fff;border-radius:9px;width:34px;height:34px;font-size:18px}@media (width<=720px){body{overscroll-behavior-y:none}.app{min-height:100dvh;display:block}aside{width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);z-index:900;border-top:1px solid #263449;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0f172a24}aside .brand,aside .profile{display:none}aside nav{scrollbar-width:none;overscroll-behavior-x:contain;flex-direction:row;gap:3px;width:100%;height:63px;display:flex;overflow:auto hidden}aside nav::-webkit-scrollbar{display:none}aside nav button{text-align:center;border-radius:9px;flex-direction:column;flex:0 0 72px;justify-content:center;align-items:center;gap:3px;min-width:72px;height:58px;padding:5px 4px;font-size:9px;display:flex}aside nav button svg{width:19px;height:19px}aside nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:68px;display:block;overflow:hidden}.app main{width:100%;padding-bottom:calc(72px + env(safe-area-inset-bottom));margin-left:0}header{z-index:20;gap:9px;height:57px;padding:0 10px}.mobileBrand{display:flex}header>.search{display:none}.headright{gap:7px;margin-left:auto}.headright .round{display:none}.headright .user{gap:7px}.headright .user .avatar{width:34px;height:34px}.headright>.crmLogoutBtn{justify-content:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:inline-flex}.headright>.crmLogoutBtn span{display:none}.content{padding:14px 10px 18px}.title{align-items:flex-start;gap:10px;margin-bottom:14px}.title h1{font-size:22px}.panel{padding:14px}input,select,textarea,button{touch-action:manipulation}}@media (display-mode:standalone) and (width<=720px){header{padding-top:env(safe-area-inset-top);height:calc(57px + env(safe-area-inset-top))}}.staffV32{min-width:0}.staffTop{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px;display:flex}.staffTop h1{color:#0f172a;margin:0;font-size:25px}.staffTop p{color:#718096;margin:5px 0 0;font-size:12px}.staffTopActions{gap:8px;display:flex}.staffPrimary,.staffSecondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.staffPrimary{color:#fff;background:#2563eb;border:0}.staffSecondary{color:#334155;background:#fff;border:1px solid #dbe3ee}.staffPrimary:disabled,.staffSecondary:disabled{opacity:.5;cursor:not-allowed}.staffNotice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:7px;margin-bottom:12px;padding:10px 12px;font-size:11px;display:flex}.staffStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.staffStats>div{background:#fff;border:1px solid #e5eaf1;border-radius:12px;min-height:90px;padding:14px 16px;position:relative}.staffStats svg{color:#2563eb;box-sizing:content-box;background:#eff6ff;border-radius:9px;padding:7px;position:absolute;top:13px;right:13px}.staffStats span{color:#7c8ba1;margin-bottom:8px;font-size:10px;display:block}.staffStats strong{color:#0f172a;font-size:23px}.staffTabs{gap:6px;margin-bottom:10px;display:flex}.staffTabs button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:8px;height:36px;padding:0 13px;font-weight:700}.staffTabs button.active{color:#fff;background:#0f172a;border-color:#0f172a}.staffPanel{background:#fff;border:1px solid #e5eaf1;border-radius:12px;overflow:hidden}.staffFilters{background:#f8fafc;border-bottom:1px solid #edf2f7;grid-template-columns:1.4fr .8fr .8fr auto;gap:8px;padding:11px 13px;display:grid}.staffSearch{background:#fff;border:1px solid #dbe3ee;border-radius:7px;align-items:center;gap:6px;height:35px;padding:0 9px;display:flex}.staffSearch input{border:0;outline:0;width:100%;font-size:11px}.staffFilters select{background:#fff;border:1px solid #dbe3ee;border-radius:7px;height:35px;padding:0 8px;font-size:11px}.staffTableWrap{overflow:auto}.staffTable{min-width:1220px}.staffTr{color:#334155;border-top:1px solid #f0f3f7;grid-template-columns:1.35fr 1fr .8fr .7fr .7fr .85fr .85fr 1.05fr;align-items:center;gap:8px;padding:10px 13px;font-size:10.5px;display:grid}.staffTh{color:#64748b;background:#f8fafc;border-top:0;font-weight:700}.staffPerson,.staffTr>span:nth-child(2),.staffTr>span:nth-child(7){flex-direction:column;display:flex}.staffPerson b,.staffTr b{color:#0f172a}.staffTr small{color:#94a3b8;margin-top:2px;font-size:9px}.staffRoleBadge,.staffGood,.staffDangerBadge,.staffWarnBadge,.staffMutedBadge{border-radius:999px;align-items:center;width:max-content;padding:4px 7px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.staffRoleBadge{color:#4338ca;background:#eef2ff}.staffGood{color:#15803d;background:#ecfdf5}.staffDangerBadge{color:#b91c1c;background:#fff1f2}.staffWarnBadge{color:#c2410c;background:#fff7ed}.staffMutedBadge{color:#64748b;background:#f1f5f9}.staffActions{align-items:center;gap:5px;display:flex}.staffActions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.staffActions button:hover{background:#f8fafc}.staffActions button.danger{color:#dc2626;border-color:#fecaca}.staffActions button.create{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.staffEmpty{text-align:center;color:#94a3b8;padding:35px;font-size:11px}.roleLayout{grid-template-columns:260px 1fr;gap:12px;display:grid}.roleSide{padding:10px}.roleSide h3{margin:5px 7px 10px;font-size:13px}.roleSide>button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:8px;flex-direction:column;width:100%;margin-bottom:5px;padding:10px;display:flex}.roleSide>button:hover{background:#f8fafc}.roleSide>button.active{color:#1d4ed8;background:#eff6ff}.roleSide b{font-size:11px}.roleSide small{color:#94a3b8;margin-top:3px;font-size:9px}.permissionHead{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.permissionHead h2{margin:0;font-size:14px}.permissionHead p{color:#94a3b8;margin:4px 0 0;font-size:10px}.permissionModule{border-top:1px solid #eef2f7;padding:12px 15px}.permissionModule:first-of-type{border-top:0}.permissionModule h4{color:#334155;margin:0 0 9px;font-size:11px}.permissionModule>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.permissionModule label{cursor:pointer;border:1px solid #eef2f7;border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex}.permissionModule label span{flex-direction:column;display:flex}.permissionModule label b{color:#0f172a;font-size:10px}.permissionModule label small{color:#64748b;margin-top:2px;font-size:8px}.permissionModule label i{color:#94a3b8;margin-top:2px;font-size:8px;font-style:normal}.staffOverlay{z-index:10050;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.staffModal{background:#fff;border-radius:15px;flex-direction:column;width:min(760px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 28px 90px #0f172a40}.staffModalHead{border-bottom:1px solid #e8edf4;justify-content:space-between;gap:12px;padding:14px 17px;display:flex}.staffModalHead h2{margin:0;font-size:17px}.staffModalHead p{color:#94a3b8;margin:4px 0 0;font-size:10px}.staffModalHead>button{cursor:pointer;background:#f8fafc;border:0;border-radius:7px;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.staffForm{grid-template-columns:1fr 1fr;gap:11px;padding:14px 17px;display:grid;overflow:auto}.staffForm label{flex-direction:column;gap:5px;display:flex}.staffForm label>span{color:#64748b;font-size:10px;font-weight:600}.staffForm input,.staffForm select,.staffForm textarea{font:inherit;background:#fff;border:1px solid #dbe3ee;border-radius:7px;outline:none;padding:0 9px;font-size:11px}.staffForm input,.staffForm select{height:36px}.staffForm textarea{resize:vertical;padding-top:8px}.staffForm .full{grid-column:1/-1}.staffCheckLabel{flex-direction:row!important;grid-column:1/-1!important;align-items:center!important;display:flex!important}.staffCheckLabel input{width:auto;height:auto}.staffModalFoot{background:#f8fafc;border-top:1px solid #e8edf4;justify-content:flex-end;gap:8px;padding:11px 16px;display:flex}.permissionUserModal{width:min(900px,97vw)}.userPermissionLegend{color:#64748b;border-bottom:1px solid #eef2f7;gap:9px;padding:10px 15px;font-size:9px;display:flex}.userPermissionLegend span{background:#f8fafc;border-radius:999px;padding:4px 7px}.userPermissionLegend .allow{color:#15803d;background:#ecfdf5}.userPermissionLegend .deny{color:#b91c1c;background:#fff1f2}.userPermissionBody{overflow:auto}.userPermissionBody .permissionModule>div{grid-template-columns:1fr}.userPermRow{border:1px solid #eef2f7;border-radius:8px;grid-template-columns:1fr 70px 70px;align-items:center;gap:6px;padding:7px;display:grid}.userPermRow>span{flex-direction:column;display:flex}.userPermRow b{font-size:10px}.userPermRow small{color:#94a3b8;font-size:8px}.userPermRow button{cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:6px;height:28px;font-size:9px}.userPermRow button.selected.allow{color:#15803d;background:#ecfdf5;border-color:#bbf7d0}.userPermRow button.selected.deny{color:#b91c1c;background:#fff1f2;border-color:#fecaca}@media (width<=1100px){.staffStats{grid-template-columns:repeat(3,1fr)}.roleLayout{grid-template-columns:1fr}.roleSide{display:flex;overflow:auto}.roleSide h3{display:none}.roleSide>button{min-width:170px}}@media (width<=720px){.staffTop{flex-direction:column}.staffTopActions{width:100%}.staffTopActions button{flex:1}.staffStats{grid-template-columns:1fr 1fr}.staffFilters,.staffForm{grid-template-columns:1fr}.staffForm .full,.staffCheckLabel{grid-column:auto!important}.permissionModule>div{grid-template-columns:1fr}}.quotePage{min-width:0;padding-bottom:28px}.quoteTop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.quoteTop h1{color:#0f172a;margin:0;font-size:25px}.quoteTop p{color:#64748b;margin:5px 0 0;font-size:11px}.quoteTopActions{gap:8px;display:flex}.quotePrimaryBtn,.quoteSecondaryBtn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:37px;padding:0 13px;font-size:10px;font-weight:750;display:inline-flex}.quotePrimaryBtn{color:#fff;background:#2563eb;border:1px solid #2563eb}.quoteSecondaryBtn{color:#334155;background:#fff;border:1px solid #dbe3ee}.quotePrimaryBtn:disabled,.quoteSecondaryBtn:disabled{opacity:.55;cursor:not-allowed}.quoteError,.quoteSuccess{border-radius:9px;margin-bottom:10px;padding:10px 12px;font-size:10px}.quoteError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.quoteSuccess{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.quoteStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.quoteStat{background:#fff;border:1px solid #e2e8f0;border-radius:11px;min-height:82px;padding:13px 14px}.quoteStat span{color:#64748b;margin-bottom:9px;font-size:9px;display:block}.quoteStat b{color:#0f172a;font-size:19px}.quotePanel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.quoteFilters{border-bottom:1px solid #e9eef5;grid-template-columns:minmax(280px,1fr) 190px 210px;gap:8px;padding:11px 13px;display:grid}.quoteSearch{border:1px solid #dbe3ee;border-radius:8px;align-items:center;gap:7px;height:37px;padding:0 10px;display:flex}.quoteSearch svg{color:#94a3b8}.quoteSearch input{border:0;outline:0;width:100%;min-width:0;font-size:10px}.quoteFilters select{background:#fff;border:1px solid #dbe3ee;border-radius:8px;height:37px;padding:0 9px;font-size:10px}.quoteTableWrap{overflow:auto}.quoteTable{border-collapse:collapse;width:100%;min-width:1100px}.quoteTable th,.quoteTable td{text-align:left;color:#475569;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:10px 12px;font-size:9.5px}.quoteTable th{color:#64748b;background:#f8fafc;font-weight:800}.quoteTable td b{color:#0f172a}.quoteTable td small{color:#94a3b8;margin-top:2px;font-size:8px;display:block}.quoteRemain{color:#1d4ed8!important}.quoteStatus{white-space:nowrap;color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;padding:4px 7px;font-size:8.5px;font-weight:750;display:inline-flex}.quoteStatus.sent{color:#1d4ed8;background:#dbeafe}.quoteStatus.accepted{color:#15803d;background:#dcfce7}.quoteStatus.rejected{color:#b91c1c;background:#fee2e2}.quoteStatus.expired{color:#64748b;background:#f1f5f9}.quoteRowActions{align-items:center;gap:5px;display:flex}.quoteRowActions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:7px;align-items:center;gap:5px;min-height:31px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.quoteRowActions button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.quoteRowActions button:disabled{opacity:.5;cursor:not-allowed}.quoteEmpty{text-align:center;color:#94a3b8;padding:30px;font-size:10px}.quoteModalOverlay{z-index:1000;background:#0f172a94;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.quoteModal{background:#fff;border-radius:16px;flex-direction:column;width:min(1260px,96vw);max-height:94vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #0f172a40}.quoteModalHead{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 22px;display:flex}.quoteModalHead h2{color:#0f172a;margin:0;font-size:22px}.quoteModalHead p{color:#64748b;margin:5px 0 0;font-size:10px}.quoteCloseBtn{cursor:pointer;background:#f8fafc;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.quoteModalBody{padding:17px 22px 24px;overflow:auto}.quoteFormLoading{color:#64748b;justify-content:center;align-items:center;min-height:240px;font-size:11px;display:flex}.quoteCompanyPreview{text-align:center;background:#f8fbff;border:1px solid #bfdbfe;border-radius:11px;margin-bottom:14px;padding:13px 15px}.quoteCompanyPreview strong{color:#0f172a;font-size:13px;display:block}.quoteCompanyPreview span{color:#475569;margin-top:3px;font-size:9.5px;display:block}.quoteFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.quoteField{flex-direction:column;gap:5px;display:flex}.quoteField.wide{grid-column:1/-1}.quoteField>span{color:#475569;font-size:9px;font-weight:750}.quoteField input,.quoteField select,.quoteField textarea{color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:8px;outline:none;width:100%;padding:0 10px;font-size:10px}.quoteField input,.quoteField select{height:38px}.quoteField textarea{resize:vertical;min-height:88px;padding-top:9px;line-height:1.45}.quoteField input:focus,.quoteField select:focus,.quoteField textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f617}.quoteCustomerRow{grid-template-columns:1fr auto;gap:7px;display:grid}.quoteNewCustomerBtn{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:5px;height:38px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}.quoteItemsHead{justify-content:space-between;align-items:flex-end;gap:10px;margin:20px 0 9px;display:flex}.quoteItemsHead h3{color:#0f172a;margin:0;font-size:14px}.quoteItemsHead p{color:#64748b;margin:3px 0 0;font-size:9px}.quoteItems{flex-direction:column;gap:10px;display:flex}.quoteItemCard{border:1px solid #dbe3ee;border-radius:11px;padding:12px}.quoteItemTop{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.quoteItemTop strong{color:#0f172a;font-size:11px}.quoteRemoveItem{color:#be123c;cursor:pointer;background:#fff1f2;border:0;border-radius:7px;padding:6px 9px;font-size:8.5px;font-weight:750}.quoteItemGrid{grid-template-columns:1fr 1fr 140px 140px 155px;align-items:end;gap:9px;display:grid}.quoteItemGrid .quoteField.wide{grid-column:span 2}.quoteProductSearch{border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:36px;margin-bottom:5px;padding:0 8px;display:flex}.quoteProductSearch input{border:0;height:32px;padding:0;box-shadow:none!important}.quoteLineTotal{background:#f8fafc;border-radius:8px;flex-direction:column;justify-content:center;min-height:38px;padding:7px 10px;display:flex}.quoteLineTotal span{color:#64748b;font-size:8px}.quoteLineTotal b{color:#0f172a;margin-top:2px;font-size:11px}.quoteBottomGrid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.7fr);gap:18px;margin-top:18px;display:grid}.quoteNotes{flex-direction:column;gap:10px;display:flex}.quoteTotals{background:#fafcff;border:1px solid #dbe3ee;border-radius:11px;padding:13px}.quoteTotalRow{border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:15px;min-height:37px;font-size:10px;display:flex}.quoteTotals label{border-bottom:1px solid #e8edf3;grid-template-columns:1fr 145px;align-items:center;gap:10px;min-height:45px;font-size:10px;display:grid}.quoteTotals label input{text-align:right;border:1px solid #dbe3ee;border-radius:7px;height:32px;padding:0 8px}.quoteTotalRow.grand{color:#0f172a;font-size:14px;font-weight:800}.quoteTotalRow.remain{color:#1d4ed8;background:#dbeafe;border:0;border-radius:8px;margin-top:8px;padding:0 9px;font-size:14px;font-weight:800}.quoteModalFoot{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.quoteDocumentModal{background:#fff;border-radius:16px;flex-direction:column;width:min(1120px,96vw);max-height:94vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #0f172a40}.quoteDocumentTabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 18px;display:grid}.quoteDocumentTabs button{color:#475569;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.quoteDocumentTabs button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.quoteDocumentBody{padding:17px 20px 22px;overflow:auto}.quoteDocumentIntro{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.quoteDocumentIntro>div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:0;padding:11px 12px}.quoteDocumentIntro span,.quoteDocumentIntro small{color:#64748b;font-size:9px;display:block}.quoteDocumentIntro strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 3px;font-size:13px;display:block;overflow:hidden}.quoteDocumentFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.quoteDocumentPreview{background:#fbfdff;border:1px solid #bfdbfe;border-radius:12px;padding:18px}.quoteDocumentPreviewHead{border-bottom:2px solid #1e3a8a;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:12px;display:flex}.quoteDocumentPreviewHead div{flex-direction:column;gap:3px;display:flex}.quoteDocumentPreviewHead b{color:#1d4ed8;font-size:17px}.quoteDocumentPreviewHead span{color:#64748b;font-size:10px}.quoteDocumentCustomer{color:#334155;grid-template-columns:1fr 1fr;gap:7px 15px;margin:13px 0;font-size:10px;display:grid}.quoteDocumentCustomer span:last-child{grid-column:1/-1}.quoteDocumentItems{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.quoteDocumentItems>div{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;min-height:37px;padding:8px 10px;font-size:10px;display:flex}.quoteDocumentItems>div:last-child{border-bottom:0}.quoteDocumentItems span{color:#334155}.quoteDocumentItems b{color:#0f172a;white-space:nowrap}.quoteDocumentPreview>p{color:#64748b;margin:12px 0 0;font-size:10px;line-height:1.55}@media (width<=1200px){.quoteStats,.quoteItemGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.quoteItemGrid .quoteField.wide{grid-column:span 3}}@media (width<=850px){.quoteTop{flex-direction:column}.quoteStats{grid-template-columns:repeat(2,minmax(0,1fr))}.quoteFilters,.quoteFormGrid{grid-template-columns:1fr}.quoteField.wide{grid-column:auto}.quoteItemGrid{grid-template-columns:1fr 1fr}.quoteItemGrid .quoteField.wide{grid-column:1/-1}.quoteBottomGrid{grid-template-columns:1fr}}@media (width<=700px){.quotePage{padding-bottom:10px}.quoteTop{gap:12px;margin-bottom:12px}.quoteTop h1{font-size:22px}.quoteTopActions{width:100%}.quoteTopActions button{flex:1;min-height:43px;font-size:12px}.quoteStats{gap:7px}.quoteStat{min-height:72px;padding:11px 12px}.quoteStat span{margin-bottom:7px;font-size:10px}.quoteStat b{font-size:17px}.quoteStat:last-child{grid-column:1/-1}.quotePanel{border-radius:10px}.quoteFilters{gap:7px;padding:10px}.quoteSearch,.quoteFilters select{height:43px}.quoteSearch input,.quoteFilters select{font-size:16px}.quoteTableWrap{overflow:visible}.quoteTable,.quoteTable tbody,.quoteTable tr,.quoteTable td{width:100%;display:block}.quoteTable{border-collapse:separate;min-width:0}.quoteTable thead{display:none}.quoteTable tbody{padding:9px}.quoteTable tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:11px;margin-bottom:9px;padding:5px 10px;box-shadow:0 1px 2px #0f172a08}.quoteTable tbody tr:last-child{margin-bottom:0}.quoteTable td{text-align:right;border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;font-size:12px;display:flex}.quoteTable td:before{content:attr(data-label);color:#64748b;text-align:left;font-size:10px;font-weight:700}.quoteTable td:first-child{align-items:flex-start}.quoteTable td:last-child{border-bottom:0;display:block}.quoteTable td:last-child:before{margin-bottom:7px;display:block}.quoteTable td small{font-size:10px}.quoteRowActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.quoteRowActions button{justify-content:center;min-height:40px;padding:0 7px;font-size:11px}.quoteModalOverlay{align-items:stretch;padding:0}.quoteModal,.quoteDocumentModal{border-radius:0;width:100%;height:100dvh;max-height:none}.quoteModalHead{align-items:center;padding:13px 14px}.quoteModalHead h2{font-size:18px}.quoteModalHead p{font-size:10px}.quoteModalBody{padding:13px 11px 18px}.quoteCompanyPreview{padding:11px 10px}.quoteCompanyPreview strong{font-size:11px}.quoteFormGrid{gap:11px}.quoteField>span{font-size:11px}.quoteField input,.quoteField select,.quoteField textarea{font-size:16px}.quoteField input,.quoteField select{height:44px}.quoteCustomerRow{grid-template-columns:1fr}.quoteNewCustomerBtn{justify-content:center;height:42px;font-size:11px}.quoteItemsHead{flex-direction:column;align-items:stretch}.quoteItemsHead .quoteSecondaryBtn{width:100%;height:42px;font-size:11px}.quoteItemCard{padding:10px}.quoteItemGrid{grid-template-columns:1fr}.quoteItemGrid .quoteField.wide{grid-column:auto}.quoteProductSearch{height:42px}.quoteProductSearch input{height:38px}.quoteTotals label{grid-template-columns:1fr 125px}.quoteModalFoot{padding:10px 11px calc(10px + env(safe-area-inset-bottom));z-index:2;position:relative}.quoteModalFoot button{flex:1;min-height:43px;font-size:12px}.quoteDocumentTabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:9px 11px}.quoteDocumentTabs button{justify-content:flex-start;padding:0 9px;font-size:11px}.quoteDocumentTabs button:last-child{grid-column:1/-1}.quoteDocumentBody{padding:12px 11px 18px}.quoteDocumentIntro{grid-template-columns:1fr;gap:7px}.quoteDocumentFields{grid-template-columns:1fr}.quoteDocumentPreview{padding:13px 11px}.quoteDocumentPreviewHead b{font-size:15px}.quoteDocumentCustomer{grid-template-columns:1fr}.quoteDocumentCustomer span:last-child{grid-column:auto}.quoteDocumentItems>div{font-size:11px}}.zaloPage{width:100%}.zaloHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.zaloHeader h1{color:#0f172a;margin:0 0 6px;font-size:26px}.zaloHeader p{color:#7b879d;margin:0;font-size:14px}.zaloRefreshBtn,.zaloFilterBtn{cursor:pointer;color:#334155;background:#fff;border:1px solid #dce2eb;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 14px;font-weight:600;display:inline-flex}.zaloFilterBtn{color:#fff;background:#2563eb;border-color:#2563eb}.zaloStats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.zaloStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.zaloStatIcon{color:#4f46e5;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.zaloStatIcon.online{color:#16a34a;background:#ecfdf5}.zaloStatIcon.zalo{color:#1677ff;background:#eff6ff}.zaloStatIcon.warning{color:#ea580c;background:#fff7ed}.zaloStatCard span{color:#7b879d;margin-bottom:4px;font-size:12px;display:block}.zaloStatCard strong{color:#0f172a;font-size:23px}.zaloPanel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden}.zaloPanelHeader{border-bottom:1px solid #e9eef5;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px;display:flex}.zaloPanelHeader h2{color:#0f172a;margin:0 0 4px;font-size:17px}.zaloPanelHeader p,.zaloPanelHeader>span{color:#7b879d;margin:0;font-size:12px}.zaloAgentCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.zaloAgentCard{border:1px solid #e7ecf2;border-radius:10px;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:12px;padding:13px;display:grid}.zaloSale{align-items:center;gap:9px;min-width:0;display:flex}.zaloSale>div:last-child{min-width:0}.zaloSale strong,.zaloSale code{display:block}.zaloSale code{color:#64748b;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.zaloAvatar,.zaloConversationAvatar{color:#2563eb;background:#e8f1ff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;overflow:hidden}.zaloConversationAvatar{width:44px;height:44px}.zaloConversationAvatar img{object-fit:cover;width:100%;height:100%}.zaloStatus{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.zaloStatus.online{color:#15803d;background:#dcfce7}.zaloStatus.offline{color:#64748b;background:#f1f5f9}.zaloStatus.warning{color:#c2410c;background:#ffedd5}.zaloStatus.muted{color:#64748b;background:#f1f5f9}.zaloAgentMeta{color:#64748b;border-top:1px dashed #e2e8f0;flex-wrap:wrap;grid-column:1/-1;gap:14px;padding-top:8px;font-size:11px;display:flex}.zaloConversationHeader{align-items:center}.zaloConversationFilters{align-items:center;gap:8px;display:flex}.zaloSearchBox{color:#94a3b8;border:1px solid #dce2eb;border-radius:8px;align-items:center;gap:7px;min-width:240px;height:36px;padding:0 10px;display:flex}.zaloSearchBox input{border:none;outline:none;flex:1;min-width:0;height:100%}.zaloConversationFilters select{background:#fff;border:1px solid #dce2eb;border-radius:8px;height:36px;padding:0 10px}.zaloConversationList{max-height:520px;overflow:auto}.zaloConversationItem{border-bottom:1px solid #eef2f6;align-items:flex-start;gap:12px;padding:13px 16px;display:flex}.zaloConversationItem:last-child{border-bottom:none}.zaloConversationItem:hover{background:#f8fafc}.zaloConversationBody{flex:1;min-width:0}.zaloConversationTop,.zaloConversationBottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.zaloConversationTop strong{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;min-width:0;font-size:13px;overflow:hidden}.zaloConversationTop span{color:#94a3b8;white-space:nowrap;font-size:11px}.zaloConversationBottom{margin-top:4px}.zaloConversationBottom p{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.zaloConversationBottom em{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-style:normal;font-weight:700;display:flex}.zaloConversationBody small{color:#a0aec0;margin-top:5px;font-size:10px;display:block}.zaloEmpty{text-align:center;color:#7b879d;padding:40px 18px}.zaloError{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:11px 13px;font-size:13px}.zaloNextBox{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:flex-start;gap:10px;padding:15px 17px;display:flex}.zaloNextBox strong,.zaloNextBox span{display:block}.zaloNextBox span{color:#64748b;margin-top:3px;font-size:12px}@media (width<=1100px){.zaloStats{grid-template-columns:repeat(2,1fr)}.zaloAgentCards{grid-template-columns:1fr}.zaloConversationHeader{flex-direction:column;align-items:flex-start}.zaloConversationFilters{width:100%}.zaloSearchBox{flex:1}}@media (width<=680px){.zaloHeader{flex-direction:column}.zaloStats{grid-template-columns:1fr}.zaloConversationFilters{flex-direction:column;align-items:stretch}.zaloSearchBox{width:100%;min-width:0}.zaloConversationFilters select,.zaloFilterBtn{width:100%}.zaloAgentCard{grid-template-columns:1fr}.zaloAgentMeta{grid-column:auto}}.zaloChatLayout{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.zaloConversationPane,.zaloMessagePane{min-height:620px;margin-bottom:0}.zaloConversationPane{flex-direction:column;display:flex}.zaloConversationFilters{border-bottom:1px solid #eef2f6;padding:12px}.zaloConversationList{flex:1;max-height:560px;overflow:auto}button.zaloConversationItem{text-align:left;cursor:pointer;background:#fff;border:none;width:100%}button.zaloConversationItem.active{background:#eff6ff}button.zaloConversationItem.active .zaloConversationTop strong{color:#1d4ed8}.zaloMessagePane{flex-direction:column;display:flex;overflow:hidden}.zaloMessageHeader{border-bottom:1px solid #e9eef5;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 16px;display:flex}.zaloMessageHeader h2{color:#0f172a;margin:0 0 4px;font-size:17px}.zaloMessageHeader span{color:#7b879d;font-size:12px}.zaloReadBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-weight:700;display:inline-flex}.zaloReadBtn:disabled{opacity:.7;cursor:not-allowed}.zaloMessages{background:#f7f9fc;flex:1;min-height:0;max-height:500px;padding:18px;overflow:auto}.zaloMessageRow{margin-bottom:10px;display:flex}.zaloMessageRow.me{justify-content:flex-end}.zaloMessageRow.other{justify-content:flex-start}.zaloMessageRow.system{justify-content:center}.zaloMessageBubble{border-radius:12px;max-width:min(72%,720px);padding:9px 11px;box-shadow:0 1px 2px #0f172a0f}.zaloMessageRow.other .zaloMessageBubble{background:#fff;border:1px solid #e5eaf1}.zaloMessageRow.me .zaloMessageBubble{color:#0f172a;background:#dbeafe}.zaloMessageRow.system .zaloMessageBubble{color:#64748b;box-shadow:none;text-align:center;background:#eef2f7;font-size:11px}.zaloMessageBubble small{color:#64748b;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.zaloMessageBubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.45}.zaloMessageBubble span{color:#94a3b8;text-align:right;margin-top:5px;font-size:9px;display:block}.zaloReadOnlyBar{color:#64748b;text-align:center;background:#fff;border-top:1px solid #e5eaf1;padding:11px 14px;font-size:11px}.zaloReadError{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin:10px 14px 0;padding:9px 11px;font-size:12px}.zaloMessageEmpty{justify-content:center;align-items:center;min-height:500px;display:flex}.zaloSpin{animation:.9s linear infinite zaloSpin}@keyframes zaloSpin{to{transform:rotate(360deg)}}@media (width<=1050px){.zaloChatLayout{grid-template-columns:1fr}.zaloConversationPane,.zaloMessagePane{min-height:auto}.zaloConversationList{max-height:400px}.zaloMessages{min-height:460px}}@media (width<=640px){.zaloMessageHeader{flex-direction:column;align-items:flex-start}.zaloReadBtn{width:100%}.zaloMessageBubble{max-width:88%}}.zaloLiveControls{align-items:center;gap:10px;display:flex}.zaloLiveBadge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.zaloLiveBadge i{background:#94a3b8;border-radius:50%;width:8px;height:8px}.zaloLiveBadge.active{color:#15803d;background:#ecfdf5}.zaloLiveBadge.active i{background:#22c55e;animation:1.5s infinite zaloLivePulse;box-shadow:0 0 #22c55e73}@keyframes zaloLivePulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (width<=760px){.zaloLiveControls{flex-direction:column;align-items:stretch;width:100%}.zaloLiveBadge{justify-content:center}}.zaloComposer{background:#fff;border-top:1px solid #e5eaf1;padding:12px}.zaloComposerRow{align-items:flex-end;gap:10px;display:flex}.zaloComposer textarea{resize:vertical;min-height:48px;max-height:130px;font:inherit;color:#0f172a;border:1px solid #d9e1ec;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:13px;line-height:1.45}.zaloComposer textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61a}.zaloSendBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:92px;height:44px;font-weight:700;display:inline-flex}.zaloSendBtn:disabled{opacity:.55;cursor:not-allowed}.zaloComposerMeta{color:#94a3b8;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;font-size:10px;display:flex}.zaloSendState.sent{color:#15803d}.zaloSendState.sent_unconfirmed,.zaloSendState.processing,.zaloSendState.pending{color:#2563eb}.zaloSendState.failed{color:#b91c1c}.zaloComposerError{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:11px}@media (width<=640px){.zaloComposerRow{flex-direction:column;align-items:stretch}.zaloSendBtn{width:100%}}.zaloConnectBtn{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.zaloConnectBtn.connected{color:#15803d;background:#ecfdf5;border-color:#bbf7d0}.zaloConnectBtn:disabled{opacity:.55;cursor:not-allowed}.zaloConnectBtn.connected:disabled{opacity:1}.zaloConnectionActions{grid-column:1/-1;align-items:center;gap:8px;display:flex}.zaloConnectionActions .zaloConnectBtn,.zaloConnectionActions .zaloDisconnectBtn{flex:1}.zaloDisconnectBtn{color:#be123c;cursor:pointer;white-space:nowrap;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.zaloDisconnectBtn:hover{background:#ffe4e6;border-color:#fda4af}.zaloDisconnectBtn:disabled{opacity:.55;cursor:not-allowed}.zaloMediaMessage{min-width:180px}.zaloMediaPreview{background:#e2e8f0;border-radius:9px;margin:0;display:block;overflow:hidden}.zaloMediaPreview img{object-fit:contain;width:min(100%,420px);max-height:420px;display:block}.zaloMediaVideo{background:#0f172a;border-radius:9px;width:min(100%,520px);max-height:420px;display:block}.zaloMediaAudio{width:min(100%,360px);min-width:260px;display:block}.zaloFileCard{color:#0f172a;background:#ffffffb8;border:1px solid #94a3b859;border-radius:9px;align-items:center;gap:10px;min-width:260px;max-width:460px;padding:10px;text-decoration:none;display:flex}.zaloFileCard:hover{background:#eff6ff;border-color:#93c5fd}.zaloFileCard>span,.zaloMediaMissing span{color:inherit;font-size:inherit;text-align:left;margin:0;display:block}.zaloFileCard>span:nth-child(2){flex:1;min-width:0}.zaloFileCard strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.zaloFileCard small{color:#64748b;margin:3px 0 0;font-size:10px;font-weight:500;display:block}.zaloFileIcon{background:#dbeafe;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;color:#2563eb!important;display:flex!important}.zaloMediaMissing{color:#64748b;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:7px;min-width:190px;padding:9px 10px;font-size:12px;display:flex}.zaloMediaMessage>p{margin-top:7px}@media (width<=640px){.zaloConnectionActions{flex-direction:column;align-items:stretch}.zaloConnectionActions .zaloConnectBtn,.zaloConnectionActions .zaloDisconnectBtn{width:100%}.zaloMediaMessage,.zaloFileCard,.zaloMediaAudio{width:100%;min-width:0}}.zaloQrOverlay{z-index:9999;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.zaloQrModal{background:#fff;border-radius:16px;width:min(520px,96vw);overflow:hidden;box-shadow:0 24px 80px #0f172a42}.zaloQrHeader{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:flex-start;gap:14px;min-height:76px;padding:16px 18px;display:flex}.zaloQrHeader h3{color:#0f172a;margin:0 0 5px;font-size:18px}.zaloQrHeader p{color:#64748b;margin:0;font-size:12px}.zaloQrHeader button{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.zaloQrBody{background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:24px;display:flex}.zaloQrImageWrap{background:#fff;border:1px solid #dbe4ef;border-radius:14px;justify-content:center;align-items:center;width:330px;max-width:100%;min-height:330px;padding:12px;display:flex}.zaloQrImageWrap img{object-fit:contain;max-width:100%;max-height:360px;display:block}.zaloQrHint{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;gap:7px;margin-top:15px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.zaloQrLoading,.zaloQrSuccess{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:9px;display:flex}.zaloQrLoading strong,.zaloQrSuccess strong{color:#0f172a;font-size:15px}.zaloQrSuccess svg{color:#16a34a}.zaloQrError{color:#b91c1c;text-align:center;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;width:100%;padding:12px;font-size:12px}.zaloQrFooter{border-top:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.zaloQrFooter span{color:#94a3b8;max-width:310px;font-size:10px}.zaloQrFooter button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=620px){.zaloQrFooter{flex-direction:column;align-items:stretch}.zaloQrFooter span{max-width:none}.zaloQrFooter button{justify-content:center}}.zaloGroupBtn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e2ef;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.zaloGroupBtn:hover{background:#f8fafc}.zgmOverlay{z-index:10020;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.zgmModal{background:#fff;border-radius:16px;flex-direction:column;width:min(760px,96vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0f172a47}.zgmHeader{border-bottom:1px solid #e7edf4;justify-content:space-between;gap:14px;padding:15px 18px;display:flex}.zgmHeader h3{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.zgmHeader p{color:#64748b;margin:5px 0 0;font-size:12px}.zgmHeader button{cursor:pointer;background:#f8fafc;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.zgmSummary{background:#f8fafc;border-bottom:1px solid #e7edf4;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.zgmSummary span{color:#94a3b8;font-size:10px;display:block}.zgmSummary strong{font-size:12px}.zgmSummary button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;font-weight:700;display:flex}.zgmError,.zgmWorking{border-radius:8px;align-items:center;gap:7px;margin:10px 16px 0;padding:9px 11px;font-size:11px;display:flex}.zgmError{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca}.zgmWorking{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.zgmAdd{border-bottom:1px solid #eef2f7;grid-template-columns:160px 1fr 82px;align-items:center;gap:9px;padding:12px 16px;display:grid}.zgmAdd strong{align-items:center;gap:7px;font-size:12px;display:flex}.zgmAdd input{border:1px solid #d8e2ef;border-radius:8px;outline:none;height:36px;padding:0 10px}.zgmAdd button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;font-weight:700;display:flex}.zgmAdd button:disabled{opacity:.5}.zgmTitle{justify-content:space-between;gap:12px;padding:10px 16px;display:flex}.zgmTitle strong{font-size:12px}.zgmTitle span{color:#94a3b8;font-size:10px}.zgmList{border-top:1px solid #eef2f7;flex:1;min-height:230px;overflow:auto}.zgmMember{border-bottom:1px solid #f0f3f7;align-items:center;gap:10px;min-height:58px;padding:8px 16px;display:flex}.zgmAvatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex;overflow:hidden}.zgmAvatar img{object-fit:cover;width:100%;height:100%}.zgmInfo{flex:1;min-width:0}.zgmInfo>strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.zgmInfo>div{color:#94a3b8;align-items:center;gap:6px;margin-top:3px;font-size:10px;display:flex}.zgmMe{color:#2563eb;background:#eff6ff;border-radius:999px;padding:2px 6px}.zgmRole{color:#a16207;background:#fefce8;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;display:flex}.zgmRemove{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 8px;font-size:10px;font-weight:700;display:flex}.zgmEmpty{color:#94a3b8;justify-content:center;align-items:center;min-height:230px;font-size:12px;display:flex}.zgmFooter{color:#94a3b8;background:#f8fafc;border-top:1px solid #e7edf4;justify-content:space-between;gap:10px;min-height:50px;padding:9px 16px;font-size:10px;display:flex}.zgmFooter span{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.zgmSpin{animation:1s linear infinite zgmSpin}@keyframes zgmSpin{to{transform:rotate(360deg)}}@media (width<=720px){.zgmAdd{grid-template-columns:1fr}.zgmTitle{flex-direction:column}}.kpiPage{min-width:0}.kpiTitle{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.kpiTitle h1{color:#0f172a;margin:0;font-size:25px}.kpiTitle p{color:#748399;margin:5px 0 0;font-size:12px}.kpiFilters{gap:9px;display:flex}.kpiFilters input,.kpiFilters button{background:#fff;border:1px solid #dbe3ee;border-radius:8px;height:38px;padding:0 11px}.kpiFilters button{color:#334155;cursor:pointer;align-items:center;gap:6px;font-weight:700;display:flex}.kpiNotice{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:7px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.kpiPanel{background:#fff;border:1px solid #e5eaf1;border-radius:12px;margin-bottom:14px;overflow:hidden}.kpiLoading{color:#94a3b8;text-align:center;padding:36px}.kpiStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.kpiStat{background:#fff;border:1px solid #e5eaf1;border-radius:12px;min-height:105px;padding:15px 16px;position:relative}.kpiStat>svg{color:#2563eb;box-sizing:content-box;background:#eff6ff;border-radius:9px;padding:7px;position:absolute;top:14px;right:14px}.kpiStat span{color:#7c8ba1;margin-bottom:8px;font-size:11px;display:block}.kpiStat strong{color:#0f172a;font-size:22px;line-height:1.1;display:block}.kpiStat small{color:#94a3b8;margin-top:7px;font-size:10px;display:block}.kpiPanelHead{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;display:flex}.kpiPanelHead h2{color:#0f172a;margin:0;font-size:14px}.kpiPanelHead p{color:#94a3b8;margin:3px 0 0;font-size:10px}.kpiPodium{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;display:grid}.kpiPodiumItem{border:1px solid #e8edf4;border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex}.kpiRankIcon{background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rank1 .kpiRankIcon{color:#a16207;background:#fef9c3}.rank2 .kpiRankIcon{color:#64748b;background:#f1f5f9}.rank3 .kpiRankIcon{color:#c2410c;background:#fff7ed}.kpiPodiumItem>div:nth-child(2){flex:1;min-width:0}.kpiPodiumItem b,.kpiPodiumItem span{display:block}.kpiPodiumItem b{color:#0f172a;font-size:12px}.kpiPodiumItem span{color:#64748b;margin-top:3px;font-size:10px}.kpiPodiumItem>strong{color:#15803d;font-size:11px}.kpiTableWrap{overflow:auto}.kpiTable{min-width:1200px}.kpiTr{color:#334155;border-top:1px solid #eef2f7;grid-template-columns:1.4fr 1fr 1fr 1.15fr .65fr .75fr .7fr .7fr .6fr .65fr;align-items:center;gap:8px;padding:12px 14px;font-size:11px;display:grid}.kpiTh{color:#64748b;background:#f8fafc;border-top:0;font-weight:700}.kpiPerson{flex-direction:column;display:flex}.kpiPerson b{color:#0f172a}.kpiPerson small{color:#94a3b8;margin-top:3px}.kpiProgress{background:#e9eef5;border-radius:99px;width:86px;height:6px;margin-bottom:5px;overflow:hidden}.kpiProgress i{background:#2563eb;border-radius:99px;height:100%;display:block}.kpiGood{color:#15803d}.kpiWarn{color:#c2410c}.kpiBad{color:#dc2626}.kpiTargetBtn,.kpiTargetStatic{font:inherit;color:#334155;background:0 0;border:0;padding:0}.kpiTargetBtn{cursor:pointer;border-bottom:1px dashed #94a3b8}.kpiTargetEdit{align-items:center;gap:4px;display:flex}.kpiTargetEdit input{border:1px solid #dbe3ee;border-radius:6px;width:90px;height:28px;padding:0 6px}.kpiTargetEdit button{cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:6px;height:28px;font-size:10px}.kpiDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.kpiDetail{margin-bottom:0}.kpiBadge{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.kpiBadge.good{color:#15803d;background:#ecfdf5}.kpiBadge.danger{color:#b91c1c;background:#fff1f2}.kpiDetailStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px;display:grid}.kpiDetailStats>div{border:1px solid #eef2f7;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:9px;display:grid}.kpiDetailStats svg{color:#64748b}.kpiDetailStats span{color:#7c8ba1;font-size:10px}.kpiDetailStats b{color:#0f172a;font-size:11px}.kpiIncome{border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kpiIncome>div{border-right:1px solid #eef2f7;padding:11px 13px}.kpiIncome>div:last-child{border-right:0}.kpiIncome span,.kpiIncome small{color:#94a3b8;font-size:9px;display:block}.kpiIncome b{color:#0f172a;margin:4px 0;font-size:13px;display:block}.kpiRates{color:#7c8ba1;gap:18px;padding:10px 13px;font-size:10px;display:flex}.kpiRates b{color:#334155}.kpiPolicy{color:#334155;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;flex-wrap:wrap;gap:12px;margin-top:14px;padding:11px 13px;font-size:10px;display:flex}.kpiPolicy>b{color:#1d4ed8}.kpiMuted{color:#94a3b8}.kpiPolicy span{white-space:normal}@media (width<=1200px){.kpiStats{grid-template-columns:repeat(3,minmax(0,1fr))}.kpiDetailGrid{grid-template-columns:1fr}}@media (width<=760px){.kpiTitle{flex-direction:column}.kpiStats{grid-template-columns:1fr 1fr}.kpiPodium,.kpiDetailStats,.kpiIncome{grid-template-columns:1fr}.kpiIncome>div{border-bottom:1px solid #eef2f7;border-right:0}.kpiFilters{width:100%}.kpiFilters input{flex:1}}.dpPage{min-width:0}.dpTitle{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.dpTitle h1{color:#0f172a;margin:0;font-size:25px}.dpTitle p{color:#748399;margin:5px 0 0;font-size:12px}.dpRefresh{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 12px;font-weight:700;display:flex}.dpNotice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:7px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.dpStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.dpStats>div{background:#fff;border:1px solid #e5eaf1;border-radius:12px;min-height:94px;padding:14px 16px;position:relative}.dpStats svg{color:#2563eb;box-sizing:content-box;background:#eff6ff;border-radius:9px;padding:7px;position:absolute;top:14px;right:14px}.dpStats span{color:#7c8ba1;margin-bottom:7px;font-size:11px;display:block}.dpStats strong{color:#0f172a;font-size:24px;display:block}.dpStats small{color:#94a3b8;margin-top:5px;font-size:10px;display:block}.dpGrid{grid-template-columns:minmax(0,2.3fr) minmax(280px,.75fr);gap:14px;margin-bottom:14px;display:grid}.dpPanel{background:#fff;border:1px solid #e5eaf1;border-radius:12px;overflow:hidden}.dpPanelHead{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;display:flex}.dpPanelHead h2{color:#0f172a;margin:0;font-size:14px}.dpPanelHead p{color:#94a3b8;margin:3px 0 0;font-size:10px}.dpFilters{background:#f8fafc;border-bottom:1px solid #eef2f7;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;padding:11px 14px;display:grid}.dpFilters label span{color:#64748b;margin-bottom:4px;font-size:10px;display:block}.dpFilters select{background:#fff;border:1px solid #dbe3ee;border-radius:7px;width:100%;height:34px;padding:0 8px;font-size:11px}.dpFilters button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.dpAvailable{border-bottom:1px solid #eef2f7;align-items:baseline;gap:10px;padding:10px 14px;display:flex}.dpAvailable span{color:#64748b;font-size:11px}.dpAvailable strong{color:#0f172a;font-size:19px}.dpAvailable small{color:#94a3b8;font-size:10px}.dpSaleTable{overflow:auto}.dpSaleRow{color:#334155;border-top:1px solid #f0f3f7;grid-template-columns:1.3fr .8fr .75fr .6fr .5fr .7fr 1fr .7fr;align-items:center;gap:8px;min-width:980px;padding:10px 13px;font-size:10.5px;display:grid}.dpSaleHead{color:#64748b;background:#f8fafc;border-top:0;font-weight:700}.dpSaleName{flex-direction:column;display:flex}.dpSaleName b{color:#0f172a;font-size:11px}.dpSaleName small{color:#94a3b8;margin-top:2px;font-size:9px}.dpSaleRow input{text-align:right;border:1px solid #cbd5e1;border-radius:6px;width:74px;height:31px;padding:0 7px}.dpDanger{color:#dc2626;font-weight:700}.dpAllocateFoot{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.dpAllocateFoot>div{color:#64748b;align-items:center;gap:8px;font-size:10px;display:flex}.dpAllocateFoot b{color:#0f172a;margin-right:10px;font-size:13px}.dpAllocateFoot button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 14px;font-weight:700;display:flex}.dpAllocateFoot button:disabled{opacity:.5;cursor:not-allowed}.dpBatchSummary{padding:15px}.dpBatchSummary>strong{font-size:13px;display:block}.dpBatchSummary>small{color:#94a3b8;margin:4px 0 13px;font-size:10px;display:block}.dpBatchSummary>div{grid-template-columns:1fr auto;gap:9px;font-size:10.5px;display:grid}.dpBatchSummary span{color:#64748b}.dpBatchSummary b{color:#0f172a}.dpSearch{border:1px solid #dbe3ee;border-radius:7px;align-items:center;gap:6px;width:270px;height:34px;padding:0 8px;display:flex}.dpSearch input{border:0;outline:0;width:100%;font-size:11px}.dpPoolTable{overflow:auto}.dpPoolRow{color:#334155;border-top:1px solid #f0f3f7;grid-template-columns:1.35fr .9fr 1fr .75fr 1fr .9fr;align-items:center;gap:8px;min-width:940px;padding:10px 14px;font-size:10.5px;display:grid}.dpPoolHead{color:#64748b;background:#f8fafc;border-top:0;font-weight:700}.dpPoolRow>span:first-child{flex-direction:column;display:flex}.dpPoolRow b{color:#0f172a}.dpPoolRow small{color:#94a3b8;margin-top:2px;font-size:9px}.dpEmpty{text-align:center;color:#94a3b8;padding:30px;font-size:11px}.dpBottomGrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.dpHistory>div{border-top:1px solid #f0f3f7;grid-template-columns:1.45fr .7fr .7fr .7fr .6fr;align-items:center;gap:8px;padding:9px 13px;font-size:10px;display:grid}.dpHistory>div:first-child{border-top:0}.dpHistory>div>span:first-child{flex-direction:column;display:flex}.dpHistory small{color:#94a3b8;margin-top:2px;font-size:9px}.dpAllocationHistory>div{grid-template-columns:1.15fr .65fr 1.7fr}.dpRunDetail{color:#64748b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dpSheetNote{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:10px;margin-top:14px;padding:11px 13px;display:flex}.dpSheetNote div{flex-direction:column;gap:3px;display:flex}.dpSheetNote b{font-size:11px}.dpSheetNote span{color:#475569;font-size:10px}@media (width<=1200px){.dpGrid{grid-template-columns:1fr}.dpStats{grid-template-columns:1fr 1fr}.dpBottomGrid{grid-template-columns:1fr}}@media (width<=720px){.dpTitle{flex-direction:column}.dpFilters{grid-template-columns:1fr}.dpStats{grid-template-columns:1fr 1fr}.dpAllocateFoot{flex-direction:column;align-items:stretch}.dpAllocateFoot>div{flex-wrap:wrap}.dpAllocateFoot button{justify-content:center}.dpSearch{width:100%}}.settingsV325{min-width:0}.settingsTop{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.settingsTop h1{color:#0f172a;margin:0;font-size:25px}.settingsTop p{color:#718096;margin:5px 0 0;font-size:12px}.settingsTopActions{gap:8px;display:flex}.settingsPrimary,.settingsSecondary{cursor:pointer;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.settingsPrimary{color:#fff;background:#2563eb;border:0}.settingsSecondary{color:#334155;background:#fff;border:1px solid #dbe3ee}.settingsPrimary:disabled{opacity:.5;cursor:not-allowed}.settingsNotice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:7px;margin-bottom:12px;padding:10px 12px;font-size:11px;display:flex}.settingsIntegrationCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.settingsIntegrationCards>div{background:#fff;border:1px solid #e5eaf1;border-radius:12px;min-height:82px;padding:14px 16px;position:relative}.settingsIntegrationCards svg{color:#2563eb;box-sizing:content-box;background:#eff6ff;border-radius:9px;padding:7px;position:absolute;top:13px;right:13px}.settingsIntegrationCards span{color:#7c8ba1;margin-bottom:8px;font-size:10px;display:block}.settingsIntegrationCards strong{color:#0f172a;font-size:14px}.settingsLayout{grid-template-columns:230px minmax(0,1fr);gap:13px;display:grid}.settingsSide,.settingsPanel,.settingsAudit{background:#fff;border:1px solid #e5eaf1;border-radius:12px;overflow:hidden}.settingsSide{padding:9px}.settingsSideTitle{color:#334155;align-items:center;gap:7px;padding:7px 8px 10px;font-size:11px;font-weight:800;display:flex}.settingsSide button{color:#64748b;cursor:pointer;text-align:left;background:#fff;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;height:39px;padding:0 10px;font-size:10.5px;font-weight:700;display:flex}.settingsSide button:hover{background:#f8fafc}.settingsSide button.active{color:#1d4ed8;background:#eff6ff}.settingsPanelHead{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;display:flex}.settingsPanelHead h2{color:#0f172a;margin:0;font-size:15px}.settingsPanelHead p{color:#94a3b8;margin:4px 0 0;font-size:10px}.unsavedBadge{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.settingsFields{padding:0 15px}.settingRow{border-top:1px solid #f0f3f7;grid-template-columns:1fr minmax(250px,430px);align-items:center;gap:20px;padding:14px 0;display:grid}.settingRow:first-child{border-top:0}.settingInfo{flex-direction:column;display:flex}.settingInfo b{color:#0f172a;font-size:11px}.settingInfo small{color:#64748b;margin-top:3px;font-size:9px}.settingInfo code{color:#94a3b8;margin-top:4px;font-size:8px}.settingControl{flex-direction:column;align-items:stretch;gap:4px;display:flex}.settingControl input,.settingControl select,.settingControl textarea{width:100%;font:inherit;background:#fff;border:1px solid #dbe3ee;border-radius:7px;outline:none;padding:0 9px;font-size:11px}.settingControl input,.settingControl select{height:36px}.settingControl textarea{resize:vertical;padding-top:8px}.settingControl input:disabled,.settingControl select:disabled,.settingControl textarea:disabled{color:#64748b;background:#f8fafc}.changedDot{color:#c2410c;text-align:right;font-size:8px}.settingSwitch{align-items:center;gap:8px;display:flex}.settingSwitch input{display:none}.settingSwitch span{background:#cbd5e1;border-radius:999px;width:42px;height:23px;transition:all .15s;position:relative}.settingSwitch span:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a40}.settingSwitch input:checked+span{background:#2563eb}.settingSwitch input:checked+span:after{left:22px}.settingSwitch b{color:#475569;font-size:10px}.settingsAudit{margin-top:14px}.settingsAuditHead{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.settingsAuditHead>div{align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.settingsAuditHead small{color:#94a3b8;font-size:9px}.settingsAuditTable{overflow:auto}.settingsAuditRow{color:#475569;border-top:1px solid #f0f3f7;grid-template-columns:1fr 1.35fr 1fr 1.35fr 1.35fr;gap:8px;min-width:900px;padding:9px 13px;font-size:9.5px;display:grid}.settingsAuditTh{color:#64748b;background:#f8fafc;border-top:0;font-weight:800}.settingsEmpty{text-align:center;color:#94a3b8;padding:30px;font-size:11px}.settingsSafety{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:9px;margin-top:14px;padding:11px 13px;display:flex}.settingsSafety div{flex-direction:column;gap:3px;display:flex}.settingsSafety b{font-size:10.5px}.settingsSafety span{color:#475569;font-size:9.5px}@media (width<=1050px){.settingsIntegrationCards{grid-template-columns:1fr 1fr}.settingsLayout{grid-template-columns:1fr}.settingsSide{display:flex;overflow:auto}.settingsSideTitle{display:none}.settingsSide button{width:auto;min-width:150px}}@media (width<=720px){.settingsTop{flex-direction:column}.settingsTopActions{width:100%}.settingsTopActions button{flex:1}.settingsIntegrationCards{grid-template-columns:1fr 1fr}.settingRow{grid-template-columns:1fr;gap:8px}}