@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sp-page:#f7f6f3;--sp-surface:#fff;--sp-surface-2:#f4f3f0;--sp-hair:#e6e4df;--sp-hair-2:#f0efec;--sp-ink:#16181a;--sp-ink-2:#4b5054;--sp-ink-3:#7c8085;--sp-ink-4:#9a9d99;--sp-ink-5:#c4c6c2;--sp-dot:#dcdad5;--sp-accent:#12805c;--sp-accent-hi:#0d6247;--sp-accent-wash:#eef4f1;--sp-warn:#8a5a00;--sp-orange:#e07b00;--sp-var:#d9650b;--sp-var-wash:#fdebd9;--sp-danger:#a8321f;--sp-blue:#2563c9;--sp-neutral-dot:#b9bcb8;--sp-chart-base:#dfe7e3;--sp-chart-future:#eceae6;--sp-mix-expired:#d8a48f;--sp-solid-bg:#16181a;--sp-solid-fg:#fff;--sp-row-hover:#faf9f7;--sp-danger-wash:#fbeeeb;--sp-danger-wash-hover:#f7e2dd;--sp-danger-border:#ecccc4;--sp-success-border:#cfe3da;--sp-warn-wash:#fdf3e0;--sp-warn-border:#f0dfb8;--sp-border-soft:#d6d4cf;--sp-plan-eco:#5b8f7d;--sp-plan-plus:#4a7ea8;--sp-plan-std:#8a7fb5;--sp-plan-turbo:#c08a3e;--sp-plan-biz:#2f7a63;--sp-plan-wi:#a8698a;--sp-plan-beco:#2e9aa3;--sp-plan-pro:#b95e48;--sp-font:"IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sp-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sp-page:#111418;--sp-surface:#1b1f26;--sp-surface-2:#242933;--sp-hair:#2f353f;--sp-hair-2:#262b34;--sp-ink:#eef0f0;--sp-ink-2:#b9bdc0;--sp-ink-3:#8b9096;--sp-ink-4:#6b7075;--sp-ink-5:#4a4e53;--sp-dot:#4a4e53;--sp-accent:#22a578;--sp-accent-hi:#4fd39c;--sp-accent-wash:#16281f;--sp-warn:#d99a3d;--sp-orange:#f0a040;--sp-var:#ff9f45;--sp-var-wash:#ff9f4529;--sp-danger:#e5665a;--sp-blue:#5b9bf5;--sp-neutral-dot:#6b7075;--sp-chart-base:#262b28;--sp-chart-future:#202422;--sp-mix-expired:#9c6a58;--sp-solid-bg:#eef0f0;--sp-solid-fg:#16181a;--sp-row-hover:#202226;--sp-danger-wash:#35211e;--sp-danger-wash-hover:#402823;--sp-danger-border:#5c3a34;--sp-success-border:#274539;--sp-warn-wash:#332a1a;--sp-warn-border:#5a4a2c;--sp-border-soft:#3a3e44}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}html,body{overflow-x:clip}.sp-app,.sp-app *{box-sizing:border-box}.sp-app{font-family:var(--sp-font);color:var(--sp-ink-2);background:var(--sp-page);min-height:100vh;font-size:13px;display:flex}.sp-app h1,.sp-app h2,.sp-app h3{color:var(--sp-ink);margin:0;font-weight:600}.sp-app button{cursor:pointer;font-family:inherit}.sp-mono{font-family:var(--sp-mono)}.sp-sidebar{background:var(--sp-surface);border-inline-end:1px solid var(--sp-hair);flex-direction:column;flex:none;width:216px;padding:0 0 20px;display:flex}.sp-brand{align-items:center;gap:10px;padding:22px 18px 20px;display:flex}.sp-brand-mark{background:var(--sp-accent);color:#fff;width:26px;height:26px;font-family:var(--sp-mono);border-radius:7px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.sp-brand-word{letter-spacing:-.01em;color:var(--sp-ink);font-size:14px;font-weight:600}.sp-brand-logo{width:100%;max-width:148px;height:auto;display:block}.sp-nav{flex-direction:column;gap:2px;padding:0 12px;display:flex}.sp-sectionlabel{letter-spacing:.09em;text-transform:uppercase;color:var(--sp-ink-4);padding:6px 8px;font-size:10px;font-weight:600}.sp-sectionlabel.sp-second{padding:18px 8px 6px}.sp-navitem{color:var(--sp-ink-2);border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.sp-navitem:hover{background:var(--sp-surface-2)}.sp-navitem .sp-dot{background:var(--sp-dot);border-radius:50%;flex:none;width:5px;height:5px}.sp-navitem.sp-active{background:var(--sp-accent-wash);color:var(--sp-accent-hi);font-weight:600}.sp-navitem.sp-active .sp-dot{background:var(--sp-accent)}.sp-foot-note{font-family:var(--sp-mono);color:var(--sp-ink-4);margin-top:auto;padding:16px 20px 0;font-size:11px}.sp-main{flex-direction:column;flex:1;min-width:0;display:flex}.sp-topbar{background:var(--sp-surface);border-bottom:1px solid var(--sp-hair);align-items:center;gap:16px;padding:14px 28px;display:flex}.sp-search{background:var(--sp-surface-2);border:1px solid var(--sp-hair);max-width:380px;color:var(--sp-ink-4);border-radius:7px;flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.sp-search input{color:var(--sp-ink);background:0 0;border:none;outline:none;flex:1;font-size:12.5px}.sp-search input::placeholder{color:var(--sp-ink-4)}.sp-topbar-right{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.sp-topbar-user{color:var(--sp-ink-2);font-size:12.5px}.sp-avatar{background:var(--sp-hair);border-radius:50%;width:28px;height:28px}.sp-avatar-badge{color:#fff;font-weight:600;font-family:var(--sp-font);border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.sp-usermenu-wrap{align-items:center;display:flex;position:relative}.sp-usermenu-trigger{cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:4px 6px;display:flex}.sp-usermenu-trigger:hover{background:var(--sp-surface-2)}.sp-usermenu-dropdown{top:calc(100% + 8px);z-index:151;background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:8px;flex-direction:column;min-width:168px;padding:5px;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 6px 24px #0000001f}.sp-content{flex-direction:column;gap:20px;padding:26px 28px 30px;display:flex}.sp-page-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.sp-page-title{letter-spacing:-.02em;color:var(--sp-ink);font-size:22px;font-weight:600;line-height:1.2}.sp-page-sub{color:var(--sp-ink-3);margin-top:5px;font-size:12.5px}.sp-page-actions{gap:8px;display:flex}.sp-btn{border:1px solid var(--sp-hair);background:var(--sp-surface);color:var(--sp-ink-2);border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.sp-btn-primary{background:var(--sp-accent);color:#fff;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.sp-kpi-grid{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.sp-kpi-cell{border-right:1px solid var(--sp-hair);padding:20px 22px}.sp-kpi-cell:last-child{border-right:none}.sp-kpi-label{letter-spacing:.05em;text-transform:uppercase;color:var(--sp-ink-3);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.sp-kpi-label .sp-dot{border-radius:50%;width:6px;height:6px}.sp-kpi-num{font-family:var(--sp-mono);letter-spacing:-.03em;color:var(--sp-ink);margin-top:12px;font-size:34px;font-weight:600;line-height:1}.sp-kpi-foot{color:var(--sp-ink-3);margin-top:8px;font-size:12px}.sp-kpi2-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (width<=1100px){.sp-kpi2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.sp-kpi2-grid{grid-template-columns:1fr}}.sp-kpi2-card{color:#fff;border-radius:12px;padding:20px 20px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001f}.sp-kpi2-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.sp-kpi2-icon{top:16px;opacity:.55;position:absolute;inset-inline-end:16px}.sp-kpi2-num{font-family:var(--sp-mono);letter-spacing:-.02em;overflow-wrap:break-word;max-width:82%;font-size:30px;font-weight:700;line-height:1.1}.sp-kpi2-label{letter-spacing:.02em;opacity:.92;margin-top:6px;font-size:12px;font-weight:600}.sp-kpi2-foot{opacity:.9;border-top:1px solid #ffffff47;align-items:center;gap:5px;margin-top:16px;padding-top:12px;font-size:11.5px;font-weight:500;display:flex}.sp-kpi4-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.sp-kpi4-grid:has(>:nth-child(5):last-child){grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.sp-kpi4-card{color:#fff;border-radius:12px;flex-direction:column;min-height:118px;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000014}.sp-kpi4-link{transition:transform .12s,box-shadow .12s}.sp-kpi4-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.sp-kpi4-head{background:#ffffff1f;border-bottom:1px solid #ffffff2e;align-items:center;gap:10px;padding:10px 14px;display:flex}.sp-kpi4-badge{background:#ffffff38;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sp-kpi4-title{flex:1;min-width:0;font-size:14px;font-weight:700;line-height:1.3}.sp-kpi4-action{color:#fff;font:inherit;cursor:pointer;background:#ffffff40;border:none;border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:600}.sp-kpi4-action:hover{background:#ffffff59}.sp-kpi4-body{flex:1;justify-content:center;align-items:center;padding:14px;display:flex;container-type:inline-size}.sp-kpi4-num{font-family:var(--sp-mono);letter-spacing:-.02em;text-align:center;overflow-wrap:anywhere;font-size:clamp(17px,10.5cqi,28px);font-weight:700;line-height:1.15}.sp-kpi3-section{background:var(--sp-surface);border:1px solid var(--sp-hair);border-top:3px solid;border-radius:12px;padding:18px 20px 20px}.sp-kpi3-section-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.sp-kpi3-section-title{color:var(--sp-ink);font-size:15px;font-weight:700}.sp-kpi3-badge{border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sp-kpi3-badge-sm{border-radius:8px;width:30px;height:30px}.sp-kpi3-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=1100px){.sp-kpi3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.sp-kpi3-grid{grid-template-columns:1fr}}.sp-kpi3-card{border-radius:10px;padding:14px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:block}.sp-kpi3-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.sp-kpi3-card-head{align-items:center;gap:10px;display:flex}.sp-kpi3-card-title{color:var(--sp-ink);font-size:12.5px;font-weight:700}.sp-kpi3-card-sub{color:var(--sp-ink-4);margin-top:1px;font-size:10.5px}.sp-kpi3-num{font-family:var(--sp-mono);letter-spacing:-.02em;color:var(--sp-ink);margin-top:14px;font-size:24px;font-weight:700}.sp-money-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sp-money-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;padding:18px 20px}.sp-money-label{letter-spacing:.05em;text-transform:uppercase;color:var(--sp-ink-3);font-size:11px;font-weight:600}.sp-money-val{align-items:baseline;gap:6px;margin-top:11px;display:flex}.sp-money-cur{font-family:var(--sp-mono);color:var(--sp-ink-4);font-size:12px;font-weight:500}.sp-money-amt{font-family:var(--sp-mono);letter-spacing:-.02em;color:var(--sp-ink);font-size:26px;font-weight:600;line-height:1}.sp-charts-row{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.sp-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;padding:20px 22px}.sp-card-head{justify-content:space-between;align-items:baseline;display:flex}.sp-card-title{font-size:13.5px;font-weight:600}.sp-card-sub{font-family:var(--sp-mono);color:var(--sp-ink-4);font-size:11.5px}.sp-bars{align-items:flex-end;gap:10px;height:132px;margin-top:20px;display:flex}.sp-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.sp-bar{background:var(--sp-chart-base);border-radius:3px 3px 0 0;width:100%;min-height:2px}.sp-bar.sp-bar-now{background:var(--sp-accent)}.sp-bar.sp-bar-future{background:var(--sp-chart-future)}.sp-bar-label{font-family:var(--sp-mono);color:var(--sp-ink-4);font-size:10.5px}.sp-bar-label.sp-bar-label-now{color:var(--sp-ink);font-weight:500}.sp-bar-label.sp-bar-label-future{color:var(--sp-ink-5)}.sp-mix-bar{border-radius:6px;height:12px;margin-top:16px;display:flex;overflow:hidden}.sp-mix-legend{color:var(--sp-ink-2);flex-wrap:wrap;gap:22px;margin-top:14px;font-size:12px;display:flex}.sp-mix-legend-item{align-items:center;gap:7px;display:flex}.sp-mix-swatch{border-radius:2px;width:8px;height:8px}.sp-mix-count{font-family:var(--sp-mono);color:var(--sp-ink-3)}.sp-side-col{flex-direction:column;gap:14px;display:flex}.sp-charts-row-solo{grid-template-columns:minmax(0,1fr)}.sp-side-col-wide{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;display:grid}@media (width<=767px){.sp-side-col-wide{grid-template-columns:minmax(0,1fr)}}.sp-sys-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.sp-sys-row{color:var(--sp-ink-2);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.sp-sys-row .sp-mono{color:var(--sp-accent);align-items:center;gap:7px;display:flex}.sp-sys-row .sp-dot{background:var(--sp-accent);border-radius:50%;width:6px;height:6px}.sp-divider{background:var(--sp-hair-2);height:1px}.sp-act-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;padding:16px 18px}.sp-act-list{flex-direction:column;gap:13px;margin-top:14px;display:flex}.sp-act-item{gap:11px;display:flex}.sp-act-dot{background:var(--sp-ink-5);border-radius:50%;flex:none;width:5px;height:5px;margin-top:6px}.sp-act-title{color:var(--sp-ink);font-size:12.5px;line-height:1.4}.sp-act-meta{font-family:var(--sp-mono);color:var(--sp-ink-4);margin-top:2px;font-size:11px}.sp-link{color:var(--sp-accent);font-size:11.5px;font-weight:500;text-decoration:none}.sp-login-wrap{background:var(--sp-page);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.sp-login-lang-toggle{top:20px;position:absolute;inset-inline-end:20px}.sp-login-grid{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:14px;grid-template-columns:minmax(0,1fr);width:100%;max-width:440px;min-height:520px;display:grid;overflow:hidden}.sp-login-left{flex-direction:column;justify-content:center;padding:52px 48px;display:flex}.sp-login-brand{align-items:center;gap:10px;margin-bottom:38px;display:flex}.sp-login-brand span:last-child{color:var(--sp-ink);font-size:15px;font-weight:600}.sp-login-brand-logo{width:168px;height:auto;display:block}.sp-login-h1{letter-spacing:-.02em;color:var(--sp-ink);margin-bottom:8px;font-size:24px;font-weight:600}.sp-login-sub{color:var(--sp-ink-3);margin-bottom:30px;font-size:13px;line-height:1.5}.sp-login-field{margin-bottom:16px}.sp-login-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--sp-ink-3);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.sp-login-field input{width:100%;font-family:var(--sp-mono);background:var(--sp-page);border:1px solid var(--sp-hair);color:var(--sp-ink);border-radius:8px;outline:none;padding:12px 14px;font-size:13px}.sp-login-field input:focus{background:var(--sp-surface);border-color:var(--sp-accent);border-width:1.5px}.sp-login-submit{background:var(--sp-accent);color:#fff;border:none;border-radius:8px;width:100%;margin-top:6px;padding:13px;font-size:13px;font-weight:600}.sp-login-foot{font-family:var(--sp-mono);color:var(--sp-ink-4);margin-top:26px;font-size:11.5px}.sp-login-right{background:repeating-linear-gradient(135deg, var(--sp-hair-2) 0 8px, var(--sp-page) 8px 16px);flex-direction:column;justify-content:flex-end;gap:18px;padding:40px;display:flex}.sp-login-slot{border:1px dashed var(--sp-border-soft);font-family:var(--sp-mono);color:var(--sp-ink-3);background:#ffffffbf;border-radius:8px;padding:12px 14px;font-size:11.5px;line-height:1.5}.sp-login-logo-full{width:100%;max-width:340px;height:auto;display:block}.sp-login-copy{color:var(--sp-ink-2);font-size:12.5px;line-height:1.6}.sp-login-err{color:var(--sp-danger);margin-bottom:16px;font-size:12.5px}@media (width<=767px){.sp-login-wrap{align-items:stretch;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,sans-serif}.sp-login-grid{background:var(--sp-page);border:none;border-radius:0;max-width:none;min-height:100dvh}.sp-login-left{justify-content:flex-start;padding:72px 22px 32px}.sp-login-brand{margin-bottom:44px}.sp-login-h1{letter-spacing:0;font-size:26px;font-weight:700}.sp-login-sub{margin-bottom:26px;font-size:14px}.sp-login-field{margin-bottom:16px}.sp-login-field label{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:500}.sp-login-field input{background:var(--sp-surface);border-radius:14px;min-height:52px;padding:0 16px;font-family:inherit;font-size:16px}.sp-login-field input:focus{border-width:1px}.sp-login-submit{color:#fff;background:#1766c2;border-radius:999px;min-height:54px;margin-top:12px;padding:0;font-family:inherit;font-size:16.5px}:root[data-theme=dark] .sp-login-submit{color:#0c2340;background:#9ecbf8}.sp-login-err{background:var(--sp-danger-wash);border-radius:12px;padding:10px 14px;font-size:14px}.sp-login-foot{text-align:center;font-family:inherit;font-size:12.5px}.sp-login-lang-toggle{top:max(16px, env(safe-area-inset-top));border-radius:999px;min-width:44px;min-height:44px}}@media (width<=720px){.sp-login-grid{grid-template-columns:1fr}.sp-login-right{display:none}}.sp-cust-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;min-width:0}.sp-cust-table-scroll{overflow:auto hidden}.sp-cust-toolbar{border-bottom:1px solid var(--sp-hair);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.sp-segmented{background:var(--sp-surface-2);border:1px solid var(--sp-hair);border-radius:7px;gap:2px;padding:3px;display:flex}.sp-segment{color:var(--sp-ink-2);white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:500}.sp-segment:hover{background:var(--sp-chart-future)}.sp-segment.sp-seg-active{background:var(--sp-surface);font-weight:600;box-shadow:0 1px 2px #0000000f}.sp-segment .sp-mono{color:var(--sp-ink-4);margin-left:4px}.sp-segment.sp-seg-active .sp-mono{color:var(--sp-ink-3)}.sp-page-tabs .sp-segment{padding:8px 16px;font-size:13.5px;font-weight:600}.sp-page-tabs .sp-page-tab-transactions.sp-seg-active{color:var(--sp-plan-plus)}.sp-page-tabs .sp-page-tab-debts.sp-seg-active{color:var(--sp-danger)}.sp-cust-search{background:var(--sp-surface-2);border:1px solid var(--sp-hair);border-radius:7px;flex:1;min-width:200px;max-width:320px;padding:8px 12px;font-size:12.5px}.sp-cust-search input{width:100%;color:var(--sp-ink);background:0 0;border:none;outline:none;font-size:12.5px}.sp-cust-search input::placeholder{color:var(--sp-ink-4)}.sp-perpage{font-family:var(--sp-mono);color:var(--sp-ink-3);background:var(--sp-surface);border:1px solid var(--sp-hair);cursor:pointer;border-radius:6px;margin-inline-start:auto;padding:6px 8px;font-size:12px}.sp-perpage:hover{border-color:var(--sp-ink-5)}.sp-cust-grid{grid-template-columns:30px 150px 1.3fr 110px 1.05fr 135px 1fr .95fr 1.35fr .86fr 84px;min-width:1065px;display:grid}.sp-cust-grid.sp-cust-grid--online{grid-template-columns:30px 150px 1.3fr 58px 1.05fr 68px 135px .9fr 1fr .95fr 1.35fr .86fr 84px;min-width:1145px}.sp-cust-check{justify-content:center;align-items:center;display:flex}.sp-cust-check input{cursor:pointer;width:14px;height:14px;accent-color:var(--sp-accent)}.sp-cust-row-sel{background:var(--sp-accent-wash)!important}.sp-bulk-bar{background:var(--sp-accent-wash);border-bottom:1px solid var(--sp-success-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px;display:flex}.sp-bulk-count{color:var(--sp-accent-hi);margin-inline-end:4px;font-size:12.5px;font-weight:600}.sp-btn-danger{border-color:var(--sp-danger-border);color:var(--sp-danger)}.sp-btn-danger:hover{background:var(--sp-danger-wash)}.sp-btn-success{border-color:var(--sp-success-border);color:var(--sp-accent-hi)}.sp-btn-success:hover{background:var(--sp-accent-wash)}.sp-btn-warn{border-color:var(--sp-warn-border);color:var(--sp-warn)}.sp-btn-warn:hover{background:var(--sp-warn-wash)}.sp-cust-head{background:var(--sp-row-hover);border-bottom:1px solid var(--sp-hair);padding:0 18px}.sp-cust-head>div{letter-spacing:.06em;text-transform:uppercase;color:var(--sp-ink-3);white-space:nowrap;text-overflow:ellipsis;padding:11px;font-size:10.5px;font-weight:600;overflow:hidden}.sp-cust-head button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.sp-cust-row{border-bottom:1px solid var(--sp-hair-2);align-items:center;padding:0 18px}.sp-cust-row:hover{background:var(--sp-row-hover)}.sp-cust-row>div{padding:10px 11px;overflow:hidden}.sp-cust-who{flex-direction:column;gap:2px;min-width:0;display:flex}.sp-cust-who-name{color:var(--sp-ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex;overflow:hidden}.sp-cust-who-user{font-family:var(--sp-mono);color:var(--sp-ink-4);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.sp-cust-pill{white-space:nowrap;background:var(--sp-surface-2);color:var(--sp-ink-3);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.sp-cust-sig{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sp-cust-sig-chip{font-size:11px;font-weight:700;font-family:var(--sp-mono);white-space:nowrap;direction:ltr;unicode-bidi:isolate;border-radius:5px;padding:2px 7px}.sp-cust-phone{direction:ltr;unicode-bidi:isolate}.sp-cust-btn-quiet{background:var(--sp-surface);border-color:var(--sp-hair);color:var(--sp-ink-2);font-weight:500}.sp-cust-row .sp-cust-btn-recharge{padding:6px 14px;font-size:12px}@media (width>=900px) and (width<=1200px){.sp-cust-row>div,.sp-cust-head>div{padding-inline:6px}}.sp-topbar-right .sp-phoneui-btn{display:none}@media (width<=767px){.sp-topbar-right .sp-phoneui-btn{display:inline-flex}}.sp-chips{flex-wrap:wrap;gap:6px;display:flex}.sp-chip{border:1px solid var(--sp-hair);background:var(--sp-surface);color:var(--sp-ink-2);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.sp-chip:hover{background:var(--sp-surface-2)}.sp-chip.sp-chip-on{background:var(--sp-accent);border-color:var(--sp-accent);color:#fff;font-weight:600}.sp-chip-n{font-family:var(--sp-mono);opacity:.75;font-size:11px}.sp-report-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp-report-range{font-family:var(--sp-mono);color:var(--sp-ink-4);direction:ltr;unicode-bidi:isolate;margin-inline-start:auto;font-size:12px}.sp-txn-sub{color:var(--sp-ink-4);margin-top:2px;font-size:11.5px}.sp-dev-sub{color:var(--sp-ink-4);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sp-dev-fw{color:var(--sp-warn);margin-top:2px;font-size:11px;font-weight:600}.sp-dev-fwbar{background:var(--sp-warn-wash);color:var(--sp-warn);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.sp-dev-fwbar>span{flex:1;min-width:200px}.sp-cust-onlybar{background:var(--sp-warn-wash);color:var(--sp-warn);border-bottom:1px solid var(--sp-hair);align-items:center;gap:10px;padding:10px 18px;font-size:12.5px;font-weight:600;display:flex}@media (width<=880px){.sp-cust-head>div{padding:11px 15px}.sp-cust-row>div{padding:14px 15px}}.sp-cust-username{font-family:var(--sp-mono);flex-wrap:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.sp-test-badge{font-family:var(--sp-sans,inherit);letter-spacing:.03em;text-transform:uppercase;color:#8a5cf6;white-space:nowrap;background:#8a5cf61f;border:1px solid #8a5cf64d;border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:600}.sp-cust-name{white-space:normal;word-break:break-word;font-size:13px;line-height:1.35}.sp-cust-plan{align-items:center;gap:7px;min-width:0;display:flex}.sp-cust-plan span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-plan-swatch{border-radius:2px;flex:none;width:7px;height:7px}.sp-status-dot{border-radius:50%;flex:none;width:6px;height:6px}.sp-cust-mono{font-family:var(--sp-mono);color:var(--sp-ink-3);font-size:12px}.sp-cust-end-date{font-family:var(--sp-mono);font-size:12px}.sp-cust-end-note{margin-top:1px;font-size:10.5px}.sp-cust-btn-edit{border:1px solid var(--sp-hair);color:var(--sp-ink-2);background:var(--sp-surface);border-radius:6px;padding:5px 9px;font-size:11px;font-weight:500}.sp-cust-btn-edit:hover{background:var(--sp-surface-2)}.sp-cust-btn-recharge{background:var(--sp-accent-wash);border:1px solid var(--sp-success-border);color:var(--sp-accent-hi);border-radius:6px;padding:5px 9px;font-size:11px;font-weight:600}.sp-cust-btn-recharge:hover{background:var(--sp-accent);color:#fff}.sp-sort-btn{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.sp-sort-btn:hover{color:var(--sp-ink)}.sp-sort-arrow{color:var(--sp-accent);font-size:8px}.sp-menu-overlay{z-index:150;position:fixed;inset:0}.sp-menu{z-index:151;background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:8px;flex-direction:column;min-width:176px;padding:5px;display:flex;position:fixed;transform:translate(-100%);box-shadow:0 6px 24px #0000001f}.sp-menu-item{text-align:left;color:var(--sp-ink-2);font-size:12.5px;font-family:var(--sp-font);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px}.sp-menu-item:hover{background:var(--sp-surface-2)}.sp-menu-danger{color:var(--sp-danger)}.sp-menu-danger:hover{background:var(--sp-danger-wash)}.sp-menu-sep{background:var(--sp-hair-2);height:1px;margin:4px 6px}.sp-cust-foot{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sp-cust-showing{color:var(--sp-ink-3);font-size:12px}.sp-pagebtns{font-family:var(--sp-mono);gap:6px;font-size:12px;font-weight:500;display:flex}.sp-pagebtn{border:1px solid var(--sp-hair);color:var(--sp-ink-2);background:var(--sp-surface);border-radius:6px;padding:6px 11px}.sp-pagebtn.sp-pagebtn-current{background:var(--sp-solid-bg);color:var(--sp-solid-fg);border-color:var(--sp-solid-bg)}.sp-pagebtn.sp-pagebtn-disabled{color:var(--sp-ink-5);pointer-events:none}.sp-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.sp-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.sp-plan-grid{grid-template-columns:1fr}}.sp-plan-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.sp-plan-card:hover{border-color:var(--sp-border-soft)}.sp-plan-top{align-items:center;gap:8px;display:flex}.sp-plan-swatch-lg{border-radius:2px;flex:none;width:8px;height:8px}.sp-plan-name{font-family:var(--sp-mono);letter-spacing:-.01em;font-size:14px;font-weight:600}.sp-plan-kind{color:var(--sp-ink-4);margin-inline-start:auto;font-size:10.5px}.sp-plan-price{align-items:baseline;gap:5px;display:flex}.sp-plan-price .cur{font-family:var(--sp-mono);color:var(--sp-ink-4);font-size:11px;font-weight:500}.sp-plan-price .val{font-family:var(--sp-mono);letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1}.sp-plan-price .per{color:var(--sp-ink-3);font-size:12px}.sp-plan-details{border-top:1px solid var(--sp-hair-2);flex-direction:column;gap:7px;padding-top:12px;display:flex}.sp-plan-detail-row{color:var(--sp-ink-3);justify-content:space-between;font-size:12px;display:flex}.sp-plan-detail-row span:last-child{font-family:var(--sp-mono);color:var(--sp-ink)}.sp-plan-foot{gap:6px;margin-top:2px;display:flex}.sp-plan-foot .sp-btn{text-align:center;flex:1}.sp-plan-id{border:1px solid var(--sp-hair);font-family:var(--sp-mono);color:var(--sp-ink-4);border-radius:6px;padding:7px 11px;font-size:11.5px}.sp-plan-card-link{cursor:pointer;transition:box-shadow .12s,transform .12s}.sp-plan-card-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.sp-plan-top{justify-content:space-between}.sp-plan-card .sp-plan-name{font-size:16px;font-weight:700;font-family:var(--sp-mono)}.sp-plan-edit{color:var(--sp-accent-hi);font-size:12px;font-weight:600}.sp-plan-card .sp-plan-price .val{font-size:26px}.sp-plan-stats{border-top:1px solid var(--sp-hair-2);grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;display:grid}.sp-plan-stats>div{color:var(--sp-ink-3);flex-direction:column;gap:3px;font-size:12px;display:flex}.sp-plan-stats b{color:var(--sp-ink);font-size:16px;font-family:var(--sp-mono)}.sp-plan-expired-row{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;align-items:center;gap:14px;margin-top:14px;padding:14px 18px;display:flex}.sp-settings-grid{grid-template-columns:212px minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (width<=800px){.sp-settings-grid{grid-template-columns:1fr}}.sp-subnav{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;flex-direction:column;gap:2px;padding:8px;display:flex}.sp-subnav-item{color:var(--sp-ink-2);text-align:left;background:0 0;border:none;border-radius:6px;padding:9px 11px;font-size:12.5px;text-decoration:none;display:block}.sp-subnav-item:hover{background:var(--sp-surface-2)}.sp-subnav-item.sp-subnav-active{background:var(--sp-accent-wash);color:var(--sp-accent-hi);font-weight:600}.sp-subnav-divider{background:var(--sp-hair-2);height:1px;margin:6px 4px}.sp-subnav-inert{color:var(--sp-ink-4);padding:9px 11px;font-size:12.5px}.sp-subnav-inert span{font-family:var(--sp-mono);font-size:10.5px}.sp-settings-form{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;padding:22px 24px}.sp-settings-form-title{font-size:14px;font-weight:600}.sp-settings-form-sub{color:var(--sp-ink-3);margin-top:4px;font-size:12px}.sp-settings-rows{flex-direction:column;gap:18px;margin-top:22px;display:flex}.sp-settings-row{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:16px;display:grid}.sp-settings-row.sp-align-start{align-items:start}.sp-settings-label{font-size:12.5px;font-weight:500}.sp-settings-field{background:var(--sp-page);border:1px solid var(--sp-hair);color:var(--sp-ink);border-radius:7px;padding:10px 13px;font-size:13px}.sp-settings-field input{width:100%;color:inherit;background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.sp-settings-help{color:var(--sp-ink-4);margin-top:7px;font-size:11.5px}.sp-settings-foot{border-top:1px solid var(--sp-hair-2);gap:8px;margin-top:26px;padding-top:18px;display:flex}.sp-list-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;min-width:0;overflow:auto hidden}.sp-list-toolbar{border-bottom:1px solid var(--sp-hair);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.sp-list-count{font-family:var(--sp-mono);color:var(--sp-ink-4);align-items:center;gap:6px;margin-inline-start:auto;font-size:12px;display:flex}.sp-live-dot{background:var(--sp-danger);border-radius:50%;flex:none;width:7px;height:7px;animation:1.4s ease-in-out infinite sp-live-pulse}@keyframes sp-live-pulse{0%,to{opacity:1}50%{opacity:.25}}.sp-list-row{border-bottom:1px solid var(--sp-hair-2);align-items:center}.sp-list-row:hover{background:var(--sp-row-hover)}.sp-list-row>div,.sp-list-head>div{padding:13px 8px}.sp-list-head{background:var(--sp-row-hover);border-bottom:1px solid var(--sp-hair);padding:0 20px}.sp-list-head>div{letter-spacing:.06em;text-transform:uppercase;color:var(--sp-ink-3);padding:11px 8px;font-size:10.5px;font-weight:600}.sp-list-body{padding:0 20px}.sp-usage-bar-track{background:var(--sp-hair-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.sp-usage-bar-fill{height:100%}.sp-list-footnote{align-items:center;gap:10px;padding:12px 20px;font-size:12px;display:flex}.sp-debt-cards{display:none}.sp-debt-card{border-bottom:1px solid var(--sp-hair-2);padding:14px 16px;transition:background .12s}.sp-debt-card:last-child{border-bottom:none}.sp-debt-card:hover{background:var(--sp-row-hover)}.sp-debt-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sp-debt-card-name{font-size:13.5px;font-weight:600}.sp-debt-card-username{color:var(--sp-ink-4);margin-top:2px;font-size:11.5px;display:block}.sp-debt-card-meta{color:var(--sp-ink-3);margin-top:10px;font-size:12px}.sp-debt-card-stats{flex-direction:column;gap:5px;margin-top:10px;display:flex}.sp-debt-card-stats>div{justify-content:space-between;font-size:12.5px;display:flex}.sp-debt-card-statlabel{color:var(--sp-ink-3)}.sp-debt-card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sp-debt-card-actions .sp-btn{text-align:center;flex:28%;padding:9px 6px;font-size:12.5px}@media (width<=640px){.sp-debt-tablewrap{display:none}.sp-debt-cards{display:block}}.sp-debt-chip{font-family:var(--sp-mono);white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:12.5px;font-weight:600;display:inline-block}.sp-debt-kpi-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.sp-debt-kpi-row .sp-debt-kpi{padding:16px 18px 14px}.sp-debt-kpi-row .sp-debt-kpi .sp-kpi2-num{font-size:22px}.sp-empty-card{background:var(--sp-surface);border:1px solid var(--sp-hair);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:44px 40px;display:flex}.sp-empty-icon{background:repeating-linear-gradient(135deg, var(--sp-hair-2) 0 6px, var(--sp-page) 6px 12px);border:1px solid var(--sp-hair);border-radius:12px;width:46px;height:46px}.sp-empty-title{font-size:15px;font-weight:600}.sp-empty-body{max-width:520px;color:var(--sp-ink-3);font-size:12.5px;line-height:1.65}.sp-status-strip{background:var(--sp-surface);border:1px solid var(--sp-hair);color:var(--sp-ink-2);border-radius:10px;align-items:center;gap:11px;margin-top:12px;padding:13px 16px;font-size:12px;display:flex}.sp-nas-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;padding:22px 24px}.sp-nas-head{border-bottom:1px solid var(--sp-hair-2);align-items:center;gap:12px;padding-bottom:18px;display:flex}.sp-nas-name{font-family:var(--sp-mono);font-size:15px;font-weight:600}.sp-nas-badge{background:var(--sp-accent-wash);color:var(--sp-accent-hi);border-radius:5px;padding:4px 9px;font-size:11px;font-weight:600}.sp-nas-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;padding-top:18px;display:grid}@media (width<=640px){.sp-nas-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.sp-nas-fields{grid-template-columns:1fr}}.sp-nas-field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sp-ink-3);font-size:10.5px;font-weight:600}.sp-nas-field-val{font-family:var(--sp-mono);margin-top:5px;font-size:13px}.sp-reports-grid{grid-template-columns:236px minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (width<=900px){.sp-reports-grid{grid-template-columns:minmax(0,1fr)}}.sp-report-filter-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;flex-direction:column;gap:18px;padding:18px 20px;display:flex}.sp-filter-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sp-ink-3);margin-bottom:7px;font-size:10.5px;font-weight:600}.sp-period-toggle{background:var(--sp-surface-2);border:1px solid var(--sp-hair);border-radius:7px;gap:2px;padding:3px;display:flex}.sp-period-toggle button{text-align:center;color:var(--sp-ink-2);background:0 0;border:none;border-radius:5px;flex:1;padding:6px;font-size:12px;font-weight:500}.sp-period-toggle button.sp-period-active{background:var(--sp-surface);font-weight:600;box-shadow:0 1px 2px #0000000f}.sp-plan-check-list{flex-direction:column;gap:2px;display:flex}.sp-plan-check{text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;width:100%;padding:7px 9px;display:flex}.sp-plan-check:hover,.sp-plan-check.sp-checked{background:var(--sp-page)}.sp-plan-checkbox{border:1px solid var(--sp-border-soft);border-radius:4px;flex:none;width:14px;height:14px}.sp-plan-checkbox.sp-checked{background:var(--sp-accent);border-color:var(--sp-accent)}.sp-stat-strip{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;flex-wrap:wrap;display:flex;overflow:hidden}.sp-stat-cell{border-right:1px solid var(--sp-hair);flex:1;min-width:150px;padding:16px 20px}.sp-stat-cell:last-child{border-right:none}.sp-stat-cell-val{font-family:var(--sp-mono);letter-spacing:-.02em;margin-top:9px;font-size:24px;font-weight:600}.sp-tag-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sp-tag{background:var(--sp-surface-2);font-family:var(--sp-mono);color:var(--sp-ink-2);border-radius:5px;padding:4px 9px;font-size:11.5px;font-weight:500}.sp-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}@media (width<=700px){.sp-two-col{grid-template-columns:minmax(0,1fr)}}.sp-plan-bar-row{margin-bottom:12px}.sp-plan-bar-track{background:var(--sp-hair-2);border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.sp-plan-bar-fill{height:100%}.sp-daybars{align-items:flex-end;gap:5px;height:124px;margin-top:22px;display:flex}.sp-daybar-col{flex:1;align-items:flex-end;height:100%;display:flex}.sp-daybar{border-radius:3px 3px 0 0;width:100%;min-height:2px}.sp-kind-tag{border-radius:5px;padding:4px 9px;font-size:11px;font-weight:600}.sp-segmented-sm{background:var(--sp-surface-2);border:1px solid var(--sp-hair);border-radius:7px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.sp-segmented-sm button{color:var(--sp-ink-2);background:0 0;border:none;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:500}.sp-segmented-sm button.sp-seg-active{background:var(--sp-surface);font-weight:600;box-shadow:0 1px 2px #0000000f}.sp-skel{background:var(--sp-hair-2);border-radius:4px;position:relative;overflow:hidden}.sp-skel:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:1.4s infinite sp-shimmer;position:absolute;inset:0;transform:translate(-100%)}.sp-skel-text{vertical-align:middle;height:13px;display:inline-block}@keyframes sp-shimmer{to{transform:translate(100%)}}.sp-route-spinner{border:3px solid var(--sp-hair-2);border-top-color:var(--sp-accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.sp-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-kpi-cell:nth-child(2){border-right:none}.sp-money-row,.sp-charts-row{grid-template-columns:1fr}}a.sp-kpi-cell{color:inherit;text-decoration:none;transition:background .12s;display:block}a.sp-kpi-cell:hover{background:var(--sp-row-hover)}.sp-kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sp-kpi-grid-6 .sp-kpi-cell{padding:16px}.sp-kpi-grid-6 .sp-kpi-label{letter-spacing:.04em;font-size:10px}.sp-kpi-grid-6 .sp-kpi-num{margin-top:10px;font-size:26px}.sp-kpi-grid-6 .sp-kpi-foot{margin-top:6px;font-size:11px}.sp-kpi-grid-6 .sp-kpi-cell:nth-child(3){border-right:1px solid var(--sp-hair)}@media (width<=1150px){.sp-kpi-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-kpi-grid-6 .sp-kpi-cell{border-bottom:1px solid var(--sp-hair)}.sp-kpi-grid-6 .sp-kpi-cell:nth-child(3){border-right:none}.sp-kpi-grid-6 .sp-kpi-cell:nth-child(4),.sp-kpi-grid-6 .sp-kpi-cell:nth-child(5),.sp-kpi-grid-6 .sp-kpi-cell:nth-child(6){border-bottom:none}}@media (width<=680px){.sp-kpi-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-kpi-grid-6 .sp-kpi-cell:nth-child(odd){border-right:1px solid var(--sp-hair)}.sp-kpi-grid-6 .sp-kpi-cell:nth-child(2n){border-right:none}.sp-kpi-grid-6 .sp-kpi-cell:nth-child(5),.sp-kpi-grid-6 .sp-kpi-cell:nth-child(6){border-bottom:none}}.sp-kpi-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-kpi-grid-8 .sp-kpi-cell{border-right:1px solid var(--sp-hair);border-bottom:1px solid var(--sp-hair);padding:16px}.sp-kpi-grid-8 .sp-kpi-label{letter-spacing:.04em;font-size:10px}.sp-kpi-grid-8 .sp-kpi-num{margin-top:10px;font-size:26px}.sp-kpi-grid-8 .sp-kpi-foot{margin-top:6px;font-size:11px}.sp-kpi-grid-8 .sp-kpi-cell:nth-child(4n){border-right:none}.sp-kpi-grid-8 .sp-kpi-cell:nth-child(n+5){border-bottom:none}@media (width<=1150px){.sp-kpi-grid-8{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-kpi-grid-8 .sp-kpi-cell{border-right:1px solid var(--sp-hair);border-bottom:1px solid var(--sp-hair)}.sp-kpi-grid-8 .sp-kpi-cell:nth-child(2n){border-right:none}.sp-kpi-grid-8 .sp-kpi-cell:nth-child(n+7){border-bottom:none}}@media (width<=680px){.sp-kpi-grid-8{grid-template-columns:minmax(0,1fr)}.sp-kpi-grid-8 .sp-kpi-cell{border-right:none}.sp-kpi-grid-8 .sp-kpi-cell:last-child{border-bottom:none}}.sp-crumb{color:var(--sp-ink-3);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.sp-crumb a{color:var(--sp-accent);text-decoration:none}.sp-crumb span:not(.sp-mono){color:var(--sp-ink-5)}.sp-crumb .sp-mono{color:var(--sp-ink-3)}.sp-rowlink{color:inherit;text-decoration:none}.sp-rowlink:hover{color:var(--sp-accent)}.sp-ip-link{color:var(--sp-blue)}.sp-ip-link:hover{text-decoration:underline}.sp-form-card{background:var(--sp-surface);border:1px solid var(--sp-hair);border-radius:10px;flex-direction:column;gap:22px;margin-top:16px;padding:22px 24px;display:flex}.sp-form-group-title{color:var(--sp-ink);margin-bottom:14px;font-size:13.5px;font-weight:600}.sp-form-group-note{color:var(--sp-ink-4);margin-left:8px;font-size:11.5px;font-weight:400}.sp-form-row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.sp-form-row2{grid-template-columns:1fr}}.sp-form-divider{background:var(--sp-hair-2);height:1px}.sp-field{flex-direction:column;display:flex}.sp-field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sp-ink-3);margin-bottom:6px;font-size:10.5px;font-weight:600}.sp-req{color:var(--sp-danger);margin-left:3px}.sp-inp{background:var(--sp-surface);border:1px solid var(--sp-hair);width:100%;font-size:13px;font-family:var(--sp-font);color:var(--sp-ink);border-radius:7px;outline:none;padding:10px 13px}select.sp-inp{cursor:pointer}.sp-inp:focus{border-color:var(--sp-accent);border-width:1.5px;padding:9.5px 12.5px}.sp-inp-focus{border:1.5px solid var(--sp-accent)}.sp-inp-sunken{background:var(--sp-surface-2)}.sp-inp-hint{color:var(--sp-ink-4);margin-top:5px;font-size:11px}.sp-linkbtn{color:var(--sp-accent);cursor:pointer;font-size:11.5px;font-weight:500;font-family:var(--sp-font);background:0 0;border:none;padding:0}.sp-toggle{gap:6px;display:flex}.sp-toggle-opt{border:1px solid var(--sp-hair);color:var(--sp-ink-2);background:var(--sp-surface);cursor:pointer;border-radius:6px;padding:9px 16px;font-size:12px;font-weight:500}.sp-toggle-opt.sp-toggle-on{background:var(--sp-solid-bg);color:var(--sp-solid-fg);border-color:var(--sp-solid-bg);font-weight:600}.sp-form-foot{border-top:1px solid var(--sp-hair-2);align-items:center;gap:8px;padding-top:18px;display:flex}.sp-form-and-recharge{color:var(--sp-ink-3);cursor:pointer;align-items:center;gap:10px;margin-inline-start:auto;font-size:11.5px;display:flex}.sp-switch{background:var(--sp-hair);border-radius:11px;width:38px;height:22px;padding:2px;transition:background .12s;display:flex}.sp-switch.sp-switch-on{background:var(--sp-accent);justify-content:flex-end}.sp-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px}.sp-form-error{background:var(--sp-danger-wash);border:1px solid var(--sp-danger-border);color:var(--sp-danger);border-radius:7px;margin:14px 0 0;padding:10px 14px;font-size:12px}.sp-perm-module{border:1px solid var(--sp-hair);background:var(--sp-surface-2);border-radius:8px;padding:12px 14px}.sp-perm-module-head{color:var(--sp-ink);cursor:pointer;align-items:center;gap:9px;font-size:12.5px;font-weight:600;display:flex}.sp-perm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;margin-top:10px;display:grid}.sp-perm-item{color:var(--sp-ink-2);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.sp-perm-item input,.sp-perm-module-head input{accent-color:var(--sp-accent);width:14px;height:14px}.sp-view-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.sp-view-title-row{align-items:center;gap:12px;display:flex}.sp-view-pill{border-radius:20px;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;font-weight:600;display:flex}.sp-view-meta{color:var(--sp-ink-3);margin-top:6px;font-size:12.5px}.sp-view-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.sp-view-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;min-width:0;display:grid}@media (width<=1000px){.sp-view-grid{grid-template-columns:1fr}}.sp-view-col{flex-direction:column;gap:14px;min-width:0;display:flex}.sp-view-top{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;min-width:0;margin-bottom:14px;display:grid}@media (width<=1000px){.sp-view-top{grid-template-columns:1fr}}.sp-view-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;min-width:0;display:grid}@media (width<=1000px){.sp-view-cols{grid-template-columns:1fr}}.sp-view-cols .sp-card,.sp-view-grid>.sp-card{min-width:0}.sp-hist-row{border-top:1px solid var(--sp-hair-2);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:12.5px;display:flex}.sp-menu-item{align-items:center;gap:8px;display:flex}.sp-kv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;display:grid}@media (width<=560px){.sp-kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-banner{border-radius:9px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.sp-banner-warn{background:var(--sp-danger-wash);border:1px solid var(--sp-danger-border);color:var(--sp-danger)}.sp-banner-warn:hover{background:var(--sp-danger-wash-hover)}.sp-modal-overlay{z-index:200;background:#0f101266;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sp-modal{background:var(--sp-surface);border-radius:12px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.sp-modal-head{border-bottom:1px solid var(--sp-hair);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sp-modal-title{color:var(--sp-ink);font-size:14.5px;font-weight:600}.sp-modal-close{color:var(--sp-ink-4);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:20px;line-height:1}.sp-modal-close:hover{color:var(--sp-ink)}.sp-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.sp-modal-foot{padding:4px 20px 20px}.sp-toast{background:var(--sp-solid-bg);color:var(--sp-solid-fg);z-index:100;border-radius:8px;padding:10px 16px;font-size:12.5px;position:fixed;top:16px;right:16px}.sp-toast-err{background:var(--sp-danger);color:#fff}.sp-recharge-page{margin-top:16px}.sp-recharge-page .sp-form-card{gap:18px}.sp-plan-radio-list{border:1.5px solid var(--sp-accent);border-radius:8px;overflow:hidden}.sp-plan-radio{border:none;border-bottom:1px solid var(--sp-hair-2);background:var(--sp-surface);text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;padding:11px 13px;display:flex}.sp-plan-radio:last-child{border-bottom:none}.sp-plan-radio:hover{background:var(--sp-row-hover)}.sp-plan-radio-on{background:var(--sp-accent-wash)}.sp-review-box{border:1px solid var(--sp-hair);border-radius:8px;overflow:hidden}.sp-review-row{border-bottom:1px solid var(--sp-hair-2);justify-content:space-between;padding:12px 14px;font-size:12.5px;display:flex}.sp-review-total{background:var(--sp-row-hover);justify-content:space-between;align-items:baseline;padding:14px;display:flex}.sp-lang-toggle{border:1px solid var(--sp-hair);background:var(--sp-surface-2);width:30px;height:26px;color:var(--sp-ink-2);border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1;display:flex}.sp-lang-toggle:hover{background:var(--sp-surface);color:var(--sp-ink)}[dir=rtl] .sp-mono{direction:ltr;unicode-bidi:isolate}[dir=rtl] .sp-cust-mono,[dir=rtl] .sp-cust-end-date{text-align:right;direction:ltr;unicode-bidi:isolate}[dir=rtl] .sp-cust-username{direction:ltr;unicode-bidi:isolate;padding-inline-start:10px}[dir=rtl] .sp-kpi-cell,[dir=rtl] .sp-stat-cell,[dir=rtl] .sp-kpi-grid-6 .sp-kpi-cell:nth-child(3),[dir=rtl] .sp-kpi-grid-6 .sp-kpi-cell:nth-child(odd),[dir=rtl] .sp-kpi-grid-8 .sp-kpi-cell,[dir=rtl] .sp-nas-fields>div{border-right:none;border-left:1px solid var(--sp-hair)}[dir=rtl] .sp-kpi-cell:last-child,[dir=rtl] .sp-stat-cell:last-child,[dir=rtl] .sp-kpi-grid-6 .sp-kpi-cell:nth-child(2n),[dir=rtl] .sp-kpi-grid-8 .sp-kpi-cell:nth-child(4n){border-left:none}[dir=rtl] .sp-menu{transform:none}.sp-hamburger{border:1px solid var(--sp-hair);background:var(--sp-surface);border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;display:none}.sp-hamburger span{background:var(--sp-ink-2);border-radius:1px;width:15px;height:1.5px;display:block}.sp-sidebar-overlay{display:none}@media (width<=880px){.sp-hamburger{display:flex}.sp-sidebar{inset-inline-start:0;z-index:210;height:100vh;transition:transform .2s;position:fixed;top:0;transform:translate(-100%);box-shadow:2px 0 20px #00000026}[dir=rtl] .sp-sidebar{transform:translate(100%)}.sp-sidebar.sp-sidebar-open{transform:translate(0)}.sp-sidebar-overlay{z-index:200;background:#0f101266;display:block;position:fixed;inset:0}.sp-topbar{gap:10px;padding:10px 14px}.sp-search{max-width:none}.sp-topbar-user{display:none}.sp-content{gap:14px;padding:16px 14px 22px}.sp-page-head{flex-wrap:wrap}.sp-page-title{font-size:19px}}@media (width<=420px){.sp-topbar-right{gap:6px}.sp-avatar{width:24px;height:24px}}.sp-dev-grid{grid-template-columns:1.7fr 1fr 1fr .7fr 1fr .8fr .7fr .8fr .9fr .9fr;min-width:990px;display:grid}.sp-sta-grid{grid-template-columns:1.3fr 1.1fr 1.3fr .7fr .7fr .8fr .8fr;min-width:720px;display:grid}.sp-port-grid{grid-template-columns:.8fr 1.3fr 1fr .8fr .8fr 1fr 1.6fr;min-width:780px;display:grid}.sp-dev-grid>div,.sp-sta-grid>div,.sp-port-grid>div{align-self:center;padding:12px 8px;overflow:hidden}.sp-list-head.sp-dev-grid>div,.sp-list-head.sp-sta-grid>div,.sp-list-head.sp-port-grid>div{padding:11px 8px}.sp-dev-grid>div:not(:first-child):not(:last-child){text-align:center}.sp-cust-ipcell{white-space:nowrap;font-size:12px}@media (width<=640px){.sp-content{gap:12px;padding:14px 12px 20px}.sp-form-foot,.sp-page-actions,.sp-modal-foot,.sp-settings-foot,.sp-plan-foot{flex-wrap:wrap}.sp-form-foot{gap:8px}.sp-form-foot .sp-btn,.sp-form-foot .sp-btn-primary,.sp-modal-foot .sp-btn,.sp-modal-foot .sp-btn-primary{flex:140px;justify-content:center}.sp-page-actions{width:100%}.sp-page-actions .sp-btn,.sp-page-actions .sp-btn-primary{flex:auto;justify-content:center}.sp-inp{flex-wrap:wrap}.sp-recharge-page .sp-inp-sunken{flex-direction:column;gap:3px;align-items:stretch!important}.sp-segmented{flex-wrap:wrap}.sp-segmented .sp-segment{text-align:center;flex:auto}.sp-form-card{gap:18px;padding:18px 15px}.sp-form-row2{grid-template-columns:1fr}.sp-kv-grid{grid-template-columns:1fr 1fr;gap:13px 16px}.sp-settings-row,.sp-settings-grid{grid-template-columns:1fr}.sp-reports-grid{grid-template-columns:minmax(0,1fr)}.sp-settings-row{gap:6px}.sp-modal{max-width:none}.sp-modal-body{padding:16px}.sp-modal-overlay{align-items:flex-start;padding:12px}.sp-modal-2col{grid-template-columns:1fr!important}.sp-crumb{flex-wrap:wrap;row-gap:2px}.sp-page-title{overflow-wrap:anywhere;font-size:18px}.sp-view-head{flex-direction:column;align-items:stretch}.sp-view-actions{justify-content:flex-start}.sp-view-grid{grid-template-columns:1fr}.sp-stat-cell{min-width:50%}.sp-kpi-num,.sp-kpi2-num,.sp-kpi3-num{overflow-wrap:anywhere}}@media (width<=400px){.sp-kv-grid{grid-template-columns:1fr}.sp-stat-cell{min-width:100%}.sp-segmented .sp-segment{padding:6px 8px;font-size:11.5px}.sp-view-actions .sp-btn,.sp-view-actions .sp-btn-primary{flex:45%;justify-content:center}.sp-topbar{padding:9px 12px}.sp-search input,.sp-inp,.sp-login-field input{font-size:16px}}.sp-varchip{border:1px solid var(--sp-hair);background:var(--sp-surface-2);min-height:32px;color:var(--sp-ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12.5px;display:inline-flex}.sp-varchip:hover{border-color:var(--sp-accent)}.sp-varchip code{color:var(--sp-ink-4);font-size:10.5px;font-family:var(--sp-mono)}.sp-tpl-group{color:var(--sp-ink-2);margin:6px 0 -12px;font-size:13px;font-weight:700}.sp-tpl-card{border:1px solid var(--sp-hair);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.sp-varbox{position:relative}.sp-varbox-back{white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none;position:absolute;inset:0;overflow:hidden;border-width:0!important;min-height:0!important;margin:0!important}.sp-varbox-area{-webkit-text-fill-color:transparent;width:100%;caret-color:var(--sp-ink);display:block;position:relative;overflow:hidden;color:#0000!important;resize:none!important;background:0 0!important}.sp-varbox-area::placeholder{color:var(--sp-ink-4);-webkit-text-fill-color:var(--sp-ink-4)}.sp-varbox-area::selection{background:color-mix(in srgb, var(--sp-accent) 30%, transparent)}.sp-var{color:var(--sp-var);background:var(--sp-var-wash);box-shadow:0 0 0 2px var(--sp-var-wash);border-radius:4px}.sp-varchip .sp-var-dot{background:var(--sp-var);border-radius:50%;flex:none;width:8px;height:8px}.sp-varchip-toggle{color:var(--sp-accent-hi);font-weight:600}.sp-varchips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.sp-varchips .sp-varchip{text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:1px;min-width:0;min-height:44px;padding:4px 6px}.sp-varchips .sp-varchip span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sp-biz-on{background:var(--sp-warn,#d97706)!important;color:#fff!important}@media (width<=560px){.sp-kpi2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sp-kpi3-section{padding:14px 12px}.sp-kpi3-section-head{margin-bottom:12px}.sp-kpi2-card{border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:92px;padding:14px 14px 12px;display:flex;box-shadow:0 6px 16px #0f141e24}.sp-kpi2-card:active{transform:scale(.97)}.sp-kpi2-icon{top:12px;opacity:.65;inset-inline-end:12px}.sp-kpi2-icon svg{width:20px;height:20px}.sp-kpi2-num{max-width:100%;font-size:26px}.sp-kpi2-long .sp-kpi2-num{font-size:17px}.sp-kpi2-label{margin-top:4px;font-size:12.5px}.sp-kpi2-foot{display:none}}