@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{--blue:#0b5fff;--blue-dark:#0848bf;--blue-soft:#e8f0ff;--blue-hero:#0a4fd6;--ink:#172033;--muted:#667085;--border:#e3e8ef;--surface:#fff;--page:#f4f7fb;--danger:#d92d20;--danger-bg:#fef3f2;--radius:10px;--shadow:0 8px 28px #0f285a14;color:var(--ink);background:var(--page);font-family:"Source Sans 3",Segoe UI,sans-serif}html[lang=ar]{font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit}a{color:inherit}button,.primary{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:9px 14px;text-decoration:none}.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.primary:hover{background:var(--blue-dark)}.primary:disabled{opacity:.65;cursor:not-allowed}.link-button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.row-actions a,.row-actions .link-button,.row-actions button{white-space:nowrap;font-size:13px}.convert-panel{border-top:1px solid var(--border);gap:12px;margin-top:20px;padding-top:16px;display:grid}.print-header,.print-lines{display:none}@media print{.app-shell>aside,.topbar,.page-header .actions,.filters,.no-print,.lang-switcher{display:none!important}.print-header{display:block}.print-lines{border-collapse:collapse;width:100%;display:table}.print-lines th,.print-lines td{border:1px solid #999;padding:6px}}.app-shell{grid-template-columns:268px 1fr;min-height:100vh;display:grid}html[dir=rtl] .app-shell{grid-template-columns:1fr 268px}.sidebar{border-inline-end:1px solid var(--border);background:#fff;height:100vh;padding:14px 12px 24px;position:sticky;top:0;overflow:auto}html[dir=rtl] .sidebar{order:2}html[dir=rtl] .app-shell>main{order:1}.brand{color:var(--ink);align-items:center;gap:10px;padding:8px 8px 16px;text-decoration:none;display:flex}.brand-badge,.brand>span:first-child{color:#fff;background:linear-gradient(145deg,#2f7bff,#0b5fff);border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.brand-text{line-height:1.15;display:grid}.brand-text strong{font-size:15px}.brand-text small{color:var(--muted);font-size:11px;font-weight:500}.menu-filter{border:1px solid var(--border);color:var(--muted);background:#fafbfd;border-radius:8px;align-items:center;gap:8px;margin:0 4px 14px;padding:8px 10px;font-size:13px;display:flex}.menu-filter input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.nav-group{margin:4px 0}.nav-group-toggle{color:#445066;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.nav-group.open>.nav-group-toggle,.nav-group-toggle:hover{background:var(--blue-soft);color:var(--blue)}.nav-group .chevron{color:#98a2b3;font-size:16px;transition:transform .15s}.nav-group.open .chevron{transform:rotate(90deg)}html[dir=rtl] .nav-group .chevron{transform:scaleX(-1)}html[dir=rtl] .nav-group.open .chevron{transform:scaleX(-1)rotate(90deg)}.nav-group-items{gap:2px;padding:2px 0 8px;display:grid}.nav-group-items a{color:#536075;border-radius:7px;padding:7px 12px 7px 18px;font-size:13px;text-decoration:none;display:block}html[dir=rtl] .nav-group-items a{padding:7px 18px 7px 12px}.nav-group-items a:hover,.nav-group-items a.active{background:var(--blue-soft);color:var(--blue);font-weight:600}main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);z-index:20;background:#fff;align-items:center;gap:12px;height:64px;padding:0 22px;display:flex;position:sticky;top:0}.icon-button{color:#445066;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.icon-button:hover{background:#f2f4f7}.quick-create{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none}.topbar-date{color:var(--muted);margin-inline-start:auto;font-size:13px}.global-search{display:none}.user-menu{color:#445066;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:13px;display:flex}.user-menu-wrap{position:relative}.user-menu-label{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.user-menu-label strong{color:#243247;font-size:13px;font-weight:600}.user-menu-label small{color:var(--muted);font-size:11px}.user-menu-dropdown{inset-inline-end:0;border:1px solid var(--border);z-index:40;background:#fff;border-radius:10px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);box-shadow:0 10px 30px #14233c1f}.user-menu-dropdown button{text-align:start;cursor:pointer;color:#243247;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:13px}.user-menu-dropdown button:hover{background:var(--blue-soft);color:var(--blue)}.modal-backdrop{z-index:80;background:#121c2d73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;gap:12px;width:min(560px,100%);padding:22px;display:grid;box-shadow:0 20px 50px #0f192833}.modal-card h2{margin:0;font-size:20px}.modal-card label{color:#445066;gap:6px;font-size:13px;display:grid}.modal-card input{border:1px solid var(--border);font:inherit;border-radius:8px;padding:10px 12px}.form-grid .full{grid-column:1/-1}.platform-layout{background:#eef2f7;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.platform-sidebar{color:#d7e0ef;background:#162033;flex-direction:column;gap:20px;padding:20px 14px;display:flex}.platform-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:4px 8px 12px;display:flex}.platform-brand strong{color:#fff;font-size:15px;display:block}.platform-brand small{color:#91a0b8;font-size:11px}.platform-nav{flex-direction:column;flex:1;gap:4px;display:flex}.platform-nav button{color:#b7c4d8;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 12px;font-size:14px}.platform-nav button:hover{color:#fff;background:#ffffff0f}.platform-nav button.active{color:#fff;background:#2f6fed;font-weight:600}.platform-sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;padding-top:12px;display:flex}.platform-user strong{color:#fff;font-size:13px;display:block}.platform-user small{color:#91a0b8;font-size:11px}.platform-signout{color:#d7e0ef;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;padding:8px 10px;font-size:13px}.platform-signout:hover{color:#fff;background:#ffffff0f}.platform-main{min-width:0;padding:28px 32px 40px}.plan-assign-select{border:1px solid var(--border);min-width:200px;font:inherit;background:#fff;border-radius:8px;padding:8px 10px}.plan-company-list{margin:0;padding-inline-start:16px;font-size:13px}.muted-cell{color:var(--muted);font-size:12px}.row-muted{opacity:.65}.status-muted{color:#667385;background:#eceff3}.modal-card select{border:1px solid var(--border);font:inherit;border-radius:8px;padding:10px 12px}@media (width<=900px){.platform-layout{grid-template-columns:1fr}.platform-nav{flex-flow:wrap}}.billing-run-detail{margin-top:20px}.billing-run-detail h2{margin:0 0 10px;font-size:18px}.billing-log-list{gap:8px;max-height:420px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.billing-log-list li{border:1px solid var(--border);border-radius:8px;gap:4px;padding:8px 10px;font-size:13px;display:grid}.billing-log-list li small{color:var(--muted)}.billing-log-list .log-error{background:#fff5f5;border-color:#e2b4b4}.billing-log-list .log-warning{background:#fffbeb;border-color:#e2d4a8}.row-selected td{background:#eef4ff}.table-card.compact{box-shadow:none;border:0;padding:0}.rbac-layout{grid-template-columns:280px 1fr;gap:16px;display:grid}.role-list{gap:6px;margin:16px 0 0;padding:0;list-style:none;display:grid}.role-list button{text-align:start;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:10px 12px}.role-list button.active,.role-list button:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.permission-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px;display:grid}.permission-item{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}@media (width<=900px){.rbac-layout{grid-template-columns:1fr}}.avatar{background:var(--blue-soft);width:30px;height:30px;color:var(--blue);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.page-content{width:100%;max-width:1480px;padding:28px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-header h1{letter-spacing:-.02em;margin:4px 0;font-size:28px}.page-header p,.muted{color:var(--muted);margin:0;font-size:14px}.page-actions{gap:8px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.filters input,.filters select,.form-card input,.form-card select{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:150px;padding:9px 11px}.filters>input{width:300px}.table-card,.card,.metric,.form-card,.cycle-card,.workspace-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px #1623420a}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:start;color:#667085;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;font-size:11px;font-weight:650}th,td{border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 14px}tbody tr:hover{background:#fafcff}td a{color:var(--blue);text-decoration:none}.empty{text-align:center;color:var(--muted);padding:38px}.status{background:var(--blue-soft);color:#1856b9;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:650}tr.statement-section td{text-transform:uppercase;letter-spacing:.03em;background:#eef3f9;font-size:12px;font-weight:700}tr.statement-subtotal td{background:#f7fafc;font-weight:650}tr.statement-total td{background:#e8f0ea;border-top:2px solid #c5d6c9;font-weight:800}.notice{color:#765719;background:#fff7e5;border:1px solid #f5d99c;border-radius:8px;padding:10px 12px;font-size:13px}.error{background:var(--danger-bg);border-radius:8px;padding:10px 12px;color:var(--danger)!important}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{gap:7px;padding:18px;display:grid}.metric span,.metric small{color:var(--muted);font-size:12px}.metric strong{font-size:24px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.card,.form-card,.cycle-card{padding:20px}.card h2,.form-card h2,.cycle-card h2{margin:0 0 14px;font-size:16px}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-actions a{border:1px solid var(--border);color:var(--blue);border-radius:8px;padding:12px;font-size:13px;font-weight:600;text-decoration:none}.quick-actions a:hover{background:var(--blue-soft)}.workspace-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.workspace-card{gap:12px;min-height:132px;padding:16px;transition:border-color .15s,box-shadow .15s;display:grid}.workspace-card:hover{box-shadow:var(--shadow);border-color:#c7d7ff}.workspace-card-top{justify-content:space-between;align-items:flex-start;display:flex}.workspace-icon{background:var(--blue-soft);width:36px;height:36px;color:var(--blue);border-radius:10px;place-items:center;font-size:16px;display:grid}.workspace-card h3{margin:0;font-size:15px;font-weight:650}.workspace-card .list-btn{justify-self:start;padding:7px 12px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px;display:grid}.form-grid label,.filters label,.login-form label{color:#445066;gap:6px;font-size:13px;font-weight:600;display:grid}.full{grid-column:1/-1}.form-card table input{border:1px solid var(--border);border-radius:6px;width:100%;padding:7px}.totals{text-align:end;margin-top:18px;font-size:14px}.cycle-card p{color:var(--muted);font-size:13px}.cycle{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:22px;display:grid}.cycle-stage{background:#f6f9ff;border:1px solid #cdddff;border-radius:8px;gap:5px;padding:12px;display:grid}.cycle-stage span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;display:grid}.cycle-stage strong{font-size:13px}.cycle-stage small{color:var(--muted);font-size:11px}.lang-switcher{position:relative}.lang-trigger{border:1px solid var(--border);color:#344054;background:#fff;border-radius:8px;place-items:center;width:40px;height:36px;padding:0;font-size:14px;font-weight:700;line-height:1;display:grid;overflow:hidden}.lang-glyph{letter-spacing:0;white-space:nowrap;align-items:baseline;gap:1px;font-size:12px;font-weight:700;display:inline-flex}.lang-glyph span:last-child{font-size:11px;font-weight:600}.lang-trigger:hover,.lang-trigger[aria-expanded=true]{background:var(--blue-soft);color:var(--blue);border-color:#b7c9f5}.lang-menu{inset-inline-end:0;border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow);z-index:40;background:#fff;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px)}.lang-option{text-align:start;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.lang-option:hover{background:#f5f8ff}.lang-option.active{background:var(--blue-soft);color:var(--blue);font-weight:650}.lang-code{color:#667085;min-width:22px;font-size:11px;font-weight:700}.lang-option.active .lang-code{color:var(--blue)}.lang-label{flex:1}.lang-check{color:var(--blue);font-weight:700}.login-layout{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}html[dir=rtl] .login-layout{grid-template-columns:.95fr 1.05fr}.login-hero{color:#fff;background:radial-gradient(circle at 20% 20%,#ffffff29,#0000 32%),linear-gradient(160deg,#0a3fb8 0%,#0b5fff 48%,#4f8cff 100%);flex-direction:column;justify-content:center;gap:18px;padding:42px 48px;display:flex;position:relative;overflow:hidden}html[dir=rtl] .login-hero{order:2}html[dir=rtl] .login-panel{order:1}.login-hero-brand{align-items:center;gap:10px;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.login-hero h1{letter-spacing:-.03em;max-width:12ch;margin:0;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.15}.login-hero>p{color:#ffffffe0;max-width:38ch;margin:0;font-size:16px;line-height:1.5}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.feature-card{color:var(--ink);background:#fffffff5;border-radius:14px;gap:6px;padding:16px;display:grid;box-shadow:0 10px 30px #0828781f}.feature-icon{background:var(--blue-soft);width:32px;height:32px;color:var(--blue);border-radius:9px;place-items:center;font-size:15px;font-weight:700;display:grid}.feature-card strong{font-size:14px}.feature-card small{color:var(--muted);font-size:12px;line-height:1.4}.login-panel{background:#fff;place-items:center;padding:32px;display:grid;position:relative}.login-panel-top{top:22px;position:absolute;inset-inline-end:22px}.login-form{gap:14px;width:min(420px,100%);display:grid}.login-form h2{letter-spacing:-.02em;margin:0;font-size:28px}.login-form .muted{margin-bottom:4px}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:12px 14px}.login-form label.field-error input{border-color:var(--danger);background:snow}.field-error-text{color:var(--danger);font-size:12px;font-weight:500}.password-field{position:relative}.password-toggle{inset-inline-end:8px;color:#667085;background:0 0;border:0;border-radius:6px;width:32px;height:32px;position:absolute;top:50%;transform:translateY(-50%)}.login-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.checkbox-row{align-items:center;gap:8px;color:#445066!important;font-weight:500!important;display:flex!important}.secure-note{text-align:center;color:var(--muted);font-size:12px}.wide{width:100%}.sign-in-btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}html[dir=rtl] .sign-in-arrow{transform:scaleX(-1)}@media (width<=980px){.app-shell{grid-template-columns:220px 1fr}html[dir=rtl] .app-shell{grid-template-columns:1fr 220px}.metric-grid,.workspace-grid{grid-template-columns:repeat(2,1fr)}.cycle{grid-template-columns:repeat(3,1fr)}.login-layout,html[dir=rtl] .login-layout{grid-template-columns:1fr}.login-hero{min-height:42vh;padding:28px}.login-hero h1{max-width:none}html[dir=rtl] .login-hero,html[dir=rtl] .login-panel{order:unset}}@media (width<=700px){.app-shell,html[dir=rtl] .app-shell{display:block}.sidebar{height:auto;position:static}.page-content{padding:18px}.topbar{padding:0 14px}.topbar-date{display:none}.page-header{flex-direction:column;align-items:flex-start}.metric-grid,.dashboard-grid,.quick-actions,.form-grid,.workspace-grid,.feature-grid{grid-template-columns:1fr}.cycle{grid-template-columns:1fr 1fr}.filters>input{width:100%}}