:root{--green:#164887;--muted:#7888a0;--border:#e1e9f3;--accent:#3982ee;--surface:#fff;--canvas:#f2f6fb;--ink:#183456;background:var(--canvas);color:var(--ink);color-scheme:light}html[data-theme=dark]{--green:#347ee3;--surface:#14253b;--canvas:#0c1829;--ink:#e1ebf8;--border:#2b3e58;--muted:#9dafc6;color-scheme:dark}body{background:var(--canvas);color:var(--ink)}.primary{background:linear-gradient(110deg,#164887,#2c7ce6);border-radius:7px;padding:10px 18px;box-shadow:0 3px 10px #246bd41a}.primary:hover{background:#205aa6}.secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.text-button,a{color:#3984df}label{color:var(--ink)}input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--border)}input:focus,select:focus,textarea:focus{outline:0;border-color:#4a93ed;box-shadow:0 0 0 3px #438de91c}aside{inset-inline-start:0;right:auto;width:220px;padding:28px 15px;background:linear-gradient(170deg,#102d52,#0c203a);transition:width .2s}aside .brand{font-size:18px;letter-spacing:0;padding:0 8px;line-height:1.7}aside .brand span{color:#b6c8df;font-size:10px}nav{margin-top:30px;gap:6px}nav button{text-align:start;padding:12px 10px;font-size:12px;color:#c6d4e8;min-height:45px;white-space:nowrap}nav button.active{background:linear-gradient(100deg,#17478a,#246bd0);border:0;box-shadow:0 4px 12px #0002}nav button:hover{background:#246bd03d}.workspace{margin-right:0;margin-inline-start:220px;transition:margin .2s}header{padding:20px 28px;background:var(--surface);border-color:var(--border);gap:15px}header>div:first-of-type{margin-inline-end:auto}header h2{font-size:23px}.header-actions{gap:10px;flex-wrap:wrap;justify-content:end}.eyebrow{color:var(--muted)}.avatar{background:#287ce71a;color:#3681e3}.preferences{display:flex;gap:3px;direction:ltr}.preferences button{background:transparent;color:var(--ink);border:1px solid transparent;padding:6px 8px;border-radius:6px;font-size:12px}.preferences button.selected{background:#287ce71a;color:#3987ec;border-color:#287ce744;font-weight:700}main{padding:26px 28px;min-height:75vh}.welcome h2{font-size:21px}.welcome p{color:var(--muted);font-size:11px}.cards{gap:14px}.card,.panel{background:var(--surface);border-color:var(--border);border-radius:10px;box-shadow:0 3px 14px #18335403}.card{padding:20px;border-top:3px solid #3982e6}.card:nth-child(2){border-top-color:#dfab3c}.card:nth-child(3){border-top-color:#8b6ad9}.card:nth-child(4){border-top-color:#3ba787}.card.hero{background:var(--surface);color:var(--ink)}.card .label,.card.hero .label{color:var(--ink);font-weight:600}.card strong{font-size:28px;color:var(--ink);text-align:start;margin:16px 0 12px}.card small,.card.hero small{color:var(--muted)}.panel-head{padding:18px 20px;border-color:var(--border)}.panel-body{padding:20px}h3{color:var(--ink);font-size:16px}table{text-align:start;color:var(--ink)}td,th{text-align:start;border-color:var(--border);padding:14px 16px}th{background:#edf3fb;color:#41638c;font-weight:600}td.amount{text-align:end}tbody tr:hover{background:#438de908}.badge{border-radius:6px;background:#e9eff7;color:#4c6587}.badge.submitted{background:#fff2d6;color:#947020}.badge.reviewed{background:#eee8fc;color:#7556ba}.badge.approved,.badge.paid{background:#e0f5ed;color:#287f61}.empty{color:var(--muted)}.empty strong{color:var(--ink)}.note{background:#edf4ff;color:#47668f;border-color:#cbdcf4}.mini-row{border-color:var(--border)}.bar{background:#e8eff8;height:8px}.bar i{background:linear-gradient(90deg,#66a8fa,#286ed0)}.group,.detail-grid div,.flow span{background:var(--canvas);color:var(--ink);border-color:var(--border)}.total-box{background:#287ce71a}dialog{background:var(--surface);color:var(--ink);border-color:var(--border);border-radius:12px;box-shadow:0 25px 100px #00152c60}.dialog-head{border-color:var(--border)}.icon-button{background:var(--canvas);color:var(--ink)}footer{padding:22px 28px;border-top:1px solid var(--border);color:var(--muted);gap:20px}#toast{background:#15365e;left:auto;inset-inline-end:24px;max-width:min(90vw,550px)}.login-page{display:grid;grid-template-columns:1fr;place-items:center;min-height:100vh;padding:30px;background:radial-gradient(ellipse at top,#438de915,transparent 65%)}.login-box{margin:auto;background:var(--surface);padding:34px;width:100%;max-width:450px;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 60px #102b500a}.login-box .preferences{justify-content:end}.login-box small{font-size:11px}.company-letterhead{border-color:#173f78!important}html[data-sidebar=collapsed] aside{width:76px;padding-inline:8px}html[data-sidebar=collapsed] .workspace{margin-inline-start:76px}html[data-sidebar=collapsed] aside .brand,html[data-sidebar=collapsed] nav button span,html[data-sidebar=collapsed] .aside-bottom{display:none}html[data-sidebar=collapsed] nav button{justify-content:center;font-size:22px;padding:10px}html[data-theme=dark] th{background:#1b324f;color:#b7cee9}html[data-theme=dark] .note{background:#193352;color:#bdd3ef;border-color:#304d73}html[data-theme=dark] .bar{background:#263a53}
@media(max-width:1100px){aside{width:195px}.workspace{margin-inline-start:195px}header{padding:18px 20px}.header-actions #syncTime{display:none}.grid-two{grid-template-columns:1fr}}
@media(max-width:700px){aside{position:fixed;inset-inline-start:0;top:0;bottom:0;width:180px;height:100vh;padding:20px 10px}nav{display:grid;margin:20px 0;overflow:visible}nav button{font-size:11px;padding:10px 8px}.workspace{margin-inline-start:180px}header{padding:12px;align-items:start;flex-wrap:wrap}header h2{font-size:18px}.header-actions{width:100%}.header-actions .avatar{display:none}html[data-sidebar=collapsed] aside{width:58px}html[data-sidebar=collapsed] .workspace{margin-inline-start:58px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.card strong{font-size:22px}.card .label{font-size:10px}main{padding:14px}.settings-grid,.fields,.grid-two{grid-template-columns:1fr}.welcome{gap:12px;flex-wrap:wrap}.welcome h2{font-size:17px}footer{padding:14px;flex-direction:column}.login-box{padding:24px}.toolbar label{min-width:120px}dialog{width:96vw}#editorBody{padding:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{html[data-theme] body{background:white;color:black}.workspace,html[data-sidebar=collapsed] .workspace{margin:0}main{padding:0}header,aside,footer{display:none!important}.card,.panel,.company-letterhead{background:white!important;color:black!important;box-shadow:none}table,.panel h3{color:black}th{background:#eee;color:black}}

.header-company{font-size:16px;font-weight:700}.company-english{display:block;font:11px Arial,sans-serif;margin:5px 0 10px}.login-box:before{content:"شركة محمود وبسام أبو جابر";display:block;color:var(--ink);font-weight:700;font-size:19px;margin-bottom:16px}html[lang=en] .login-box:before{content:"Mahmoud & Bassam Abu Jaber Co."}html[lang=en] .card strong{text-align:left}@media(max-width:700px){.header-company{font-size:13px}}

.report-print-dialog{max-width:98vw;width:1200px;height:94vh;padding:0;overflow:hidden}.report-print-dialog[open]{display:flex;flex-direction:column}.report-print-dialog .dialog-head{flex:none;gap:14px}.report-print-dialog iframe{width:100%;flex:1;border:0;background:#edf1f6;min-height:300px}

.manual-date{position:relative;display:flex;align-items:center;gap:4px}.manual-date>input[type=text]{padding-inline-end:38px}.calendar-trigger{position:absolute;inset-inline-end:3px;top:10px;width:30px;height:30px;border-radius:5px;background:var(--canvas);color:var(--ink);font-size:20px}.native-date-picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;inset-inline-end:0;bottom:0;padding:0;margin:0;border:0}