@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0f19;--bg-secondary:#131b2e;--bg-card:#161e31b3;--bg-card-hover:#1c263ed9;--border-color:#ffffff0f;--border-focus:#6366f166;--accent-emerald:#10b981;--accent-emerald-light:#10b98126;--accent-rose:#f43f5e;--accent-rose-light:#f43f5e26;--accent-purple:#8b5cf6;--accent-purple-light:#8b5cf626;--accent-blue:#3b82f6;--accent-blue-light:#3b82f626;--accent-amber:#f59e0b;--accent-amber-light:#f59e0b26;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Plus Jakarta Sans", "Outfit", system-ui, sans-serif;--sidebar-width:260px;--sidebar-collapsed-width:80px;--header-height:80px;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 4px 20px -4px #000000b3;--shadow-lg:0 12px 40px -8px #000000e6;--glass-effect:backdrop-filter: blur(16px) saturate(180%);--border-glass:1px solid #ffffff0f}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulseBorder{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);background:radial-gradient(circle at 50% 0%, #1e1b4b 0%, var(--bg-primary) 70%);flex-direction:column;flex-grow:1;min-height:100vh;padding:2rem;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.glass-card{background:var(--bg-card);border:var(--border-glass);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);border-color:#ffffff1a;transform:translateY(-2px)}h1{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}h2{letter-spacing:-.02em;color:var(--text-primary);font-size:1.4rem;font-weight:700}h3{color:var(--text-primary);font-size:1.1rem;font-weight:600}.text-gradient-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-rose{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover{background:linear-gradient(135deg,#6d28d9 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e580}.btn-secondary{color:var(--text-primary);border:var(--border-glass);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:var(--accent-rose-light);color:#fda4af;border:1px solid #f43f5e33}.btn-danger:hover{background:var(--accent-rose);color:#fff}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input{width:100%;color:var(--text-primary);background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--accent-blue);background:#0f172ae6;box-shadow:0 0 0 3px #3b82f626}.form-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#050810d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:var(--border-glass);width:100%;max-width:500px;box-shadow:var(--shadow-lg);border-radius:20px;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;overflow:hidden}.modal-header{border-bottom:var(--border-glass);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-body{max-height:70vh;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:var(--border-glass);background:#00000026;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.table-container{border:var(--border-glass);background:#161e314d;border-radius:12px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border-glass);background:#0003;padding:1rem 1.25rem;font-size:.8rem;font-weight:700}.custom-table td{color:var(--text-primary);border-bottom:var(--border-glass);vertical-align:middle;padding:1rem 1.25rem;font-size:.9rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#ffffff05}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-income{background:var(--accent-emerald-light);color:var(--accent-emerald)}.badge-expense{background:var(--accent-rose-light);color:#f43f5e}.badge-pending{background:var(--accent-amber-light);color:var(--accent-amber)}.badge-paid{background:var(--accent-blue-light);color:var(--accent-blue)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1024px){.main-content{padding:1.5rem;padding-top:calc(var(--header-height) + 1rem);margin-left:0}}@media (width<=768px){h1{font-size:1.8rem}.grid-mobile-1{grid-template-columns:1fr!important}}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:var(--border-glass);z-index:100;flex-direction:column;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.sidebar-logo{height:var(--header-height);border-bottom:var(--border-glass);align-items:center;gap:.75rem;padding:0 1.5rem;display:flex}.logo-icon{color:#6366f1}.logo-text{letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:800}.sidebar-balance{background:#6366f114;border:1px solid #6366f126;border-radius:12px;margin:1.5rem;padding:1.25rem}.balance-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.balance-amount{color:#818cf8;font-size:1.25rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:.5rem;padding:0 1rem;display:flex}.nav-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff08}.nav-item.active{color:#818cf8;background:#6366f126;border-left:3px solid #6366f1;padding-left:calc(1rem - 3px)}.sidebar-footer{border-top:var(--border-glass);background:#0000001a;margin-top:auto;padding:1.5rem}.user-profile{align-items:center;gap:.75rem;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.user-role{color:var(--text-muted);font-size:.75rem}.top-bar{border-bottom:var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.top-bar-actions{align-items:center;gap:1.25rem;margin-left:auto;display:flex}.icon-btn{border:var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.icon-btn:hover{color:var(--text-primary);background:#ffffff14}.notification-dot{background-color:var(--accent-rose);border:2px solid var(--bg-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.vertical-divider{background-color:var(--border-color);width:1px;height:24px}.top-bar-user{text-align:right}.top-bar-user .user-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.top-bar-user .user-role{color:var(--text-secondary);font-size:.75rem}.mobile-header{height:var(--header-height);background:var(--bg-secondary);border-bottom:var(--border-glass);z-index:99;justify-content:space-between;align-items:center;padding:0 1.5rem;display:none;position:fixed;top:0;left:0;right:0}.menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none}.mobile-logo{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;position:fixed;inset:0}.mobile-drawer{width:var(--sidebar-width);background:var(--bg-secondary);border-right:var(--border-glass);flex-direction:column;height:100%;animation:.3s slideInLeft;display:flex}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{height:var(--header-height);border-bottom:var(--border-glass);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none}@media (width<=1024px){.sidebar{display:none}.mobile-header{display:flex}.top-bar{display:none}}.view-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{flex-direction:column;justify-content:space-between;min-height:120px;display:flex}.kpi-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.icon-wrapper.income{background:var(--accent-emerald-light);color:var(--accent-emerald)}.icon-wrapper.expense{background:var(--accent-rose-light);color:var(--accent-rose)}.icon-wrapper.profit{background:var(--accent-purple-light);color:var(--accent-purple)}.icon-wrapper.budget{background:var(--accent-blue-light);color:var(--accent-blue)}.kpi-body{flex-direction:column;gap:.25rem;display:flex}.kpi-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.kpi-body h3{letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.charts-grid{grid-template-columns:3fr 2fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.card-header-flex{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.view-all-link{color:#818cf8;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.view-all-link:hover{color:#6366f1;text-decoration:underline}.chart-legends{gap:1rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.income{background-color:var(--accent-emerald)}.dot.expense{background-color:var(--accent-rose)}.svg-chart-wrapper{width:100%;position:relative}.svg-chart{width:100%;height:auto;overflow:visible}.chart-tooltip{background:var(--bg-secondary);pointer-events:none;z-index:50;box-shadow:var(--shadow-lg);border:1px solid #ffffff1f;border-radius:8px;width:130px;padding:.75rem;font-size:.8rem}.tooltip-title{color:var(--text-primary);margin-bottom:.25rem;font-weight:700}.tooltip-income{color:var(--accent-emerald);font-weight:600}.tooltip-expense{color:var(--accent-rose);font-weight:600}.donut-section{justify-content:space-around;align-items:center;gap:1rem;min-height:150px;margin-top:1rem;display:flex}.donut-chart-wrapper{width:120px;height:120px;position:relative}.donut-svg{transform:rotate(-90deg)}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-num{color:var(--text-primary);font-size:1.1rem;font-weight:800}.donut-center-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.categories-legend{flex-direction:column;flex-grow:1;gap:.6rem;max-width:180px;display:flex}.legend-row{align-items:center;font-size:.8rem;display:flex}.color-indicator{border-radius:3px;flex-shrink:0;width:10px;height:10px;margin-right:.5rem}.category-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.category-pct{color:var(--text-primary);margin-left:auto;padding-left:.5rem;font-weight:700}.empty-state-donut{color:var(--text-muted);text-align:center;font-size:.85rem}.tx-title-wrapper{flex-direction:column;display:flex}.tx-title{color:var(--text-primary);font-weight:600}.tx-sub{color:var(--text-muted);margin-top:.1rem;font-size:.75rem}.tx-category-badge{border:var(--border-glass);color:var(--text-secondary);background:#ffffff0a;border-radius:6px;padding:.2rem .5rem;font-size:.75rem}.income-color{color:var(--accent-emerald)}.expense-color{color:var(--accent-rose)}.font-bold{font-weight:700}.toolbar-card{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.toolbar-top{width:100%}.search-box{width:100%;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{width:100%;color:var(--text-primary);background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:.75rem 1rem .75rem 2.75rem;font-size:.9rem;transition:all .2s}.search-input:focus{border-color:var(--accent-blue);background:#0f172ad9;box-shadow:0 0 0 3px #3b82f626}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filter-group-inline{align-items:center;gap:.4rem;display:flex}.filter-select{color:var(--text-secondary);cursor:pointer;appearance:none;background:#0f172a99 url("data:image/svg+xml;utf8,<svg fill='rgba(148,163,184,0.7)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") right 8px center no-repeat;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:.5rem 2.25rem .5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-select:hover{color:var(--text-primary);background-color:#1c263ed9;border-color:#ffffff26}.filter-select:focus{border-color:var(--accent-blue)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.sortable-th:hover{color:var(--text-primary)!important;background:#ffffff08!important}.sortable-th svg{vertical-align:middle;opacity:.5;margin-left:.25rem;display:inline-block}.sortable-th:hover svg{opacity:1}.table-actions{justify-content:center;gap:.5rem;display:flex}.action-btn-edit,.action-btn-delete{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn-edit{color:#93c5fd;background:#3b82f61a;border-color:#3b82f626}.action-btn-edit:hover{background:var(--accent-blue);color:#fff}.action-btn-delete{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e26}.action-btn-delete:hover{background:var(--accent-rose);color:#fff}.table-empty-state{text-align:center;color:var(--text-muted);font-size:.95rem;padding:3rem!important}.grid-2-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width<=600px){.grid-2-col{grid-template-columns:1fr;gap:0}}.type-toggle-group{background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:1fr 1fr;gap:.5rem;padding:.25rem;display:grid}.type-toggle-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;padding:.6rem;font-size:.85rem;font-weight:700;transition:all .2s}.type-toggle-btn.income.active{background:var(--accent-emerald);color:#fff;box-shadow:0 4px 10px #10b98133}.type-toggle-btn.expense.active{background:var(--accent-rose);color:#fff;box-shadow:0 4px 10px #f43f5e33}.form-error-alert{color:#fca5a5;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.budget-alerts-section{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.budget-alert-card{border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.budget-alert-card.warning{background:var(--accent-amber-light);border-color:#f59e0b40}.budget-alert-card.warning .alert-icon{color:var(--accent-amber)}.budget-alert-card.warning .alert-title{color:#fde047}.budget-alert-card.danger{background:var(--accent-rose-light);border-color:#f43f5e40}.budget-alert-card.danger .alert-icon{color:var(--accent-rose)}.budget-alert-card.danger .alert-title{color:#fda4af}.alert-text-wrapper{flex-direction:column;gap:.2rem;display:flex}.alert-title{font-size:.95rem;font-weight:700}.alert-desc{color:var(--text-secondary);font-size:.8rem}.budgets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.budgets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.budgets-grid{grid-template-columns:1fr}}.budget-card{flex-direction:column;gap:1.25rem;display:flex}.budget-card-header{justify-content:space-between;align-items:center;display:flex}.small-btn{border-radius:8px;width:32px;height:32px}.budget-card-body{flex-direction:column;gap:1.25rem;display:flex}.budget-kpis{border:var(--border-glass);background:#00000026;border-radius:10px;grid-template-columns:1fr 1fr;gap:1rem;padding:.85rem;display:grid}.budget-kpi{flex-direction:column;display:flex}.kpi-lbl{color:var(--text-muted);text-transform:uppercase;margin-bottom:.15rem;font-size:.7rem;font-weight:600}.kpi-val{color:var(--text-primary);font-size:.95rem;font-weight:800}.budget-progress-container{flex-direction:column;gap:.5rem;display:flex}.progress-labels{color:var(--text-secondary);justify-content:space-between;font-size:.8rem;font-weight:600;display:flex}.progress-bar-bg{background:#ffffff0a;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .4s ease-out}.budget-footer-status{border-top:var(--border-glass);align-items:center;padding-top:.25rem;display:flex}.status-indicator{align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.status-indicator.ok{color:var(--accent-emerald)}.status-indicator.over{color:var(--accent-rose)}.reports-layout-grid{grid-template-columns:3fr 2fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.reports-layout-grid{grid-template-columns:1fr}}.pl-statement-card{padding:2rem}.pl-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.pl-ledger{flex-direction:column;gap:.5rem;display:flex}.pl-row{justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.pl-header-row{color:var(--text-primary);border-bottom:1px solid #ffffff0d;padding-bottom:.5rem;font-size:.95rem;font-weight:800}.pl-sub-row{color:var(--text-secondary);padding-left:1.5rem}.pl-sub-row.empty{color:var(--text-muted);font-style:italic}.pl-divider{background:#ffffff14;height:1px;margin:.75rem 0}.pl-divider.double{background:0 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;height:4px;margin:.75rem 0}.pl-total-row{color:var(--text-primary);font-weight:700}.pl-grand-total-row{color:#fff;padding:.5rem 0;font-size:1.05rem;font-weight:800}.reports-analytics-side{flex-direction:column;gap:1.5rem;display:flex}.reports-chart-card{padding:1.5rem}.quarterly-chart-wrapper{width:100%;margin-top:1.5rem}.bar-chart-svg{width:100%;height:auto;overflow:visible}.tax-info-card{border-left:4px solid var(--accent-emerald);background:#10b9810a}.tax-info-card h4{color:var(--text-primary);font-weight:700}.personnel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.personnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.personnel-grid{grid-template-columns:1fr}}.member-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.member-card-header{justify-content:space-between;align-items:center;display:flex}.member-avatar{color:#fff;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.avatar-text{letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.member-card-body{flex-direction:column;gap:.5rem;display:flex}.member-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1.15rem;font-weight:700}.member-meta-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.meta-icon{color:var(--text-muted)}.member-divider{background:#ffffff0f;height:1px;margin:.5rem 0}.member-dept-wrapper{flex-direction:column;gap:.15rem;display:flex}.dept-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:600}.dept-value{color:var(--text-primary);font-size:.8rem;font-weight:700}.debts-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.debt-card-info{flex-direction:column;gap:1.25rem;display:flex}.debt-card-header{justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.debts-section-grid{grid-template-columns:1fr}}.action-btn-print{color:#a7f3d0;background:#10b9811a;border-color:#10b98126;margin-right:4px}.action-btn-print:hover{background:var(--accent-emerald);color:#fff}.voucher-modal-content{max-width:800px}.printable-voucher{color:#000;background:#fdfdfa;border:1px solid #e2e8f0;border-radius:10px;padding:2.5rem;line-height:1.6;box-shadow:inset 0 0 40px #00000005;font-family:Times New Roman,Times,serif!important}.printable-voucher *{font-family:Times New Roman,Times,serif!important}.voucher-print-header{justify-content:space-between;padding-bottom:.5rem;font-size:.85rem;display:flex}.company-info-block{text-align:left;width:58%}.company-info-block h4.comp-name{color:#0b2265;margin-bottom:.2rem;font-size:1.05rem;font-weight:700;line-height:1.35}.comp-address{color:#475569;font-size:.8rem;line-height:1.3}.circular-info-block{text-align:right;width:42%;line-height:1.35}.voucher-code-title{color:#000;margin-bottom:.2rem;font-size:.95rem;font-weight:700}.circular-notes{color:#000;margin:0;font-size:.8rem;font-style:italic}.voucher-title-container{justify-content:space-between;align-items:flex-start;width:100%;margin:.8rem 0;display:flex}.title-left-spacer{flex-shrink:0;width:120px}.voucher-title-section{text-align:center;flex-grow:1}.voucher-title{color:#000;letter-spacing:.05em;margin-bottom:.2rem;font-size:1.8rem;font-weight:700}.voucher-date{color:#000;font-size:.9rem;font-style:italic}.voucher-meta-box{text-align:left;color:#000;flex-direction:column;flex-shrink:0;gap:.1rem;width:120px;font-size:.9rem;line-height:1.35;display:flex}.voucher-meta-box p{margin:0}.split-row{justify-content:space-between;gap:1.5rem;display:flex}.field-group-left,.field-group-right{align-items:baseline;gap:.4rem;display:flex}.field-label-inline{color:#000;white-space:nowrap;font-weight:700}.voucher-footer-note-block{color:#000;flex-direction:column;gap:.3rem;margin-top:.8rem;font-size:.85rem;display:flex}.footer-note-line{align-items:baseline;gap:.4rem;width:100%;display:flex}.note-label{white-space:nowrap;color:#000;font-weight:500}.note-value-line{color:#000;border-bottom:1px dashed #94a3b8;flex-grow:1;padding-bottom:1px}.footer-sub-text{color:#475569;text-align:left;margin-top:.2rem;font-size:.75rem;font-style:italic}.voucher-content-fields{color:#000;flex-direction:column;gap:.5rem;font-size:1.05rem;display:flex}.voucher-field-line{color:#000;text-align:left;font-size:1.05rem;line-height:1.45}.field-label-flat{color:#000;font-weight:400}.field-value-flat{color:#000}.voucher-date-line{text-align:right;color:#475569;margin-top:.8rem;font-size:.85rem;font-style:italic}.voucher-signatures-grid{text-align:center;page-break-inside:avoid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:2.5rem;font-size:.8rem;display:grid}.sig-col h5{color:#000;font-size:.85rem;font-weight:800}.sig-note{color:#475569;font-size:.7rem;font-style:italic}.sig-space{height:60px}.sig-name{color:#000;font-weight:700}@media print{@page{size:A5 landscape;margin:0}.sidebar,.mobile-header,.top-bar,.view-header,.toolbar-card,.table-card-full,.no-print{display:none!important}.app-container{height:auto!important;min-height:auto!important;display:block!important}.main-content{background:0 0!important;min-height:auto!important;margin:0!important;padding:0!important}body,#root{color:#000!important;background:#fff!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important}.voucher-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:auto!important;background:0 0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.voucher-modal-content{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.printable-voucher{box-shadow:none!important;color:#000!important;box-sizing:border-box!important;background:#fff!important;border:none!important;flex-direction:column!important;justify-content:space-between!important;width:210mm!important;height:148mm!important;margin:0 auto!important;padding:8mm 12mm 6mm!important;font-size:11px!important;line-height:1.35!important;display:flex!important;overflow:hidden!important}.voucher-print-header{border-bottom:none!important;margin-bottom:.3rem!important;padding-bottom:.3rem!important;font-size:9.5px!important}.company-info-block h4.comp-name{font-size:10px!important}.voucher-title-container{justify-content:space-between!important;align-items:flex-start!important;width:100%!important;margin:.3rem 0!important;display:flex!important}.title-left-spacer{width:100px!important}.voucher-title-section{text-align:center!important;flex-grow:1!important;margin:0!important}.voucher-title{margin:.1rem 0!important;font-size:1.45rem!important}.voucher-date{margin:0!important;font-size:9.5px!important}.voucher-code-title{margin-bottom:.1rem!important;font-size:9.5px!important}.circular-notes{font-size:7.5px!important}.voucher-meta-box{text-align:left!important;width:100px!important;font-size:9px!important;line-height:1.25!important}.voucher-content-fields{gap:.35rem!important;font-size:11px!important}.voucher-field-line{margin-bottom:.2rem!important;font-size:11px!important;line-height:1.4!important}.field-label-flat,.field-value-flat{font-size:11px!important}.split-row{gap:1rem!important}.field-group-left,.field-group-right{gap:.3rem!important}.field-label-inline{font-size:11px!important}.voucher-date-line{color:#000!important;margin-top:.35rem!important;font-size:9.5px!important}.voucher-signatures-grid{gap:.25rem!important;margin-top:.8rem!important;font-size:9.5px!important}.sig-col h5{font-size:9.5px!important}.sig-note{font-size:7.5px!important}.sig-space{height:30px!important}.sig-name{font-size:9.5px!important}.voucher-footer-note-block{gap:.2rem!important;margin-top:.45rem!important;font-size:9.5px!important}.footer-note-line{gap:.3rem!important}.note-label{font-size:9.5px!important}.note-value-line{border-bottom:1px dashed #000!important;padding-bottom:1px!important;font-size:9.5px!important}.footer-sub-text{color:#000!important;margin-top:.15rem!important;font-size:8px!important}}