:root{color:#152033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#1f2b3d;background:#fff;border:1px solid #d6deea;border-radius:10px;padding:10px 14px}button:hover{border-color:#8ea4c4}button.primary{color:#fff;background:#173b77;border-color:#173b77}button.danger{color:#a31717;background:#fff1f1;border-color:#facaca}button:disabled{opacity:.6;cursor:wait}.loginPage{background:radial-gradient(circle at 0 0,#dce8ff,#eef2f7 45%,#f8fafc);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#ffffffeb;border:1px solid #e5ecf5;border-radius:28px;width:min(480px,100%);padding:34px;box-shadow:0 22px 70px #142d552e}.brandMark,.logo span{color:#fff;background:#173b77;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.loginCard h1{margin:18px 0 8px}.loginCard p{color:#5f6b7d}.formStack{gap:14px;margin-top:20px;display:grid}label{color:#46566d;gap:7px;font-size:13px;font-weight:650;display:grid}input,select,textarea{color:#152033;background:#fff;border:1px solid #d6deea;border-radius:11px;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:88px}select[multiple]{min-height:120px}small{color:#738198}.demoGrid{grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0;display:grid}.errorText{color:#b42318;background:#fff1f1;border:1px solid #facaca;border-radius:10px;padding:10px}.appShell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#e9f0fa;background:#10233f;flex-direction:column;gap:24px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logo span{background:#2b74e4}.logo small,.userBox small{color:#9fb1c9;display:block}nav{gap:7px;display:grid}nav button{text-align:left;color:#cfdaea;background:0 0;border-color:#0000}nav button.active,nav button:hover{color:#fff;background:#1c3558;border-color:#31537d}.userBox{border-top:1px solid #274161;gap:6px;margin-top:auto;padding-top:18px;display:grid}.userBox .role{text-transform:uppercase;letter-spacing:.08em;color:#93c5fd}.content{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.topbar h1{margin:0}.topbar span{color:#66758b}.gridGap{gap:18px;display:grid}.card{background:#fff;border:1px solid #e3e9f2;border-radius:20px;padding:22px;overflow:hidden;box-shadow:0 8px 24px #2435530f}.card h2{margin-top:0}.statsGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.stat{background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:18px;box-shadow:0 8px 24px #2435530f}.stat small{margin-bottom:8px;display:block}.stat b{font-size:20px}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:15px;display:grid}.formGrid .full{grid-column:1/-1}.formInfo{background:#f5f8fc;border:1px solid #e3e9f2;border-radius:12px;align-self:stretch;padding:12px;font-size:13px}.tableWrap{border:1px solid #e3e9f2;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e8eef6;padding:10px 12px}th{color:#4d5d73;text-transform:capitalize;white-space:nowrap;background:#f6f9fd}tr:last-child td{border-bottom:0}.pill{color:#42526a;text-transform:capitalize;white-space:nowrap;background:#edf2f7;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.pill.open,.pill.approved{color:#17733c;background:#e9f9ef}.pill.pending_closure,.pill.pending_accountant_review,.pill.pending_manager_approval,.pill.manager_approved{color:#8a6100;background:#fff7dc}.pill.closed{color:#3542a1;background:#eef2ff}.cardsGrid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;display:grid}.pcCard{background:#fbfdff;border:1px solid #e3e9f2;border-radius:18px;padding:16px}.pcHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.pcCard p{color:#58677d;margin:6px 0}.miniGrid{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.miniGrid span{color:#64748b;background:#fff;border:1px solid #e7edf6;border-radius:12px;padding:10px;font-size:12px}.miniGrid b{color:#152033}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inlineControl{position:relative}.popup{grid-template-columns:120px auto;align-items:center;gap:6px;margin-left:6px;display:inline-grid}.message{color:#153d6f;background:#eef6ff;border:1px solid #cfe4ff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.message button{padding:2px 8px}.note{color:#153d6f;background:#eef6ff;border:1px solid #cfe4ff;border-radius:14px;padding:14px}.warning{color:#7a5708;background:#fff7dc;border:1px solid #f9e4a8;border-radius:10px;padding:8px}.okText{color:#15803d;font-size:.85rem}.modalOverlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modalCard{background:#fff;border-radius:18px;width:100%;max-width:380px;padding:26px;box-shadow:0 20px 60px #00000040}.modalCard h2{margin:0 0 16px}.modalActions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.approvalList{gap:12px;display:grid}.approvalCard{background:#fbfdff;border:1px solid #e3e9f2;border-radius:16px;justify-content:space-between;gap:16px;padding:16px;display:flex}.approvalCard p{margin:5px 0}a{color:#174ea6;font-weight:650;text-decoration:none}@media (width<=1000px){.appShell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.statsGrid{grid-template-columns:repeat(2,1fr)}.formGrid{grid-template-columns:1fr}.content{padding:18px}}@media (width<=640px){.statsGrid{grid-template-columns:1fr}.approvalCard{display:grid}.demoGrid{grid-template-columns:1fr}}.chartsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chartCard{background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:18px;box-shadow:0 8px 24px #2435530f}.chartCard h3{margin:0 0 14px}.barRow{grid-template-columns:110px 1fr 110px;align-items:center;gap:10px;margin:9px 0;font-size:12px;display:grid}.barRow div{background:#edf2f7;border-radius:999px;height:10px;overflow:hidden}.barRow i{background:#173b77;border-radius:999px;height:100%;display:block}.barRow b{text-align:right;font-size:12px}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.langSwitch{gap:6px;display:grid}.rtl .sidebar nav button,.rtl th,.rtl td{text-align:right}.rtl .barRow b{text-align:left}@media (width<=1000px){.chartsGrid{grid-template-columns:1fr}}@media (width<=720px){.barRow{grid-template-columns:1fr}.barRow b{text-align:left}}.content{width:100%;max-width:1480px;margin:0 auto}.topbar{background:#ffffffbd;border:1px solid #e5ecf5;border-radius:20px;padding:16px 18px;box-shadow:0 8px 28px #2435530d}.card{border-radius:24px;padding:20px}.softCard{background:linear-gradient(#fff,#f8fbff)}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.sectionHeader h2{margin:0 0 4px}.sectionHeader p{color:#64748b;margin:0;font-size:13px}.pageIntro{color:#fff;background:linear-gradient(135deg,#10233f,#1d4f91);border-radius:26px;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex;box-shadow:0 14px 36px #10233f2e}.pageIntro h2{margin:0 0 6px;font-size:28px}.pageIntro p{color:#dbeafe;max-width:780px;margin:0}.pageIntro button{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.reportControlCard{padding-bottom:18px}.relaxedForm,.reportFilters{gap:14px 16px}.reportFilters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.reportFilters select[multiple]{min-height:74px}.nestedFilters{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.advancedFilters{background:#f8fbff;border:1px solid #e3e9f2;border-radius:16px;grid-column:1/-1;padding:12px 14px}.advancedFilters summary{cursor:pointer;color:#1f3b61;font-weight:800}.reportActions{border-top:1px solid #e8eef6;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;display:flex}.summaryStrip{grid-template-columns:repeat(3,minmax(0,1fr))}.summaryStrip .stat{background:linear-gradient(#fff,#f9fbfe)}.compactTable table{font-size:12.5px}.compactTable th,.compactTable td{padding:9px 10px}.tableWrap{max-height:68vh}.tableWrap thead th{z-index:1;position:sticky;top:0}.receiptButton{color:#15559f;white-space:nowrap;background:#eef6ff;border:1px solid #b9d9ff;border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.receiptButton:hover{background:#e0efff;border-color:#5b9eef}.receiptButton.compact{padding:5px 9px;font-size:11.5px}.receiptMissing{color:#7a5708;white-space:nowrap;background:#fff7dc;border:1px solid #f9e4a8;border-radius:999px;padding:5px 9px;font-size:11.5px;font-weight:700;display:inline-block}.receiptList{border-top:1px solid #e8eef6;gap:8px;margin-top:14px;padding-top:12px;display:grid}.receiptRow{background:#fff;border:1px solid #e8eef6;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.receiptRow small{margin-top:3px;display:block}.pcCard{transition:transform .15s,box-shadow .15s}.pcCard:hover{transform:translateY(-1px);box-shadow:0 10px 26px #24355314}input:focus,select:focus,textarea:focus{border-color:#60a5fa;outline:3px solid #dbeafe}@media (width<=1180px){.reportFilters,.nestedFilters{grid-template-columns:repeat(2,minmax(0,1fr))}.summaryStrip{grid-template-columns:1fr}}@media (width<=720px){.pageIntro,.sectionHeader,.receiptRow{display:grid}.reportFilters,.nestedFilters{grid-template-columns:1fr}.tableWrap{max-height:none}}.requestHero{background:linear-gradient(135deg,#fff 0%,#f0fdfa 100%);border:1px solid #0f766e1f;justify-content:space-between;align-items:center;gap:18px;display:flex}.requestHero h2{margin-bottom:6px}.requestHero p{color:#64748b;max-width:780px;margin:0}.requestList{gap:14px;display:grid}textarea{width:100%;font:inherit;color:#0f172a;resize:vertical;background:#fff;border:1px solid #dbe3ea;border-radius:14px;padding:12px 14px}textarea:focus,input:focus,select:focus{border-color:#0d9488;outline:2px solid #0d94882e}.pill.opened,.pill.manager_approved,.pill.pending{color:#047857;background:#ecfdf5}.pill.rejected{color:#b91c1c;background:#fef2f2}:root{--brand:#0f8f83;--brand-dark:#08766c;--brand-soft:#e7f7f4;--ink:#0f172a;--muted:#64748b;--line:#e5eaf0;--surface:#fff;--bg-soft:#f6f8fb}body{background:var(--bg-soft);color:var(--ink)}button.primary{background:linear-gradient(135deg, var(--brand), var(--brand-dark));border-color:var(--brand-dark);box-shadow:0 8px 20px #0f8f832e}button.primary:hover{transform:translateY(-1px)}button{border-color:#dce5ee;border-radius:13px;transition:all .18s}.appShell{background:radial-gradient(circle at 35% -10%,#fff 0,#f7fbfa 35%,#f4f7fb 100%)}.sidebar{color:var(--ink);background:#ffffffeb;border-inline-start:1px solid #eef2f7;box-shadow:-8px 0 34px #0f172a0a}.logo span{background:linear-gradient(135deg, var(--brand), var(--brand-dark));border-radius:16px}.logo small,.userBox small{color:var(--muted)}.logo b{color:var(--brand-dark)}nav button{color:#334155;text-align:start;border-radius:15px;padding:12px 14px;font-weight:750}nav button.active,nav button:hover{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-color:#0000;box-shadow:0 10px 24px #0f8f8333}.userBox{background:#f8fafc;border-top-color:#edf2f7;border-radius:18px;padding:14px}.userBox .role{color:var(--brand-dark)}.topbar{display:none}.content{max-width:1540px;padding:28px 30px}.card,.stat,.chartCard,.dashboardCard{border:1px solid var(--line);background:#ffffffeb;border-radius:24px;box-shadow:0 12px 32px #0f172a0e}.roleDashboard{gap:22px;display:grid}.dashboardHero{border:1px solid var(--line);border-radius:30px;justify-content:space-between;align-items:center;gap:18px;padding:28px 30px;display:flex;box-shadow:0 14px 36px #0f172a0e}.lightHero{background:linear-gradient(135deg,#fff 0%,#f4fbfa 100%)}.dashboardHero h2{letter-spacing:-.02em;margin:0 0 8px;font-size:30px}.dashboardHero p{color:var(--muted);margin:0;font-size:15px}.heroBadge{background:var(--brand-soft);color:var(--brand-dark);white-space:nowrap;border:1px solid #c7ebe5;border-radius:999px;padding:9px 14px;font-weight:850}.roleKpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.roleKpiGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.roleKpi{border:1px solid var(--line);background:#fff;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:14px;min-height:126px;padding:20px;display:flex;box-shadow:0 10px 28px #0f172a0d}.roleKpi small{color:#475569;margin-bottom:8px;font-weight:800;display:block}.roleKpi b{color:var(--ink);font-size:24px;line-height:1.2;display:block}.roleKpi span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.roleKpi em{background:var(--brand-soft);width:52px;height:52px;color:var(--brand-dark);border-radius:18px;flex:none;place-items:center;font-size:23px;font-style:normal;display:grid}.roleKpi.green b{color:var(--brand-dark)}.roleKpi.amber em{color:#c56a00;background:#fff7ed}.dashboardTwo{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;display:grid}.dashboardTwo.wideLeft{grid-template-columns:minmax(0,1.8fr) minmax(360px,.8fr)}.employeeGrid{grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr);gap:18px;display:grid}.dashboardCard{padding:22px;overflow:hidden}.cardTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.cardTitle h3{margin:0;font-size:19px}.cardTitle span{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.usageGrid{grid-template-columns:220px 1fr;align-items:center;gap:28px;display:grid}.donut{background:conic-gradient(var(--brand) 0 var(--pct), #d9ede9 var(--pct) 100%);border-radius:50%;place-items:center;width:205px;height:205px;display:grid;box-shadow:inset 0 0 0 1px #00000008}.donut>div{background:#fff;border-radius:50%;align-content:center;place-items:center;width:134px;height:134px;display:grid;box-shadow:0 8px 22px #0f172a0f}.donut b{font-size:34px}.donut small{margin-top:-8px}.usageLegend{gap:14px;display:grid}.usageLegend div{border-bottom:1px dashed #d9e3ec;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding-bottom:12px;display:grid}.usageLegend div:last-child{border-bottom:0}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.used{background:var(--brand)}.dot.left{background:#d9ede9}.projectSummary{text-align:center;place-items:center;gap:10px;display:grid}.projectSummary .cardIcon{background:var(--brand-soft);border-radius:20px;place-items:center;width:58px;height:58px;font-size:26px;display:grid}.projectSummary h3{margin:0}.projectSummary b{color:var(--brand-dark)}.quickActions{align-content:start;gap:12px;display:grid}.quickActions h3{margin:0 0 4px}.bigAction{min-height:58px;font-size:16px;font-weight:900}.infoBox{color:#28527d;background:#eef6ff;border:1px solid #dbeafe;border-radius:16px;margin:4px 0 0;padding:13px}.durationCard{min-height:360px}.durationLegend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:16px;font-size:12px;display:flex}.durationLegend i{border-radius:50%;width:9px;height:9px;margin-inline-end:6px;display:inline-block}.durationLegend .good{background:var(--brand)}.durationLegend .warn{background:#f59e0b}.durationLegend .dangerDot{background:#ef4444}.durationRows{gap:14px;display:grid}.durationRow{grid-template-columns:180px 1fr 92px;align-items:center;gap:14px;display:grid}.durationName b{display:block}.durationName small{font-size:11px}.durationTrack{background:#edf2f7;border-radius:999px;height:12px;overflow:hidden}.durationTrack i{border-radius:999px;height:100%;display:block}.durationTrack .good{background:linear-gradient(90deg, #38b98c, var(--brand))}.durationTrack .warn{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.durationTrack .danger{background:linear-gradient(90deg,#fb7185,#ef4444)}.durationDays{text-align:end;font-weight:850}.durationDays.good{color:var(--brand-dark)}.durationDays.warn{color:#b45309}.durationDays.danger{color:#b91c1c}.spendBars{align-content:start;display:grid}.spendRow{grid-template-columns:120px 1fr auto;align-items:center;gap:10px;margin:12px 0;font-size:12px;display:grid}.spendRow div{background:#edf2f7;border-radius:999px;height:12px;overflow:hidden}.spendRow i{border-radius:inherit;background:linear-gradient(90deg, #5bd0ba, var(--brand));height:100%;display:block}.spendRow b{white-space:nowrap;font-size:12px}.miniExpenseList{gap:10px;display:grid}.miniExpense{background:#fcfefe;border:1px solid #edf2f7;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.miniExpense b{display:block}.miniExpense small{margin-top:3px;display:block}.miniAmount{text-align:end;justify-items:end;gap:6px;display:grid}.receiptAccess{text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.receiptAccess p{color:var(--muted);max-width:430px}.receiptIcon{background:var(--brand-soft);border-radius:50%;place-items:center;width:84px;height:84px;font-size:38px;display:grid}.emptyText{color:var(--muted);margin:0}.receiptButton{color:var(--brand-dark);background:var(--brand-soft);border-color:#b9e5dc}.receiptButton:hover{border-color:var(--brand);background:#dff5ef}@media (width<=1180px){.roleKpiGrid,.roleKpiGrid.three,.dashboardTwo,.dashboardTwo.wideLeft,.employeeGrid,.usageGrid{grid-template-columns:1fr}.durationRow{grid-template-columns:1fr;gap:8px}.spendRow{grid-template-columns:1fr}.donut{margin:0 auto}}@media (width<=720px){.content{padding:16px}.dashboardHero{padding:22px;display:grid}.dashboardHero h2{font-size:24px}.roleKpi{min-height:auto}.miniExpense{display:grid}.miniAmount{text-align:start;justify-items:start}}.webAnnouncement{color:#064e3b;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 8px 20px #0f766e0f}.webAnnouncement span{color:#334155}.webAnnouncement.urgent{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.announcementList{gap:10px;display:grid}.announcementRow{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.announcementRow p{color:#334155;margin:.35rem 0}.announcementRow.urgent{background:#fff7ed;border-color:#fed7aa}.announcementRow.important{background:#ecfdf5;border-color:#a7f3d0}:root,body,button,input,select,textarea{font-family:Inter,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.content{padding:30px 34px}.card,.dashboardCard,.roleKpi{box-shadow:0 10px 28px #0f172a0b}.formGrid{row-gap:18px}.tableWrap{background:#fff}.pill.pending_manager_approval,.pill.accountant_closure_approved{color:#8a6100;background:#fff7dc}.pill.manager_approved{color:#047857;background:#ecfdf5}.formGrid.roomy{gap:16px 18px}.rowActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rowActions button,.rowActions a{white-space:nowrap}.inlineCheck{color:#526174;align-items:center;gap:8px;font-weight:600;display:inline-flex}.inlineCheck input{width:auto}.sectionHeader .actions input{min-width:220px}.tableWrap td .rowActions{min-width:260px}@media (width<=780px){.sectionHeader .actions{width:100%;display:grid}.sectionHeader .actions input,.tableWrap td .rowActions{min-width:0}}.settlementBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;gap:12px;margin-top:14px;padding:14px;display:grid}.settlementBox.over{background:#fff7ed;border-color:#fed7aa}.settlementBox small{color:#64748b;margin-top:4px;display:block}.settlementFigures{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.settlementFigures span{color:#64748b;background:#ffffffb8;border:1px solid #94a3b833;border-radius:14px;padding:10px;font-size:12px}.settlementFigures b{color:#0f172a;font-size:13px}.dot.danger{background:#f97316}.pill.reimbursement_due,.pill.pending_reimbursement{color:#9a3412;background:#ffedd5}.pill.cash_return_due,.pill.pending_cash_return{color:#075985;background:#e0f2fe}.pill.reimbursed_paid,.pill.cash_return_received,.pill.fully_settled,.pill.not_required{color:#166534;background:#dcfce7}.pill.settled_manually{color:#5b21b6;background:#ede9fe}.actionCell{flex-wrap:wrap;gap:8px;display:flex}.dangerButton{color:#991b1b;background:#fff5f5;border-color:#fecaca}.dangerButton:hover{background:#fee2e2}