: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%}}

.nav-ai{background:#eef7ff;color:#2563EB}.ai-page{display:grid;gap:16px}.ai-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,246,238,.72))}.ai-hero p{margin:0;max-width:780px}.ai-mode-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid #dbe7f5;white-space:nowrap}.ai-mode-pill.is-ai{background:#e8f6ee;color:#047857;border-color:#bfe8cf}.ai-mode-pill.is-local{background:#fff7ed;color:#b45309;border-color:#fed7aa}.ai-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:16px;align-items:start}.ai-chat-card{display:grid;gap:18px}.ai-form{display:grid;gap:14px}.ai-form textarea{resize:vertical;min-height:138px}.ai-prompts{display:flex;flex-wrap:wrap;gap:8px}.ai-prompt-chip{border:1px solid #dce8e4;background:#f7fbf9;color:#4F6F68;border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px;cursor:pointer}.ai-prompt-chip:hover{background:#e8f6ee}.ai-submit{width:100%;min-height:46px}.ai-answer{border:1px solid #cfe9dd;background:linear-gradient(145deg,#f7fffb,#fff);border-radius:18px;padding:16px}.ai-answer-text{white-space:normal;color:#1f3146;font-size:14px;line-height:1.7}.ai-empty-answer{display:grid;gap:4px;border:1px dashed #dce8e4;background:#fbfaf8;border-radius:16px;padding:16px;color:#536780}.ai-empty-answer strong{color:#223047}.ai-side{gap:16px}.ai-risk-list{display:grid;gap:10px}.ai-risk-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #eee8e1;background:#fffdfb;border-radius:14px;padding:12px 13px}.ai-risk-list span{color:#64748B;font-weight:800}.ai-risk-list strong{color:#122033}.ai-config-note{font-size:13px;color:#536780}.ai-config-note code{background:#f1ece5;border-radius:8px;padding:2px 6px;color:#7c5d43;font-weight:800}.dark .nav-ai{background:rgba(59,130,246,.15);color:#60a5fa}.dark .ai-hero{background:linear-gradient(145deg,rgba(8,22,40,.86),rgba(16,185,129,.08))}.dark .ai-mode-pill.is-ai{background:rgba(16,185,129,.14);color:#4ade80;border-color:rgba(52,211,153,.22)}.dark .ai-mode-pill.is-local{background:rgba(217,119,6,.14);color:#fbbf24;border-color:rgba(251,191,36,.24)}.dark .ai-prompt-chip{background:rgba(8,22,40,.72);border-color:rgba(91,120,154,.24);color:#dbe7f5}.dark .ai-prompt-chip:hover{background:rgba(59,130,246,.14);color:#93c5fd}.dark .ai-answer{background:linear-gradient(145deg,rgba(8,22,40,.86),rgba(16,185,129,.08));border-color:rgba(52,211,153,.2)}.dark .ai-answer-text{color:#dbe7f5}.dark .ai-empty-answer{background:rgba(8,22,40,.72);border-color:rgba(91,120,154,.28);color:#a9b8cc}.dark .ai-empty-answer strong,.dark .ai-risk-list strong{color:#fff}.dark .ai-risk-list div{background:rgba(3,14,28,.7);border-color:rgba(91,120,154,.25)}.dark .ai-config-note code{background:rgba(176,137,104,.16);color:#f3c99e}@media(max-width:1100px){.ai-layout{grid-template-columns:1fr}.ai-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ai-hero{align-items:flex-start;flex-direction:column}.ai-mode-pill{width:100%}.ai-kpi-grid{grid-template-columns:1fr}.ai-prompts{display:grid;grid-template-columns:1fr}.ai-prompt-chip{text-align:left}.ai-risk-list div{align-items:flex-start;flex-direction:column}.ai-side .table{min-width:520px}}

[x-cloak]{display:none!important}.ai-command-center{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) 220px;gap:22px;align-items:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 8% 20%,rgba(37,99,235,.12),transparent 24%),radial-gradient(circle at 72% 8%,rgba(16,185,129,.16),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,246,238,.76))}.ai-command-center:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(79,111,104,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(79,111,104,.05) 1px,transparent 1px);background-size:34px 34px;opacity:.45;pointer-events:none}.ai-orb-wrap,.ai-command-copy,.ai-live-card{position:relative;z-index:1}.ai-orb{width:78px;height:78px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#dff8ef,#eaf2ff);box-shadow:0 18px 42px rgba(37,99,235,.14),inset 0 0 0 1px rgba(79,111,104,.1);animation:aiFloat 3.8s ease-in-out infinite}.ai-orb:before{content:"";position:absolute;width:98px;height:98px;border-radius:32px;border:1px solid rgba(46,139,87,.18);animation:aiPulse 2.4s ease-out infinite}.ai-orb span{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 120deg,#2563EB,#2E8B57,#B08968,#2563EB);box-shadow:0 0 34px rgba(46,139,87,.35);animation:aiSpin 6s linear infinite}.ai-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#4F6F68;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ai-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#2E8B57;box-shadow:0 0 14px rgba(46,139,87,.65)}.ai-command-copy h2{margin:5px 0 7px;color:#122033;font-size:28px;line-height:1.05}.ai-command-copy p{max-width:800px;margin:0;color:#536780}.ai-signal-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.ai-signal-row span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(79,111,104,.12);color:#4F6F68;font-size:12px;font-weight:900}.ai-live-card{border:1px solid rgba(79,111,104,.12);border-radius:20px;padding:16px;background:rgba(255,255,255,.72);box-shadow:0 14px 34px rgba(30,41,59,.07);backdrop-filter:blur(12px)}.ai-live-card small{display:block;color:#64748B;font-weight:900;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.ai-live-card strong{display:block;margin:6px 0;color:#047857;font-size:28px;line-height:1}.ai-live-card em{display:block;margin-top:7px;color:#64748B;font-style:normal;font-size:12px;font-weight:800}.ai-mini-bar{height:8px;border-radius:999px;background:#e8eef2;overflow:hidden}.ai-mini-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2E8B57,#2563EB);animation:aiBar 1.1s ease both}.ai-metric-card{transition:transform .18s ease,box-shadow .18s ease}.ai-metric-card:hover{transform:translateY(-2px);box-shadow:0 24px 55px rgba(30,41,59,.1)}.ai-chat-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.ai-chat-head h3{margin:4px 0 0;font-size:20px}.ai-message{display:flex;gap:11px;align-items:flex-start}.ai-message-user{justify-content:flex-end}.ai-message-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#e8f6ee;color:#047857;font-size:12px;font-weight:900;flex:0 0 auto}.ai-message-user .ai-message-avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.ai-message-bubble{max-width:78%;border-radius:18px;padding:13px 15px;background:#f7fbf9;border:1px solid #dce8e4;color:#334155;line-height:1.55}.ai-message-user .ai-message-bubble{background:#4F6F68;color:#fff;border-color:#4F6F68}.ai-form textarea{background:linear-gradient(180deg,#fff,#fbfefd);border-color:#cfe3dc;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.ai-prompt-chip{display:inline-flex;align-items:center;gap:8px}.ai-prompt-chip span{width:7px;height:7px;border-radius:50%;background:#2E8B57;box-shadow:0 0 10px rgba(46,139,87,.55)}.ai-thinking-inline{display:inline-flex;align-items:center;justify-content:center;gap:5px}.ai-thinking-inline i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:aiDots 1s infinite ease-in-out}.ai-thinking-inline i:nth-child(2){animation-delay:.15s}.ai-thinking-inline i:nth-child(3){animation-delay:.3s}.ai-thinking-panel{position:relative;overflow:hidden;border:1px solid #cfe9dd;border-radius:18px;padding:16px;background:linear-gradient(145deg,#f7fffb,#fff);display:grid;gap:4px}.ai-thinking-panel strong{color:#047857}.ai-thinking-panel span{color:#64748B}.ai-scan-line{position:absolute;left:-20%;right:-20%;top:0;height:2px;background:linear-gradient(90deg,transparent,#2E8B57,transparent);animation:aiScan 1.35s linear infinite}.ai-answer{position:relative;overflow:hidden}.ai-answer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2E8B57,#2563EB,#B08968)}.ai-answer-text h4{margin:8px 0 12px;color:#122033;font-size:18px}.ai-answer-text p{margin:0 0 10px}.ai-answer-text strong{color:#0f766e}.ai-answer-text .ai-numbered,.ai-answer-text .ai-bullet{position:relative;padding-left:22px}.ai-answer-text .ai-numbered:before,.ai-answer-text .ai-bullet:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:#2E8B57}.ai-intelligence-panel{display:grid;gap:16px}.ai-risk-ring{width:148px;height:148px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:conic-gradient(#D97706 var(--risk),#edf2f7 0);box-shadow:inset 0 0 0 14px #fff,0 18px 44px rgba(30,41,59,.08)}.ai-risk-ring div{width:106px;height:106px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;text-align:center}.ai-risk-ring strong{font-size:20px;color:#D97706}.ai-risk-ring span{font-size:11px;font-weight:900;color:#64748B;text-transform:uppercase}.ai-priority-card{background:linear-gradient(145deg,#fff8f1,#fff);border-color:#f1dbc8}.ai-priority-card h3{margin:6px 0;color:#122033}.ai-priority-card>strong{display:block;color:#D97706;font-size:24px;margin-bottom:6px}.ai-priority-card p{margin:0;color:#64748B}.dark .ai-command-center{background:radial-gradient(circle at 8% 20%,rgba(59,130,246,.18),transparent 24%),radial-gradient(circle at 72% 8%,rgba(16,185,129,.18),transparent 30%),linear-gradient(145deg,rgba(8,22,40,.92),rgba(3,14,28,.78));border-color:rgba(91,120,154,.25)}.dark .ai-command-copy h2,.dark .ai-chat-head h3,.dark .ai-answer-text h4{color:#fff}.dark .ai-command-copy p{color:#b1c0d4}.dark .ai-signal-row span,.dark .ai-live-card{background:rgba(8,22,40,.72);border-color:rgba(91,120,154,.24)}.dark .ai-message-bubble,.dark .ai-thinking-panel{background:rgba(8,22,40,.72);border-color:rgba(91,120,154,.24);color:#dbe7f5}.dark .ai-form textarea{background:rgba(3,14,28,.8);border-color:rgba(91,120,154,.28)}.dark .ai-risk-ring{box-shadow:inset 0 0 0 14px #081628,0 18px 44px rgba(0,0,0,.18);background:conic-gradient(#f59e0b var(--risk),rgba(91,120,154,.24) 0)}.dark .ai-risk-ring div{background:#081628}.dark .ai-priority-card{background:linear-gradient(145deg,rgba(217,119,6,.13),rgba(8,22,40,.72));border-color:rgba(251,191,36,.2)}.dark .ai-priority-card h3{color:#fff}.dark .ai-priority-card p{color:#b1c0d4}@keyframes aiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes aiPulse{0%{transform:scale(.82);opacity:.9}100%{transform:scale(1.22);opacity:0}}@keyframes aiSpin{to{transform:rotate(360deg)}}@keyframes aiBar{from{width:0}}@keyframes aiDots{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes aiScan{from{transform:translateX(-30%)}to{transform:translateX(130%)}}@media(max-width:1200px){.ai-command-center{grid-template-columns:78px minmax(0,1fr)}.ai-live-card{grid-column:1/-1}}@media(max-width:760px){.ai-command-center{grid-template-columns:1fr;padding:18px}.ai-orb-wrap{display:none}.ai-command-copy h2{font-size:24px}.ai-signal-row{display:grid;grid-template-columns:1fr}.ai-live-card{width:100%}.ai-chat-head{align-items:flex-start;flex-direction:column}.ai-message-bubble{max-width:100%}.ai-message-user .ai-message-bubble{order:2}.ai-message-user .ai-message-avatar{order:1}.ai-risk-ring{width:128px;height:128px}.ai-risk-ring div{width:88px;height:88px}.ai-answer-text h4{font-size:16px}.ai-answer-text{font-size:13px}}
.ai-copilot-hero .ai-command-copy h2{max-width:780px}.ai-scope-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:16px;align-items:end}.ai-scope-card h3{font-size:18px;margin:5px 0 0}.ai-scope-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end}.ai-decision-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;align-items:stretch}.ai-recommendation-panel{overflow:hidden}.ai-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-recommendation-card{position:relative;display:grid;gap:10px;min-height:178px;padding:16px;border-radius:18px;border:1px solid #e9e2da;background:linear-gradient(145deg,#fff,#fbfaf8);overflow:hidden}.ai-recommendation-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#4F6F68}.ai-recommendation-card span{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:#eef3f1;color:#4F6F68;font-size:11px;font-weight:900}.ai-recommendation-card strong{display:block;color:#122033;font-size:16px;line-height:1.25}.ai-recommendation-card p{margin:0;color:#536780}.ai-recommendation-card em{align-self:end;color:#122033;font-style:normal;font-weight:900}.ai-recommendation-card.priority-high:before{background:#DC2626}.ai-recommendation-card.priority-high span{background:#fee2e2;color:#DC2626}.ai-recommendation-card.priority-medium:before{background:#D97706}.ai-recommendation-card.priority-medium span{background:#fff3d7;color:#D97706}.ai-recommendation-card.priority-controlled:before{background:#2E8B57}.ai-recommendation-card.priority-controlled span{background:#e7f6ee;color:#2E8B57}.ai-follow-up-card{display:grid;align-content:start;gap:12px}.ai-draft-subject{border:1px solid #eee8e1;background:#fffdfb;border-radius:15px;padding:12px}.ai-draft-subject span{display:block;color:#64748B;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.ai-draft-subject strong{display:block;margin-top:4px;color:#122033}.ai-follow-up-message{min-height:190px;background:linear-gradient(180deg,#fff,#f7fffb);white-space:pre-wrap}.ai-risk-score-panel{overflow:hidden}.ai-risk-score-list{display:grid;gap:10px}.ai-risk-score-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(160px,.55fr) repeat(3,minmax(140px,.55fr));gap:12px;align-items:center;border:1px solid #eee8e1;border-radius:16px;padding:14px;background:#fffdfb}.ai-risk-company{display:grid;gap:3px}.ai-risk-company strong{color:#122033;font-size:15px}.ai-risk-company span,.ai-risk-money span,.ai-risk-score span{color:#64748B;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.ai-risk-score{display:grid;gap:4px}.ai-risk-score strong{font-size:18px}.ai-score-bar{height:8px;border-radius:999px;background:#edf2f7;overflow:hidden}.ai-score-bar i{display:block;height:100%;border-radius:inherit;background:#4F6F68}.risk-high .ai-score-bar i{background:#DC2626}.risk-medium .ai-score-bar i{background:#D97706}.risk-controlled .ai-score-bar i{background:#2E8B57}.risk-high .ai-risk-score strong{color:#DC2626}.risk-medium .ai-risk-score strong{color:#D97706}.risk-controlled .ai-risk-score strong{color:#2E8B57}.ai-risk-money{display:grid;gap:3px}.ai-risk-money strong{color:#122033;overflow-wrap:anywhere}.dark .ai-scope-card,.dark .ai-recommendation-card,.dark .ai-draft-subject,.dark .ai-risk-score-row{background:linear-gradient(145deg,rgba(8,22,40,.88),rgba(3,14,28,.72));border-color:rgba(91,120,154,.25)}.dark .ai-scope-card h3,.dark .ai-recommendation-card strong,.dark .ai-recommendation-card em,.dark .ai-draft-subject strong,.dark .ai-risk-company strong,.dark .ai-risk-money strong{color:#fff}.dark .ai-recommendation-card p{color:#b1c0d4}.dark .ai-follow-up-message{background:rgba(3,14,28,.8);border-color:rgba(91,120,154,.28)}.dark .ai-score-bar{background:rgba(91,120,154,.22)}@media(max-width:1250px){.ai-recommendation-grid{grid-template-columns:1fr}.ai-decision-grid{grid-template-columns:1fr}.ai-scope-card{grid-template-columns:1fr}}@media(max-width:900px){.ai-scope-form{grid-template-columns:1fr}.ai-scope-form .btn{width:100%}.ai-risk-score-row{grid-template-columns:1fr}.ai-risk-money{border-top:1px solid #eee8e1;padding-top:10px}.dark .ai-risk-money{border-top-color:rgba(91,120,154,.22)}}@media(max-width:760px){.ai-scope-card h3{font-size:16px}.ai-recommendation-card{min-height:auto}.ai-follow-up-message{min-height:220px}.grid.grid-2{grid-template-columns:1fr}.ai-risk-score-row{padding:12px}.ai-risk-company strong{font-size:14px}}
/* v1.6.43 professional UI refresh */
:root{
    --ui-bg:#f5f2ed;
    --ui-surface:rgba(255,255,255,.86);
    --ui-surface-solid:#ffffff;
    --ui-line:#e6ddd3;
    --ui-line-strong:#d8cbbd;
    --ui-text:#182437;
    --ui-muted:#687891;
    --ui-green:#0f8b63;
    --ui-green-soft:#e5f5ef;
    --ui-blue:#2f6fd6;
    --ui-blue-soft:#e8f1ff;
    --ui-amber:#d97706;
    --ui-amber-soft:#fff2dc;
    --ui-red:#e12b2b;
    --ui-red-soft:#ffe5e5;
    --ui-violet:#7c3aed;
    --ui-violet-soft:#f0e8ff;
    --ui-shadow-sm:0 10px 24px rgba(29,39,57,.06);
    --ui-shadow:0 24px 65px rgba(29,39,57,.10);
    --ui-radius:22px;
}
html:not(.dark) body{
    background:
        radial-gradient(circle at 18% 8%,rgba(79,111,104,.10),transparent 30%),
        radial-gradient(circle at 82% 18%,rgba(176,137,104,.10),transparent 26%),
        linear-gradient(135deg,#fbfaf8 0%,var(--ui-bg) 100%);
    color:var(--ui-text);
}
html:not(.dark) .app{background:transparent}
html:not(.dark) .sidebar{
    width:248px;
    background:rgba(255,255,255,.78);
    border-right:1px solid rgba(216,203,189,.78);
    box-shadow:18px 0 58px rgba(29,39,57,.08);
    backdrop-filter:blur(24px);
}
html:not(.dark) .brand{
    padding:2px 2px 14px;
    border-bottom:1px solid rgba(216,203,189,.55);
}
html:not(.dark) .brand-title{color:#152238;font-weight:900}
html:not(.dark) .brand-sub{color:#6c7b92;font-weight:800}
.professional-nav{gap:13px!important}
.nav-section-title{
    color:#7b8ba3!important;
    font-size:10px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.09em!important;
}
.professional-nav a,.professional-nav button{
    min-height:54px!important;
    border-radius:18px!important;
    padding:8px 10px!important;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;
}
html:not(.dark) .professional-nav a,html:not(.dark) .professional-nav button{
    background:transparent;
    border:1px solid transparent;
}
html:not(.dark) .professional-nav a:hover,html:not(.dark) .professional-nav button:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.72);
    border-color:rgba(216,203,189,.55);
    box-shadow:0 14px 30px rgba(29,39,57,.07);
}
html:not(.dark) .professional-nav a.active{
    background:linear-gradient(135deg,rgba(229,245,239,.96),rgba(255,255,255,.82));
    border-color:#cfe7dd;
    box-shadow:0 16px 34px rgba(15,139,99,.10),inset 4px 0 0 #0f8b63;
}
html:not(.dark) .professional-nav a.active:before{display:none}
.professional-nav .nav-icon{
    width:42px!important;
    height:42px!important;
    border-radius:16px!important;
}
html:not(.dark) .nav-dashboard{background:#eaf1ff;color:#2f6fd6}
html:not(.dark) .nav-add{background:#e5f5ef;color:#0f8b63}
html:not(.dark) .nav-company{background:#e9f2ef;color:#4f6f68}
html:not(.dark) .nav-review{background:#fff1d6;color:#d97706}
html:not(.dark) .nav-expense{background:#f6eadf;color:#b27645}
html:not(.dark) .nav-report{background:#eef3f8;color:#5f7087}
html:not(.dark) .nav-ai{background:#edf3ff;color:#2f6fd6}
html:not(.dark) .nav-theme{background:#f0e8ff;color:#7c3aed}
html:not(.dark) .app-header{
    border-radius:24px;
    padding:18px 20px;
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.78));
    border:1px solid rgba(216,203,189,.72);
    box-shadow:var(--ui-shadow);
}
.page-heading h1{
    color:var(--ui-text);
    font-size:29px;
    line-height:1.08;
    font-weight:900;
}
.page-subtitle{color:var(--ui-muted);font-weight:600}
.topbar-user{
    gap:14px!important;
    padding:6px 10px!important;
    border-radius:20px!important;
}
.topbar-avatar{
    border-radius:16px;
    background:linear-gradient(135deg,#4f6f68,#b08968);
    box-shadow:0 14px 30px rgba(79,111,104,.18);
}
.topbar-user-info small,.topbar-user-meta small,.topbar-login-time small{color:#8b9ab0}
.topbar-user-info strong,.topbar-user-meta strong,.topbar-login-time strong{color:#142238}
.topbar-logout{
    width:46px;
    height:46px;
    border-radius:17px;
    background:#ffe3e3;
    color:#e12b2b;
}
.card,.panel{
    border-radius:var(--ui-radius)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.84))!important;
    border:1px solid rgba(216,203,189,.72)!important;
    box-shadow:var(--ui-shadow-sm)!important;
}
.card:hover,.panel:hover{box-shadow:var(--ui-shadow)!important}
.btn{
    min-height:44px;
    border-radius:16px!important;
    padding:10px 16px!important;
    background:linear-gradient(135deg,#54786f,#42655d)!important;
    box-shadow:0 15px 30px rgba(79,111,104,.18)!important;
}
.btn.secondary{
    background:linear-gradient(135deg,#f3eee7,#ebe3da)!important;
    color:#182437!important;
    box-shadow:0 12px 24px rgba(176,137,104,.10)!important;
}
.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important}
.btn.success{background:linear-gradient(135deg,#0f8b63,#047857)!important}
input,select,textarea{
    min-height:46px;
    border-radius:16px!important;
    border-color:#d9cdc1!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
input:focus,select:focus,textarea:focus{
    outline:4px solid rgba(79,111,104,.14)!important;
    border-color:#4f6f68!important;
}
label{color:#34445d!important;font-weight:900!important}
.kpi-modern{
    min-height:118px!important;
    padding:20px 78px 18px 20px!important;
    overflow:hidden;
}
.kpi-modern:before{
    content:"";
    position:absolute;
    inset:auto -30px -42px auto;
    width:130px;
    height:130px;
    border-radius:999px;
    background:currentColor;
    opacity:.045;
}
.kpi-modern .kpi-label{
    color:#182437!important;
    font-size:15px!important;
    font-weight:900!important;
}
.kpi-modern strong{
    font-size:28px!important;
    letter-spacing:0;
}
.kpi-foot{color:#7d8da3!important;font-weight:600}
.kpi-icon{
    width:52px!important;
    height:52px!important;
    border-radius:18px!important;
    right:18px!important;
    top:22px!important;
}
.table{
    border-collapse:separate!important;
    border-spacing:0!important;
}
.table th{
    padding:12px 14px!important;
    color:#42655d!important;
    background:rgba(245,242,237,.68);
    border-top:1px solid rgba(216,203,189,.52);
    border-bottom:1px solid rgba(216,203,189,.72);
}
.table th:first-child{border-top-left-radius:14px}
.table th:last-child{border-top-right-radius:14px}
.table td{
    padding:14px!important;
    border-top:0!important;
    border-bottom:1px solid rgba(216,203,189,.58)!important;
    vertical-align:middle;
}
.table tbody tr:nth-child(even) td{background:rgba(251,250,248,.64)}
.table tbody tr:hover td{background:rgba(229,245,239,.60)!important}
.badge{
    min-height:26px;
    align-items:center;
    padding:5px 10px!important;
    border-radius:999px!important;
    font-weight:900!important;
}
.badge.issued,.badge.sent{background:#e8f1ff!important;color:#2f6fd6!important}
.badge.paid,.badge.approved{background:#e5f5ef!important;color:#0f8b63!important}
.badge.overdue,.badge.rejected{background:#ffe5e5!important;color:#e12b2b!important}
.badge.pending_review,.badge.partially_paid{background:#fff2dc!important;color:#d97706!important}
.invoice-tabs{
    gap:12px!important;
    margin:2px 0 18px!important;
}
.invoice-tabs a{
    position:relative;
    min-height:46px!important;
    padding:10px 18px 10px 42px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.84)!important;
    border:1px solid rgba(216,203,189,.8)!important;
    color:#41536d!important;
    box-shadow:0 12px 24px rgba(29,39,57,.06)!important;
}
.invoice-tabs a:before{
    content:"";
    position:absolute;
    left:12px;
    width:22px;
    height:22px;
    border-radius:9px;
    background:#e9f2ef;
}
.invoice-tabs a:nth-child(1):before{background:#eaf1ff}
.invoice-tabs a:nth-child(2):before{background:#e5f5ef}
.invoice-tabs a:nth-child(3):before{background:#f6eadf}
.invoice-tabs a:nth-child(4):before{background:#e5f5ef}
.invoice-tabs a:nth-child(5):before{background:#fff2dc}
.invoice-tabs a:nth-child(6):before{background:#eef3f8}
.invoice-tabs a:nth-child(7):before{background:#f0e8ff}
.invoice-tabs a.active,.invoice-tabs a:hover{
    color:#0f8b63!important;
    border-color:#bae4d5!important;
    background:linear-gradient(135deg,#e9faf3,#ffffff)!important;
}
.invoice-dashboard-filter{
    border-radius:24px!important;
    padding:18px!important;
    align-items:end!important;
}
.invoice-dashboard-title{
    padding:10px 2px;
}
.invoice-dashboard-title h3{
    color:#182437;
    font-size:22px!important;
    font-weight:900;
}
.invoice-dashboard-actions .btn{min-width:150px}
.invoice-dashboard-layout{gap:20px!important}
.invoice-kpi-grid{gap:16px!important}
.invoice-insight-card{
    min-height:100%;
    background:
        radial-gradient(circle at 86% 12%,rgba(47,111,214,.10),transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.86))!important;
}
.invoice-status-donut{
    height:250px!important;
    display:grid;
    place-items:center;
}
.insight-list div{
    border-bottom:1px dashed rgba(104,120,145,.24)!important;
    padding:12px 0!important;
}
.status-count-grid div{
    border-radius:18px!important;
    background:linear-gradient(180deg,#fbfaf8,#f5f2ed)!important;
}
.chart-card{
    min-height:330px;
    height:auto!important;
}
.chart-wrap{height:250px!important}
.chart-head h3{
    font-size:17px;
    font-weight:900;
    color:#182437;
}
.content-grid{gap:20px!important}
.empty-state{
    min-height:180px;
    display:grid;
    place-items:center;
    text-align:center;
    gap:6px;
}
html.dark .page-heading h1,html.dark .chart-head h3,html.dark .invoice-dashboard-title h3{color:#f8fbff}
html.dark .card,html.dark .panel{
    background:linear-gradient(145deg,rgba(8,22,40,.88),rgba(3,14,28,.76))!important;
    border-color:rgba(91,120,154,.28)!important;
}
html.dark .table th{background:rgba(10,25,43,.88)!important;color:#b9c9df!important}
html.dark .table td{border-bottom-color:rgba(91,120,154,.22)!important}
html.dark .table tbody tr:nth-child(even) td{background:rgba(10,25,43,.36)}
html.dark .invoice-tabs a{
    background:rgba(8,22,40,.82)!important;
    border-color:rgba(91,120,154,.28)!important;
    color:#dbe7f5!important;
}
html.dark .invoice-tabs a.active,html.dark .invoice-tabs a:hover{
    background:rgba(16,185,129,.14)!important;
    color:#4ade80!important;
    border-color:rgba(52,211,153,.28)!important;
}
html.dark .status-count-grid div{background:rgba(10,25,43,.74)!important}
@media(max-width:1180px){
    .invoice-dashboard-layout{grid-template-columns:1fr!important}
    .invoice-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
    .app{padding-top:74px!important}
    .mobile-shellbar{
        height:74px!important;
        padding:12px 14px!important;
        background:rgba(255,255,255,.88)!important;
    }
    .sidebar{
        left:10px!important;
        right:10px!important;
        top:84px!important;
        max-height:calc(100vh - 100px)!important;
        border-radius:24px!important;
    }
    .main{
        padding:14px 10px 24px!important;
        overflow:hidden;
    }
    .app-header{
        border-radius:22px!important;
        padding:16px!important;
        gap:14px!important;
    }
    .page-heading h1{font-size:24px!important}
    .topbar-actions{align-items:stretch!important}
    .topbar-user{
        display:grid!important;
        grid-template-columns:auto 1fr!important;
        width:100%;
    }
    .topbar-user-meta,.topbar-login-time{
        border-left:0!important;
        padding-left:0!important;
    }
    .topbar-login-time{grid-column:1 / -1}
    .invoice-tabs{
        display:flex!important;
        overflow-x:auto;
        flex-wrap:nowrap!important;
        padding-bottom:6px;
        scrollbar-width:thin;
    }
    .invoice-tabs a{
        flex:0 0 auto;
        min-height:42px!important;
        padding:9px 14px 9px 38px!important;
        font-size:13px!important;
    }
    .invoice-dashboard-filter{
        grid-template-columns:1fr!important;
        padding:14px!important;
        gap:12px!important;
    }
    .invoice-dashboard-filter .btn,.invoice-dashboard-filter a.btn{width:100%}
    .invoice-dashboard-title{
        display:grid!important;
        gap:12px!important;
    }
    .invoice-dashboard-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%;
    }
    .invoice-dashboard-actions .btn{width:100%}
    .invoice-kpi-grid,.kpi-grid,.grid-4,.grid-3,.grid-2{
        grid-template-columns:1fr!important;
    }
    .kpi-modern{
        min-height:112px!important;
        padding:18px 78px 16px 18px!important;
    }
    .kpi-modern strong{font-size:25px!important}
    .chart-card{
        min-height:270px!important;
        padding:16px!important;
    }
    .chart-wrap{height:205px!important}
    .invoice-insight-card{gap:12px!important}
    .invoice-status-donut{height:220px!important}
    .status-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .content-grid{grid-template-columns:1fr!important}
    .table-wrap{
        overflow-x:auto!important;
        border-radius:18px;
        -webkit-overflow-scrolling:touch;
    }
    .table-wrap .table{min-width:820px}
    .table th,.table td{
        padding:12px!important;
        font-size:12px!important;
    }
}

.nav-projects{background:#ecfdf5;color:#0f8b63}
.project-filter{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;margin-bottom:18px}
.project-tabs{margin-bottom:18px}
.project-status-panel{min-height:300px}
.project-status-list{display:grid;gap:10px}
.project-status-list>div{display:grid;grid-template-columns:minmax(130px,1fr) auto auto;gap:10px;align-items:center;border:1px solid #eee8e1;border-radius:14px;padding:12px;background:#fffdfb}
.project-status-list strong{color:#122033}
.project-status-list small{color:#64748B;font-weight:800}
.project-investor-box{margin:18px 0;padding:16px;border:1px solid #eee8e1;border-radius:16px;background:#fffdfb}
.project-inline-form{display:grid;grid-template-columns:minmax(126px,1fr) minmax(105px,1fr) minmax(90px,1fr) auto;gap:7px;align-items:center;min-width:520px}
.project-inline-form input{min-height:34px;padding:7px 9px;border-radius:10px}
.project-inline-form .btn{min-height:34px;padding:7px 10px}
.badge.not_due{background:#eef2f7;color:#64748B}
.badge.due_soon,.badge.rescheduled{background:#fff3d7;color:#D97706}
.badge.partially_paid{background:#dbeafe;color:#2563EB}
.badge.overdue{background:#fee2e2;color:#DC2626}
.badge.active{background:#e7f6ee;color:#2E8B57}
.badge.on_hold{background:#fff3d7;color:#D97706}
.badge.completed{background:#e8f1ff;color:#2563EB}
.badge.cancelled{background:#fee2e2;color:#DC2626}
.dark .project-status-list>div,.dark .project-investor-box{background:rgba(8,22,40,.72);border-color:rgba(91,120,154,.24)}
.dark .project-status-list strong{color:#fff}
.dark .nav-projects{background:rgba(16,185,129,.15);color:#34d399}
@media(max-width:1100px){
    .project-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
    .project-status-list>div{grid-template-columns:1fr}
}
@media(max-width:760px){
    .project-filter{grid-template-columns:1fr}
    .project-inline-form{grid-template-columns:1fr;min-width:260px}
    .project-status-panel{min-height:auto}
    .project-investor-box{padding:12px}
    .project-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
    .main{padding-left:8px!important;padding-right:8px!important}
    .kpi-modern strong{font-size:23px!important}
    .invoice-status-donut{height:205px!important}
}

/* v1.6.46 Phase 2 - executive UI polish */
:root{
    --phase-card:#ffffff;
    --phase-ink:#172033;
    --phase-muted:#65748b;
    --phase-hairline:rgba(190,174,158,.44);
    --phase-glass:rgba(255,255,255,.74);
    --phase-green:#087f5b;
    --phase-blue:#2768c7;
    --phase-gold:#b78350;
    --phase-red:#dc2626;
}
html:not(.dark) body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 12% 16%,rgba(79,111,104,.12),transparent 26%),
        radial-gradient(circle at 86% 8%,rgba(47,111,214,.08),transparent 24%),
        linear-gradient(115deg,rgba(255,255,255,.54),transparent 42%);
    z-index:-1;
}
html:not(.dark) .main{
    background:
        linear-gradient(90deg,rgba(255,255,255,.18),transparent 18%),
        radial-gradient(circle at 55% -10%,rgba(176,137,104,.08),transparent 30%);
}
.app-header{
    position:relative;
    overflow:hidden;
}
.app-header:after{
    content:"";
    position:absolute;
    right:-80px;
    top:-90px;
    width:240px;
    height:240px;
    border-radius:999px;
    background:linear-gradient(135deg,rgba(79,111,104,.12),rgba(176,137,104,.10));
    pointer-events:none;
}
.page-heading,.topbar-actions{position:relative;z-index:1}
html:not(.dark) .page-heading h1{
    background:linear-gradient(135deg,#182437,#3d5f58);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.card,.panel{
    position:relative;
}
html:not(.dark) .card,html:not(.dark) .panel{
    background:
        linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.84)),
        radial-gradient(circle at 100% 0,rgba(79,111,104,.08),transparent 28%)!important;
}
.card h3,.panel h3,.quick-row h3{
    color:#24324a;
    letter-spacing:0;
}
.quick-row{
    align-items:center;
    padding-bottom:12px;
    border-bottom:1px solid rgba(216,203,189,.52);
}
.quick-row h3{margin:0}
.filters{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    align-items:end;
}
.filters .btn,.filters a.btn{
    width:100%;
}
.table-wrap{
    scrollbar-color:#c7b8a8 transparent;
}
.table-wrap::-webkit-scrollbar{height:8px;width:8px}
.table-wrap::-webkit-scrollbar-thumb{background:#c7b8a8;border-radius:999px}
.table{
    font-variant-numeric:tabular-nums;
}
.table th{
    white-space:nowrap;
}
.table td{
    color:#253249;
}
.table td strong{
    color:#132033;
}
.table td:nth-last-child(1){
    white-space:nowrap;
}
.row-actions,.invoice-table-actions{
    justify-content:flex-start;
}
.row-icon-action,.icon-action{
    border:1px solid rgba(255,255,255,.76)!important;
}
.row-icon-action svg,.icon-action svg,.tab-icon svg{
    width:18px;
    height:18px;
    fill:currentColor;
}
.invoice-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px!important;
    align-items:center;
}
.invoice-tabs a{
    display:inline-flex!important;
    align-items:center;
    gap:8px;
    padding:9px 14px!important;
}
.invoice-tabs a:before{
    display:none!important;
}
.invoice-tabs .tab-icon{
    width:28px;
    height:28px;
    border-radius:11px;
    display:inline-grid;
    place-items:center;
    background:#eef6f3;
    color:#4f6f68;
    flex:0 0 auto;
}
.invoice-tabs a.active .tab-icon{
    background:#0f8b63;
    color:#fff;
}
.invoice-show-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
    gap:18px;
}
.invoice-summary-card{
    overflow:hidden;
}
.invoice-summary-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(216,203,189,.56);
}
.invoice-summary-head h2{
    margin:4px 0;
    color:#172033;
    font-size:30px;
    line-height:1.1;
}
.invoice-total-box{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:18px 0;
}
.invoice-total-box>div,.invoice-meta,.invoice-notes>div{
    border:1px solid rgba(216,203,189,.62);
    border-radius:18px;
    background:rgba(255,255,255,.62);
    padding:14px;
}
.invoice-total-box span,.invoice-meta span,.invoice-notes span{
    display:block;
    color:#7b8ba3;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.invoice-total-box strong{
    display:block;
    margin-top:8px;
    color:var(--phase-gold);
    font-size:23px;
}
.invoice-total-box strong.success{color:var(--phase-green)}
.invoice-total-box strong.info{color:var(--phase-blue)}
.invoice-meta strong{
    display:block;
    margin-top:8px;
    color:#172033;
    font-size:15px;
}
.invoice-notes{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:14px;
}
.invoice-notes p{
    margin:8px 0 0;
    color:#43536b;
    white-space:pre-line;
}
.invoice-action-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.invoice-action-grid .btn{
    width:100%;
}
.invoice-form{
    overflow:hidden;
}
.invoice-section-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    margin:22px 0 12px;
    padding-top:18px;
    border-top:1px solid rgba(216,203,189,.52);
}
.invoice-section-head h3{
    margin-bottom:3px;
}
.invoice-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid rgba(216,203,189,.52);
}
.invoice-item-table th,.invoice-item-table td{
    vertical-align:middle!important;
}
.invoice-item-table input,.invoice-item-table select{
    min-width:125px;
}
.invoice-item-table td:nth-child(4) input{
    min-width:240px;
}
.empty-state{
    min-height:220px;
    color:#64748b;
}
.empty-state strong{
    color:#172033;
}
.empty-icon{
    width:72px;
    height:56px;
    border-radius:22px;
    background:
        linear-gradient(135deg,rgba(15,139,99,.18),rgba(15,139,99,.04)),
        radial-gradient(circle at 70% 30%,rgba(79,111,104,.18),transparent 32%);
    position:relative;
}
.empty-icon:after{
    content:"";
    position:absolute;
    inset:16px 24px;
    border-radius:4px;
    background:#4f6f68;
    box-shadow:0 7px 0 rgba(79,111,104,.55),0 -7px 0 rgba(79,111,104,.35);
}
.badge.info{
    background:#e8f1ff!important;
    color:#2768c7!important;
}
html.dark body{
    background:
        radial-gradient(circle at 80% 0,rgba(47,111,214,.10),transparent 28%),
        linear-gradient(135deg,#05101d,#081827 56%,#06111f)!important;
}
html.dark .app-header:after{background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(59,130,246,.10))}
html.dark .card h3,html.dark .panel h3,html.dark .quick-row h3,html.dark .invoice-summary-head h2,html.dark .invoice-meta strong,html.dark .table td strong,html.dark .empty-state strong{
    color:#f8fbff;
}
html.dark .table td{color:#dbe7f5}
html.dark .quick-row,html.dark .invoice-summary-head,html.dark .invoice-section-head,html.dark .invoice-actions{
    border-color:rgba(91,120,154,.24);
}
html.dark .invoice-total-box>div,html.dark .invoice-meta,html.dark .invoice-notes>div{
    background:rgba(8,22,40,.64);
    border-color:rgba(91,120,154,.26);
}
html.dark .invoice-notes p{color:#b7c5d8}
html.dark .invoice-tabs .tab-icon{background:rgba(91,120,154,.18);color:#dbe7f5}
html.dark .invoice-tabs a.active .tab-icon{background:#0f8b63;color:#fff}
@media(max-width:1180px){
    .invoice-show-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .app-header{
        box-shadow:0 16px 36px rgba(29,39,57,.08)!important;
    }
    .filters{
        grid-template-columns:1fr!important;
    }
    .quick-row{
        align-items:stretch;
        flex-direction:column;
    }
    .invoice-tabs{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        overflow:visible!important;
    }
    .invoice-tabs a{
        width:100%;
        justify-content:flex-start;
        white-space:nowrap;
        padding:8px 10px!important;
    }
    .invoice-tabs .tab-icon{
        width:30px;
        height:30px;
    }
    .invoice-total-box,.invoice-notes{
        grid-template-columns:1fr;
    }
    .invoice-summary-head{
        align-items:flex-start;
        flex-direction:column;
    }
    .invoice-action-grid,.invoice-actions{
        grid-template-columns:1fr;
        display:grid;
    }
    .invoice-section-head{
        align-items:stretch;
        flex-direction:column;
    }
    .invoice-section-head .btn,.invoice-actions .btn{
        width:100%;
    }
    .invoice-item-table td:nth-child(4) input{
        min-width:220px;
    }
}
@media(max-width:430px){
    .invoice-tabs{
        grid-template-columns:1fr;
    }
}

/* v1.6.47 - restore always-visible theme toggle */
.topbar-theme{
    width:42px;
    height:42px;
    border:0;
    border-radius:14px;
    background:#f0e8ff;
    color:#7c3aed;
    display:grid;
    place-items:center;
    cursor:pointer;
    transition:.18s ease;
    box-shadow:0 10px 22px rgba(124,58,237,.10);
    flex:0 0 auto;
}
.topbar-theme:hover{
    background:#7c3aed;
    color:#fff;
    transform:translateY(-1px);
}
.topbar-theme svg{
    width:21px;
    height:21px;
    fill:currentColor;
}
.theme-toggle-nav{
    display:flex!important;
}
html.dark .topbar-theme{
    background:rgba(124,58,237,.22);
    color:#c4b5fd;
    border:1px solid rgba(196,181,253,.24);
    box-shadow:0 10px 26px rgba(0,0,0,.18);
}
html.dark .topbar-theme:hover{
    background:#7c3aed;
    color:#fff;
}
@media(max-width:760px){
    .topbar-actions{
        display:flex!important;
        align-items:center!important;
        flex-wrap:wrap;
        gap:10px;
    }
    .topbar-user{
        flex:1 1 100%;
    }
    .topbar-theme,
    .topbar-logout{
        width:44px;
        height:44px;
    }
}

/* v1.7.6 project edit, sidebar scroll, and project status polish */
.sidebar{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(79,111,104,.45) transparent;
}
.sidebar::-webkit-scrollbar{width:8px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(79,111,104,.35);border-radius:999px;border:2px solid transparent;background-clip:content-box}
.sidebar:after{
    content:"";
    position:sticky;
    display:block;
    bottom:-20px;
    height:34px;
    margin:10px -16px -20px;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.92));
}
html.dark .sidebar:after{background:linear-gradient(180deg,rgba(8,22,40,0),rgba(8,22,40,.95))}
.toast.warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.project-investor-box .grid-4{grid-template-columns:1.25fr 1.25fr .65fr auto}
.project-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.project-status-head .card-title{margin-bottom:0}
.project-status-head .card-title h3{margin-bottom:2px}
.status-total-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e9e2;background:#f3faf7;color:#2f6f5a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;white-space:nowrap}
.project-status-modern{gap:12px}
.project-status-modern>div.project-status-item{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    border:1px solid #e9e2da!important;
    border-radius:18px!important;
    padding:14px!important;
    background:linear-gradient(145deg,#fff,#fbfaf8)!important;
    box-shadow:0 10px 24px rgba(29,39,57,.045);
}
.status-item-top{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}
.status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 5px rgba(79,111,104,.08)}
.status-item-top strong{font-size:13px;color:#182437!important}
.status-item-top em{font-style:normal;font-size:12px;font-weight:900;color:#4F6F68;background:#eef6f2;border-radius:999px;padding:4px 8px}
.status-item-value{font-size:18px;font-weight:900;color:#122033}
.status-progress{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}
.status-progress span{display:block;height:100%;border-radius:inherit}
.project-status-modern small{color:#64748B!important;font-weight:800}
.status-overdue .status-item-top em{background:#fee2e2;color:#DC2626}
.status-due .status-item-top em{background:#fff3d7;color:#D97706}
.status-paid .status-item-top em{background:#e7f6ee;color:#2E8B57}
.status-partial .status-item-top em{background:#ede9fe;color:#7C3AED}
.status-cancelled .status-item-top em{background:#f1f5f9;color:#64748B}
html.dark .project-status-modern>div.project-status-item{background:linear-gradient(145deg,rgba(8,22,40,.88),rgba(3,14,28,.72))!important;border-color:rgba(91,120,154,.25)!important}
html.dark .status-item-top strong,html.dark .status-item-value{color:#fff!important}
html.dark .status-total-chip{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.24);color:#a7f3d0}
html.dark .status-progress{background:rgba(91,120,154,.22)}
@media(max-width:1100px){
    .project-investor-box .grid-4{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
    .sidebar{
        position:fixed!important;
        overflow-y:auto!important;
        -webkit-overflow-scrolling:touch;
        padding-bottom:28px!important;
    }
    .sidebar.open{display:block!important}
    .professional-nav{padding-bottom:26px}
    .project-investor-box .grid-4{grid-template-columns:1fr}
    .project-status-head{flex-direction:column}
    .status-total-chip{width:100%}
}

/* v1.8.4 - Projects dashboard and AI page UI restoration */
.project-dashboard-page{display:grid;gap:18px}
.project-dashboard-page .project-filter{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr)) minmax(130px,.55fr) minmax(130px,.55fr)!important;gap:12px!important;align-items:end!important;padding:18px!important}
.project-dashboard-page .project-filter label{display:grid!important;gap:7px!important;margin:0!important;font-size:12px;font-weight:800;color:var(--text,#1E293B)}
.project-dashboard-page .project-filter input,.project-dashboard-page .project-filter select{width:100%;min-height:44px}
.project-dashboard-page .project-filter .btn{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.project-dashboard-page .quick-row{display:flex!important;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:2px 0 0}
.project-dashboard-page .quick-row h3{margin:0 0 3px;font-size:20px}
.project-dashboard-page .soft-row{display:flex;gap:10px;flex-wrap:wrap}
.project-dashboard-page .kpi-grid{display:grid!important;grid-template-columns:repeat(3,minmax(220px,1fr))!important;gap:16px!important}
.project-dashboard-page .kpi-modern{display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;grid-template-areas:"label icon" "value icon" "foot icon";align-items:center;min-height:112px!important;padding:18px 20px!important;overflow:hidden}
.project-dashboard-page .kpi-modern .kpi-label{grid-area:label;display:block;white-space:normal}
.project-dashboard-page .kpi-modern strong{grid-area:value;display:block;font-size:26px;line-height:1.1;margin:5px 0;color:var(--accent,#B08968)}
.project-dashboard-page .kpi-modern .kpi-foot{grid-area:foot;display:block;color:var(--muted,#64748B);font-size:13px}
.project-dashboard-page .kpi-modern .kpi-icon{grid-area:icon;position:static!important;justify-self:end;width:50px;height:50px;border-radius:18px;background:rgba(79,111,104,.12)}
.project-dashboard-page .chart-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)!important;gap:18px!important;align-items:stretch}
.project-dashboard-page .chart-card,.project-dashboard-page .project-status-panel{min-height:360px}
.project-dashboard-page .project-status-panel{overflow:hidden!important}
.project-dashboard-page .project-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.project-dashboard-page .project-status-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:center}
.project-dashboard-page .project-status-chart{height:210px;width:210px;margin:auto}
.project-dashboard-page .project-status-modern{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}
.project-dashboard-page .project-status-item{border:1px solid var(--border,#E2E8F0);border-radius:16px;padding:12px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(15,23,42,.05)}
.project-dashboard-page .status-item-top{display:grid;grid-template-columns:14px 1fr auto;gap:9px;align-items:center}
.project-dashboard-page .status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 5px rgba(79,111,104,.09)}
.project-dashboard-page .status-item-value{font-weight:800;margin:7px 0 5px;color:var(--text,#1E293B)}
.project-dashboard-page .status-progress{height:6px;border-radius:999px;background:#eef2f4;overflow:hidden;margin-bottom:5px}
.project-dashboard-page .status-progress span{display:block;height:100%;border-radius:999px}
.project-dashboard-page .content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px!important}
.project-dashboard-page .content-grid>.card:last-child{grid-column:1/-1}
.project-dashboard-page .activity-list{display:grid;gap:10px}
.project-dashboard-page .activity-item{padding:12px 14px;border:1px solid var(--border,#E2E8F0);border-radius:14px;background:rgba(255,255,255,.72)}
.ai-page.ai-restored-page{display:grid!important;gap:18px}
.ai-page.ai-restored-page .ai-command-center{display:grid!important;grid-template-columns:90px minmax(0,1fr) 190px;gap:22px;align-items:center;padding:26px!important;background:linear-gradient(135deg,rgba(79,111,104,.12),rgba(37,99,235,.06),rgba(176,137,104,.08));border:1px solid rgba(79,111,104,.18);overflow:hidden}
.ai-page.ai-restored-page .ai-command-copy h2{font-size:30px;line-height:1.15;margin:4px 0 10px}
.ai-page.ai-restored-page .ai-orb{width:72px;height:72px;border-radius:26px;background:radial-gradient(circle at 32% 28%,#fff,rgba(79,111,104,.24) 36%,#4F6F68 100%);box-shadow:0 24px 60px rgba(79,111,104,.24);position:relative}
.ai-page.ai-restored-page .ai-orb span{position:absolute;inset:18px;border-radius:18px;border:2px solid rgba(255,255,255,.8)}
.ai-page.ai-restored-page .ai-signal-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ai-page.ai-restored-page .ai-signal-row span,.ai-page.ai-restored-page .ai-mode-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.68);border:1px solid rgba(79,111,104,.16);font-weight:800;font-size:12px;color:var(--text,#1E293B)}
.ai-page.ai-restored-page .ai-live-card{border-radius:22px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 44px rgba(15,23,42,.09);padding:16px}
.ai-page.ai-restored-page .ai-scope-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:18px;align-items:end;padding:20px!important}
.ai-page.ai-restored-page .ai-scope-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
.ai-page.ai-restored-page .ai-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:16px}
.ai-page.ai-restored-page .ai-metric-card{min-height:116px;padding:18px!important}
.ai-page.ai-restored-page .ai-metric-card strong{display:block;font-size:28px;line-height:1.1;margin:6px 0}
.ai-page.ai-restored-page .ai-decision-grid,.ai-page.ai-restored-page .ai-layout{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px}
.ai-page.ai-restored-page .ai-recommendation-grid,.ai-page.ai-restored-page .ai-risk-score-list,.ai-page.ai-restored-page .ai-risk-list{display:grid;gap:12px}
.ai-page.ai-restored-page .ai-recommendation-card,.ai-page.ai-restored-page .ai-risk-score-row,.ai-page.ai-restored-page .ai-risk-list>div{border:1px solid var(--border,#E2E8F0);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,246,243,.78));padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.ai-page.ai-restored-page .ai-chat-card{display:grid;gap:16px}
.ai-page.ai-restored-page .ai-message{display:flex;gap:12px;align-items:flex-start}
.ai-page.ai-restored-page .ai-message-avatar{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#e8f7ef;color:#087f5b;font-weight:900;flex:0 0 auto}
.ai-page.ai-restored-page .ai-message-bubble{padding:13px 15px;border-radius:18px;background:#fff;border:1px solid var(--border,#E2E8F0);box-shadow:0 8px 24px rgba(15,23,42,.05);line-height:1.6}
.ai-page.ai-restored-page .ai-form{display:grid;gap:12px}
.ai-page.ai-restored-page .ai-prompts{display:flex;flex-wrap:wrap;gap:8px}
.ai-page.ai-restored-page .ai-prompt-chip{border:1px solid rgba(79,111,104,.2);background:#f4fbf8;color:#315851;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}
.ai-page.ai-restored-page .ai-answer,.ai-page.ai-restored-page .ai-empty-answer{border:1px solid rgba(46,139,87,.18);background:linear-gradient(180deg,#f7fffb,#fff);border-radius:18px;padding:16px}
.ai-page.ai-restored-page .ai-answer-text{display:grid;gap:8px;line-height:1.65}
.ai-page.ai-restored-page .ai-risk-ring{width:150px;height:150px;border-radius:50%;margin:10px auto 18px;background:conic-gradient(#dc2626 0 var(--risk),#e6edf2 var(--risk) 360deg);display:grid;place-items:center}
.ai-page.ai-restored-page .ai-risk-ring>div{width:104px;height:104px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}
.ai-page.ai-restored-page .ai-risk-ring span{display:block;color:var(--muted,#64748B);font-size:12px}
.ai-page.ai-restored-page .ai-risk-score-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(160px,.8fr) repeat(3,minmax(130px,.6fr));gap:14px;align-items:center}
.ai-page.ai-restored-page .ai-score-bar{height:6px;border-radius:999px;background:#edf2f5;overflow:hidden;margin-top:7px}
.ai-page.ai-restored-page .ai-score-bar i{display:block;height:100%;background:#4F6F68;border-radius:999px}
@media (max-width:1200px){.project-dashboard-page .project-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-dashboard-page .kpi-grid,.ai-page.ai-restored-page .ai-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-dashboard-page .chart-grid,.project-dashboard-page .content-grid,.ai-page.ai-restored-page .ai-decision-grid,.ai-page.ai-restored-page .ai-layout{grid-template-columns:1fr!important}.ai-page.ai-restored-page .ai-command-center,.ai-page.ai-restored-page .ai-scope-card{grid-template-columns:1fr!important}.ai-page.ai-restored-page .ai-risk-score-row{grid-template-columns:1fr 1fr!important}}
@media (max-width:700px){.project-dashboard-page{gap:14px}.project-dashboard-page .project-filter{grid-template-columns:1fr!important;padding:14px!important}.project-dashboard-page .quick-row{align-items:stretch}.project-dashboard-page .soft-row,.project-dashboard-page .soft-row .btn{width:100%}.project-dashboard-page .kpi-grid,.ai-page.ai-restored-page .ai-kpi-grid{grid-template-columns:1fr!important}.project-dashboard-page .kpi-modern{min-height:104px!important;grid-template-columns:minmax(0,1fr) 48px!important}.project-dashboard-page .kpi-modern strong{font-size:24px}.project-dashboard-page .project-status-body{grid-template-columns:1fr}.project-dashboard-page .project-status-chart{height:190px;width:190px}.project-dashboard-page .table-wrap{overflow-x:auto}.ai-page.ai-restored-page .ai-command-center{padding:18px!important}.ai-page.ai-restored-page .ai-command-copy h2{font-size:24px}.ai-page.ai-restored-page .ai-scope-form{grid-template-columns:1fr}.ai-page.ai-restored-page .ai-risk-score-row{grid-template-columns:1fr!important}.ai-page.ai-restored-page .ai-live-card{max-width:220px}.ai-page.ai-restored-page .ai-prompts{display:grid}.ai-page.ai-restored-page .ai-submit{width:100%}}
html.dark .project-dashboard-page .project-status-item,html.dark .project-dashboard-page .activity-item,html.dark .ai-page.ai-restored-page .ai-recommendation-card,html.dark .ai-page.ai-restored-page .ai-risk-score-row,html.dark .ai-page.ai-restored-page .ai-risk-list>div,html.dark .ai-page.ai-restored-page .ai-message-bubble{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.18)}
html.dark .ai-page.ai-restored-page .ai-risk-ring>div{background:#0b1220}