:root{font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#152f47;background:#f4f7fb;font-synthesis:none;--navy:#071e36;--navy2:#102b47;--teal:#10a8a3;--mint:#dff7f2;--border:#e5ecf3;--muted:#748498;--shadow:0 14px 42px rgba(19,45,75,.05)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}[hidden]{display:none!important}h1,h2,p{margin-top:0}p{line-height:1.75}h1,h2,strong{letter-spacing:-.025em}.muted{color:var(--muted);font-size:14px}.eyebrow{color:#15968f;font-size:12px;font-weight:800;letter-spacing:.015em}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:48px;height:48px;background:linear-gradient(138deg,#34d3c0,#148cab);color:#fff;border-radius:16px;display:grid;place-items:center;font-size:27px;font-weight:800;box-shadow:0 9px 22px #0b838d30}.brand strong{font-size:22px;display:block;line-height:1.2}.brand small{display:block;font-size:10px;letter-spacing:1.6px;margin-top:4px;color:#7c96ab}.brand-light strong{color:#fff}.brand-light small{color:#a6bdcd}.login-layout{display:grid;grid-template-columns:46% 54%;min-height:100vh;background:#fff}.login-hero{padding:46px clamp(28px,5vw,83px);background:linear-gradient(152deg,#061b33 2%,#092b44 55%,#0a3f51 100%);color:#fff;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}.hero-ornament{border:1px solid #7ae9d820;border-radius:50%;position:absolute;z-index:-1}.hero-ornament-a{width:590px;height:590px;inset:12% auto auto -52%}.hero-ornament-b{width:310px;height:310px;inset:44% -30% auto auto;background:#14baa113;box-shadow:0 0 100px #0fbca31e}.hero-main{margin:auto 0;position:relative;padding:70px 0}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #59a3af55;background:#ffffff0c;border-radius:30px;padding:8px 13px;font-size:12px;color:#b0e5e5}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36dbbd;box-shadow:0 0 0 3px #22ceb022}.hero-main h1{font-size:clamp(35px,3.55vw,58px);line-height:1.36;margin:25px 0 18px;font-weight:800}.hero-main h1 em{font-style:normal;color:#59deca}.hero-main>p{max-width:410px;color:#abc2d2;font-size:15px;line-height:2}.hero-benefits{display:grid;gap:24px;margin-top:47px}.hero-benefits>div{display:flex;align-items:center;gap:13px;color:#d9e9f1;font-size:14px}.benefit-icon{height:37px;width:37px;display:grid;place-items:center;background:#31b4b016;border:1px solid #66ddcf2f;border-radius:12px;color:#75e9d4;font-size:18px}.hero-footer{font-size:11px;color:#8da8bc}.login-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 28px}.login-card{width:min(100%,420px)}.login-card h2{font-size:30px;margin:13px 0 12px}.login-card>.muted{margin-bottom:34px}.login-card label,.surface label{display:block;font-size:13px;font-weight:800;margin:22px 0 10px}.field{height:53px;border:1px solid #dfe7ef;border-radius:12px;display:flex;align-items:center;position:relative;background:#fff;transition:border-color .15s,box-shadow .15s}.field:focus-within{border-color:#1cb7ac;box-shadow:0 0 0 3px #1cb7ac14}.field-icon{width:45px;text-align:center;color:#8b9aa9;font-size:18px}.field input{border:none;outline:none;min-width:0;width:100%;height:100%;padding:0 14px;color:#19344c;background:transparent;font-size:14px}.field-icon+input{padding-inline-start:0}.field input::placeholder{color:#acb9c5}.show-password{border:none;background:none;font-size:11px;color:#0f898d;margin-inline-end:12px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 22px;border-radius:12px;font-size:14px;font-weight:800;min-height:51px}.btn-primary{background:linear-gradient(120deg,#0a9d9a,#16b5aa);color:#fff;box-shadow:0 12px 25px #19a99f31}.btn-primary:hover{filter:brightness(.96)}.btn-outline{border:1px solid #d8e2e9;background:#fff;color:#24445c}.full{width:100%}.login-card .btn{margin-top:25px}.login-note{color:#7c91a2;font-size:12px;text-align:center;margin:28px 0 0}.login-below{font-size:11px;color:#99a8b5;margin-top:38px}.lock{color:#13ab9d}.mobile-brand{display:none}.form-error{color:#c33a44;font-size:12px;background:#fff1f1;border-radius:8px;padding:9px 12px;margin:12px 0 0}.app-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#c8d6e4;display:flex;flex-direction:column;padding:30px 18px}.brand-sidebar{padding:0 15px 40px}.brand-sidebar strong{color:#fff}.sidebar-label{padding:0 17px;font-size:11px;font-weight:800;color:#758fa6;margin:3px 0 15px}.side-nav{display:grid;gap:8px}.nav-link{background:none;border:0;color:#b2c4d5;text-align:right;display:flex;align-items:center;gap:14px;min-height:50px;border-radius:11px;padding:0 16px;font-size:13px;font-weight:650;transition:background .15s}.nav-link:hover{background:#ffffff0f}.nav-link.active{background:#12aaa522;color:#8be6d4}.nav-icon{width:20px;font-size:23px;text-align:center}.sidebar-bottom{margin-top:auto}.sidebar-security{display:flex;align-items:center;gap:12px;background:#11304a;padding:16px;border-radius:12px}.sidebar-security>span{color:#5dd6c3;font-size:23px}.sidebar-security strong,.sidebar-security small{display:block}.sidebar-security strong{color:#e1edf6;font-size:11px}.sidebar-security small{color:#819eb2;font-size:10px;margin-top:4px}.logout{display:block;border:0;width:100%;text-align:right;margin-top:20px;background:none;color:#b8c9d6;padding:13px 16px;font-size:13px}.logout:hover{color:#fff}.workarea{min-width:0}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.5vw,70px)}.topbar-heading{display:grid;gap:5px}.topbar-kicker{font-size:11px;color:#8b9cac}.topbar-heading strong{font-size:17px}.topbar-actions{display:flex;align-items:center;gap:16px}.sales-status{font-size:11px;font-weight:800;padding:8px 12px;background:#fff7ec;border:1px solid #ffe5bf;color:#bb7a20;border-radius:30px;white-space:nowrap}.status-dot.orange{background:#e8a23c;box-shadow:none;margin-inline-end:5px}.icon-button{border:1px solid #e5eaf0;background:#fff;border-radius:10px;width:36px;height:36px;color:#507082;font-size:23px}.avatar{display:grid;place-items:center;border-radius:50%;background:#e0f6f3;color:#108f89;font-weight:800;height:39px;width:39px}.avatar.large{height:66px;width:66px;font-size:28px}main{max-width:1360px;padding:38px clamp(22px,4.5vw,70px) 70px;margin:0 auto}.page{display:none}.page.active{display:block}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.page-intro .eyebrow{margin-bottom:9px}.page-intro h1{font-size:29px;line-height:1.4;margin:0 0 4px}.page-intro p.muted{margin:0}.wave{color:#ddb561;font-size:22px}.today{font-size:12px;color:#8b9bac}.balance-banner{border-radius:20px;background:linear-gradient(114deg,#0a2848,#0c4b5c);min-height:196px;position:relative;overflow:hidden;color:#fff;padding:32px 35px;display:flex;align-items:center}.balance-design{position:absolute;width:470px;height:470px;border:1px solid #7dffe237;border-radius:50%;inset:-310px auto auto -45px;box-shadow:0 0 0 55px #8ef1d50a,0 0 0 115px #8ef1d50a}.balance-main{position:relative;z-index:1;width:100%}.balance-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:670px}.light-label{color:#b4d9e1;font-size:14px}.balance-chip{font-size:10px;background:#13aa9952;padding:8px 11px;border-radius:30px;color:#9bedda}.balance-numeric{display:flex;align-items:baseline;gap:13px;margin:18px 0 5px}.balance-numeric strong{font-size:45px;line-height:1.1;font-weight:850;font-variant-numeric:tabular-nums}.balance-numeric span{font-size:13px;color:#b6d7da}.balance-main>p{color:#9cc6d2;font-size:11px;margin:12px 0 0}.balance-art{position:absolute;left:60px;font-size:135px;color:#7ae8d327;transform:rotate(-12deg)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 35px}.metric{background:#fff;border:1px solid var(--border);border-radius:15px;display:flex;align-items:center;gap:15px;padding:23px 19px;box-shadow:var(--shadow)}.metric-icon{display:grid;place-items:center;flex-shrink:0;height:47px;width:47px;border-radius:13px;font-size:23px}.purple{background:#f2edfc;color:#8763c0}.teal{background:#e4f6f3;color:#1caaa0}.amber{background:#fff5e6;color:#de9f36}.metric div{display:grid;gap:4px}.metric small{color:#7e8da0;font-size:11px}.metric strong{font-size:23px;font-variant-numeric:tabular-nums}.metric div>span{color:#9cabb9;font-size:10px}.metric .status-text{font-size:18px;color:#b07a37}.section-header{display:flex;justify-content:space-between;margin-bottom:15px}.section-header h2,.surface-head h2{margin:0;font-size:18px}.section-header p{font-size:12px;color:#8193a4;margin:6px 0 0}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan{border:1px solid var(--border);background:#fff;padding:19px 16px;border-radius:13px;display:flex;align-items:center;gap:12px;min-width:0}.plan-glyph{height:41px;width:41px;border-radius:10px;display:grid;place-items:center;font-size:19px;flex-shrink:0}.plan-glyph.blue{background:#e8f1fc;color:#4a83c6}.plan-glyph.violet{background:#f2eefa;color:#937ac0}.plan-glyph.gold{background:#fff3df;color:#c69c4b}.plan>div{display:grid;gap:6px;min-width:0;flex:1}.plan strong{font-size:12px}.plan small{font-size:10px;color:#8c9ba7}.plan-count{color:#127b84;font-size:21px;font-weight:800}.notice{background:#eef8fa;border:1px solid #d1eaed;border-radius:13px;padding:17px 20px;display:flex;gap:14px;margin-top:25px;color:#265765}.notice-icon{font-size:20px;color:#20919b}.notice strong{font-size:13px}.notice p{color:#5a8390;font-size:12px;margin:5px 0 0}.notice.important{background:#fff8ed;border-color:#ffe8c6;color:#965f27;margin:0 0 20px}.important .notice-icon{color:#d09b4b}.important p{color:#a08050}.two-col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}.surface{background:#fff;border:1px solid var(--border);border-radius:17px;padding:25px;box-shadow:var(--shadow)}.surface-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.soft-pill{background:#e4f6f4;color:#13877f;font-size:11px;padding:7px 10px;border-radius:20px;white-space:nowrap}.surface label{margin:18px 0 9px}.credit-calculation{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f4fafb;border:1px dashed #cce9e7;padding:16px;border-radius:10px;margin:14px 0;color:#617b87;font-size:12px}.credit-calculation strong{font-size:17px;color:#078e8c}.optional{font-weight:400;color:#9aabba}.form-info{font-size:11px;color:#798e9f;margin:17px 0 0}.entry-list{display:grid;gap:11px}.entry{border:1px solid #e9eef3;padding:16px;border-radius:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.entry-title{font-weight:800;font-size:13px}.entry-sub{font-size:11px;color:#8a9cac;margin-top:5px;direction:ltr;text-align:right}.entry-value{text-align:left;flex-shrink:0}.entry-value strong{display:block;font-size:15px}.entry-value small{display:block;margin-top:8px;font-size:10px}.state-pending{color:#b7852d}.state-approved{color:#20987e}.state-rejected{color:#cc6161}.empty{text-align:center;color:#94a6b5;font-size:13px;line-height:2.2;padding:44px 12px}.text-button{border:0;background:none;color:#079b9b;font-weight:750;font-size:12px}.sales-surface{max-width:980px}.account-surface{max-width:720px}.account-identity{display:flex;align-items:center;gap:17px;padding:0 0 24px;border-bottom:1px solid var(--border)}.account-identity h2{font-size:20px;margin:0 0 7px}.account-status{font-size:12px;color:#1f9c86}.account-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:19px 0;font-size:13px}.account-row>span{color:#8497a7}.account-row strong{font-size:13px;word-break:break-word}.account-surface .btn{margin-top:25px}.toast{position:fixed;bottom:26px;left:28px;z-index:999;background:#12364e;color:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 10px 40px #13314b36;font-size:13px;max-width:min(420px,calc(100% - 40px))}.toast.error{background:#a64148}.mobile-nav{display:none}*:focus-visible{outline:3px solid #15a69f88;outline-offset:3px}@media(max-width:1080px){.app-layout{grid-template-columns:208px minmax(0,1fr)}.sidebar{padding:24px 12px}.metrics,.plans{gap:9px}.metric{gap:9px;padding:16px 12px}.metric-icon{width:39px;height:39px}.plan{padding:13px 10px;gap:8px}.plan-glyph{height:35px;width:35px}.plan strong{font-size:11px}.login-hero{padding:40px 35px}}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-hero{display:none}.mobile-brand{display:flex;margin-bottom:48px}.login-content{min-height:100dvh;padding:36px 22px}.login-card{padding:0 4px}.login-card h2{font-size:27px}.app-layout{display:block}.sidebar{display:none}.topbar{height:72px;padding:0 20px}.topbar-kicker{font-size:10px}.topbar-heading strong{font-size:15px}.topbar-actions{gap:9px}.sales-status{font-size:10px;padding:7px 9px}main{padding:25px 19px 120px}.page-intro{align-items:start;gap:10px}.page-intro h1{font-size:24px}.today{display:none}.balance-banner{min-height:177px;padding:25px}.balance-numeric strong{font-size:39px}.balance-art{left:8px;font-size:115px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.metric{display:block;padding:13px 10px}.metric-icon{margin-bottom:10px}.metric div{gap:4px}.metric strong{font-size:20px}.metric div>span{font-size:9px}.plans{grid-template-columns:1fr;gap:9px}.plan{padding:15px}.plan strong{font-size:13px}.plan small{font-size:11px}.two-col{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;padding:10px 8px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6edf3;z-index:50;box-shadow:0 -8px 30px #112f4812}.mobile-tab{border:0;background:none;color:#7e91a2;font-size:10px;display:grid;gap:4px;place-items:center}.mobile-tab span{font-size:23px}.mobile-tab.active{color:#079c97;font-weight:800}.surface{padding:18px}.notice{margin-top:20px}.account-row{flex-wrap:wrap}.toast{left:12px;bottom:92px}}@media(max-width:390px){.balance-numeric strong{font-size:34px}.metric small{font-size:10px}.metric strong{font-size:19px}.topbar-actions{gap:5px}.sales-status{font-size:9px}.avatar{width:34px;height:34px}.icon-button{width:33px;height:33px}.page-intro h1{font-size:21px}}

/* Shabakaty distributor v1.2 enhancements */
.list-toolbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:17px;padding:11px 0;border-bottom:1px solid var(--border)}.list-toolbar label{margin:0;font-size:12px;color:#627d90}.list-toolbar select{border:1px solid #d8e5ef;border-radius:10px;background:#fff;color:#223f56;padding:10px 12px;min-width:154px;max-width:100%;font:inherit}.list-toolbar .text-button{margin-inline-start:auto}.report-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.report-buttons .btn{margin:0;flex:1;min-width:170px}.report-date{font-size:13px!important}.reports-metrics .metric{min-height:103px} .entry-sub{overflow-wrap:anywhere;word-break:break-word}.entry-value{min-width:110px}.credit-calculation strong{font-variant-numeric:tabular-nums} .credit-ref{display:block;font-size:10px;color:#71869a;margin-top:4px;overflow-wrap:anywhere} .status-closed{color:#a36d2c}.btn:disabled{opacity:.5} .sales-surface .list-toolbar{margin-top:-4px} @media(max-width:800px){.mobile-nav{grid-template-columns:repeat(5,1fr)}.mobile-tab{font-size:9px}.mobile-tab span{font-size:21px}.list-toolbar{gap:9px}.list-toolbar label{flex-basis:100%}.list-toolbar select{flex:1;min-width:145px}.report-buttons{flex-direction:column}.reports-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-metrics .metric:last-child{grid-column:span 2}}