:root{--primary:#4F6F68;--primary-700:#3f5953;--accent:#B08968;--bg:#F8F6F3;--surface:#fff;--surface-2:#fbfaf8;--border:#e7e1d8;--text:#1E293B;--muted:#64748B;--success:#2E8B57;--warning:#D97706;--danger:#DC2626;--info:#2563EB;--shadow:0 10px 28px rgba(30,41,59,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Tajawal,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:0;margin-bottom:6px;color:#223047}h3{font-size:15px;margin-bottom:14px;color:#334155}.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(255,255,255,.92);border-right:1px solid var(--border);padding:20px 16px;box-shadow:6px 0 24px rgba(30,41,59,.035);backdrop-filter:blur(14px)}.brand{display:flex;gap:11px;align-items:center;font-weight:800;color:#122033}.brand-title{line-height:1.12}.brand-sub{display:block;font-size:12px;color:var(--muted);font-weight:700;margin-top:2px}.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-weight:800}.nav{margin-top:28px;display:grid;gap:4px}.nav a,.nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#52657f;background:transparent;border:0;text-align:left;font:inherit;font-weight:700;cursor:pointer;transition:.18s ease}.nav a:hover,.nav .active,.nav button:hover{background:#eef3f1;color:var(--primary-700)}.nav form{margin:0}.nav-icon,.icon-badge{width:30px;height:30px;border-radius:10px;display:inline-grid;place-items:center;font-size:13px;font-weight:900;flex:0 0 auto}.nav-dashboard,.tone-info{background:#e8f0ff;color:#2563EB}.nav-add,.tone-success{background:#e7f6ee;color:#2E8B57}.nav-expense,.tone-accent{background:#f4ebe2;color:#B08968}.nav-review,.tone-warning{background:#fff3d7;color:#D97706}.nav-company,.tone-primary{background:#e7efec;color:#4F6F68}.nav-report{background:#eef2f7;color:#64748B}.nav-theme{background:#ede9fe;color:#6d28d9}.nav-logout,.tone-danger{background:#fee2e2;color:#DC2626}.main{padding:26px 30px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.topbar .user-chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px;color:var(--muted);box-shadow:0 4px 14px rgba(30,41,59,.04)}.page-subtitle{color:var(--muted);font-size:14px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.card{padding:18px}.panel{padding:16px}.card-title,.section-title{display:flex;align-items:center;gap:10px;color:#334155;font-weight:900;margin-bottom:16px}.card-title h3,.section-title h3{margin:0;color:#334155}.title-soft{color:#4F6F68}.result-value{color:#B08968;font-size:22px;font-weight:900;letter-spacing:.01em}.result-value.success{color:#2E8B57}.result-value.info{color:#2563EB}.detail-hero{display:grid;gap:14px}.detail-name{font-size:18px;color:#26384f;font-weight:900}.info-line{color:#536780}.soft-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.attachment-item{border:1px solid #efe8df;background:#fffdfb;border-radius:12px;padding:12px;margin-bottom:10px}.timeline-list{display:grid;gap:12px}.timeline-item{border-left:2px solid #e8ded3;padding-left:14px;position:relative}.timeline-item:before{content:"";position:absolute;left:-5px;top:5px;width:8px;height:8px;border-radius:50%;background:#B08968}.timeline-item strong{color:#334155}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-shell{display:grid;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{padding:14px 15px;min-height:92px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:12px;background:#eef3f1}.kpi:nth-child(2n):after{background:#f4ebe2}.kpi:nth-child(3n):after{background:#e8f0ff}.kpi-label{display:block;color:#4F6F68;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.kpi strong{font-size:22px;line-height:1.1;color:#B08968}.kpi-foot{display:block;color:#8a98aa;font-size:12px;margin-top:8px}.chart-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.chart-card{height:300px;padding:16px}.chart-card.small{height:280px}.chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chart-wrap{height:230px}.chart-card.small .chart-wrap{height:210px}.content-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:9px 12px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer;font-size:13px;transition:.18s ease}.btn:hover{background:var(--primary-700)}.btn.secondary{background:#f1ece5;color:var(--text)}.btn.danger{background:var(--danger)}.btn.warn{background:var(--warning)}.btn.success{background:var(--success)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#4F6F68;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:0 10px 9px}.table td{background:#fff;padding:11px 10px;border-top:1px solid #eee8e1;font-size:13px}.table tr:last-child td{border-bottom:1px solid #eee8e1}.table td:first-child,.table th:first-child{padding-left:0}.table td:last-child,.table th:last-child{padding-right:0}.table-wrap{overflow:auto}.badge{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;background:#eef2f7;text-transform:capitalize;white-space:nowrap}.badge.approved{background:#e7f6ee;color:var(--success)}.badge.pending_review{background:#fff3d7;color:var(--warning)}.badge.rejected{background:#fee2e2;color:var(--danger)}.badge.need_more_information{background:#dbeafe;color:var(--info)}.badge.draft{background:#f1f5f9;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #ded8d1;border-radius:10px;padding:10px 11px;background:#fff;color:var(--text);font:inherit}label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#475569}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.toast{background:#ecfdf3;border:1px solid #bfe8cf;color:#166534;padding:11px 14px;border-radius:12px;margin-bottom:16px}.activity-list{display:grid;gap:12px}.activity-item{padding:0 0 12px 18px;border-left:2px solid #e8ded3;position:relative}.activity-item:before{content:"";position:absolute;left:-5px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.activity-item strong{font-size:13px;color:#334155}.quick-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 20%,rgba(176,137,104,.22),transparent 30%),linear-gradient(135deg,#4F6F68,#F8F6F3 55%,#fff)}.login-card{width:min(430px,100%);padding:30px;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 26px 70px rgba(30,41,59,.16);backdrop-filter:blur(18px)}.dark{--bg:#101815;--surface:#17211e;--surface-2:#121b18;--border:#25332f;--text:#eef5f2;--muted:#a8b6b1;--shadow:0 12px 30px rgba(0,0,0,.18)}.dark .sidebar,.dark .table td{background:#17211e;border-color:#25332f}.dark input,.dark select,.dark textarea{background:#101815;border-color:#31413c;color:var(--text)}.dark .topbar .user-chip{background:#17211e;border-color:#25332f}.dark .attachment-item{background:#121b18;border-color:#25332f}.skeleton{min-height:14px;border-radius:10px;background:linear-gradient(90deg,#eee,#f8f8f8,#eee);animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.55}}@media(max-width:1100px){.kpi-grid,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid,.content-grid{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:18px}.grid-4,.grid-3,.grid-2,.filters,.kpi-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.chart-card,.chart-card.small{height:260px}.chart-wrap,.chart-card.small .chart-wrap{height:190px}}
.finance-login{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,rgba(79,111,104,.92) 0%,rgba(79,111,104,.62) 28%,rgba(248,246,243,.82) 56%,#fff 100%)}.finance-login:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;opacity:.45;z-index:-3}.finance-login:after{content:"";position:absolute;inset:auto -10% -18% 36%;height:58%;background:radial-gradient(circle at 30% 30%,rgba(176,137,104,.25),transparent 38%),radial-gradient(circle at 72% 40%,rgba(37,99,235,.12),transparent 34%);filter:blur(10px);z-index:-2}.finance-bg-panel{position:absolute;inset:0;z-index:-1;pointer-events:none}.finance-bg-panel:before{content:"";position:absolute;left:8%;top:11%;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(18px)}.finance-bg-panel:after{content:"";position:absolute;right:11%;top:16%;width:420px;height:280px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.28);box-shadow:0 30px 90px rgba(30,41,59,.08)}.finance-bg-card{position:absolute;width:190px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.36);box-shadow:0 22px 60px rgba(30,41,59,.12);backdrop-filter:blur(16px);color:#1E293B}.finance-bg-card span{display:block;color:#5d6f85;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.finance-bg-card strong{display:block;margin-top:8px;color:#4F6F68;font-size:24px}.bg-card-1{left:15%;bottom:18%}.bg-card-2{right:18%;top:28%}.finance-grid-lines{position:absolute;left:9%;bottom:10%;width:440px;height:180px;background:linear-gradient(180deg,transparent 0 22%,rgba(255,255,255,.34) 22% 23%,transparent 23% 48%,rgba(255,255,255,.24) 48% 49%,transparent 49% 74%,rgba(255,255,255,.18) 74% 75%,transparent 75%),linear-gradient(90deg,transparent 0 20%,rgba(255,255,255,.26) 20% 21%,transparent 21% 42%,rgba(255,255,255,.18) 42% 43%,transparent 43% 64%,rgba(255,255,255,.14) 64% 65%,transparent 65%);opacity:.8}.finance-glass-card{width:min(460px,94vw);padding:32px 34px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.44));border:1px solid rgba(255,255,255,.78);box-shadow:0 34px 95px rgba(30,41,59,.22),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(24px) saturate(1.2)}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:8px}.login-logo{width:46px;height:46px;border-radius:15px}.login-title{font-size:30px;font-weight:900;line-height:1;color:#17243a}.login-subtitle{font-size:15px;font-weight:800;color:#4F6F68;margin-top:5px;letter-spacing:.02em}.login-caption{color:#64748B;font-weight:700;margin-bottom:24px}.login-fields{gap:15px}.login-fields label{color:#334155}.login-fields input{background:rgba(255,255,255,.62);border-color:rgba(79,111,104,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.login-fields input:focus{outline:2px solid rgba(79,111,104,.28);border-color:#4F6F68}.remember-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px}.remember-row input{width:auto}.login-btn{width:100%;padding:12px 14px;background:linear-gradient(135deg,#4F6F68,#3f5953)}.login-help{text-align:center;margin:2px 0 0}@media(max-width:760px){.finance-bg-card,.finance-grid-lines{display:none}.finance-glass-card{padding:28px 22px}.login-title{font-size:26px}}
.professional-nav{margin-top:22px;display:flex;flex-direction:column;gap:14px}.nav-section{display:grid;gap:4px}.nav-section-title{padding:0 10px 4px;color:#97a3b5;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.professional-nav a,.professional-nav button{position:relative;width:100%;min-height:52px;padding:9px 10px;border-radius:13px;gap:11px;color:#506176}.professional-nav a span:last-child,.professional-nav button span:last-child{display:grid;gap:1px;min-width:0}.professional-nav strong{font-size:13px;color:#334155;line-height:1.15}.professional-nav small{font-size:11px;color:#8a98aa;font-weight:700;line-height:1.2}.professional-nav a:hover,.professional-nav button:hover{background:#f4f7f6;box-shadow:inset 0 0 0 1px rgba(79,111,104,.08)}.professional-nav a.active{background:linear-gradient(135deg,rgba(79,111,104,.14),rgba(176,137,104,.08));box-shadow:inset 0 0 0 1px rgba(79,111,104,.16),0 8px 20px rgba(30,41,59,.05)}.professional-nav a.active:before{content:"";position:absolute;left:-16px;top:12px;bottom:12px;width:4px;border-radius:999px;background:var(--primary)}.professional-nav a.active strong{color:var(--primary-700)}.professional-nav .nav-icon{width:34px;height:34px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.nav-section-bottom{margin-top:auto;padding-top:12px;border-top:1px solid #eee8e1}.toast.error{background:#fff1f2;border-color:#fecdd3;color:#991b1b}.dark .professional-nav strong{color:#eef5f2}.dark .professional-nav small,.dark .nav-section-title{color:#94a3b8}.dark .professional-nav a:hover,.dark .professional-nav button:hover{background:#1d2a26}.dark .professional-nav a.active{background:linear-gradient(135deg,rgba(79,111,104,.32),rgba(176,137,104,.14));box-shadow:inset 0 0 0 1px rgba(148,163,184,.12)}.dark .nav-section-bottom{border-top-color:#25332f}@media(max-width:760px){.professional-nav{gap:10px}.nav-section{grid-template-columns:1fr 1fr}.nav-section-title{grid-column:1/-1}.professional-nav a,.professional-nav button{min-height:50px}.professional-nav small{display:none}}
.logo-image{background:#fff;border:1px solid #eadfd7;padding:5px;box-shadow:0 8px 20px rgba(30,41,59,.08)}.logo-image img{width:100%;height:100%;object-fit:contain;display:block}.topbar-user{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:18px;padding:9px 11px;box-shadow:0 10px 26px rgba(30,41,59,.06);min-width:360px}.topbar-avatar{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-weight:900}.topbar-user-info{display:grid;gap:2px;min-width:0;flex:1}.topbar-user-info strong{font-size:13px;color:#223047;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user-info span{font-size:11px;color:#64748B;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-login-time{border-left:1px solid #eee4dc;padding-left:12px;display:grid;gap:2px;text-align:right}.topbar-login-time small{font-size:10px;color:#8a98aa;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.topbar-login-time strong{font-size:12px;color:#4F6F68;white-space:nowrap}.dark .logo-image{background:#fff;border-color:#31413c}.dark .topbar-user{background:#17211e;border-color:#25332f}.dark .topbar-user-info strong{color:#eef5f2}.dark .topbar-user-info span,.dark .topbar-login-time small{color:#94a3b8}.dark .topbar-login-time{border-left-color:#25332f}.login-logo-image{background:#fff!important;border:1px solid rgba(176,137,104,.28)!important;padding:6px!important;box-shadow:0 12px 32px rgba(30,41,59,.12)!important}.login-logo-image img{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:900px){.topbar-user{min-width:0;width:100%}.topbar-login-time{text-align:left}}@media(max-width:760px){.topbar-user{align-items:flex-start;flex-wrap:wrap}.topbar-login-time{width:100%;border-left:0;border-top:1px solid #eee4dc;padding-left:0;padding-top:8px}.dark .topbar-login-time{border-top-color:#25332f}}
.professional-nav{gap:11px}.nav-section{gap:3px}.nav-section-title{padding:0 8px 5px;font-size:11px;color:#64748B;text-transform:none;letter-spacing:0}.professional-nav a,.professional-nav button{min-height:50px;padding:7px 9px;border-radius:14px;gap:12px}.professional-nav .nav-icon{width:42px;height:42px;border-radius:14px;font-size:15px}.professional-nav strong{font-size:14px;letter-spacing:0;color:#44556e}.professional-nav a span:last-child,.professional-nav button span:last-child{display:flex;align-items:center}.professional-nav small{display:none}.professional-nav a.active{background:#edf3f1}.professional-nav a.active:before{left:-16px;top:10px;bottom:10px}.professional-nav a.active .nav-icon{background:#fff;box-shadow:0 8px 18px rgba(30,41,59,.08),inset 0 0 0 1px rgba(79,111,104,.08)}.professional-nav a.active strong{color:#334c46}.dark .professional-nav a.active .nav-icon{background:#22312d}
.brand .logo-image{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;max-height:42px!important;overflow:hidden;border-radius:13px;background:#fff!important;padding:5px!important}.brand .logo-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.app-header{align-items:center;background:rgba(255,255,255,.86);border:1px solid var(--border);border-radius:20px;padding:14px 16px;box-shadow:0 14px 34px rgba(30,41,59,.06);backdrop-filter:blur(14px)}.page-heading h1{font-size:26px;margin-bottom:4px}.topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}.topbar-user{min-width:0;width:auto;display:flex;align-items:center;gap:12px;border:0;background:transparent;box-shadow:none;padding:0}.topbar-user-info,.topbar-user-meta,.topbar-login-time{display:grid;gap:1px;min-width:0}.topbar-user-info small,.topbar-user-meta small,.topbar-login-time small{font-size:10px;color:#8a98aa;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.topbar-user-info strong,.topbar-user-meta strong,.topbar-login-time strong{font-size:13px;color:#122033;white-space:nowrap}.topbar-user-meta,.topbar-login-time{border-left:1px solid #eee4dc;padding-left:12px}.topbar-login-time{text-align:left}.topbar-logout-form{margin:0}.topbar-logout{width:42px;height:42px;border:0;border-radius:14px;background:#fee2e2;color:#dc2626;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.topbar-logout:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.topbar-logout svg{width:21px;height:21px;fill:currentColor}.dark .app-header{background:#17211e;border-color:#25332f}.dark .topbar-user-info strong,.dark .topbar-user-meta strong,.dark .topbar-login-time strong{color:#eef5f2}.dark .topbar-user-meta,.dark .topbar-login-time{border-left-color:#25332f}@media(max-width:1180px){.app-header{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.topbar-user{flex-wrap:wrap}.topbar-login-time{border-left:0;padding-left:0}}@media(max-width:760px){.page-heading h1{font-size:23px}.topbar-actions{align-items:flex-start}.topbar-user-meta{border-left:0;padding-left:0}.topbar-logout{flex:0 0 auto}}
.nav-icon svg{width:20px;height:20px;fill:currentColor}.topbar-logout svg{width:21px;height:21px;fill:currentColor}.card,.panel{border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88));box-shadow:0 18px 45px rgba(30,41,59,.07);border-color:#ece6df}.btn{border-radius:13px;min-height:40px;box-shadow:0 8px 18px rgba(79,111,104,.12)}.table th{color:#4b716a;font-weight:900}.table td{background:transparent}.table tbody tr:hover td{background:rgba(79,111,104,.035)}input,select,textarea{border-radius:13px;min-height:42px;background:rgba(255,255,255,.9)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(79,111,104,.16);border-color:#4F6F68}.filters{align-items:end}.kpi-modern{min-height:104px;padding:18px 70px 16px 18px}.kpi-modern:after{display:none}.kpi-modern .kpi-label{text-transform:none;letter-spacing:0;color:#122033;font-size:14px;margin-bottom:7px}.kpi-modern strong{font-size:24px}.kpi-modern .kpi-foot{font-size:12px}.kpi-icon{position:absolute;right:18px;top:22px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center}.tone-success .kpi-icon{background:#e8f6ee;color:#07845e}.tone-success strong{color:#07845e}.tone-info .kpi-icon{background:#e8f1ff;color:#2869bf}.tone-info strong{color:#2869bf}.tone-warning .kpi-icon{background:#fff1df;color:#d97706}.tone-warning strong{color:#d97706}.tone-danger .kpi-icon{background:#ffe7e7;color:#dc2626}.tone-danger strong{color:#dc2626}.tone-purple .kpi-icon{background:#f0e7ff;color:#7c3aed}.tone-purple strong{color:#7c3aed}.kpi-icon:before{content:"";width:24px;height:24px;display:block;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.icon-calendar:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2zm11 8H6v10h12V10zM8 12h3v3H8v-3z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2zm11 8H6v10h12V10zM8 12h3v3H8v-3z'/%3E%3C/svg%3E")}.icon-company:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21V5l8-3 8 3v16h-6v-5h-4v5H4zm4-12h2V7H8v2zm6 0h2V7h-2v2zM8 13h2v-2H8v2zm6 0h2v-2h-2v2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21V5l8-3 8 3v16h-6v-5h-4v5H4zm4-12h2V7H8v2zm6 0h2V7h-2v2zM8 13h2v-2H8v2zm6 0h2v-2h-2v2z'/%3E%3C/svg%3E")}.icon-clock:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm1 11h5v-2h-4V6h-2v7z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm1 11h5v-2h-4V6h-2v7z'/%3E%3C/svg%3E")}.icon-check:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E")}.icon-x:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3 5.7L12 12l6.3 6.3-1.4 1.4L10.6 13.4 4.3 19.7 2.9 18.3 9.2 12 2.9 5.7 4.3 4.3l6.3 6.3 6.3-6.3 1.4 1.4z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3 5.7L12 12l6.3 6.3-1.4 1.4L10.6 13.4 4.3 19.7 2.9 18.3 9.2 12 2.9 5.7 4.3 4.3l6.3 6.3 6.3-6.3 1.4 1.4z'/%3E%3C/svg%3E")}.icon-info:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 10h2v8h-2v-8zm0-4h2v2h-2V6zm1-4a10 10 0 100 20 10 10 0 000-20z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 10h2v8h-2v-8zm0-4h2v2h-2V6zm1-4a10 10 0 100 20 10 10 0 000-20z'/%3E%3C/svg%3E")}.icon-wallet:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h15a3 3 0 013 3v10H3V6zm2 2v9h14v-4h-5a3 3 0 010-6H5zm9 1a1 1 0 000 2h5V9h-5z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h15a3 3 0 013 3v10H3V6zm2 2v9h14v-4h-5a3 3 0 010-6H5zm9 1a1 1 0 000 2h5V9h-5z'/%3E%3C/svg%3E")}.icon-trend:before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 17l6-6 4 4 6-8v6h-2v-2.2l-3.7 4.9-4.3-4.3L5.4 19 4 17z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 17l6-6 4 4 6-8v6h-2v-2.2l-3.7 4.9-4.3-4.3L5.4 19 4 17z'/%3E%3C/svg%3E")}.empty-state{display:grid;place-items:center;text-align:center;gap:7px;padding:34px 16px;color:#64748B}.empty-state strong{color:#122033}.empty-state small{font-size:12px}.empty-icon{width:58px;height:58px;border-radius:18px;background:#e8f6ee;position:relative;box-shadow:16px -6px 0 rgba(46,139,87,.07),28px -12px 0 rgba(46,139,87,.05)}.empty-icon:before{content:"";position:absolute;inset:16px;background:#4F6F68;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h12v18H6V3zm3 5h6V6H9v2zm0 4h6v-2H9v2zm0 4h6v-2H9v2z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3h12v18H6V3zm3 5h6V6H9v2zm0 4h6v-2H9v2zm0 4h6v-2H9v2z'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.dark .card,.dark .panel{background:#17211e;border-color:#25332f}.dark .empty-state strong{color:#eef5f2}
.mobile-shellbar{display:none}.mobile-menu-button{width:44px;height:44px;border:0;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(30,41,59,.08);place-items:center;gap:4px;padding:11px;cursor:pointer}.mobile-menu-button span{display:block;width:20px;height:2px;background:#4F6F68;border-radius:999px}@media(max-width:760px){.app{display:block;min-height:100vh;padding-top:76px}.mobile-shellbar{position:fixed;z-index:60;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(255,255,255,.92);border-bottom:1px solid #eee4dc;box-shadow:0 12px 30px rgba(30,41,59,.08);backdrop-filter:blur(16px)}.mobile-shellbar .brand{min-width:0}.mobile-shellbar .brand-title{font-size:15px}.mobile-shellbar .brand-sub{font-size:11px}.mobile-shellbar .logo-image{width:44px!important;height:44px!important}.sidebar{position:fixed;z-index:55;top:76px;left:12px;right:12px;height:auto;max-height:calc(100vh - 96px);overflow:auto;padding:14px;border:1px solid #eee4dc;border-radius:22px;box-shadow:0 24px 70px rgba(30,41,59,.18);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s ease}.sidebar.open{transform:translateY(0);opacity:1;pointer-events:auto}.sidebar>.brand{display:none}.professional-nav{margin-top:0;gap:10px}.nav-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-section-title{grid-column:1/-1;padding:6px 4px 2px}.nav-section-bottom{margin-top:0;padding-top:10px}.professional-nav a,.professional-nav button{min-height:58px;background:#fff;border:1px solid #f0e9e2;box-shadow:0 10px 22px rgba(30,41,59,.05)}.professional-nav a.active:before{display:none}.professional-nav a.active{background:#edf3f1;border-color:#dce8e4}.main{padding:18px}.app-header{margin-top:0}.dark .mobile-shellbar,.dark .sidebar,.dark .professional-nav a,.dark .professional-nav button{background:#17211e;border-color:#25332f}}

.dark{--bg:#020b16;--surface:#071525;--surface-2:#0a192b;--border:#1d334c;--text:#f4f8ff;--muted:#a9b8cc;--primary:#34d399;--primary-700:#10b981;--accent:#8b5cf6;--shadow:0 22px 60px rgba(0,0,0,.36)}.dark body{background:radial-gradient(circle at 62% 0,rgba(30,64,175,.16),transparent 36%),radial-gradient(circle at 24% 18%,rgba(16,185,129,.08),transparent 28%),linear-gradient(135deg,#020712 0%,#03101f 48%,#061426 100%);color:var(--text)}.dark .app{background:transparent}.dark .sidebar{background:linear-gradient(180deg,rgba(2,11,22,.98),rgba(3,13,27,.96));border-right:1px solid rgba(80,108,143,.28);box-shadow:12px 0 44px rgba(0,0,0,.42);backdrop-filter:blur(20px)}.dark .brand{color:#fff}.dark .brand-sub,.dark .page-subtitle,.dark .muted{color:#b1c0d4}.dark .brand .logo-image{background:rgba(6,18,34,.86)!important;border-color:rgba(139,92,246,.34)!important;box-shadow:0 0 0 1px rgba(52,211,153,.08),0 14px 34px rgba(0,0,0,.34)}.dark h1,.dark h2,.dark h3,.dark .card-title h3,.dark .section-title h3{color:#f8fbff}.dark .app-header{background:linear-gradient(135deg,rgba(9,23,42,.88),rgba(8,20,36,.72));border-color:rgba(91,120,154,.26);box-shadow:0 26px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(22px)}.dark .topbar-avatar{background:linear-gradient(135deg,#047857,#34d399);box-shadow:0 12px 30px rgba(16,185,129,.18)}.dark .topbar-user-info small,.dark .topbar-user-meta small,.dark .topbar-login-time small{color:#8fa4bd}.dark .topbar-user-info strong,.dark .topbar-user-meta strong,.dark .topbar-login-time strong{color:#fff}.dark .topbar-user-meta,.dark .topbar-login-time{border-left-color:rgba(91,120,154,.24)}.dark .topbar-logout{background:rgba(239,68,68,.16);color:#f87171;border:1px solid rgba(239,68,68,.18)}.dark .topbar-logout:hover{background:#ef4444;color:#fff}.dark .professional-nav .nav-section-title{color:#9db0c6}.dark .professional-nav a,.dark .professional-nav button{color:#dbe7f5;background:transparent;border-color:transparent;box-shadow:none}.dark .professional-nav strong{color:#edf6ff}.dark .professional-nav a:hover,.dark .professional-nav button:hover{background:rgba(15,32,55,.82);box-shadow:inset 0 0 0 1px rgba(91,120,154,.18)}.dark .professional-nav a.active{background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(37,99,235,.08));box-shadow:inset 0 0 0 1px rgba(52,211,153,.16),0 18px 34px rgba(0,0,0,.22)}.dark .professional-nav a.active:before{background:#34d399;box-shadow:0 0 18px rgba(52,211,153,.75)}.dark .professional-nav a.active strong{color:#4ade80}.dark .professional-nav .nav-icon{box-shadow:none}.dark .nav-dashboard,.dark .tone-success{background:rgba(16,185,129,.15);color:#4ade80}.dark .nav-add{background:rgba(16,185,129,.14);color:#4ade80}.dark .nav-company,.dark .tone-primary{background:rgba(45,212,191,.13);color:#2dd4bf}.dark .nav-review,.dark .tone-warning{background:rgba(245,158,11,.14);color:#f59e0b}.dark .nav-report{background:rgba(96,165,250,.13);color:#93c5fd}.dark .nav-theme{background:rgba(139,92,246,.18);color:#a78bfa}.dark .nav-expense,.dark .tone-accent{background:rgba(176,137,104,.16);color:#f3c99e}.dark .card,.dark .panel{background:linear-gradient(145deg,rgba(8,22,40,.86),rgba(6,17,32,.72));border-color:rgba(91,120,154,.28);box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(16px)}.dark .kpi-modern .kpi-label{color:#f5f9ff}.dark .kpi-modern .kpi-foot{color:#b0c0d5}.dark .tone-success .kpi-icon{background:rgba(16,185,129,.14);color:#4ade80}.dark .tone-success strong{color:#34d399}.dark .tone-info .kpi-icon{background:rgba(59,130,246,.16);color:#60a5fa}.dark .tone-info strong{color:#60a5fa}.dark .tone-warning .kpi-icon{background:rgba(245,158,11,.16);color:#f59e0b}.dark .tone-warning strong{color:#f59e0b}.dark .tone-danger .kpi-icon{background:rgba(239,68,68,.16);color:#f87171}.dark .tone-danger strong{color:#f87171}.dark .tone-purple .kpi-icon{background:rgba(168,85,247,.18);color:#c084fc}.dark .tone-purple strong{color:#a855f7}.dark .table th{color:#b9c9df;border-bottom-color:rgba(91,120,154,.22)}.dark .table td{background:transparent;border-top-color:rgba(91,120,154,.22);color:#dbe7f5}.dark .table tr:last-child td{border-bottom-color:rgba(91,120,154,.22)}.dark .table tbody tr:hover td{background:rgba(30,64,111,.18)}.dark input,.dark select,.dark textarea{background:rgba(3,14,28,.88);border-color:rgba(91,120,154,.35);color:#f4f8ff}.dark input:focus,.dark select:focus,.dark textarea:focus{outline-color:rgba(52,211,153,.2);border-color:#34d399}.dark label{color:#d3def0}.dark .btn{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 14px 28px rgba(16,185,129,.16)}.dark .btn:hover{background:linear-gradient(135deg,#059669,#047857)}.dark .btn.secondary{background:rgba(148,163,184,.12);color:#e5eefb;border:1px solid rgba(148,163,184,.18)}.dark .attachment-item{background:rgba(3,14,28,.7);border-color:rgba(91,120,154,.25)}.dark .info-line{color:#b5c5d8}.dark .activity-item{border-left-color:rgba(91,120,154,.4)}.dark .activity-item:before{background:#34d399;box-shadow:0 0 14px rgba(52,211,153,.75)}.dark .activity-item strong{color:#f5f9ff}.dark .empty-state strong{color:#fff}.dark .empty-icon{background:rgba(16,185,129,.16);box-shadow:16px -6px 0 rgba(16,185,129,.08),28px -12px 0 rgba(16,185,129,.04)}.dark .empty-icon:before{background:#6ee7b7}.dark .badge{background:rgba(148,163,184,.14);color:#dbe7f5}.dark .badge.approved{background:rgba(16,185,129,.14);color:#4ade80}.dark .badge.pending_review{background:rgba(245,158,11,.14);color:#fbbf24}.dark .badge.rejected{background:rgba(239,68,68,.14);color:#f87171}.dark .badge.need_more_information{background:rgba(59,130,246,.14);color:#60a5fa}.dark .toast{background:rgba(16,185,129,.13);border-color:rgba(16,185,129,.24);color:#bbf7d0}.dark .toast.error{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.28);color:#fecaca}.dark .chart-card canvas{filter:saturate(1.25)}.dark .mobile-shellbar{background:rgba(2,11,22,.92);border-bottom-color:rgba(91,120,154,.26);box-shadow:0 16px 38px rgba(0,0,0,.38)}.dark .mobile-menu-button{background:rgba(8,22,40,.92);border:1px solid rgba(91,120,154,.24)}.dark .mobile-menu-button span{background:#34d399}@media(max-width:760px){.dark .sidebar{background:linear-gradient(180deg,rgba(4,14,27,.98),rgba(5,17,33,.96));border-color:rgba(91,120,154,.28);box-shadow:0 30px 80px rgba(0,0,0,.55)}.dark .professional-nav a,.dark .professional-nav button{background:rgba(8,22,40,.82);border-color:rgba(91,120,154,.22)}.dark .professional-nav a.active{background:rgba(16,185,129,.16);border-color:rgba(52,211,153,.22)}}
#report-results{position:relative;transition:opacity .18s ease,filter .18s ease}#report-results.is-loading{opacity:.55;filter:saturate(.7)}#report-results.is-loading:after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:reportLoading 1s infinite;pointer-events:none}@keyframes reportLoading{0%{transform:translateX(-60%)}100%{transform:translateX(60%)}}.dark #report-results.is-loading:after{background:linear-gradient(90deg,transparent,rgba(96,165,250,.12),transparent)}
.nav-help{background:#e8f0ff;color:#2563EB}.help-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:18px;padding:24px}.help-eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e8f6ee;color:#047857;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.help-hero h2{margin:0 0 8px;font-size:26px;color:#122033}.help-hero p{max-width:760px;margin:0;color:#64748B;font-size:14px}.help-hero-badge{min-width:190px;border:1px solid #ece6df;border-radius:18px;padding:16px;background:linear-gradient(135deg,#fff,#f8fbfa);display:grid;gap:5px;justify-items:start;box-shadow:0 14px 32px rgba(30,41,59,.06)}.help-hero-icon{width:46px;height:46px;border-radius:15px;background:#e8f0ff;color:#2563EB;display:grid;place-items:center}.help-hero-icon svg{width:24px;height:24px;fill:currentColor}.help-hero-badge strong{font-size:15px;color:#122033}.help-hero-badge small{color:#64748B;font-weight:800}.help-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.help-toc{position:sticky;top:24px;display:grid;gap:7px}.help-toc h3{margin-bottom:8px}.help-toc a{display:flex;align-items:center;min-height:38px;padding:8px 10px;border-radius:10px;color:#52657f;font-weight:800;transition:.18s ease}.help-toc a:hover{background:#eef3f1;color:#3f5953}.help-content{display:grid;gap:16px}.help-section{padding:22px}.help-section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.help-step{width:42px;height:42px;border-radius:14px;background:#e8f6ee;color:#047857;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.help-section h3{margin:0 0 4px;font-size:18px;color:#122033}.help-section p{margin:0;color:#64748B}.help-list{margin:0;padding-left:20px;color:#334155;display:grid;gap:9px}.help-list li::marker{color:#4F6F68;font-weight:900}.help-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:#e8f6ee;color:#22483e;border:1px solid #cfe9dd;font-weight:700}.help-note.warning{background:#fff4e5;color:#7c4a03;border-color:#fde0b2}.help-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.help-cards div,.help-status-grid div{border:1px solid #ece6df;border-radius:14px;background:#fffdfb;padding:14px}.help-cards strong{display:block;color:#122033;margin-bottom:6px}.help-cards span{display:block;color:#64748B;font-size:13px}.help-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-status-grid p{margin-top:8px;font-size:13px}.dark .nav-help{background:rgba(59,130,246,.16);color:#60a5fa}.dark .help-eyebrow{background:rgba(16,185,129,.14);color:#4ade80}.dark .help-hero h2,.dark .help-section h3,.dark .help-hero-badge strong,.dark .help-cards strong{color:#fff}.dark .help-hero p,.dark .help-section p,.dark .help-cards span,.dark .help-hero-badge small{color:#b1c0d4}.dark .help-hero-badge,.dark .help-cards div,.dark .help-status-grid div{background:rgba(3,14,28,.7);border-color:rgba(91,120,154,.25)}.dark .help-hero-icon{background:rgba(59,130,246,.16);color:#60a5fa}.dark .help-toc a{color:#dbe7f5}.dark .help-toc a:hover{background:rgba(15,32,55,.82);color:#4ade80}.dark .help-list{color:#dbe7f5}.dark .help-note{background:rgba(16,185,129,.13);border-color:rgba(16,185,129,.24);color:#bbf7d0}.dark .help-note.warning{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.24);color:#fde68a}@media(max-width:980px){.help-grid{grid-template-columns:1fr}.help-toc{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.help-toc h3{grid-column:1/-1}.help-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.help-hero{flex-direction:column;align-items:flex-start}.help-hero-badge{width:100%}.help-toc,.help-cards,.help-status-grid{grid-template-columns:1fr}.help-section-head{align-items:center}.help-section{padding:18px}}
.review-bulk-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.review-bulk-head h3{margin-bottom:3px}.review-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.review-bulk-actions form{margin:0}.review-table th:first-child,.review-table td:first-child{width:42px;text-align:center;padding-left:10px}.review-table input[type=checkbox]{width:18px;height:18px;min-height:auto;accent-color:#2E8B57}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.dark .review-table input[type=checkbox]{accent-color:#34d399}@media(max-width:760px){.review-bulk-head{align-items:flex-start;flex-direction:column}.review-bulk-actions{width:100%}.review-bulk-actions .btn,.review-bulk-actions form{width:100%}}
.review-detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;align-items:start}.review-summary-card{padding:22px}.review-summary-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #eee8e1;padding-bottom:18px;margin-bottom:18px}.review-summary-top h2{margin:0 0 4px;font-size:24px;color:#122033}.review-amount-block{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#f7fbf9,#fff7ee);border:1px solid #efe6dc;margin-bottom:18px}.review-amount-block span,.review-field span,.review-description-grid span{display:block;color:#64748B;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.review-amount-block strong{font-size:30px;color:#B08968;line-height:1}.review-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.review-field{min-height:82px;padding:13px 14px;border:1px solid #eee8e1;background:#fffdfb;border-radius:14px}.review-field strong{display:block;color:#122033;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.review-description-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.review-description-grid>div{padding:14px;border:1px solid #eee8e1;background:#fffdfb;border-radius:14px;min-height:110px}.review-description-grid p{margin:0;color:#334155;white-space:pre-wrap;overflow-wrap:anywhere}.review-action-card{position:sticky;top:22px}.review-action-card textarea{min-height:96px;resize:vertical}.review-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.review-action-buttons .btn.warn{grid-column:1/-1}.review-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.review-attachment-item{display:flex;justify-content:space-between;gap:14px;align-items:center}.review-attachment-item strong{display:block;overflow-wrap:anywhere}.empty-state.compact{padding:18px}.review-timeline .timeline-item p{margin:6px 0 0;color:#334155}.review-delete-card{margin-top:18px;border-color:#fecaca;background:linear-gradient(180deg,#fffafa,#fff)}.review-delete-content{display:flex;justify-content:space-between;gap:14px;align-items:center}.dark .review-summary-top{border-bottom-color:rgba(91,120,154,.22)}.dark .review-summary-top h2,.dark .review-field strong{color:#fff}.dark .review-amount-block{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(245,158,11,.08));border-color:rgba(91,120,154,.25)}.dark .review-field,.dark .review-description-grid>div{background:rgba(3,14,28,.7);border-color:rgba(91,120,154,.25)}.dark .review-description-grid p,.dark .review-timeline .timeline-item p{color:#dbe7f5}.dark .review-delete-card{background:linear-gradient(145deg,rgba(127,29,29,.18),rgba(6,17,32,.72));border-color:rgba(239,68,68,.28)}@media(max-width:1180px){.review-detail-layout,.review-secondary-grid{grid-template-columns:1fr}.review-action-card{position:relative;top:auto}.review-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.review-summary-top,.review-amount-block,.review-attachment-item,.review-delete-content{flex-direction:column;align-items:flex-start}.review-field-grid,.review-description-grid,.review-action-buttons{grid-template-columns:1fr}.review-amount-block strong{font-size:26px}.review-summary-top h2{font-size:21px}}

nav[role="navigation"][aria-label*="Pagination"],nav[role="navigation"][aria-label*="pagination"]{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:12px 2px;color:#64748B;font-size:13px;line-height:1.2;flex-wrap:wrap}nav[role="navigation"][aria-label*="Pagination"] svg,nav[role="navigation"][aria-label*="pagination"] svg,.pagination svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;display:inline-block;vertical-align:middle;overflow:visible}nav[role="navigation"][aria-label*="Pagination"] a,nav[role="navigation"][aria-label*="Pagination"] span,nav[role="navigation"][aria-label*="pagination"] a,nav[role="navigation"][aria-label*="pagination"] span,.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:8px 10px;border:1px solid #eee4dc;border-radius:11px;background:#fff;color:#334155;font-weight:800;box-shadow:0 8px 18px rgba(30,41,59,.035);text-decoration:none}nav[role="navigation"][aria-label*="Pagination"] a:hover,nav[role="navigation"][aria-label*="pagination"] a:hover,.pagination a:hover{background:#edf3f1;color:#3f5953;border-color:#dce8e4}nav[role="navigation"][aria-label*="Pagination"] [aria-current="page"] span,nav[role="navigation"][aria-label*="pagination"] [aria-current="page"] span,.pagination .active span{background:#4F6F68;color:#fff;border-color:#4F6F68}nav[role="navigation"][aria-label*="Pagination"] [aria-disabled="true"] span,nav[role="navigation"][aria-label*="pagination"] [aria-disabled="true"] span,.pagination .disabled span{opacity:.45;box-shadow:none;cursor:not-allowed}nav[role="navigation"][aria-label*="Pagination"] p,nav[role="navigation"][aria-label*="pagination"] p{margin:0;color:#64748B;font-size:13px}.pagination{display:flex;align-items:center;gap:7px;list-style:none;margin:18px 0 0;padding:0;flex-wrap:wrap}.dark nav[role="navigation"][aria-label*="Pagination"],.dark nav[role="navigation"][aria-label*="pagination"]{color:#a9b8cc}.dark nav[role="navigation"][aria-label*="Pagination"] a,.dark nav[role="navigation"][aria-label*="Pagination"] span,.dark nav[role="navigation"][aria-label*="pagination"] a,.dark nav[role="navigation"][aria-label*="pagination"] span,.dark .pagination a,.dark .pagination span{background:rgba(8,22,40,.82);border-color:rgba(91,120,154,.25);color:#dbe7f5;box-shadow:none}.dark nav[role="navigation"][aria-label*="Pagination"] a:hover,.dark nav[role="navigation"][aria-label*="pagination"] a:hover,.dark .pagination a:hover{background:rgba(16,185,129,.13);color:#4ade80;border-color:rgba(52,211,153,.24)}.dark nav[role="navigation"][aria-label*="Pagination"] [aria-current="page"] span,.dark nav[role="navigation"][aria-label*="pagination"] [aria-current="page"] span,.dark .pagination .active span{background:#047857;color:#fff;border-color:#10b981}.dark nav[role="navigation"][aria-label*="Pagination"] p,.dark nav[role="navigation"][aria-label*="pagination"] p{color:#a9b8cc}@media(max-width:760px){nav[role="navigation"][aria-label*="Pagination"],nav[role="navigation"][aria-label*="pagination"]{align-items:flex-start;flex-direction:column}nav[role="navigation"][aria-label*="Pagination"] a,nav[role="navigation"][aria-label*="Pagination"] span,nav[role="navigation"][aria-label*="pagination"] a,nav[role="navigation"][aria-label*="pagination"] span,.pagination a,.pagination span{min-width:32px;min-height:32px;padding:7px 9px}}

.funding-payments-card{padding:18px 18px 14px}.funding-table-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.funding-table-head .card-title{margin-bottom:0}.funding-table-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.funding-period-pill{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;background:#f4ebe2;color:#7c5d43;font-weight:900;font-size:12px;border:1px solid #eadfd4}.funding-table{border-collapse:separate;border-spacing:0 8px}.funding-table th{padding:0 12px 8px}.funding-table td{border-top:0!important;border-bottom:0!important;background:#fffdfb!important;padding:14px 12px;vertical-align:middle}.funding-table tbody tr td:first-child{border-radius:14px 0 0 14px;border-left:1px solid #eee6dd}.funding-table tbody tr td:last-child{border-radius:0 14px 14px 0;border-right:1px solid #eee6dd}.funding-table tbody tr td{border-top:1px solid #eee6dd!important;border-bottom:1px solid #eee6dd!important}.funding-table tbody tr:hover td{background:#f7fbf9!important;box-shadow:0 12px 26px rgba(30,41,59,.035)}.funding-source-chip,.funding-month-chip,.funding-reference{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;white-space:nowrap}.funding-source-chip{background:#e8f6ee;color:#166534}.funding-month-chip{background:#e8f0ff;color:#1d4ed8}.funding-reference{background:#f8f3ee;color:#7c5d43}.funding-amount{font-size:15px;font-weight:900;color:#B08968;white-space:nowrap}.funding-notes{display:block;max-width:420px;color:#334155;line-height:1.35;overflow-wrap:anywhere}.dark .funding-period-pill{background:rgba(176,137,104,.16);color:#f3c99e;border-color:rgba(176,137,104,.24)}.dark .funding-table td{background:rgba(8,22,40,.72)!important}.dark .funding-table tbody tr td{border-color:rgba(91,120,154,.24)!important}.dark .funding-table tbody tr:hover td{background:rgba(16,185,129,.08)!important;box-shadow:none}.dark .funding-source-chip{background:rgba(16,185,129,.14);color:#4ade80}.dark .funding-month-chip{background:rgba(59,130,246,.16);color:#60a5fa}.dark .funding-reference{background:rgba(176,137,104,.16);color:#f3c99e}.dark .funding-amount{color:#f3c99e}.dark .funding-notes{color:#dbe7f5}@media(max-width:900px){.funding-table-head{align-items:flex-start;flex-direction:column}.funding-table-actions,.funding-table-actions .btn{width:100%}.funding-period-pill{width:100%;justify-content:center}.funding-notes{max-width:260px}}

.category-mix-card{height:auto;min-height:300px;padding:24px;overflow:hidden}.category-mix-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.category-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}.category-title-icon{width:54px;height:54px;border-radius:18px;background:#e8f1ed;color:#4F6F68;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(79,111,104,.08);flex:0 0 auto}.category-title-icon:before{content:"";width:26px;height:26px;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2v20A10 10 0 1111 2zm2 0a10 10 0 019 9h-9V2zm0 11h9a10 10 0 01-9 9v-9z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2v20A10 10 0 1111 2zm2 0a10 10 0 019 9h-9V2zm0 11h9a10 10 0 01-9 9v-9z'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.category-title-wrap h3{margin:0;font-size:22px;color:#122033}.category-title-wrap p{margin:3px 0 0;color:#64748B;font-size:14px}.category-top-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:999px;background:#f3f8f6;color:#4F6F68;border:1px solid #dce8e4;font-weight:900}.category-mix-body{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(300px,1.05fr);gap:24px;align-items:center;min-width:0}.category-chart-area{position:relative;min-height:250px;display:grid;place-items:center;width:100%;min-width:0;overflow:hidden}.category-chart-wrap{width:min(100%,260px);height:250px;margin:0 auto}.category-chart-wrap canvas{max-width:100%!important;max-height:100%!important}.category-total-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;align-content:center}.category-total-center span{display:block;color:#64748B;font-weight:800;margin-bottom:6px}.category-total-center strong{display:block;color:#122033;font-size:27px;line-height:1}.category-list{display:grid;gap:0;min-width:0}.category-list-row{display:grid;grid-template-columns:18px minmax(120px,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #e5e9ee;min-width:0}.category-list-row:last-child{border-bottom:0}.category-dot{width:14px;height:14px;border-radius:50%;background:var(--cat-color);box-shadow:0 4px 10px color-mix(in srgb,var(--cat-color) 28%,transparent)}.category-list-row strong{font-size:14px;color:#122033;overflow-wrap:anywhere;min-width:0}.category-value{color:#536780;font-weight:800;white-space:nowrap}.category-percent{min-width:54px;text-align:center;border-radius:11px;padding:6px 9px;background:color-mix(in srgb,var(--cat-color) 14%,#fff);color:var(--cat-color);font-weight:900}.category-insight{display:flex;align-items:center;gap:12px;margin-top:18px;color:#536780;font-size:14px}.category-insight .kpi-icon{position:static;width:42px;height:42px;flex:0 0 auto}.dark .category-title-icon{background:rgba(16,185,129,.14);color:#4ade80}.dark .category-title-wrap h3,.dark .category-total-center strong,.dark .category-list-row strong{color:#fff}.dark .category-title-wrap p,.dark .category-total-center span,.dark .category-value,.dark .category-insight{color:#b1c0d4}.dark .category-top-pill{background:rgba(16,185,129,.11);color:#4ade80;border-color:rgba(52,211,153,.22)}.dark .category-list-row{border-bottom-color:rgba(91,120,154,.22)}.dark .category-percent{background:rgba(255,255,255,.08)}@media(max-width:1180px){.category-mix-body{grid-template-columns:1fr}.category-chart-area{min-height:230px}.category-chart-wrap{height:230px}}@media(max-width:760px){.category-mix-card{padding:18px}.category-mix-head{align-items:flex-start;flex-direction:column}.category-title-wrap{align-items:center;width:100%}.category-title-wrap h3{font-size:20px}.category-top-pill{min-height:38px;padding:8px 15px}.category-mix-body{gap:16px}.category-chart-area{min-height:220px}.category-chart-wrap{width:min(220px,82vw);height:220px}.category-total-center strong{font-size:21px}.category-total-center span{font-size:12px}.category-list-row{grid-template-columns:16px minmax(0,1fr) auto;gap:10px;padding:12px 0}.category-value{grid-column:2/3;font-size:12px;white-space:normal}.category-percent{grid-column:3/4;grid-row:1/3;align-self:center;min-width:48px;padding:6px 8px}.category-insight{align-items:flex-start;font-size:13px}}

@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.app,.main,.dashboard-shell,.chart-grid,.content-grid,.grid,.card,.panel,.chart-card,.category-mix-card{max-width:100%;min-width:0}.main{overflow:hidden;padding:14px 8px}.dashboard-shell{gap:12px}.quick-row{align-items:flex-start;flex-direction:column;margin-bottom:10px}.quick-row .btn{width:100%}.filters.card{padding:14px 12px;border-radius:17px;gap:10px}.filters .btn,.filters a.btn{width:100%;min-height:42px}.kpi-grid,.grid-4{gap:10px}.kpi{min-height:98px;padding:15px 16px;border-radius:18px}.kpi strong{font-size:22px;word-break:break-word}.kpi .kpi-icon{right:14px;top:14px}.chart-grid,.content-grid{gap:12px}.chart-card{height:auto!important;min-height:250px;padding:16px 14px;border-radius:18px;overflow:hidden}.chart-head{align-items:flex-start;gap:8px}.chart-wrap{position:relative;width:100%;height:190px!important;overflow:hidden}.chart-wrap canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.category-mix-card{padding:16px 14px;border-radius:18px}.category-mix-head{gap:12px;margin-bottom:12px}.category-title-icon{width:48px;height:48px;border-radius:16px}.category-title-wrap{gap:12px}.category-title-wrap p{font-size:13px;line-height:1.35}.category-mix-body{grid-template-columns:1fr;gap:14px;width:100%;overflow:hidden}.category-chart-area{min-height:210px;width:100%;overflow:hidden}.category-chart-wrap{width:210px!important;height:210px!important;max-width:calc(100vw - 64px);margin-inline:auto}.category-chart-wrap canvas{display:block!important;width:100%!important;height:100%!important}.category-total-center{inset:0}.category-total-center strong{font-size:20px}.category-total-center span{font-size:11px;max-width:84px;margin-inline:auto}.category-list-row{grid-template-columns:16px minmax(0,1fr) 52px;width:100%}.category-list-row strong{font-size:13px;line-height:1.25}.category-value{font-size:12px;line-height:1.25}.category-percent{font-size:12px}.category-insight{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:12px}.category-insight .kpi-icon{width:34px;height:34px}.content-grid .panel{overflow:hidden}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap .table{min-width:680px}.table th,.table td{padding:10px 9px;font-size:12px;white-space:normal}.activity-list{gap:8px}.activity-item{padding-bottom:10px}.app-header{border-radius:18px;padding:14px 12px}.page-heading h1{font-size:22px;line-height:1.18}.page-subtitle{font-size:13px}}@media(max-width:420px){.main{padding-left:6px;padding-right:6px}.category-chart-wrap{width:190px!important;height:190px!important}.category-chart-area{min-height:194px}.category-total-center strong{font-size:18px}.category-total-center span{font-size:10px}.kpi strong{font-size:21px}.table-wrap .table{min-width:620px}}

.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions form{margin:0}.company-delete-summary{margin-top:18px;border-color:#fecaca;background:linear-gradient(180deg,#fffafa,#fff)}.delete-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.delete-summary-grid div{border:1px solid #fee2e2;background:#fff7f7;border-radius:14px;padding:13px 14px}.delete-summary-grid strong{display:block;color:#dc2626;font-size:22px;line-height:1}.delete-summary-grid span{display:block;margin-top:6px;color:#64748B;font-size:12px;font-weight:800}.dark .company-delete-summary{background:linear-gradient(145deg,rgba(127,29,29,.18),rgba(6,17,32,.72));border-color:rgba(239,68,68,.28)}.dark .delete-summary-grid div{background:rgba(127,29,29,.14);border-color:rgba(239,68,68,.24)}.dark .delete-summary-grid strong{color:#f87171}.dark .delete-summary-grid span{color:#cbd5e1}@media(max-width:900px){.delete-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.table-actions{align-items:stretch;flex-direction:column}.table-actions .btn,.table-actions form{width:100%}.delete-summary-grid{grid-template-columns:1fr}}

.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-hero,.settings-danger{display:grid;align-content:start;gap:14px;min-height:220px}.settings-hero{background:linear-gradient(145deg,#ffffff,#f7fbf9)}.settings-danger{border-color:#fecaca;background:linear-gradient(145deg,#fffafa,#fff)}.settings-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:#7f1d1d}.settings-check input{width:auto;min-height:auto}.dark .settings-hero{background:linear-gradient(145deg,rgba(8,22,40,.86),rgba(16,185,129,.08))}.dark .settings-danger{background:linear-gradient(145deg,rgba(127,29,29,.18),rgba(6,17,32,.72));border-color:rgba(239,68,68,.28)}.dark .settings-check{color:#fecaca}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}

.invoice-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.invoice-tabs a{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #ece6df;color:#52657f;font-weight:900;box-shadow:0 8px 18px rgba(30,41,59,.04)}.invoice-tabs a.active,.invoice-tabs a:hover{background:#e8f6ee;color:#047857;border-color:#cfe9dd}.invoice-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 12px}.invoice-section-head h3{margin:0}.invoice-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.invoice-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.invoice-item-table input,.invoice-item-table select{min-width:120px}.invoice-show-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.invoice-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #eee8e1;padding-bottom:16px;margin-bottom:16px}.invoice-summary-head h2{font-size:26px;margin:4px 0;color:#122033}.invoice-total-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.invoice-total-box div,.invoice-meta,.invoice-notes div{border:1px solid #eee8e1;background:#fffdfb;border-radius:15px;padding:14px}.invoice-total-box span,.invoice-meta span,.invoice-notes span{display:block;color:#64748B;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.invoice-total-box strong{font-size:22px;color:#B08968}.invoice-total-box strong.success{color:#047857}.invoice-total-box strong.info{color:#2869bf}.invoice-meta strong{color:#122033}.invoice-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.invoice-notes p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#334155}.inline-generate{display:flex;gap:8px;align-items:center}.inline-generate input{min-width:145px}.badge.issued,.badge.sent{background:#e8f0ff;color:#2563EB}.badge.paid{background:#e7f6ee;color:#2E8B57}.badge.partially_paid{background:#fff3d7;color:#D97706}.badge.overdue{background:#fee2e2;color:#DC2626}.badge.cancelled,.badge.rejected{background:#f1f5f9;color:#64748B}.dark .invoice-tabs a{background:rgba(8,22,40,.72);border-color:rgba(91,120,154,.24);color:#dbe7f5}.dark .invoice-tabs a.active,.dark .invoice-tabs a:hover{background:rgba(16,185,129,.14);color:#4ade80;border-color:rgba(52,211,153,.24)}.dark .invoice-summary-head{border-bottom-color:rgba(91,120,154,.22)}.dark .invoice-summary-head h2,.dark .invoice-meta strong{color:#fff}.dark .invoice-total-box div,.dark .invoice-meta,.dark .invoice-notes div{background:rgba(3,14,28,.7);border-color:rgba(91,120,154,.25)}.dark .invoice-notes p{color:#dbe7f5}@media(max-width:1100px){.invoice-show-grid{grid-template-columns:1fr}.invoice-action-grid{grid-template-columns:1fr}}@media(max-width:760px){.invoice-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.invoice-tabs a{justify-content:center;min-height:38px;padding:8px 10px;font-size:12px}.invoice-section-head,.invoice-actions{align-items:stretch;flex-direction:column}.invoice-actions .btn,.invoice-section-head .btn{width:100%}.invoice-total-box,.invoice-notes{grid-template-columns:1fr}.invoice-summary-head{flex-direction:column}.invoice-summary-head h2{font-size:22px}.inline-generate{align-items:stretch;flex-direction:column}.inline-generate .btn{width:100%}.invoice-item-table{min-width:780px}}
.inline-edit{display:inline-block;margin:0 6px 6px 0}.inline-edit summary{list-style:none;cursor:pointer}.inline-edit summary::-webkit-details-marker{display:none}.inline-edit-form{min-width:320px;margin-top:8px;padding:12px;border:1px solid #eee6dd;border-radius:14px;background:#fffdfb;box-shadow:0 12px 28px rgba(30,41,59,.08)}.dark .inline-edit-form{background:rgba(3,14,28,.92);border-color:rgba(91,120,154,.25)}@media(max-width:760px){.inline-edit,.inline-edit-form{width:100%;min-width:0}.inline-edit summary{width:100%}}