:root{--bg:#0c0d10;--surface:#15161c;--surface2:#1a1b22;--line:#2c2e37;--text:#f6f2eb;--muted:#8d909a;--berry:#8b2e68;--berry2:#b43d88;--gold:#d4a62a;--gold2:#f0c95b;--green:#6bb44e;--red:#ef536e;--side:258px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 30% -20%,#8b2e681c,transparent 32%),var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}.sidebar{position:fixed;right:0;top:0;width:var(--side);height:100vh;background:#101117;border-left:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.brand{height:138px;display:grid;place-items:center;border-bottom:1px solid #24262e}.brand img{width:190px;height:115px;object-fit:contain}.sidebar nav{padding:16px 10px;display:flex;flex-direction:column;gap:3px;overflow:auto}.sidebar nav button{height:43px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 15px;color:#b4b5bc;cursor:pointer;text-align:right}.sidebar nav button:hover{background:#191a21;color:white}.sidebar nav button.active{background:linear-gradient(90deg,#8b2e68b3,#8b2e6852);box-shadow:inset -2px 0 var(--berry2);color:white}.nav-icon{font-size:19px;width:25px;color:#c1c2c7}.active .nav-icon{color:var(--gold2)}.side-user{margin-top:auto;border-top:1px solid var(--line);padding:15px 20px;display:grid;grid-template-columns:1fr auto;gap:3px}.side-user strong{font-size:11px}.side-user small{font-size:9px;color:var(--muted)}.side-user a{grid-row:1/3;grid-column:2;color:#db678f;font-size:9px;align-self:center;text-decoration:none}.main{margin-right:var(--side);padding:0 28px 42px}.topbar{height:112px;border-bottom:1px solid #25272f;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:10px;color:#777a83;margin:0 0 6px}.breadcrumb span{margin:0 6px}.topbar h1{font-size:27px;margin:0}.welcome{font-size:11px;color:var(--muted);margin:6px 0 0}.top-actions{display:flex;align-items:center;gap:9px}.global-search{height:40px;width:210px;border:1px solid #30323a;background:#121319;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#858791}.global-search input{border:0;background:transparent;color:white;width:100%;outline:0}.avatar{width:39px;height:39px;border:1px solid #555862;border-radius:50%;background:#292b33}.primary,.secondary{height:40px;border-radius:8px;padding:0 16px;cursor:pointer}.primary{border:0;background:linear-gradient(100deg,#6f214f,#a23876);box-shadow:0 8px 25px #8b2e6830;font-weight:bold}.primary:hover{filter:brightness(1.14);transform:translateY(-1px)}.secondary{border:1px solid #333640;background:#191a21;color:#bbb}.filters{height:65px;display:flex;align-items:center;justify-content:space-between}.filter{height:35px;background:#121319;border:1px solid #2b2d35;border-radius:7px;color:#aaa;padding:0 13px;margin-left:5px}.live{font-size:9px;color:#777a83;display:flex;align-items:center;gap:7px}.live i{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 8px var(--gold)}.live.ready i{background:var(--green);box-shadow:0 0 8px var(--green)}.live.error i{background:var(--red);box-shadow:0 0 8px var(--red)}
.page{display:none}.page.active{display:block}.kpis,.module-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article,.module-stats article{min-height:128px;background:linear-gradient(145deg,#17181f,#111218);border:1px solid var(--line);border-radius:11px;padding:18px}.kpis span,.module-stats span{font-size:11px;color:#a7a9b0}.kpis strong,.module-stats strong{display:block;font-size:27px;margin:18px 0 4px}.kpis small,.module-stats small{font-size:9px;color:#777a83}.dash-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.panel{background:linear-gradient(145deg,#16171d,#111218);border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head p{font-size:8px;color:#6f727b;margin:0 0 4px}.panel-head h2{font-size:15px;margin:0}.tag{font-size:8px;border:1px solid #34363e;background:#202128;border-radius:10px;padding:4px 9px;color:#aaa}.text-btn{border:0;background:transparent;color:var(--gold2);font-size:9px;cursor:pointer}.fake-chart{height:205px;margin-top:18px;border-bottom:1px solid #343640;display:flex;align-items:end;justify-content:space-around;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#292b33 40px)}.fake-chart div{width:8%;background:linear-gradient(#b43d88,#5f1d47);border-radius:5px 5px 0 0;box-shadow:0 0 15px #8b2e6844}.mini-list{margin-top:13px}.mini-item{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 8px;border-bottom:1px solid #292b33}.mini-item strong{font-size:10px}.mini-item span{font-size:9px;color:var(--gold2)}.mini-item small{font-size:8px;color:#777a83}.mini-item em{font-size:8px;color:#ef6d85;font-style:normal}.flow{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px}.flow span{border:1px solid #42444f;background:#1c1d24;border-radius:9px;padding:15px 18px;color:#ddd;font-size:10px}.flow b{color:var(--gold)}.muted{color:var(--muted);font-size:10px;line-height:1.8}.module-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.module-title p{font-size:9px;color:#777a83;margin:0 0 5px}.module-title h2{font-size:20px;margin:0}.module-title>div:last-child{display:flex;gap:8px}.module-stats{margin-bottom:14px}.module-stats article{min-height:102px}.module-stats strong{font-size:20px;margin:13px 0 4px}.data-panel{padding:0}.table-tools{height:60px;border-bottom:1px solid var(--line);padding:0 17px;display:flex;align-items:center;justify-content:space-between}.table-tools h3{font-size:14px;margin:0}.table-tools span{font-size:8px;color:#747780}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#111218;color:#777a83;text-align:right;font-size:9px;font-weight:normal;padding:12px 15px}td{font-size:10px;color:#d0d0d4;padding:14px 15px;border-top:1px solid #292b33}tbody tr:hover{background:#191a21}.status{border:1px solid #47783c;background:#2b4e2455;color:#8dd16a;border-radius:11px;padding:4px 9px;font-size:8px}.status.warn{border-color:#9a314a;background:#681f333d;color:#f06a82}.empty{text-align:center;color:#777;padding:50px;display:none}.empty.show{display:block}
.modal-backdrop{display:none;position:fixed;inset:0;background:#050608df;backdrop-filter:blur(8px);z-index:100;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.invoice-modal{width:min(920px,96vw);max-height:94vh;overflow:auto;background:#15161c;border:1px solid #393b45;border-radius:14px;padding:0 24px 22px;box-shadow:0 30px 100px #000}.invoice-modal header,.quick-modal header{height:80px;border-bottom:1px solid #2c2e36;display:flex;align-items:center;justify-content:space-between}.invoice-modal header p{font-size:9px;color:#777;margin:0}.invoice-modal h2,.quick-modal h2{margin:5px 0 0;font-size:19px}.invoice-modal header button,.quick-modal header button{width:34px;height:34px;background:#1b1c23;border:1px solid #373943;border-radius:7px;font-size:19px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding:18px 0}.form-grid label,.quick-modal label{font-size:9px;color:#8e9098}.form-grid input,.form-grid select,.quick-modal input{display:block;width:100%;height:38px;margin-top:7px;background:#111218;border:1px solid #30323a;border-radius:7px;color:#eee;padding:0 10px}.invoice-lines{border:1px solid #30323a;border-radius:8px;overflow:hidden}.line-head,.invoice-line{display:grid;grid-template-columns:2fr .55fr .75fr 1fr 30px;gap:8px;align-items:center;padding:9px 12px}.line-head{background:#111218;color:#777;font-size:9px}.invoice-line{border-top:1px solid #2c2e36}.invoice-line input,.invoice-line select{height:34px;background:#191a20;border:1px solid #30323a;border-radius:5px;color:#eee;min-width:0;padding:0 8px}.invoice-line strong{font-size:10px}.invoice-line button{border:0;background:transparent;color:var(--red);font-size:18px}.add-line{border:0;background:transparent;color:var(--gold2);font-size:10px;padding:12px}.invoice-bottom{display:grid;grid-template-columns:1fr 310px;gap:18px;margin-top:17px}.invoice-bottom textarea{background:#111218;border:1px solid #30323a;border-radius:8px;color:#eee;padding:12px;min-height:105px;resize:none}.totals{border:1px solid #30323a;border-radius:8px;padding:11px}.totals p,.totals>strong{display:flex;justify-content:space-between;font-size:10px;margin:0;padding:8px;color:#999}.totals>strong{border-top:1px solid #30323a;color:white;font-size:12px}.totals>strong b{color:var(--gold2)}.invoice-modal footer,.quick-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.quick-modal{width:min(430px,94vw);background:#15161c;border:1px solid #393b45;border-radius:14px;padding:0 22px 22px}.quick-modal label{display:block;margin-top:16px}.toast{display:none;position:fixed;left:24px;bottom:24px;z-index:200;padding:13px 18px;border:1px solid #3d8150;background:#1d3b27;color:#a6e4b5;border-radius:9px;font-size:11px}.toast.show{display:block;animation:pop .2s ease-out}.toast.error{background:#4c1d29;border-color:#9b3852;color:#ff9aad}.mobile-menu,.scrim{display:none}
.auth-body{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 0,#8b2e6826,transparent 35%),#0c0d10}.login-card,.install-card{width:min(440px,94vw);background:#15161c;border:1px solid #343640;border-radius:16px;padding:25px 30px;box-shadow:0 30px 100px #0009}.install-card{width:min(720px,95vw)}.login-card>img,.install-card>img{display:block;width:190px;height:105px;object-fit:contain;margin:auto}.eyebrow{text-align:center;color:var(--gold);font-size:9px}.login-card h1,.install-card h1{text-align:center;font-size:22px;margin:8px 0 22px}.install-card h2{font-size:14px;margin:22px 0 0;border-bottom:1px solid var(--line);padding-bottom:10px}.login-card label{display:block;color:#aaa;font-size:10px;margin-top:15px}.login-card input{display:block;width:100%;height:43px;margin-top:7px;background:#0f1015;border:1px solid #33353d;border-radius:7px;color:white;padding:0 11px}.wide-button{width:100%;margin-top:20px}.form-error,.form-success{padding:11px;border-radius:7px;font-size:10px;margin:12px 0}.form-error{background:#5c1f2f;border:1px solid #96354c;color:#ff9ab0}.form-success{background:#213e27;border:1px solid #417a4b;color:#a5dfad}.secure-note{display:block;text-align:center;color:#5f626b;margin-top:18px}.wide{grid-column:1/-1}.install-card .form-grid{grid-template-columns:1fr 1fr}.install-card .form-grid small{display:block;margin-top:5px;color:#666}
.side-user{display:flex;flex-direction:column;gap:4px}.side-user a{grid-row:auto;grid-column:auto;align-self:auto;margin-top:3px}.finance-tabs,.finance-mode{display:none;gap:7px;flex-wrap:wrap;margin:0 0 14px}.finance-tabs.show,.finance-mode{display:flex}.finance-tabs button,.finance-mode button{border:1px solid #31333c;background:#16171d;color:#9b9da5;border-radius:8px;padding:9px 14px;font-size:10px;cursor:pointer}.finance-tabs button.active,.finance-mode button.active{background:#702252;border-color:#a43879;color:#fff}.balance-check{display:none;align-items:center;gap:24px;padding:12px 16px;border:1px solid #30323a;border-radius:9px;background:#15161c;margin-bottom:14px;font-size:10px}.balance-check.show{display:flex}.balance-check span{color:#9b9da5}.balance-check strong{margin-right:auto}.balance-check.ok strong{color:#8ed66b}.balance-check.bad strong{color:#f0667f}.finance-modal{width:min(680px,94vw)}.finance-modal .finance-mode{margin-top:15px}.finance-modal textarea{display:block;width:100%;min-height:80px;margin-top:7px;background:#111218;border:1px solid #30323a;border-radius:7px;color:#eee;padding:10px;resize:vertical}.finance-modal #finance-party-label,.finance-modal #finance-type-label{display:none}.success-box{padding:12px;border-radius:8px;background:#213e27;border:1px solid #417a4b;color:#a5dfad;font-size:11px;margin:15px 0}
.company-modal{width:min(800px,95vw);max-height:92vh;overflow:auto}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.company-grid label{font-size:9px;color:#8e9098}.company-grid input{display:block;width:100%;height:38px;margin-top:7px;background:#111218;border:1px solid #30323a;border-radius:7px;color:#eee;padding:0 10px}.saudi-invoice{direction:rtl;width:min(950px,96vw);max-height:95vh;overflow:auto;background:#fff;color:#171717;padding:30px;border-radius:4px}.invoice-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:15px}.invoice-actions button{padding:9px 15px;border:1px solid #ccc;border-radius:6px}.saudi-invoice #invoice-document>header{display:flex;align-items:center;justify-content:space-between;border-top:7px solid #111;border-bottom:1px solid #bbb;padding:15px 0}.saudi-invoice header img{width:120px;height:85px;object-fit:contain}.saudi-invoice h1{font-size:22px}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:16px 0}.invoice-parties>div,.invoice-meta{border:1px solid #ddd;border-radius:6px;padding:13px}.invoice-parties p{font-size:10px}.invoice-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px}.saudi-invoice table{width:100%;border-collapse:collapse}.saudi-invoice th{background:#222;color:#fff;padding:9px;font-size:9px}.saudi-invoice td{border-bottom:1px solid #ddd;padding:9px;text-align:center;font-size:9px}.invoice-summary{display:grid;grid-template-columns:200px 1fr;gap:25px;align-items:center;margin-top:18px}.invoice-summary img{width:170px!important;height:170px!important}.saudi-invoice footer{text-align:center;border-top:1px solid #bbb;margin-top:18px;padding-top:12px;font-size:8px}
@keyframes pop{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1100px){.kpis,.module-stats{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.global-search{display:none}}
@media(max-width:760px){:root{--side:0}.sidebar{transform:translateX(105%);width:270px;transition:.2s}.sidebar.open{transform:none}.main{margin:0;padding:0 14px 30px}.mobile-menu{display:block;position:fixed;left:14px;top:16px;z-index:25;width:40px;height:40px;background:#191a21;border:1px solid #343640;border-radius:8px}.scrim.open{display:block;position:fixed;inset:0;background:#000a;border:0;z-index:29}.topbar{height:105px;padding-left:50px}.topbar h1{font-size:21px}.welcome,.avatar{display:none}.top-actions .primary{font-size:0;width:40px;padding:0}.top-actions .primary:first-letter{font-size:16px}.filters{height:57px}.live{display:none}.form-grid{grid-template-columns:1fr 1fr}.invoice-bottom{grid-template-columns:1fr}.invoice-modal{padding-inline:13px}.line-head,.invoice-line{min-width:650px}.invoice-lines{overflow:auto}.module-title{align-items:start}.module-title .secondary{display:none}.install-card .form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}
@media(max-width:430px){.kpis,.module-stats{grid-template-columns:1fr}.top-actions{display:none}.module-title>div:last-child .primary{padding:0 10px;font-size:9px}}
@media print{body:has(#document-modal.open) .app-shell,body:has(#document-modal.open) .modal-backdrop:not(#document-modal),body:has(#document-modal.open) .toast{display:none!important}#document-modal.open{display:block!important;position:static!important;background:#fff!important;padding:0!important}.saudi-invoice{width:100%!important;max-width:none!important;max-height:none!important;padding:12mm!important}.invoice-actions{display:none!important}.sidebar,.topbar,.filters,.module-title button,.table-tools,.mobile-menu{display:none!important}.main{margin:0;padding:0}.erp,.panel,body{background:white!important;color:#111!important}th,td{color:#111;border-color:#ddd}.module-stats article,.panel{background:white;border-color:#ddd}}