html{background:#eef3f8}body{margin:0}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef3f8;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#0d2038;flex-direction:column;min-height:100vh;padding:26px 18px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{background:linear-gradient(135deg,#1fb6ff,#2563eb);border-radius:12px;place-items:center;width:44px;height:44px;font-size:23px;font-weight:800;display:grid}.brand h1{margin:0;font-size:22px}.brand p{color:#8fa4bf;margin:3px 0 0;font-size:12px}nav{gap:7px;display:grid}.nav-item{color:#aab8ca;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 14px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#173553}.sidebar-status{background:#132a45;border-radius:10px;align-items:center;gap:11px;margin-top:auto;padding:13px;display:flex}.sidebar-status div{display:grid}.sidebar-status span{color:#7ee2a8;text-transform:capitalize;font-size:12px}.main-content{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.topbar h2{margin:2px 0 0;font-size:29px}.eyebrow{color:#748198;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.eyebrow.light{color:#b8dcff}.operator{align-items:center;gap:11px;display:flex}.operator-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.operator div:last-child{display:grid}.operator span{color:#748198;font-size:12px}.hero{color:#fff;background:linear-gradient(135deg,#123963,#0c6b9f);border-radius:19px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex;box-shadow:0 16px 32px #1239632e}.hero h3{max-width:680px;margin:8px 0 9px;font-size:27px;line-height:1.25}.hero p:last-child{color:#d5e9fb;max-width:740px;margin:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:22px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #e3eaf2;border-radius:15px;box-shadow:0 7px 18px #28374b0d}.stat-card{align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{color:#1766bf;background:#e9f3ff;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.stat-card div:last-child{display:grid}.stat-card span{color:#66758b;font-size:13px}.stat-card strong{margin-top:3px;font-size:28px}.stat-card small{color:#93a0b2}.content-grid{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:18px;margin-top:18px;display:grid}.panel{padding:22px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.panel-heading h3{margin:4px 0 0}.health-row{border-top:1px solid #edf1f6;justify-content:space-between;padding:13px 0;display:flex}.health-row strong{text-transform:capitalize}.ok{color:#198754}.bad{color:#c0392b}.empty-state{color:#738197;text-align:center;place-content:center;min-height:152px;display:grid}.empty-state p{color:#26364c;margin:0 0 6px;font-weight:700}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.sidebar-status{margin-top:18px}.main-content{padding:18px}.hero svg{display:none}.content-grid{grid-template-columns:1fr}}@media (width<=540px){.stats-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:15px}.operator div:last-child{display:none}}.login-page{background:#f4f7fb;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 75% 35%,#1fb6ff40,#0000 34%),linear-gradient(145deg,#0c1f38,#103b65 58%,#08729b);flex-direction:column;padding:42px 54px;display:flex;position:relative;overflow:hidden}.login-brand-panel:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-190px;right:-180px}.login-brand{z-index:2;align-items:center;gap:14px;display:flex;position:relative}.login-brand-mark{background:linear-gradient(135deg,#28c4ff,#2563eb);border-radius:14px;place-items:center;width:50px;height:50px;font-size:26px;font-weight:800;display:grid;box-shadow:0 12px 28px #0003}.login-brand h1{margin:0;font-size:26px}.login-brand p{color:#b7cce0;margin:3px 0 0;font-size:13px}.login-message{z-index:2;max-width:650px;margin:auto 0;position:relative}.login-message h2{margin:13px 0 18px;font-size:clamp(35px,4vw,58px);line-height:1.08}.login-message>p:last-child{color:#c4d8e9;max-width:590px;margin:0;font-size:17px;line-height:1.7}.login-globe{color:#ffffff17;position:absolute;bottom:25px;right:30px}.login-form-panel{place-items:center;padding:35px;display:grid}.login-card{background:#fff;border:1px solid #e0e8f1;border-radius:20px;width:min(100%,440px);padding:37px;box-shadow:0 20px 50px #1429441a}.login-icon{color:#1766bf;background:#e9f3ff;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:23px;display:grid}.login-card h2{margin:6px 0 8px;font-size:28px}.login-description{color:#718096;margin:0 0 27px;line-height:1.55}.login-card form{display:grid}.login-card label{color:#354258;margin:0 0 7px;font-size:13px;font-weight:700}.login-card input{color:#172033;width:100%;height:48px;font:inherit;background:#fbfdff;border:1px solid #ced8e4;border-radius:10px;outline:none;padding:0 14px}.login-card input:focus{border-color:#2582d8;box-shadow:0 0 0 3px #2582d81f}.login-card label:not(:first-child){margin-top:18px}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{color:#718096;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:#1766bf;background:#edf5ff}.login-error{color:#9e2929;background:#fff1f1;border:1px solid #f3c3c3;border-radius:9px;margin-top:17px;padding:11px 12px;font-size:13px}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1766bf,#0684b5);border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;height:49px;margin-top:23px;font-weight:700;display:flex;box-shadow:0 9px 20px #1766bf3b}.login-submit:disabled{cursor:wait;opacity:.75}.login-security-note{color:#8995a7;text-align:center;margin:21px 0 0;font-size:12px}.loading-screen{color:#5e6d82;background:#eef3f8;place-content:center;justify-items:center;gap:13px;min-height:100vh;display:grid}.loading-logo{color:#fff;background:linear-gradient(135deg,#1fb6ff,#2563eb);border-radius:15px;place-items:center;width:55px;height:55px;font-size:28px;font-weight:800;display:grid}.spin{animation:.9s linear infinite kablepay-spin}@keyframes kablepay-spin{to{transform:rotate(360deg)}}.topbar-user{align-items:center;gap:17px;display:flex}.logout-button{color:#49586c;cursor:pointer;background:#fff;border:1px solid #d6dfe9;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 13px;display:flex}.logout-button:hover{color:#b42318;background:#fff6f5;border-color:#f0c6c2}.account-row{border-top:1px solid #edf1f6;justify-content:space-between;gap:20px;padding:13px 0;display:flex}.account-row span{color:#69778b}.account-row strong{text-align:right}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:330px;padding:30px}.login-message{margin-top:70px}.login-message h2{font-size:34px}.login-form-panel{padding:24px}}@media (width<=600px){.login-brand-panel{min-height:280px;padding:24px}.login-message{margin-top:45px}.login-message h2{font-size:28px}.login-message>p:last-child{font-size:14px}.login-card{padding:27px 22px}.topbar-user{flex-direction:column;align-items:flex-end}.logout-button{height:34px}}.portal-shell{color:#172033;background:#f4f7fb;grid-template-columns:245px 1fr;min-height:100vh;display:grid}.portal-sidebar{color:#dce9f6;background:linear-gradient(#102941,#0b1d30);padding:24px 16px}.portal-brand{align-items:center;gap:12px;padding:0 8px 25px;display:flex}.portal-brand-mark{color:#fff;background:linear-gradient(135deg,#1fb6ff,#2563eb);border-radius:12px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:800;display:grid}.portal-brand strong,.portal-brand span{display:block}.portal-brand strong{color:#fff;font-size:19px}.portal-brand span{color:#91abc2;margin-top:2px;font-size:11px}.portal-sidebar nav{gap:5px;display:grid}.portal-sidebar nav button{color:#acc0d2;width:100%;height:43px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:0 13px;display:flex}.portal-sidebar nav button:hover,.portal-sidebar nav button.active{color:#fff;background:#2384d53d}.portal-main{min-width:0}.portal-topbar{background:#fff;border-bottom:1px solid #dde5ee;justify-content:flex-end;align-items:center;gap:20px;min-height:72px;padding:13px 28px;display:flex}.portal-topbar>div{text-align:right}.portal-topbar span,.portal-topbar strong{display:block}.portal-topbar span{color:#77869a;font-size:12px}.portal-topbar button{color:#526176;cursor:pointer;background:#fff;border:1px solid #d7e0e9;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 13px;display:flex}.portal-content{padding:28px}.portal-eyebrow{color:#1774c5;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.portal-hero{color:#fff;background:linear-gradient(130deg,#123d65,#087aa4);border-radius:17px;justify-content:space-between;align-items:center;padding:29px;display:flex}.portal-hero h2{margin:5px 0 9px}.portal-hero p:last-child{color:#c6ddec;max-width:680px;margin:0}.portal-hero .portal-eyebrow{color:#8bd7ff}.portal-stats{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-top:20px;display:grid}.portal-stats article{background:#fff;border:1px solid #dfe7ef;border-radius:14px;gap:14px;padding:20px;display:flex}.portal-stats article>svg{color:#1873c4}.portal-stats span,.portal-stats strong,.portal-stats small{display:block}.portal-stats span,.portal-stats small{color:#748298}.portal-stats strong{margin:6px 0;font-size:27px}.portal-panels{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.portal-panel,.wizard-card{background:#fff;border:1px solid #dde6ef;border-radius:15px;padding:23px}.portal-panel-heading,.wizard-card-heading{justify-content:space-between;align-items:flex-start;display:flex}.portal-panel-heading h3,.wizard-card-heading h3{margin:0}.portal-row{border-top:1px solid #edf1f5;justify-content:space-between;padding:13px 0;display:flex}.wizard-title{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.wizard-title h2{margin:4px 0 8px}.wizard-title>div>p:last-child{color:#718096;margin:0}.wizard-progress-summary{text-align:center;background:#fff;border:1px solid #dce6ef;border-radius:12px;min-width:140px;padding:14px}.wizard-progress-summary strong,.wizard-progress-summary span{display:block}.wizard-progress-summary strong{color:#1672c2;font-size:25px}.wizard-progress-summary span{color:#78869a;font-size:11px}.wizard-stepper{grid-template-columns:repeat(5,1fr);gap:9px;margin:24px 0;display:grid}.wizard-step{color:#536176;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce5ed;border-radius:11px;align-items:center;gap:10px;min-height:73px;padding:11px;display:flex}.wizard-step.active{border-color:#2080d0;box-shadow:0 0 0 3px #2080d01a}.wizard-step.completed{border-color:#8bcda9}.wizard-step-number{color:#1e73ba;background:#e9f3fc;border-radius:50%;place-items:center;min-width:29px;height:29px;font-weight:800;display:grid}.wizard-step.completed .wizard-step-number{color:#137642;background:#dcf7e8}.wizard-step strong,.wizard-step small{display:block}.wizard-step small{color:#8995a5;margin-top:3px;font-size:10px}.wizard-card-heading>div>p:last-child{color:#728095;margin:7px 0 0}.wizard-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px;display:grid}.wizard-form-grid label{color:#46556a;gap:7px;font-size:13px;font-weight:700;display:grid}.wizard-form-grid input,.wizard-form-grid select{height:44px;font:inherit;background:#fbfdff;border:1px solid #ccd8e3;border-radius:9px;outline:none;padding:0 12px}.wizard-form-grid input:focus,.wizard-form-grid select:focus{border-color:#2681cf;box-shadow:0 0 0 3px #2681cf1a}.wizard-switches{flex-wrap:wrap;gap:24px;margin-top:20px;display:flex}.wizard-switches label{align-items:center;gap:8px;display:flex}.wizard-actions{justify-content:flex-end;margin-top:24px;display:flex}.wizard-primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#176cc0,#0783ae);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 16px;font-weight:700;display:inline-flex}.wizard-primary-button:disabled{opacity:.65;cursor:wait}.wizard-placeholder{text-align:center;place-content:center;justify-items:center;min-height:330px;display:grid}.wizard-large-icon{color:#1673c2;background:#e9f4fd;border-radius:17px;place-items:center;width:65px;height:65px;display:grid}.wizard-placeholder h3{margin:18px 0 7px}.wizard-placeholder>p{color:#718096;margin:0}.wizard-placeholder-box{color:#718096;background:#f8fbfe;border:1px dashed #bdcddd;border-radius:11px;max-width:630px;margin:22px 0;padding:16px}.wizard-error,.wizard-success{border-radius:9px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 14px;display:flex}.wizard-error{color:#9b2929;background:#fff0f0}.wizard-success{color:#147441;background:#eaf9f1;margin-top:18px}.wizard-loading{color:#718096;place-content:center;justify-items:center;gap:11px;min-height:350px;display:grid}@media (width<=1050px){.portal-stats,.wizard-stepper{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:static}.portal-sidebar nav{grid-template-columns:repeat(2,1fr)}.portal-panels,.wizard-form-grid{grid-template-columns:1fr}.portal-content{padding:18px}}.customers-page{color:#172033}.customers-title-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.customers-title-row h2{margin:3px 0 7px}.customers-title-row p:last-child{color:#718096;margin:0}.customer-eyebrow{color:#1673c2;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.customer-primary-button,.customer-secondary-button{min-height:42px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-weight:700;display:inline-flex}.customer-primary-button{color:#fff;background:linear-gradient(135deg,#176cc0,#0783ae);border:0}.customer-secondary-button{color:#4e5d71;background:#fff;border:1px solid #d1dce7}.customer-primary-button:disabled,.customer-secondary-button:disabled{cursor:wait;opacity:.6}.customers-summary{grid-template-columns:repeat(3,minmax(180px,1fr));gap:15px;margin:22px 0;display:grid}.customers-summary article{background:#fff;border:1px solid #dde6ef;border-radius:13px;gap:13px;padding:18px;display:flex}.customers-summary svg{color:#1874c5}.customers-summary span,.customers-summary strong{display:block}.customers-summary span{color:#718096;font-size:13px}.customers-summary strong{margin-top:4px;font-size:24px}.customers-panel{background:#fff;border:1px solid #dce5ed;border-radius:15px;overflow:hidden}.customers-filters{border-bottom:1px solid #e5ebf1;grid-template-columns:minmax(250px,1fr) 170px 190px auto 44px;gap:10px;padding:17px;display:grid}.customer-search-field{position:relative}.customer-search-field svg{color:#7b8899;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.customers-filters input,.customers-filters select,.customer-form-grid input,.customer-form-grid select,.customer-form-grid textarea{color:#172033;width:100%;font:inherit;background:#fbfdff;border:1px solid #ccd8e3;border-radius:9px}.customers-filters input,.customers-filters select,.customer-form-grid input,.customer-form-grid select{height:42px;padding:0 12px}.customer-search-field input{padding-left:39px}.customer-icon-button{color:#536176;cursor:pointer;background:#fff;border:1px solid #d3dee8;border-radius:9px;place-items:center;width:42px;height:42px;display:inline-grid}.customer-success,.customer-error{border-radius:9px;align-items:center;gap:8px;margin:14px 17px 0;padding:11px 13px;display:flex}.customer-success{color:#147441;background:#eaf9f1}.customer-error{color:#9b2929;background:#fff0f0}.customers-table-wrapper{overflow-x:auto}.customers-table{border-collapse:collapse;width:100%}.customers-table th,.customers-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:14px 16px}.customers-table th{color:#68778b;text-transform:uppercase;background:#f8fafc;font-size:12px}.customers-table td{font-size:14px}.customers-table td strong,.customers-table td small{display:block}.customers-table td small{color:#8793a4;margin-top:3px}.customer-status{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.customer-status.active{color:#147441;background:#e5f8ee}.customer-status.inactive{color:#6b7280;background:#edf0f3}.customer-status.suspended{color:#a33a2f;background:#ffedea}.customer-status.pending{color:#966200;background:#fff4d6}.customer-actions{gap:7px;display:flex}.customer-actions button{color:#526176;cursor:pointer;background:#fff;border:1px solid #d7e0e8;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.customers-loading,.customers-empty{color:#718096;justify-content:center;align-items:center;gap:9px;min-height:180px;display:flex}.customers-pagination{color:#718096;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.customers-pagination>div{gap:8px;display:flex}.customers-pagination button{cursor:pointer;background:#fff;border:1px solid #d5dfe8;border-radius:8px;align-items:center;gap:5px;min-height:37px;padding:0 11px;display:inline-flex}.customers-pagination button:disabled{opacity:.45;cursor:not-allowed}.customer-modal-backdrop{z-index:1000;background:#0817269e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.customer-modal{background:#fff;border-radius:16px;width:min(780px,100%);max-height:calc(100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 25px 70px #00000040}.customer-modal-header{justify-content:space-between;align-items:flex-start;display:flex}.customer-modal-header h3{margin:4px 0 0}.customer-form-grid{grid-template-columns:repeat(2,1fr);gap:17px;margin-top:22px;display:grid}.customer-form-grid label{color:#46556a;gap:7px;font-size:13px;font-weight:700;display:grid}.customer-address-field{grid-column:1/-1}.customer-form-grid textarea{resize:vertical;padding:11px 12px}.customer-form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (width<=1000px){.customers-filters{grid-template-columns:1fr 1fr}}@media (width<=700px){.customers-title-row,.customers-pagination{flex-direction:column;align-items:stretch}.customers-summary,.customer-form-grid,.customers-filters{grid-template-columns:1fr}.customer-address-field{grid-column:auto}}