:root{--navy:#102a43;--navy2:#173f5f;--teal:#14b8a6;--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--danger:#b91c1c;--ok:#0f766e;--warn:#b45309}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Cairo,sans-serif;background:var(--bg);color:var(--text)}body.rtl{font-family:Cairo,Inter,sans-serif}.hidden{display:none!important}.muted{color:var(--muted);margin:.2rem 0}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4fb,#f7fbfa)}.auth-card{width:min(440px,92vw);background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 18px 50px rgba(16,42,67,.1)}.brand-mark{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;display:grid;place-items:center;font-weight:700;font-size:21px}.brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:16px}.auth-card h1{font-size:25px;margin:18px 0 4px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f3f4f6;padding:4px;border-radius:12px;margin:22px 0}.segmented button{border:0;background:transparent;padding:10px;border-radius:9px}.segmented button.active{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.08)}label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}input,select,textarea{width:100%;border:1px solid #d8dee8;border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);font:inherit}textarea{min-height:80px;resize:vertical}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.success{background:var(--teal);color:#fff;border-color:var(--teal)}.danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.full{width:100%;margin-top:18px}.link-btn{border:0;background:none;color:var(--navy);margin-top:12px}.app{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:#0d2742;color:#eaf1f8;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand span{display:block;font-size:12px;color:#a8bed1;margin-top:2px}.sidebar nav{padding:12px}.nav-btn{width:100%;border:0;background:transparent;color:#c9d8e6;text-align:left;padding:10px 12px;margin:2px 0;border-radius:9px;display:flex;gap:10px;align-items:center}.rtl .nav-btn{text-align:right}.nav-btn:hover,.nav-btn.active{background:rgba(20,184,166,.14);color:#fff}.sidebar-foot{margin-top:auto;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sidebar-foot button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#fff}.main{min-width:0}.topbar{height:88px;padding:20px 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h2{margin:0;font-size:24px}.top-actions{display:flex;gap:10px;align-items:center}#content{padding:24px 28px 50px}.grid{display:grid;gap:16px}.grid.kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:1fr 1fr}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(16,42,67,.03)}.kpi-card .label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kpi-card .value{font-size:25px;font-weight:700;margin-top:8px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select{width:auto;min-width:150px}.toolbar .spacer{flex:1}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff;min-width:760px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.rtl th,.rtl td{text-align:right}th{background:#f8fafc;font-size:12px;color:#536273;position:sticky;top:0}tr:hover td{background:#fbfdff}.badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#eef2f7}.badge.posted,.badge.paid{background:#dff7f0;color:#0f766e}.badge.draft{background:#f3f4f6}.badge.approved{background:#e0ecff;color:#1d4ed8}.badge.reversed,.badge.cancelled{background:#fee2e2;color:#991b1b}.tree-row td:first-child{font-weight:600}.level-1 td:first-child{padding-left:12px}.level-2 td:first-child{padding-left:28px}.level-3 td:first-child{padding-left:44px}.level-4 td:first-child{padding-left:60px}.rtl .level-1 td:first-child{padding-right:12px;padding-left:12px}.rtl .level-2 td:first-child{padding-right:28px;padding-left:12px}.rtl .level-3 td:first-child{padding-right:44px;padding-left:12px}.rtl .level-4 td:first-child{padding-right:60px;padding-left:12px}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:50;padding:20px}.modal-card{width:min(900px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head button{font-size:22px;border:0;background:none}.modal-card #modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.form-grid .span2{grid-column:1/-1}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h3{margin:0}.empty{text-align:center;padding:40px;color:var(--muted)}.report-title{text-align:center;margin-bottom:20px}.report-title h2{margin:0}.totals{font-weight:700;background:#f8fafc}.alert{padding:12px;border-radius:10px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;margin:10px 0}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.right{text-align:right}.rtl .right{text-align:left}#toast{position:fixed;right:20px;top:20px;z-index:100}.rtl #toast{right:auto;left:20px}.toast{background:#111827;color:#fff;padding:12px 16px;border-radius:10px;margin-bottom:8px;box-shadow:0 8px 30px rgba(0,0,0,.2)}.toast.err{background:#991b1b}@media(max-width:1100px){.grid.kpi{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:220px 1fr}}@media(max-width:800px){.app{display:block}.sidebar{height:auto;position:relative}.sidebar nav{display:flex;overflow:auto}.nav-btn{width:auto;white-space:nowrap}.sidebar-foot{display:none}.topbar{position:relative}.grid.kpi,.grid.two,.form-grid{grid-template-columns:1fr}#content{padding:16px}.topbar{padding:16px;height:auto}}
@media print{.sidebar,.topbar,.toolbar,.no-print{display:none!important}.app{display:block}#content{padding:0}.card{border:0;box-shadow:none}.table-wrap{border:0}body{background:#fff}}