:root{--navy-50:#eef3f8;--navy-100:#d6e2ee;--navy-200:#aec5dc;--navy-300:#7b9fc2;--navy-400:#47729d;--navy-500:#1f4d78;--navy-600:#133b61;--navy-700:#0d2f4f;--navy-800:#0a2540;--navy-900:#07192d;--navy-950:#050f1d;--teal-50:#e7f5f6;--teal-100:#c5e8eb;--teal-200:#8fd4da;--teal-300:#51bac3;--teal-400:#1fa1ad;--teal-500:#0f8e9a;--teal-600:#0b727d;--teal-700:#095a63;--teal-800:#07474e;--teal-900:#06363c;--gold-300:#e6c878;--gold-400:#cda63f;--gold-500:#b08613;--gold-600:#8f6b0d;--gold:var(--gold-500);--gold-soft:#f6edd3;--gray-0:#fff;--gray-50:#f6f8fb;--gray-100:#eef2f7;--gray-200:#e2e9f1;--gray-300:#cdd7e3;--gray-400:#9aa9bc;--gray-500:#687c93;--gray-600:#4c5f76;--gray-700:#344458;--gray-800:#1d2c3f;--gray-900:#0f1b2b;--ok:#15803d;--ok-bg:#e8f4ec;--ok-soft:#d4ebdb;--warn:#b45c09;--warn-bg:#fbf0e0;--err:#c0322b;--err-bg:#f8e9e8;--info:#1d63c4;--info-bg:#e8f0fb;--purple:#6d3bd4;--purple-bg:#efeafb;--bg:#eef2f7;--surface:#fff;--surface-2:#f6f8fb;--surface-3:#eef2f7;--line:#e3e9f1;--line-2:#edf1f6;--border:#e3e9f1;--border-strong:#cfd9e5;--ring:#0f8e9a4d;--text:#0e2034;--text-1:#0e2034;--text-2:#45586e;--text-3:#7c8da0;--text-4:#a4b1c2;--money:#0a2540;--radius-sm:5px;--radius:7px;--radius-lg:10px;--radius-xl:14px;--shadow-xs:none;--shadow-sm:none;--shadow:0 1px 2px #0a25400a;--shadow-lg:0 10px 30px #0a254024, 0 2px 6px #0a25400f;--shadow-xl:0 24px 60px #07192d42;--font-ar:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--font-en:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--sidebar-w:256px;--topbar-h:60px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ar);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px}[dir=ltr] body,[dir=ltr]{font-family:var(--font-en)}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--teal-100)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.num{font-variant-numeric:tabular-nums}.eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:700;font-family:var(--font-en)}[dir=rtl] .eyebrow{letter-spacing:.4px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--gray-300);border:3px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.landing{background:linear-gradient(180deg, #fff 0%, var(--bg) 38%);min-height:100%;position:relative}.landing:before{content:"";pointer-events:none;background:radial-gradient(900px 300px at 78% -40%,#0f8e9a14,#0000),radial-gradient(700px 280px at 12% -60%,#0d2f4f12,#0000);height:320px;position:absolute;inset:0 0 auto}.landing-inner{max-width:1140px;margin:0 auto;padding:28px 28px 80px;position:relative}.landing-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:56px;padding-bottom:18px;display:flex}.landing-logo{align-items:center;gap:12px;display:flex}.landing-logo img{height:40px}.landing-hero{max-width:720px;margin-bottom:22px}.landing-hero .eyebrow{color:var(--teal-700);align-items:center;gap:7px;margin-bottom:16px;display:inline-flex}.landing-hero h1{letter-spacing:-.8px;color:var(--navy-800);margin:0 0 16px;font-size:38px;font-weight:700;line-height:1.12}.landing-hero h1 .accent{color:var(--teal-600)}.landing-hero p{color:var(--text-2);max-width:600px;margin:0;font-size:16px;line-height:1.7}.landing-badges{flex-wrap:wrap;gap:8px;margin:22px 0 0;display:flex}.landing-badge{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.landing-badge svg{color:var(--teal-600)}.landing-statbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,1fr);gap:0;margin:40px 0 14px;display:grid;overflow:hidden}.landing-stat{border-inline-start:1px solid var(--line);padding:18px 22px}.landing-stat:first-child{border-inline-start:none}.landing-stat .v{color:var(--navy-800);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.landing-stat .l{color:var(--text-3);margin-top:4px;font-size:12px}.surface-section-label{align-items:center;gap:12px;margin:36px 0 16px;display:flex}.surface-section-label .eyebrow{white-space:nowrap}.surface-section-label .rule{background:var(--line);flex:1;height:1px}.surface-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;padding:20px;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.surface-card:before{content:"";inset-inline-start:0;background:var(--teal-500);transform-origin:top;width:3px;transition:transform .18s;position:absolute;top:0;bottom:0;transform:scaleY(0)}.surface-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.surface-card:hover:before{transform:scaleY(1)}.surface-icon{border-radius:var(--radius-sm);color:#fff;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.surface-card h3{color:var(--navy-800);margin:0 0 5px;font-size:17px;font-weight:700}.surface-card .role{color:var(--teal-700);margin-bottom:10px;font-size:12.5px;font-weight:600}.surface-card p{color:var(--text-2);flex:1;margin:0 0 16px;font-size:13.5px;line-height:1.6}.surface-personas{flex-wrap:wrap;gap:6px;display:flex}.persona-chip{background:var(--navy-50);color:var(--navy-700);font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:4px;padding:3px 8px}.surface-enter{border-top:1px solid var(--line-2);color:var(--teal-700);align-items:center;gap:6px;margin-top:16px;padding-top:14px;font-size:13px;font-weight:600;display:flex}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.gap16{gap:16px}.gap20{gap:20px}.gap24{gap:24px}.between{justify-content:space-between;align-items:center;display:flex}.center{justify-content:center;align-items:center}.wrap{flex-wrap:wrap}.flex1{flex:1}.muted{color:var(--text-2)}.muted-3{color:var(--text-3)}.tiny{font-size:11.5px}.small{font-size:13px}.b{font-weight:600}.bb{font-weight:700}.right{text-align:right}.center-t{text-align:center}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.section{margin-top:22px}.btn{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:600;transition:background .14s,border-color .14s,box-shadow .14s;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--gray-400)}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.btn.primary{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.btn.primary:hover{background:var(--navy-800);border-color:var(--navy-800)}.btn.teal{background:var(--teal-600);border-color:var(--teal-600);color:#fff}.btn.teal:hover{background:var(--teal-700);border-color:var(--teal-700)}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.danger{background:var(--err);border-color:var(--err);color:#fff}.btn.sm{padding:6px 11px;font-size:12.5px}.btn.lg{padding:13px 20px;font-size:15px}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;line-height:1.6;display:inline-flex}.badge.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-soft)}.badge.warn{background:var(--warn-bg);color:var(--warn);border-color:#f1ddbf}.badge.err{background:var(--err-bg);color:var(--err);border-color:#f0d3d1}.badge.info{background:var(--info-bg);color:var(--info);border-color:#d4e3f7}.badge.purple{background:var(--purple-bg);color:var(--purple);border-color:#ddd1f5}.badge.teal{background:var(--teal-50);color:var(--teal-700);border-color:var(--teal-100)}.badge.navy{background:var(--navy-50);color:var(--navy-700);border-color:var(--navy-100)}.badge.neutral{background:var(--surface-2);color:var(--text-2);border-color:var(--line)}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card-head h3{color:var(--navy-800);margin:0;font-size:14px;font-weight:700}.card-head .sub{color:var(--text-3);margin-top:2px;font-size:12px}.card-body,.card-pad{padding:16px}.shell{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--navy-900);color:#c3d2e2;border-inline-end:1px solid var(--navy-950);flex-direction:column;min-height:0;display:flex}.sb-head{border-bottom:1px solid #ffffff0f;align-items:center;gap:11px;padding:16px 16px 14px;display:flex}.sb-logo{border-radius:var(--radius-sm);background:#fff;place-items:center;width:36px;height:36px;padding:5px;display:grid}.sb-logo img{object-fit:contain;width:100%;height:100%}.sb-title{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.sb-sub{color:#6f8499;letter-spacing:.3px;text-transform:uppercase;margin-top:2px;font-size:10.5px;font-weight:600}.sb-nav{flex:1;min-height:0;padding:8px 10px;overflow:auto}.sb-group{text-transform:uppercase;letter-spacing:1px;color:#5d738c;padding:16px 10px 6px;font-size:10px;font-weight:700}.sb-link{border-radius:var(--radius-sm);color:#aabace;cursor:pointer;align-items:center;gap:11px;margin-bottom:1px;padding:8px 11px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.sb-link:hover{color:#fff;background:#ffffff0d}.sb-link.active{color:#fff;background:#0f8e9a29;font-weight:600}.sb-link.active:before{content:"";inset-inline-start:-10px;background:var(--teal-400);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px}[dir=rtl] .sb-link.active:before{border-radius:3px 0 0 3px}.sb-link .ic{opacity:.85;flex-shrink:0}.sb-link.active .ic{opacity:1;color:var(--teal-300)}.sb-link .badge-n{background:var(--teal-500);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;margin-inline-start:auto;padding:1px 7px;font-size:10px;font-weight:700}.sb-foot{border-top:1px solid #ffffff0f;padding:10px}.sb-user{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px;display:flex}.sb-user:hover{background:#ffffff0d}.main{flex-direction:column;min-height:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 20px;display:flex}.search{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text-3);align-items:center;gap:9px;padding:8px 12px;transition:border-color .12s,background .12s;display:flex}.search:focus-within{border-color:var(--border-strong);background:var(--surface)}.search svg{flex-shrink:0}.search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.topbar .search{width:320px}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--text-2);place-items:center;transition:background .12s,color .12s,border-color .12s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.icon-btn .nip{top:6px;background:var(--err);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;inset-inline-end:7px}.scroller{flex:1;min-height:0;overflow:auto}.page{max-width:1360px;margin:0 auto;padding:22px 24px 70px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page>.card+.card,.page>.notice+.card,.page>.card+.notice,.page>.tbl-wrap+.card,.page>[class*=grid]+.card,.page>.card+[class*=grid]{margin-top:24px}.page-title{letter-spacing:-.4px;color:var(--navy-800);font-size:21px;font-weight:700}.page-sub{color:var(--text-2);max-width:680px;margin-top:4px;font-size:13.5px;line-height:1.5}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi-grid.c3{grid-template-columns:repeat(3,1fr)}.kpi-grid.c2{grid-template-columns:repeat(2,1fr)}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden}.kpi .kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-3);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:700;font-family:var(--font-en);align-items:center;gap:7px;display:flex}[dir=rtl] .kpi-label{letter-spacing:0;font-family:var(--font-ar);font-size:12px}.kpi-ic{border-radius:var(--radius-sm);background:var(--surface-2);width:30px;height:30px;color:var(--navy-600);border:1px solid var(--line);place-items:center;display:grid}.kpi-value{letter-spacing:-.6px;color:var(--navy-800);font-variant-numeric:tabular-nums;margin-top:12px;font-size:27px;font-weight:700;line-height:1}.kpi-value .cur{color:var(--text-3);margin-inline-start:4px;font-size:14px;font-weight:600}.kpi-delta{font-variant-numeric:tabular-nums;border-radius:4px;align-items:center;gap:4px;margin-top:10px;padding:2px 7px;font-size:12px;font-weight:600;display:inline-flex}.kpi-delta.up{color:var(--ok);background:var(--ok-bg)}.kpi-delta.down{color:var(--err);background:var(--err-bg)}.kpi-spark{inset-inline-end:0;opacity:.8;position:absolute;bottom:0}[dir=rtl] .kpi-spark{transform:scaleX(-1)}.grid2{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.grid-2-1{grid-template-columns:2fr 1fr;align-items:stretch;gap:16px;display:grid}.grid-1-2{grid-template-columns:1fr 2fr;align-items:stretch;gap:16px;display:grid}.grid-3-2{grid-template-columns:3fr 2fr;align-items:stretch;gap:16px;display:grid}.grid2>.card,.grid3>.card,.grid-2-1>.card,.grid-1-2>.card,.grid-3-2>.card{flex-direction:column;display:flex}.grid2>.card>.card-body,.grid3>.card>.card-body,.grid-2-1>.card>.card-body,.grid-1-2>.card>.card-body,.grid-3-2>.card>.card-body{flex:1}.card-body.center-fill{flex-direction:column;justify-content:center;align-items:center;display:flex}.tbl-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tbl-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;display:flex}.tbl-scroll{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl thead th{text-align:start;color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:700}[dir=rtl] table.tbl thead th{letter-spacing:0}table.tbl tbody td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:11px 14px}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr{transition:background .1s}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl tbody tr.clickable{cursor:pointer}.chip{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text-2);align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.chip:hover{background:var(--surface-2);border-color:var(--border-strong)}.chip.active{background:var(--navy-700);color:#fff;border-color:var(--navy-700)}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}.seg button.active{background:var(--surface);color:var(--navy-700);border:1px solid var(--line)}.avatar{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12.5px;font-weight:700;display:grid}.cell-user{align-items:center;gap:10px;display:flex}.cell-user .nm{font-weight:600}.cell-user .sub{color:var(--text-3);font-size:11.5px}.ref{font-family:var(--font-mono);background:var(--surface-2);color:var(--navy-700);border:1px solid var(--line);border-radius:4px;padding:2px 7px;font-size:12px;font-weight:500}.bar{background:var(--gray-200);border-radius:999px;height:6px;overflow:hidden}.bar>i{background:var(--teal-500);border-radius:999px;height:100%;display:block}.bar.navy>i{background:var(--navy-600)}.bar.gold>i{background:var(--gold-500)}.field{margin-bottom:15px}.field>label,.field>span:first-child{color:var(--text-2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.input,.select,textarea.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);outline:none;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border .12s,box-shadow .12s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--teal-400);box-shadow:0 0 0 3px var(--ring)}.input::placeholder{color:var(--text-3)}.range{appearance:none;cursor:pointer;direction:ltr;background:0 0;border:none;outline:none;width:100%;height:20px;padding:0}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--teal-600) 0 var(--fill,50%), var(--gray-200) var(--fill,50%) 100%);border-radius:999px;height:6px}.range::-webkit-slider-thumb{appearance:none;border:2px solid var(--teal-600);background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:transform .1s,box-shadow .12s;box-shadow:0 1px 3px #0a254040}.range::-webkit-slider-thumb:hover{transform:scale(1.12)}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--ring)}.range::-moz-range-track{background:var(--gray-200);border-radius:999px;height:6px}.range::-moz-range-progress{background:var(--teal-600);border-radius:999px;height:6px}.range::-moz-range-thumb{border:2px solid var(--teal-600);background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0a254040}.range-row{align-items:center;gap:16px;display:flex}.range-val{text-align:end;min-width:56px;color:var(--navy-800);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.steps{align-items:center;gap:0;margin-bottom:22px;display:flex}.step{align-items:center;gap:9px;display:flex}.step .num{background:var(--surface-2);width:28px;height:28px;color:var(--text-3);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-size:12.5px;font-weight:700;display:grid}.step.active .num{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.step.done .num{background:var(--ok);color:#fff;border-color:var(--ok)}.step .lbl{color:var(--text-3);font-size:12.5px;font-weight:600}.step.active .lbl,.step.done .lbl{color:var(--text)}.step-line{background:var(--line);flex:1;min-width:22px;height:1.5px;margin:0 10px}.step-line.done{background:var(--ok)}.tl{padding-inline-start:26px;position:relative}.tl:before{content:"";inset-inline-start:9px;background:var(--line);width:1.5px;position:absolute;top:6px;bottom:6px}.tl-item{padding-bottom:18px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{inset-inline-start:-26px;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:2px}.tl-item.done .tl-dot{background:var(--ok);border-color:var(--ok);color:#fff}.tl-item.active .tl-dot{background:var(--teal-600);border-color:var(--teal-600);color:#fff}.tl-time{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11.5px}.tl-title{font-size:13.5px;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.phone-stage{background:radial-gradient(800px 420px at 80% -10%, #0f8e9a1a, transparent), radial-gradient(640px 360px at 0% 110%, #0d2f4f1f, transparent), var(--navy-950);flex-direction:column;align-items:center;min-height:100vh;padding:28px 16px 40px;display:flex}.phone-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:18px;display:flex}.phone{width:468px;height:980px;box-shadow:var(--shadow-xl);background:linear-gradient(150deg,#3a3f47,#15181d 40%,#23272d);border-radius:64px;flex-shrink:0;padding:14px;position:relative}.phone:before{content:"";z-index:1;inset-inline-end:-2px;background:#2b2f36;border-radius:2px;width:3px;height:72px;position:absolute;top:196px;box-shadow:0 96px #2b2f36}.phone:after{content:"";z-index:1;inset-inline-start:-2px;background:#2b2f36;border-radius:2px;width:3px;height:38px;position:absolute;top:152px;box-shadow:0 58px #2b2f36,0 112px #2b2f36}.phone-screen{background:var(--surface);border-radius:51px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #05080c}.phone-notch{z-index:50;background:#000;border-radius:20px;width:132px;height:37px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.phone-notch:after{content:"";top:50%;background:#0b1622;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-end:13px;transform:translateY(-50%);box-shadow:inset 0 0 0 2px #1f3550}.phone-status{height:54px;color:var(--text);z-index:40;background:var(--surface);flex:0 0 54px;justify-content:space-between;align-items:center;padding:15px 32px 0;font-size:15px;font-weight:600;display:flex}.phone-status.on-dark{background:var(--navy-800);color:#fff}.phone-body{background:var(--surface);flex:1;overflow:hidden auto}.phone-scroll{padding:18px 18px 34px}.phone-home{background:var(--gray-800);opacity:.35;z-index:60;pointer-events:none;border-radius:3px;width:130px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.app-bar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;padding:11px 18px;display:flex}.app-bar .title{color:var(--navy-800);font-size:16px;font-weight:700}.tabbar{border-top:1px solid var(--line);background:var(--surface);display:flex}.tabbar button{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0 18px;font-size:10px;font-weight:600;display:flex}.tabbar button.active{color:var(--teal-600)}.pad-stage{background:radial-gradient(900px 480px at 82% -10%, #0f8e9a1a, transparent), radial-gradient(700px 380px at 0% 110%, #0d2f4f24, transparent), var(--navy-950);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:22px 16px;display:flex}.pad{width:1194px;height:834px;box-shadow:var(--shadow-xl);background:linear-gradient(150deg,#3a3f47,#15181d 42%,#23272d);border-radius:42px;flex-shrink:0;padding:18px;position:relative}.pad-screen{background:var(--surface);border-radius:26px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #05080c}.pad-cam{z-index:50;background:#0b1622;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #1f3550}.pos-appbar{border-bottom:1px solid var(--line);background:var(--surface);flex:none;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}@media (width<=1260px){.pad{transform-origin:top;margin-bottom:-180px;transform:scale(.78)}}@media (width<=980px){.pad{margin-bottom:-330px;transform:scale(.6)}}.screen-drawer{z-index:100;background:#07192d8c;justify-content:flex-end;display:flex;position:fixed;inset:0}.screen-drawer .panel{background:var(--surface);width:340px;height:100%;padding:18px;overflow-y:auto}.sd-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.sd-item:hover{background:var(--surface-2)}.sd-item.active{background:var(--navy-50);color:var(--navy-700);font-weight:600}.sd-num{font-family:var(--font-mono);color:var(--text-3);width:20px;font-size:11px}.offer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;padding:14px;transition:border-color .14s,box-shadow .14s;position:relative}.offer:hover{border-color:var(--border-strong)}.offer.best{border-color:var(--teal-400);box-shadow:0 0 0 1px var(--teal-400)}.offer.selected{border-color:var(--navy-600);box-shadow:0 0 0 2px var(--navy-600)}.offer-rank{top:-1px;width:26px;height:26px;font-family:var(--font-mono);color:var(--text-3);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius) 0 var(--radius-sm) 0;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset-inline-start:-1px}[dir=rtl] .offer-rank{border-radius:0 var(--radius) 0 var(--radius-sm)}.offer.best .offer-rank{color:#fff;background:var(--teal-600);border-color:var(--teal-600)}.offer-savings{color:var(--gold-600);align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:inline-flex}.bank-logo{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:grid}.costbar{background:var(--surface-3);border-radius:999px;height:5px;margin-top:10px;overflow:hidden}.costbar>i{background:var(--navy-300);border-radius:999px;height:100%;display:block}.offer.best .costbar>i{background:var(--teal-500)}.lrow{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:12px 0;display:flex}.lrow:last-child{border-bottom:none}.lic{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.notice{border-radius:var(--radius);border:1px solid #0000;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.notice.info{background:var(--info-bg);color:#1c4f93;border-color:#d4e3f7}.notice.teal{background:var(--teal-50);color:var(--teal-800);border-color:var(--teal-100)}.notice.warn{background:var(--warn-bg);color:#8a4708;border-color:#f1ddbf}.notice.ok{background:var(--ok-bg);color:#14622f;border-color:var(--ok-soft)}.notice b{font-weight:700}.notice .ic{background:#fff9;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:-1px;display:grid}.notice.info .ic{color:var(--info)}.notice.teal .ic{color:var(--teal-600)}.notice.warn .ic{color:var(--warn)}.notice.ok .ic{color:var(--ok)}.chat-body{flex-direction:column;gap:12px;padding:16px;display:flex}.bubble{border-radius:var(--radius-lg);max-width:78%;padding:10px 13px;font-size:13px;line-height:1.5}.bubble.bot{background:var(--surface);border:1px solid var(--line);border-bottom-inline-start:2px solid var(--teal-400);align-self:flex-start}.bubble.me{background:var(--navy-700);color:#fff;align-self:flex-end}.quick-replies{flex-wrap:wrap;gap:8px;padding:0 16px 12px;display:flex}.quick-reply{border:1px solid var(--teal-200);color:var(--teal-700);background:var(--teal-50);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.drawer-overlay{z-index:200;background:#07192d6b;justify-content:flex-end;animation:.18s ovIn;display:flex;position:fixed;inset:0}@keyframes ovIn{0%{opacity:0}to{opacity:1}}.drawer{background:var(--surface);width:560px;max-width:94vw;height:100%;box-shadow:var(--shadow-xl);flex-direction:column;animation:.24s cubic-bezier(.2,.7,.3,1) drawerIn;display:flex;overflow-y:auto}@keyframes drawerIn{0%{opacity:.4;transform:translate(48px)}to{opacity:1;transform:none}}[dir=rtl] .drawer{animation:.24s cubic-bezier(.2,.7,.3,1) drawerInR}@keyframes drawerInR{0%{opacity:.4;transform:translate(-48px)}to{opacity:1;transform:none}}.drawer-head{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex;position:sticky;top:0}.drawer-body{padding:22px}.drawer-sec{margin-bottom:24px}.drawer-sec:last-child{margin-bottom:0}.drawer-sec>.lbl{letter-spacing:1px;text-transform:uppercase;color:var(--text-3);font-size:10.5px;font-weight:700;font-family:var(--font-en);margin-bottom:11px}[dir=rtl] .drawer-sec>.lbl{letter-spacing:0;font-family:var(--font-ar)}.drawer-hero{background:var(--navy-800);color:#fff;border-radius:var(--radius);padding:18px 20px}.drawer-hero .amt{letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:700}.modal-overlay{z-index:300;background:#07192d99;place-items:center;padding:20px;animation:.16s ovIn;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:var(--shadow-xl);border:1px solid var(--line);max-height:90vh;animation:.2s cubic-bezier(.2,.7,.3,1) modalIn;overflow:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-head{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px;display:flex;position:sticky;top:0}.modal-body{padding:20px 22px}.modal-foot{background:var(--surface);border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex;position:sticky;bottom:0}.toast-stack{z-index:400;pointer-events:none;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;inset-block-end:22px;inset-inline-end:22px}.toast{pointer-events:auto;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--teal-500);border-radius:var(--radius);box-shadow:var(--shadow-xl);align-items:flex-start;gap:11px;padding:13px 15px;animation:.26s cubic-bezier(.2,.7,.3,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast .toast-ic{color:var(--teal-600);flex-shrink:0;margin-top:1px}.toast.ok{border-inline-start-color:var(--ok)}.toast.ok .toast-ic{color:var(--ok)}.toast.info{border-inline-start-color:var(--navy-500)}.toast.info .toast-ic{color:var(--navy-600)}.toast.warn{border-inline-start-color:var(--gold-500)}.toast.warn .toast-ic{color:var(--gold-500)}.toast.err{border-inline-start-color:var(--err)}.toast.err .toast-ic{color:var(--err)}.toast-msg{color:var(--text-1);font-size:13.5px;font-weight:600;line-height:1.4}.toast-sub{color:var(--text-2);margin-top:2px;font-size:12px;line-height:1.45}.tb-pop-wrap{position:relative}.tb-scrim{z-index:90;position:fixed;inset:0}.tb-pop{top:calc(100% + 9px);z-index:110;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:240px;box-shadow:var(--shadow-xl);max-height:70vh;padding:6px;animation:.16s modalIn;position:absolute;inset-inline-end:0;overflow:auto}.tb-pop-head{letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);padding:9px 11px 7px;font-size:11px;font-weight:700}.tb-pop-head.between{text-transform:none;justify-content:space-between;align-items:center;display:flex}.tb-pop-item{text-align:start;cursor:pointer;border-radius:var(--radius-sm);width:100%;color:var(--text-1);background:0 0;border:none;align-items:center;gap:11px;padding:9px 11px;display:flex}.tb-pop-item:hover{background:var(--surface-2)}.tb-pop-item.danger:hover{background:#fdecec}.tb-pop-item.danger{color:var(--err)}.tb-pop-ic{border-radius:var(--radius-sm);background:var(--teal-50);width:30px;height:30px;color:var(--teal-600);flex-shrink:0;place-items:center;display:grid}.tb-pop-item.danger .tb-pop-ic{color:var(--err);background:#fdecec}.tb-pop-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.tb-pop-sub{color:var(--text-3);margin-top:1px;font-size:11.5px;display:block}.tb-pop-empty{text-align:center;color:var(--text-3);padding:16px 12px;font-size:13px}.tb-link{cursor:pointer;color:var(--teal-700);background:0 0;border:none;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.icon-btn.active{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.filter-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:11px 14px;display:flex}.filter-field{align-items:center;gap:8px;font-size:12.5px;display:flex}.filter-field>span{color:var(--text-3);white-space:nowrap;font-weight:700}.filter-field .select{min-width:132px;padding:7px 10px;font-size:13px}.divider{background:var(--line);height:1px;margin:14px 0}.stat-line{justify-content:space-between;align-items:center;padding:9px 0;font-size:13.5px;display:flex}.stat-line+.stat-line{border-top:1px solid var(--line-2)}.pill-tab{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line);gap:6px;padding:4px;display:inline-flex}.legend{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.amount-xl{letter-spacing:-.6px;color:var(--money);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.amount-xl .cur{color:var(--text-3);font-size:16px;font-weight:600}@keyframes jtpulse{0%,to{opacity:1}50%{opacity:.35}}.adm-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px}.adm-tile.sel{border-color:var(--teal-500);box-shadow:0 0 0 2px var(--teal-500)}.adm-row-sel{cursor:pointer;background:var(--teal-50)!important}.adm-clickrow{cursor:pointer}.matrix td,.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:start}.pipe{flex-direction:column;gap:0;display:flex}.pipe-node{gap:12px;display:flex}.pipe-rail{flex-direction:column;align-items:center;display:flex}.pipe-rail .ring{border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.pipe-rail .stem{background:var(--line);flex:1;width:2px;min-height:18px}.pipe-node:last-child .pipe-body{padding-bottom:0}.pipe-body{flex:1;padding-bottom:18px}.heatcell{border-radius:var(--radius-sm);text-align:center;font-variant-numeric:tabular-nums;padding:6px 10px;font-size:12px;font-weight:600}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid2,.grid3,.grid-2-1,.grid-1-2,.grid-3-2{grid-template-columns:1fr}.landing-statbar{grid-template-columns:repeat(2,1fr)}}