*{box-sizing:border-box}:root{color:#e5edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 80% -10%,#0099ff1f,#0000 32%),#070b12;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.appShell{background:#070b12;min-height:100vh}.sidebar{z-index:100;background:linear-gradient(#0a111c 0%,#08101a 100%);border-right:1px solid #182536;flex-direction:column;width:255px;padding:20px 15px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:2px 6px 17px;display:flex}.brandIcon{color:#fff;background:linear-gradient(135deg,#087cf0,#00c2ff);border-radius:10px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 0 22px #00a7ff38}.brandName{letter-spacing:-.4px;font-size:16px;font-weight:800}.brandSub{color:#6f849d;letter-spacing:2px;margin-top:2px;font-size:9px}.mobileClose{color:#91a2b7;background:0 0;border:0;margin-left:auto;display:none}.onlineBadge{color:#7eddbd;letter-spacing:1.5px;background:#00ffb309;border:1px solid #1b3342;border-radius:7px;align-items:center;gap:8px;margin:0 3px 25px;padding:9px 10px;font-size:10px;display:flex}.statusDot{background:#25d99a;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 9px #25d99acc}.navSectionTitle,.pageEyebrow,.sectionEyebrow,.drawerEyebrow,.modalEyebrow{letter-spacing:1.7px;color:#55708d;font-size:9px;font-weight:800}.navSectionTitle{padding:0 10px 8px}.nav{flex-direction:column;gap:4px;display:flex}.navItem{color:#7e91a8;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;width:100%;padding:11px 12px;transition:all .2s;display:flex}.navItem:hover{color:#dce8f5;background:#0e1926}.navItem.active{color:#fff;background:linear-gradient(90deg,#0e79ec33,#00b9ff0d);border-color:#163c5f;box-shadow:inset 3px 0 #1497ff}.sidebarBottom{margin-top:auto}.workspaceCard{background:#0b1622;border:1px solid #193247;border-radius:9px;align-items:center;gap:9px;margin-top:16px;padding:11px;display:flex}.workspaceIcon{color:#29baff;background:#00b7ff17;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.workspaceCard strong,.workspaceCard span{display:block}.workspaceCard strong{letter-spacing:.8px;font-size:10px}.workspaceCard span{color:#607891;margin-top:3px;font-size:9px}.freeMvp{color:#4d637c;letter-spacing:1px;align-items:center;gap:6px;margin:13px 8px 0;font-size:9px;display:flex}.mainArea{min-height:100vh;margin-left:255px}.topbar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b12e0;border-bottom:1px solid #152231;align-items:center;gap:20px;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.searchBox{color:#60758e;background:#0b131e;border:1px solid #17283a;border-radius:8px;align-items:center;gap:9px;width:min(500px,60%);padding:9px 12px;display:flex}.searchBox:focus-within{border-color:#1e7fbd;box-shadow:0 0 0 3px #1894ef14}.searchBox input{color:#dce8f5;background:0 0;border:0;outline:none;width:100%;font-size:13px}.searchBox input::placeholder{color:#52677e}.topbarRight{align-items:center;gap:17px;margin-left:auto;display:flex}.systemStatus{color:#6e879e;letter-spacing:1.2px;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#116ee0,#00a9db);border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;font-weight:800;display:grid}.mobileMenuButton{display:none}.content{max-width:1600px;padding:34px 30px 50px}.pageHeading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.pageHeading h1{letter-spacing:-1.2px;margin:5px 0 7px;font-size:clamp(26px,3vw,34px)}.pageHeading p{color:#72869d;max-width:680px;margin:0;font-size:13px;line-height:1.6}.terminalStrip{color:#55b9ef;background:linear-gradient(90deg,#087ae61a,#00c3ff06);border:1px solid #17334b;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;margin-bottom:17px;padding:0 14px;font-family:Consolas,monospace;font-size:11px;display:flex}.terminalPrompt{color:#1ed4a0;margin-right:7px}.terminalMuted{color:#4b657f;margin-left:9px}.terminalPulse{color:#5b8aa8;letter-spacing:1px;align-items:center;gap:7px;font-size:9px;display:flex}.terminalPulse span{background:#20d99d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #20d99d}.statsGrid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:34px;display:grid}.statCard{background:#0b131e;border:1px solid #182a3d;border-radius:10px;min-height:136px;padding:17px;position:relative;overflow:hidden}.statCard:after{content:"";opacity:.025;background:currentColor;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-30px}.statCard.blue{color:#1998ff}.statCard.green{color:#25d99a}.statCard.amber{color:#ffb454}.statCard.cyan{color:#31d5ff}.statTop{justify-content:space-between;align-items:center;display:flex}.statIcon{background:#ffffff09;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.statSignal{letter-spacing:1px;opacity:.65;font-size:8px}.statValue{color:#f0f6fc;letter-spacing:-.8px;margin-top:18px;font-size:27px;font-weight:800}.statLabel{color:#687e96;margin-top:3px;font-size:11px}.section{margin-top:32px}.sectionHeading{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.sectionHeading.compact{margin-bottom:13px}.sectionHeading h2{letter-spacing:-.3px;margin:5px 0 0;font-size:18px}.textButton{color:#2caeff;background:0 0;border:0;align-items:center;gap:3px;font-size:11px;display:flex}.textButton:hover{color:#73d1ff}.primaryButton,.secondaryButton{border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.primaryButton{color:#fff;background:linear-gradient(135deg,#0c73dd,#009bd4);border:1px solid #087fd2;box-shadow:0 5px 20px #0089ff21}.primaryButton:hover{filter:brightness(1.08);transform:translateY(-1px)}.primaryButton.small{padding:8px 11px}.secondaryButton{color:#9eb1c5;background:#101a26;border:1px solid #24384c}.secondaryButton:hover{color:#dce8f5;background:#152332}.serviceGrid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.serviceGrid.large{grid-template-columns:repeat(2,1fr)}.serviceCard{background:linear-gradient(145deg,#0c1622,#0a111b);border:1px solid #182a3d;border-radius:10px;gap:13px;min-height:155px;padding:17px;transition:all .2s;display:flex}.serviceCard:hover{border-color:#1d4e72;transform:translateY(-2px);box-shadow:0 12px 30px #0000002e}.serviceIcon{color:#27aaff;background:#0f89ef17;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.serviceContent{min-width:0}.serviceContent h3{margin:1px 0 12px;font-size:13px}.serviceLinks{flex-direction:column;gap:7px;display:flex}.portalLink{color:#7d91a8;border-bottom:1px dashed #1a2b3d;justify-content:space-between;align-items:center;gap:10px;padding-bottom:7px;font-size:11px;display:flex}.portalLink:hover{color:#4ec0ff}.tableCard{background:#0a121c;border:1px solid #182a3d;border-radius:10px;overflow:hidden}.tableHeader{border-bottom:1px solid #172738;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.tableHeader strong{color:#879bb0;margin-top:4px;font-size:10px;display:block}.tableLive{color:#5c748c;letter-spacing:1px;align-items:center;gap:6px;font-size:8px;display:flex}.tableWrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th{text-align:left;color:#526980;letter-spacing:1px;background:#0b151f;border-bottom:1px solid #182a3d;padding:12px 15px;font-size:9px;font-weight:800}td{color:#8498ad;vertical-align:middle;border-bottom:1px solid #132333;padding:13px 15px;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1567a809}.customerLink{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.customerLink:hover strong{color:#3ebaff}.customerAvatar{color:#dff5ff;background:#10283a;border:1px solid #1c4966;border-radius:8px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.customerLink strong,.customerLink small{display:block}.customerLink strong{color:#dce7f2;font-size:11px}.customerLink small{color:#526980;margin-top:3px;font-family:Consolas,monospace;font-size:9px}.serviceName{color:#b5c4d3}.phoneLink{color:#7690a8;align-items:center;gap:6px;display:inline-flex}.phoneLink:hover{color:#43baff}.amountCell strong,.amountCell span{display:block}.amountCell strong{color:#e0ebf5}.amountCell span{color:#5d748b;margin-top:3px;font-size:9px}.docPills{flex-wrap:wrap;gap:4px;max-width:190px;display:flex}.docPill{color:#7792aa;background:#101f2e;border:1px solid #1a344b;border-radius:5px;padding:4px 6px;font-size:8px}.statusSelect,.drawerStatusSelect{cursor:pointer;border-radius:6px;outline:none;font-size:9px;font-weight:800}.statusSelect{color:#9eb2c6;background:#101a25;border:1px solid #25384c;padding:6px 8px}.statusSelect.pending,.statusChip.pending,.drawerStatusSelect.pending{color:#ffbd65}.statusSelect.processing,.statusChip.processing,.drawerStatusSelect.processing{color:#42c1ff}.statusSelect.completed,.statusChip.completed,.drawerStatusSelect.completed{color:#39d99e}.statusChip{background:#101a25;border:1px solid #23384b;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-block}.rowActions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.rowAction{color:#71869c;background:#0e1824;border:1px solid #203449;border-radius:6px;place-items:center;width:29px;height:29px;transition:all .2s;display:grid}.rowAction:hover{color:#bfe8ff;background:#122233;border-color:#285574}.rowAction.whatsapp:hover{color:#38df9f}.rowAction.danger:hover{color:#ff7373;background:#241318;border-color:#63333b}.workToolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.filterGroup{flex-wrap:wrap;gap:5px;display:flex}.filterButton{color:#6f849a;background:#0c1621;border:1px solid #1b2d40;border-radius:6px;padding:8px 10px;font-size:10px}.filterButton span{color:#40566c;margin-left:5px}.filterButton.active{color:#54c1ff;background:#102437;border-color:#1e6090}.filterButton.active span{color:#67b8df}.emptyState{color:#536a82;background:#0a121c;border:1px dashed #203448;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.emptyState h3{color:#9bafc2;margin:11px 0 4px;font-size:13px}.emptyState p{margin:0;font-size:10px}.emptyState.small{min-height:180px}.calculatorGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.calculatorCard,.quickLinkForm{background:#0a131e;border:1px solid #182a3d;border-radius:10px;padding:19px}.calculatorHeader{align-items:center;gap:11px;margin-bottom:19px;display:flex}.calculatorIcon{color:#31b4ff;background:#118eee14;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.calculatorHeader h3{margin:0;font-size:14px}.calculatorHeader p{color:#627990;margin:4px 0 0;font-size:10px}label{color:#8296ab;font-size:10px;font-weight:700;display:block}.calculatorCard label,.quickLinkForm label{margin-top:13px}input,select,textarea{color:#dce7f1;background:#0c1722;border:1px solid #1b3045;border-radius:7px;outline:none;width:100%;margin-top:6px;padding:10px 11px;font-size:11px}input:focus,select:focus,textarea:focus{border-color:#1c76ae;box-shadow:0 0 0 3px #1a84d312}textarea{resize:vertical}.calculatorResult{background:#0c1925;border:1px solid #1a3347;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding:13px;display:grid}.calculatorResult.single{grid-template-columns:1fr}.calculatorResult span,.calculatorResult strong{display:block}.calculatorResult span{color:#5f768d;font-size:9px}.calculatorResult strong{color:#39bdff;margin-top:4px;font-size:18px}.quickLinkLayout{grid-template-columns:350px 1fr;gap:18px;display:grid}.quickLinkForm .primaryButton{margin-top:17px}.savedLinks{min-width:0}.linksList{flex-direction:column;gap:7px;display:flex}.savedLink{background:#0b141f;border:1px solid #182b3e;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.savedLinkIcon{color:#32b7ff;background:#102334;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.savedLink>div:nth-child(2){flex:1;min-width:0}.savedLink strong,.savedLink span{display:block}.savedLink strong{color:#c9d8e6;font-size:11px}.savedLink span{color:#526a82;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.modalOverlay,.detailsOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:300;background:#000000a6;position:fixed;inset:0}.modalOverlay{place-items:center;padding:20px;display:grid}.modalCard{background:#0a121c;border:1px solid #21415b;border-radius:11px;width:min(680px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 30px 100px #0000008c}.modalHeader{border-bottom:1px solid #182b3e;justify-content:space-between;gap:20px;padding:20px;display:flex}.modalHeader h2{margin:5px 0;font-size:19px}.modalHeader p{color:#62788e;margin:0;font-size:10px}.iconButton{color:#7d91a6;background:#0d1824;border:1px solid #20354a;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.iconButton:hover{color:#dce9f4;border-color:#315873}.modalCard form{padding:20px}.formGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.fullLabel{margin-top:15px}.checkboxGrid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px;display:grid}.checkboxItem{color:#71869b;cursor:pointer;background:#0c1722;border:1px solid #1b2e41;border-radius:6px;align-items:center;gap:7px;padding:8px;display:flex}.checkboxItem input{accent-color:#1295ed;width:auto;margin:0}.modalFooter{border-top:1px solid #172839;justify-content:flex-end;gap:8px;margin-top:19px;padding-top:16px;display:flex}.customerDrawer{z-index:301;background:linear-gradient(#0a131e 0%,#08111a 100%);border-left:1px solid #21415b;flex-direction:column;width:min(480px,94vw);height:100vh;animation:.22s ease-out drawerIn;display:flex;position:fixed;top:0;right:0;box-shadow:-25px 0 70px #00000059}@keyframes drawerIn{0%{opacity:.4;transform:translate(35px)}to{opacity:1;transform:translate(0)}}.drawerHeader{border-bottom:1px solid #182b3d;justify-content:space-between;align-items:center;min-height:78px;padding:16px 18px;display:flex}.drawerHeader h2{margin:5px 0 0;font-size:17px}.drawerBody{padding:18px;overflow-y:auto}.profileHero{background:linear-gradient(135deg,#0d6fc617,#00beff06);border:1px solid #1a3348;border-radius:10px;align-items:center;gap:13px;padding:14px;display:flex}.profileAvatar{color:#dff5ff;background:linear-gradient(135deg,#105a96,#087ea5);border:1px solid #2478a6;border-radius:12px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:grid}.profileIdentity h3{color:#eef6fc;margin:0;font-size:17px}.profileIdentity span{color:#5c7892;align-items:center;gap:3px;margin-top:5px;font-family:Consolas,monospace;font-size:9px;display:flex}.profileActions{grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0 18px;display:grid}.profileAction{color:#8499ad;background:#0d1824;border:1px solid #1d3549;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:39px;font-size:10px;font-weight:700;display:flex}.profileAction:hover{color:#d9f1ff;background:#102132;border-color:#2c5b79}.profileAction.whatsappAction:hover{color:#39dfa0}.detailSection{border-top:1px solid #152637;padding:16px 0}.detailSectionTitle{color:#63809a;letter-spacing:1.2px;align-items:center;gap:7px;margin-bottom:11px;font-size:9px;font-weight:800;display:flex}.detailGrid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.detailItem{background:#0c1722;border:1px solid #172b3d;border-radius:7px;align-items:flex-start;gap:8px;min-width:0;padding:9px;display:flex}.detailItemIcon{color:#2faef1;margin-top:1px}.detailItem span,.detailItem strong{display:block}.detailItem span{color:#506a82;margin-bottom:4px;font-size:8px}.detailItem strong{color:#b9c9d7;word-break:break-word;font-size:10px;line-height:1.4}.drawerStatusSelect{color:#b8c9d9;background:#0c1722;border:1px solid #20374b;width:100%;padding:10px 11px}.paymentCards{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.paymentCards>div{background:#0c1722;border:1px solid #172d40;border-radius:7px;padding:11px}.paymentCards span,.paymentCards strong{display:block}.paymentCards span{color:#506981;font-size:8px}.paymentCards strong{color:#dbe8f2;margin-top:5px;font-size:14px}.paymentCards .dueCard strong{color:#ffb75b}.paymentCards .paidCard strong{color:#39d99e}.paymentProgress{margin-top:12px}.progressTop{color:#607991;justify-content:space-between;font-size:9px;display:flex}.progressTop strong{color:#3fbaff}.progressTrack{background:#152536;border-radius:10px;height:6px;margin-top:7px;overflow:hidden}.progressFill{border-radius:inherit;background:linear-gradient(90deg,#0879df,#22c5ff);height:100%;transition:width .25s}.detailDocuments{flex-direction:column;gap:5px;display:flex}.documentRow{color:#8ba0b4;background:#0c1722;border:1px solid #193144;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:10px;display:flex}.documentRow svg{color:#32d59b}.noDocuments{color:#556c82;border:1px dashed #203448;border-radius:7px;padding:12px;font-size:10px}.notesBox{color:#8399ae;white-space:pre-wrap;background:#0c1722;border:1px solid #1a3044;border-radius:7px;padding:12px;font-size:10px;line-height:1.6}@media (width<=1200px){.serviceGrid,.statsGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=1050px){.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.sidebarOpen{transform:translate(0)}.mobileClose{place-items:center;display:grid}.mainArea{margin-left:0}.mobileMenuButton{display:block}.sidebarOverlay{z-index:90;background:#0009;position:fixed;inset:0}.quickLinkLayout{grid-template-columns:1fr}}@media (width<=800px){.calculatorGrid,.serviceGrid.large{grid-template-columns:1fr}.workToolbar{flex-direction:column;align-items:stretch}}@media (width<=700px){.topbar{gap:10px;height:62px;padding:0 14px}.searchBox{width:100%}.systemStatus{display:none}.content{padding:24px 14px 40px}.pageHeading{margin-bottom:19px}.pageHeading h1{font-size:25px}.pageHeading p{font-size:11px}.terminalStrip{font-size:9px}.terminalMuted{display:none}.statsGrid{grid-template-columns:repeat(2,1fr);gap:8px}.statCard{min-height:116px;padding:13px}.statValue{margin-top:13px;font-size:22px}.serviceGrid{grid-template-columns:1fr}.sectionHeading{align-items:flex-start;gap:10px}.formGrid{grid-template-columns:1fr}.checkboxGrid{grid-template-columns:repeat(2,1fr)}.detailGrid{grid-template-columns:1fr}.profileActions{grid-template-columns:repeat(3,1fr)}.paymentCards{grid-template-columns:1fr 1fr 1fr}.customerDrawer{width:100%}}@media (width<=450px){.profileActions,.paymentCards{grid-template-columns:1fr}.modalOverlay{padding:8px}.modalHeader,.modalCard form{padding:15px}}.profileHero{position:relative}.profileEditButton{color:#66c8ff;background:#0e2030;border:1px solid #22506d;border-radius:7px;align-self:center;align-items:center;gap:6px;margin-left:auto;padding:8px 10px;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.profileEditButton:hover{color:#b8e8ff;background:#123047;border-color:#3480a9;transform:translateY(-1px)}.emptyQuickAction{background:#0c1722;border:1px dashed #20374b;border-radius:8px;padding:15px}.emptyQuickAction p{color:#657d94;margin:0 0 12px;font-size:10px;line-height:1.5}@media (width<=500px){.profileHero{align-items:flex-start}.profileEditButton{position:absolute;top:10px;right:10px}.profileIdentity{padding-right:55px}}.paymentTitle{flex-wrap:wrap;align-items:center;display:flex}.addPaymentButton{color:#6bd0ff;cursor:pointer;background:#0c2535;border:1px solid #245a78;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:7px 9px;font-size:9px;font-weight:800;transition:all .2s;display:inline-flex}.addPaymentButton:hover{background:#12364d;border-color:#3c83a8}.paymentHistory{flex-direction:column;gap:7px;display:flex}.paymentHistoryItem{background:#0b1722;border:1px solid #1a2d3d;border-radius:7px;align-items:center;gap:10px;padding:10px;display:flex}.paymentHistoryIcon{color:#51d5a2;background:#102c25;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.paymentHistoryInfo{flex:1;min-width:0}.paymentHistoryInfo>div{align-items:center;gap:7px;display:flex}.paymentHistoryInfo strong{color:#e5f0f8;font-size:12px}.paymentMethod{color:#75cfff;text-transform:uppercase;background:#142a39;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:800}.paymentDate{color:#607b91;margin-top:3px;font-size:9px;display:block}.paymentNote{color:#8097a9;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.paymentDelete{color:#b97882;cursor:pointer;background:#18151a;border:1px solid #35252b;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.paymentDelete:hover{color:#f18b98;background:#2a171c}.noPayments{color:#607b91;background:#0b1722;border:1px dashed #213646;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:75px;font-size:10px;display:flex}.paymentModal{max-width:470px}.paymentModalCustomer{background:#0b1722;border:1px solid #1b3041;border-radius:8px;align-items:center;gap:11px;margin-bottom:20px;padding:12px;display:flex}.paymentCustomerAvatar{color:#72d1ff;background:#10304a;border:1px solid #225b7c;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:900;display:flex}.paymentModalCustomer>div:last-child{flex-direction:column;gap:3px;display:flex}.paymentModalCustomer strong{color:#e5f0f8;font-size:12px}.paymentModalCustomer span{color:#6d879a;font-size:9px}.moneyInput{align-items:center;display:flex;position:relative}.moneyInput>span{color:#62caff;pointer-events:none;font-size:13px;font-weight:800;position:absolute;left:12px}.moneyInput input{padding-left:28px}.primaryButton:disabled{opacity:.45;cursor:not-allowed;transform:none}.primaryButton:disabled:hover{transform:none}.paymentFilter{color:#697284;background:#fff;border:1px solid #e3e6ed;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.paymentFilter svg{color:#7b8494;flex-shrink:0}.paymentFilter select{color:#596274;cursor:pointer;background:0 0;border:0;outline:none;width:auto;min-width:135px;height:30px;padding:5px 24px 5px 2px;font-size:11px;font-weight:700}.paymentFilter select:focus{box-shadow:none;outline:none}.workToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filterGroup{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.paymentFilter{margin-left:auto}@media (width<=700px){.workToolbar{flex-direction:column;align-items:stretch}.filterGroup{width:100%;padding-bottom:2px;overflow-x:auto}.paymentFilter{width:100%;margin-left:0}.paymentFilter select{flex:1;width:100%}.workToolbar .primaryButton{justify-content:center;width:100%}}.content{padding:30px 34px 42px}.content>div{max-width:1480px;margin:0 auto}.section{margin-top:30px;margin-bottom:30px}.sectionHeading{margin-bottom:18px}.sectionHeading>div{min-width:0}.sectionHeading h2{margin:5px 0 0;line-height:1.25}.sectionHeading .textButton{margin-top:4px}.terminalStrip{margin-top:22px;margin-bottom:22px}.statsGrid{margin-bottom:30px}.opsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:0;display:grid}.opsCard{background:#fff;border:1px solid #e5e9f0;border-radius:14px;align-items:center;gap:15px;min-width:0;min-height:106px;padding:18px 19px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 4px 16px #0f172a09}.opsCard:hover{border-color:#d9e0ea;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.opsIcon{color:#2563eb;background:#eff5ff;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.opsCard.amber .opsIcon{color:#d97706;background:#fff7e8}.opsCard.red .opsIcon{color:#dc2626;background:#fff0f0}.opsCard.green .opsIcon{color:#059669;background:#ecfdf5}.opsCard>div:last-child{min-width:0}.opsCard span,.opsCard small{display:block}.opsCard span{color:#737d8d;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.opsCard strong{color:#172033;margin:0;font-size:23px;font-weight:800;line-height:1.15;display:block}.opsCard small{color:#8b94a3;margin-top:4px;font-size:10px;line-height:1.35}.dashboardColumns{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:20px;margin:0 0 20px;display:grid}.dashboardCard{background:#fff;border:1px solid #e5e9f0;border-radius:15px;min-width:0;min-height:285px;padding:22px;box-shadow:0 4px 18px #0f172a09}.dashboardCardHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.dashboardCardHeader h3{color:#172033;margin:5px 0 0;font-size:17px;font-weight:750;line-height:1.3}.dashboardCardHeader>strong{color:#059669;flex-shrink:0;margin-top:4px;font-size:16px;font-weight:800}.dashboardCardHeader>svg{color:#7b8494;flex-shrink:0;margin-top:3px}.revenueChart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:15px;height:205px;padding:6px 4px 0;display:grid}.revenueBarGroup{flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;min-width:0;height:100%;display:flex}.revenueBarTrack{background:#f1f4f8;border-radius:9px 9px 4px 4px;align-items:flex-end;width:36px;max-width:75%;height:158px;display:flex;overflow:hidden}.revenueBar{background:#2563eb;border-radius:9px 9px 4px 4px;width:100%;min-height:4px;transition:height .25s}.revenueBarGroup span{color:#8a93a3;white-space:nowrap;font-size:9px;font-weight:600}.serviceRevenueList{flex-direction:column;gap:18px;display:flex}.serviceRevenueRow{min-width:0}.serviceRevenueTop{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.serviceRevenueTop span{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.3;overflow:hidden}.serviceRevenueTop strong{color:#172033;flex-shrink:0;font-size:12px;font-weight:750}.serviceRevenueTrack{background:#eef1f5;border-radius:999px;height:8px;overflow:hidden}.serviceRevenueBar{border-radius:inherit;background:#10b981;min-width:4px;height:100%}.attentionCount{color:#dc2626;background:#fff1f1;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.attentionList,.paymentActivityList{flex-direction:column;display:flex}.attentionItem,.paymentActivityItem{text-align:left;background:0 0;border:0;border-top:1px solid #edf0f4;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 2px;display:flex}.attentionItem:first-child,.paymentActivityItem:first-child{border-top:0}.attentionItem:hover,.paymentActivityItem:hover{background:#fafbfc;border-radius:8px}.attentionAvatar,.paymentIcon{color:#2563eb;background:#f1f5ff;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.attentionInfo,.paymentInfo{flex:1;min-width:0}.attentionInfo strong,.paymentInfo strong{color:#202938;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;line-height:1.3;display:block;overflow:hidden}.attentionInfo span,.paymentInfo span{color:#8a93a3;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;line-height:1.3;display:block;overflow:hidden}.attentionMeta{text-align:right;flex-shrink:0;min-width:72px}.attentionMeta span{color:#dc2626;font-size:10px;line-height:1.3;display:block}.attentionMeta strong{color:#202938;margin-top:3px;font-size:11px;line-height:1.3;display:block}.attentionItem>svg{color:#a1a8b5;flex-shrink:0}.paymentActivityItem{cursor:pointer}.paymentIcon{color:#059669;background:#ecfdf5}.paymentAmount{color:#059669;flex-shrink:0;font-size:12px;font-weight:800}.dashboardEmpty{color:#8a93a3;justify-content:center;align-items:center;gap:9px;min-height:175px;font-size:12px;display:flex}.dashboardColumns+.section{margin-top:30px}@media (width<=1180px){.content{padding:26px 26px 36px}.opsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardColumns{grid-template-columns:1fr}}@media (width<=700px){.content{padding:20px 16px 30px}.section{margin-top:24px;margin-bottom:24px}.terminalStrip{margin-top:18px;margin-bottom:18px}.statsGrid{margin-bottom:24px}.opsGrid{grid-template-columns:1fr;gap:12px}.opsCard{min-height:92px;padding:15px}.dashboardColumns{gap:14px;margin-bottom:14px}.dashboardCard{min-height:0;padding:17px}.dashboardCardHeader{margin-bottom:18px}.revenueChart{gap:6px;height:180px;padding-left:0;padding-right:0}.revenueBarTrack{width:27px;height:138px}.attentionMeta{min-width:62px}}@media (width<=430px){.content{padding-left:12px;padding-right:12px}.dashboardCard{border-radius:13px;padding:15px}.opsCard{gap:12px}.opsIcon{flex-basis:38px;width:38px;height:38px}.opsCard strong{font-size:21px}.revenueBarTrack{width:23px}.revenueBarGroup span{font-size:8px}}.settingsPanel{background:#fff;border:1px solid #e5e9f0;border-radius:16px;max-width:920px;margin:28px auto 0;padding:26px;box-shadow:0 6px 24px #0f172a0a}.settingsIntro{border-bottom:1px solid #edf0f4;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:22px;display:flex}.settingsIntroIcon{color:#2563eb;background:#eff5ff;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.settingsIntro h3{color:#172033;margin:0;font-size:17px;line-height:1.3}.settingsIntro p{color:#8a93a3;margin:5px 0 0;font-size:12px;line-height:1.45}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.settingsGrid label{color:#465064;flex-direction:column;gap:8px;font-size:11px;font-weight:700;display:flex}.settingsGrid input,.settingsGrid textarea{box-sizing:border-box;color:#202938;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dfe4eb;border-radius:9px;outline:none;padding:12px 13px;font-size:13px;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s}.settingsGrid input{height:43px}.settingsGrid textarea{resize:vertical;min-height:78px;line-height:1.45}.settingsGrid input:focus,.settingsGrid textarea:focus{background:#fff;border-color:#8db4f8;box-shadow:0 0 0 3px #2563eb14}.settingsFull{grid-column:1/-1}.settingsActions{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:20px;display:flex}.settingsActions .primaryButton{align-items:center;gap:8px;display:inline-flex}.settingsHint,.settingsSaved{font-size:11px;font-weight:600}.settingsHint{color:#8a93a3}.settingsSaved{color:#059669}@media (width<=700px){.settingsPanel{margin-top:22px;padding:18px}.settingsGrid{grid-template-columns:1fr;gap:16px}.settingsFull{grid-column:auto}.settingsActions{flex-direction:column;align-items:stretch}.settingsActions .primaryButton{justify-content:center}}.workflowSelect{min-width:145px;max-width:180px}.workflowSection{background:linear-gradient(#fbfdff 0%,#fff 100%)}.workflowTopRow{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.workflowTopRow>div{min-width:0}.workflowTopRow strong{color:#172033;font-size:15px;line-height:1.25;display:block}.workflowTopRow span:not(.workflowStageCount){color:#7b8494;margin-top:3px;font-size:11px;display:block}.workflowStageCount{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex:none;padding:5px 8px;font-size:11px;font-weight:700}.workflowProgressTrack{background:#e9eef5;border-radius:999px;width:100%;height:7px;overflow:hidden}.workflowProgressFill{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#06b6d4);height:100%;transition:width .25s}.workflowSteps{scrollbar-width:thin;gap:4px;margin-top:18px;padding-bottom:4px;display:flex;overflow-x:auto}.workflowStep{color:#8a93a3;cursor:pointer;min-width:78px;font:inherit;background:0 0;border:0;flex-direction:column;flex:1 0 78px;align-items:center;gap:7px;padding:0 3px;display:flex;position:relative}.workflowStep:after{content:"";background:#e5eaf1;width:calc(100% - 30px);height:2px;position:absolute;top:12px;left:calc(50% + 15px)}.workflowStep:last-child:after{display:none}.workflowStep.done,.workflowStep.current{color:#2563eb}.workflowStep.done:after{background:#93c5fd}.workflowStepDot{z-index:1;color:#94a3b8;background:#fff;border:2px solid #dce3ec;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid;position:relative}.workflowStep.done .workflowStepDot{color:#2563eb;background:#eff6ff;border-color:#60a5fa}.workflowStep.current .workflowStepDot{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px #dbeafe}.workflowStep>span:last-child{text-align:center;max-width:78px;font-size:10px;font-weight:700;line-height:1.25}.workflowTrackingField{border-top:1px solid #edf1f6;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:12px;margin-top:18px;padding-top:15px;display:grid}.workflowTrackingField span{color:#697386;font-size:11px;font-weight:700;line-height:1.35}.workflowTrackingField input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #dfe5ee;border-radius:9px;outline:none;width:100%;min-width:0;padding:9px 11px;font-size:12px;transition:border-color .18s,box-shadow .18s}.workflowTrackingField input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #eff6ff}.formRequiredDocuments{margin-top:14px}.formWorkflowHint{color:#7b8494;margin-top:8px;font-size:11px}@media (width<=900px){.workflowSelect{min-width:130px;max-width:160px}}@media (width<=640px){.workflowTrackingField{grid-template-columns:1fr;gap:7px}.workflowStep{flex-basis:72px;min-width:72px}.workflowStep>span:last-child{max-width:72px}}.step11Workflow .pageHeading{padding-left:8px}
