@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700;800&display=swap');
:root{--navy:#0B2239;--navy2:#122f4d;--blue:#1E4E8C;--sky:#60A5FA;--ice:#E6EEF6;--paper:#F7F9FC;--white:#fff;--ink:#15283D;--muted:#718096;--line:#E3EAF1;--teal:#00A98A;--gold:#C5A46D;--danger:#C2414B;--success:#168565;--shadow:0 18px 50px rgba(11,34,57,.08);font-synthesis:none}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{background:var(--paper);color:var(--ink);font-family:Inter,"IBM Plex Sans Arabic",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body:lang(ar),html[dir=rtl] body{font-family:"IBM Plex Sans Arabic",Inter,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:var(--navy);color:white;font-family:Montserrat,sans-serif;letter-spacing:3px}.boot-mark{height:66px;width:66px;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:19px;font-weight:800;transform:rotate(45deg);letter-spacing:0}.boot strong{font-size:13px}.boot-line{width:140px;height:2px;background:linear-gradient(90deg,var(--teal),#8ad9e9);border-radius:2px}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(96,165,250,.6);outline-offset:2px}
.btn{border:0;border-radius:10px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:.18s;white-space:nowrap}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 7px 16px rgba(11,34,57,.12)}.btn-primary:hover{background:#163958;transform:translateY(-1px)}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-outline:hover{border-color:#b8c9db;background:#f8fbff}.btn-danger{background:#fff1f2;color:var(--danger);border:1px solid #fbd0d5}.btn-wide{width:100%}.icon-btn{background:transparent;border:1px solid var(--line);border-radius:9px;height:38px;width:38px;display:grid;place-items:center;color:var(--muted)}.icon-btn:hover{background:#f3f7fb;color:var(--navy)}.text-link{color:var(--blue);background:none;border:0;padding:0;text-decoration:none;font-weight:700}
.brand-inline{display:flex;align-items:center;gap:12px;color:white}.brand-symbol{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.045);flex-shrink:0}.brand-symbol img{width:34px;height:34px}.brand-wordmark{display:flex;flex-direction:column;gap:2px}.brand-wordmark strong{font:800 16px Montserrat,sans-serif;letter-spacing:1.8px}.brand-wordmark span{font:500 9px Montserrat,sans-serif;letter-spacing:5px;color:#9de7dc}
.eyebrow{color:#6f859a;font:700 10px Montserrat,sans-serif;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px}.muted{color:var(--muted);line-height:1.85}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(330px,.86fr) minmax(480px,1.14fr);background:#fff}.auth-side{position:relative;background:radial-gradient(ellipse at 12% 10%,#21496d 0%,transparent 35%),linear-gradient(150deg,#0B2239,#071727 80%);padding:42px 5vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:white;min-height:100vh}.auth-side:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(110,209,226,.13);border-radius:50%;bottom:-190px;right:-170px;box-shadow:0 0 0 42px rgba(110,209,226,.035),0 0 0 90px rgba(110,209,226,.025)}.auth-hero{position:relative;z-index:1;margin:90px 0}.auth-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.25;margin:0 0 22px;letter-spacing:-1.5px}.auth-hero h1 em{font-style:normal;color:#83dcca}.auth-hero p:last-child{color:#c1d0df;font-size:15px}.auth-art{height:98px;width:220px;margin-top:44px;display:flex;align-items:center;justify-content:space-around;position:relative;color:#7bd8d1}.auth-art:before{content:"";position:absolute;inset:12px 4px;border-bottom:1px solid rgba(123,216,209,.25);border-top:1px solid rgba(123,216,209,.1);transform:skewY(-18deg)}.auth-art svg{z-index:1}.auth-art span{width:6px;height:6px;background:#7bd8d1;border-radius:50%;z-index:1}.auth-side-foot{position:relative;z-index:1;color:#8296aa;font-size:11px}.auth-main{padding:34px clamp(28px,7vw,104px);display:flex;flex-direction:column;min-height:100vh}.auth-main-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.language-btn{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;color:#53657a;display:inline-flex;align-items:center;gap:8px;font-weight:600}.language-btn:hover{background:#f7f9fc}.privacy-note{color:#648275;display:flex;align-items:center;gap:6px;font-size:11px}.auth-form-wrap{width:min(100%,440px);margin:auto;padding:42px 0}.auth-form-wrap h2{font-size:31px;letter-spacing:-.6px;margin:0 0 10px}.form-stack{display:flex;flex-direction:column;gap:18px;margin-top:27px}.form-stack label,.field-label{font-size:12px;font-weight:700;color:#34485d;display:flex;flex-direction:column;gap:8px}.form-stack input,.form-stack select,.form-stack textarea,.input{width:100%;border:1px solid #dce5ee;background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);outline:none;transition:.15s}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.input:focus{border-color:#7aa8cf;box-shadow:0 0 0 3px rgba(96,165,250,.13)}.auth-switch{text-align:center;margin:24px 0 0;color:var(--muted);font-size:12px}.auth-switch button{border:0;background:none;color:var(--blue);font-weight:800}.auth-security{display:flex;align-items:center;gap:8px;background:#f3f8f8;color:#47756f;border:1px solid #e1efed;padding:12px;border-radius:10px;margin-top:28px;font-size:11px}.auth-copyright{color:#a2aebb;font-size:10px;text-align:center;margin:0 0 8px}.mobile-brand{display:none}.notice{margin:16px 0 0;padding:12px 14px;border-radius:10px;line-height:1.7;font-size:12px}.notice.success{background:#eaf8f3;color:#147352;border:1px solid #caecdf}.notice.error{background:#fff0f0;color:#a42d36;border:1px solid #f6d3d5}.notice.info{background:#eff6ff;color:#27588a;border:1px solid #d3e4fa}
.org-setup-page{min-height:100vh;background:radial-gradient(ellipse at 80% 5%,#e6f0f9,transparent 40%),#f7f9fc;padding:24px 4vw;display:flex;flex-direction:column}.org-head{display:flex;align-items:center;gap:12px}.org-head .brand-symbol{background:var(--navy)}.org-head .brand-wordmark strong{color:var(--navy)}.org-head .brand-wordmark span{color:var(--blue)}.org-head-actions{margin-inline-start:auto;display:flex;gap:10px}.org-card{width:min(100%,520px);margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:var(--shadow)}.org-card-symbol{width:52px;height:52px;border-radius:15px;background:#edf4fa;color:var(--navy);display:grid;place-items:center;margin-bottom:22px}.org-card h1{margin:0;font-size:29px}.org-card .form-stack{margin-top:24px}.user-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:24px}.user-line span{overflow-wrap:anywhere}.user-line button{margin-inline-start:auto;border:0;background:none;color:var(--blue);font-weight:700}.org-foot{text-align:center;font-size:10px;color:#9aa8b7}
.app-layout{min-height:100vh;display:flex;background:var(--paper)}.sidebar{width:258px;flex:0 0 258px;position:fixed;inset-block:0;inset-inline-start:0;background:var(--navy);color:white;padding:24px 16px 16px;display:flex;flex-direction:column;z-index:10}.sidebar .brand-inline{padding:0 9px 26px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar .brand-symbol{width:40px;height:40px}.sidebar .brand-symbol img{width:31px;height:31px}.sidebar .brand-wordmark strong{font-size:12px;letter-spacing:1.1px}.sidebar .brand-wordmark span{font-size:8px;letter-spacing:3.8px}.workspace-label{display:block;font-size:10px;color:#8ea3b8;margin:22px 8px 9px}.workspace-current{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:9px;background:rgba(255,255,255,.07);color:#bcd1e2}.workspace-current select{flex:1;min-width:0;background:transparent;color:white;border:0;outline:0;font-size:12px}.workspace-current select option{color:var(--ink)}.workspace-chevron{font-size:16px}.main-nav{display:flex;flex-direction:column;gap:5px;margin-top:24px;flex:1}.nav-section-title{font-size:10px;color:#7f97ad;margin:0 10px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;border:0;background:transparent;color:#aebed0;border-radius:9px;text-align:start;font-size:12px;transition:.15s}.nav-item svg{opacity:.8}.nav-item:hover{background:rgba(255,255,255,.06);color:white}.nav-item.active{background:#1b3b58;color:#fff;box-shadow:inset 3px 0 0 #79d8cb}.nav-item.active svg{color:#79d8cb;opacity:1}.nav-bottom-title{margin-top:30px}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:14px}.sidebar-status{display:flex;gap:8px;align-items:center;color:#8fb2a7;font-size:10px;padding:0 8px 17px}.status-dot{width:7px;height:7px;border-radius:50%;background:#3ed0a8;box-shadow:0 0 0 4px rgba(62,208,168,.1)}.sidebar-user{display:flex;align-items:center;gap:9px;padding:10px 3px 0}.sidebar-user .brand-symbol{width:32px;height:32px;border-radius:9px;background:#1e4262}.sidebar-user .brand-symbol img{width:23px;height:23px}.user-meta{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.user-meta strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.user-meta span{font-size:9px;color:#829bb1;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:transparent;border:0;color:#91a6bb;padding:5px}.app-main{margin-inline-start:258px;width:calc(100% - 258px);min-width:0}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,44px);gap:20px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:11px;color:#8391a2}.breadcrumbs b{font-weight:400;color:#c1cbd6}.breadcrumbs strong{color:var(--ink);font-weight:800}.topbar-actions{display:flex;align-items:center;gap:12px}.today-chip{color:#728197;font-size:11px;display:flex;gap:8px;align-items:center}.language-pill{border:1px solid var(--line);background:white;border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:7px;color:#50667b;font-size:11px}.topbar-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e6eef6;color:var(--navy);font-weight:800}.mobile-menu-btn{display:none}.content{max-width:1480px;margin:0 auto;padding:32px clamp(20px,3vw,44px) 46px}.page-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px}.page-titlebar h1{font-size:27px;letter-spacing:-.7px;margin:0 0 8px}.page-titlebar p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.title-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 3px 10px rgba(11,34,57,.018);min-width:0}.metric-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#718197;font-size:11px}.metric-icon{width:37px;height:37px;background:#edf4fa;border-radius:10px;color:var(--blue);display:grid;place-items:center;flex-shrink:0}.metric-card:nth-child(2) .metric-icon{background:#e9f8f5;color:#168d79}.metric-card:nth-child(3) .metric-icon{background:#f7f1e8;color:#a57c3b}.metric-card:nth-child(4) .metric-icon{background:#f1effa;color:#7462a4}.metric-value{font-size:29px;font-weight:800;letter-spacing:-.8px;margin:15px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-foot{display:flex;align-items:center;gap:7px;color:#91a0ae;font-size:10px}.metric-dot{width:5px;height:5px;background:#9fb0c0;border-radius:50%}.section-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;margin-top:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;min-width:0;overflow:hidden}.panel-head{padding:19px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf1f5}.panel-head h2{margin:0;font-size:14px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.panel-body{padding:19px 21px}.panel-link{font-size:11px;color:var(--blue);border:0;background:transparent;font-weight:800;white-space:nowrap}.activity-list{display:flex;flex-direction:column}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f5}.activity-row:last-child{border-bottom:0}.activity-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#eef4fa;color:var(--blue);flex-shrink:0}.activity-copy{flex:1;min-width:0}.activity-copy strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis}.activity-copy small{display:block;margin-top:5px;color:#8c9bab;font-size:10px}.activity-amount{font-size:11px;font-weight:800;white-space:nowrap}.empty-state{padding:36px 16px;text-align:center;color:#8796a6}.empty-state .empty-icon{height:46px;width:46px;border-radius:13px;background:#f1f5f9;color:#8498ac;display:grid;place-items:center;margin:0 auto 12px}.empty-state strong{display:block;color:#52657a;font-size:12px}.empty-state p{font-size:11px;line-height:1.7;margin:8px 0 0}.quick-list{display:flex;flex-direction:column;gap:10px}.quick-action{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:white;text-align:start;color:var(--ink);transition:.15s}.quick-action:hover{background:#f8fbff;border-color:#c9d9e8;transform:translateY(-1px)}.quick-icon{width:38px;height:38px;border-radius:10px;background:#eef4fa;color:var(--blue);display:grid;place-items:center;flex-shrink:0}.quick-copy{flex:1}.quick-copy strong{font-size:11px;display:block}.quick-copy small{font-size:10px;color:#8795a4;display:block;margin-top:5px}.quick-arrow{color:#9aacbc}.workspace-note{margin-top:18px;padding:14px 16px;background:#eef6fb;border:1px solid #dcebf5;border-radius:11px;color:#54748c;font-size:11px;line-height:1.8;display:flex;align-items:flex-start;gap:10px}
.data-panel{margin-top:14px}.table-tools{display:flex;gap:10px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.table-search{position:relative;flex:1;min-width:140px;max-width:360px}.table-search input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 35px 10px 12px;outline:0}.table-search svg{position:absolute;right:12px;top:11px;color:#90a0b0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:start;font-size:10px;color:#8493a4;font-weight:700;background:#fafbfd;padding:13px 18px;border-bottom:1px solid var(--line)}td{text-align:start;font-size:11px;padding:15px 18px;border-bottom:1px solid #edf1f5;color:#41556a}tbody tr:hover{background:#fbfdff}tbody tr:last-child td{border-bottom:0}.primary-cell{font-weight:800;color:#263b50}.sub-cell{font-size:10px;color:#99a7b5;margin-top:4px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:700;background:#fff5e8;color:#946b2d}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.active{background:#eaf8f3;color:#168565}.row-actions{display:flex;gap:6px}.row-action{border:1px solid var(--line);border-radius:7px;background:white;color:#6d8195;min-width:30px;height:29px;display:grid;place-items:center}.row-action:hover{background:#f3f7fa;color:var(--navy)}.row-action.danger:hover{background:#fff1f2;color:var(--danger)}.status-bar{display:flex;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid #edf1f5;color:#8b9aaa;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-row{padding:13px 0;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;gap:15px;font-size:11px}.settings-row:last-child{border-bottom:0}.settings-row span{color:#8190a0}.settings-row strong{text-align:end;overflow-wrap:anywhere}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,19,34,.55);z-index:30;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.modal{width:min(100%,540px);max-height:90vh;overflow:auto;background:white;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.22);animation:modal-in .18s ease-out}.modal-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px;margin:0 0 6px}.modal-head p{font-size:11px;color:var(--muted);margin:0}.modal-body{padding:23px}.modal .form-stack{margin-top:0}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.line-editor{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:9px;align-items:end}.line-remove{height:42px;width:40px;border:1px solid #f1d8da;border-radius:9px;background:#fff7f7;color:var(--danger)}.invoice-total{display:flex;justify-content:space-between;background:#f2f6fa;border-radius:10px;padding:14px;font-size:12px}.toast-wrap{position:fixed;inset-block-start:18px;inset-inline-end:18px;z-index:50;display:flex;flex-direction:column;gap:8px}.toast{max-width:min(420px,calc(100vw - 36px));padding:13px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;background:#eaf8f3;color:#166b50;border:1px solid #cbece0}.toast.error{background:#fff0f0;color:#a62e37;border-color:#f3d4d6}.toast.info{background:#edf5ff;color:#285b8e;border-color:#d6e7fb}.hidden{display:none!important}.ltr{direction:ltr}.rtl{direction:rtl}
[dir=rtl] .nav-item.active{box-shadow:inset -3px 0 0 #79d8cb}[dir=rtl] .table-search svg{right:auto;left:12px}[dir=rtl] .table-search input{padding:10px 12px 10px 35px}
@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1160px){.sidebar{width:230px;flex-basis:230px}.app-main{margin-inline-start:230px;width:calc(100% - 230px)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:minmax(300px,.8fr) minmax(430px,1.2fr)}}
@media(max-width:800px){.auth-page{grid-template-columns:1fr}.auth-side{min-height:245px;padding:20px 24px}.auth-side .auth-hero{margin:26px 0 12px}.auth-hero h1{font-size:30px;margin-bottom:8px}.auth-hero p:last-child{font-size:12px;margin:0}.auth-art,.auth-side-foot{display:none}.auth-side:after{width:210px;height:210px;bottom:-140px;right:auto;left:-40px}.auth-main{padding:20px 24px 24px;min-height:auto}.auth-form-wrap{margin:32px auto;padding:10px 0 35px}.auth-form-wrap h2{font-size:26px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:var(--navy);font-weight:800;font-size:11px}.mobile-brand .brand-symbol{background:var(--navy)}.mobile-brand .brand-symbol img{width:28px}.auth-copyright{margin-top:auto}.sidebar{transform:translateX(105%);transition:transform .2s ease;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:0 20px 80px rgba(0,0,0,.2)}[dir=rtl] .sidebar{transform:translateX(-105%)}[dir=rtl] .sidebar.open{transform:translateX(0)}.app-main{width:100%;margin-inline-start:0}.mobile-menu-btn{display:grid}.topbar{height:65px;padding:0 18px}.topbar-start{display:flex;align-items:center;gap:10px}.breadcrumbs{gap:7px}.today-chip{display:none}.content{padding:24px 18px 34px}.page-titlebar{flex-direction:column;align-items:stretch}.title-actions{justify-content:flex-start}.settings-grid{grid-template-columns:1fr}.sidebar-backdrop{position:fixed;inset:0;background:rgba(4,19,34,.42);z-index:9}.org-card{padding:26px}.org-head .brand-wordmark strong{font-size:12px}}
@media(max-width:480px){.metric-grid{gap:10px}.metric-card{padding:14px}.metric-value{font-size:23px}.metric-top{font-size:10px}.metric-icon{width:31px;height:31px}.page-titlebar h1{font-size:24px}.panel-head,.panel-body{padding:16px}.topbar-actions{gap:7px}.language-pill{padding:8px}.language-pill span{display:none}.topbar-avatar{height:30px;width:30px}.two-fields{grid-template-columns:1fr}.line-editor{grid-template-columns:minmax(0,1fr) 74px auto}.org-card h1{font-size:25px}.modal-backdrop{padding:10px}.modal-body{padding:16px}.modal-head{padding:17px}.auth-main{padding:17px}.auth-side{min-height:220px}.auth-hero h1{font-size:27px}}