@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;color:#0f172a;background:#f1f5f9;-webkit-font-smoothing:antialiased}input,select,button,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar ::-webkit-scrollbar-thumb{background:#334155}.sidebar ::-webkit-scrollbar-thumb:hover{background:#475569}.fi{display:block;width:100%;height:38px;padding:0 12px;border:1.5px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;transition:border-color .14s,box-shadow .14s,background .14s}.fi::placeholder{color:#94a3b8}.fi:hover:not(:disabled):not(:focus):not([readonly]){border-color:#94a3b8}.fi:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.fi[readonly],.fi:read-only,.fi:disabled{background:#f1f5f9;color:#475569;cursor:not-allowed;border-color:#e2e8f0}.fi[readonly],.fi:read-only{cursor:default}select.fi{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:6px;font-weight:600;font-size:13px;border:1px solid transparent;transition:background .14s,border-color .14s,opacity .14s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn-warning{background:#f59e0b;color:#fff;border-color:#f59e0b}.btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn-ghost{background:transparent;color:#6b7280;border-color:transparent}.btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:5px}.btn-xs{height:24px;padding:0 8px;font-size:11px;border-radius:4px}.btn-lg{height:42px;padding:0 20px;font-size:14px}.btn-full{width:100%}.alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid transparent}.alert-success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.alert-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.alert-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.alert-info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0f172a0f;padding:20px}.card:has(>.card-body),.card:has(>.card-header){padding:0}.card-header{padding:14px 18px;border-bottom:1px solid #e2e8f0;font-weight:700;font-size:13px;color:#0f172a;display:flex;align-items:center;gap:8px}.card-body{padding:16px 18px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{background:#f8fafc;color:#64748b;font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:9px 12px;text-align:left;border-bottom:2px solid #e2e8f0;white-space:nowrap}.tbl td{padding:8px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.tbl tbody tr:hover td{background:#f8fafc}.tbl tbody tr:last-child td{border-bottom:none}.tbl .tbl-num{text-align:right;font-variant-numeric:tabular-nums}.tbl .fi{height:30px;font-size:13px}.form-label{display:block;font-size:11px;font-weight:600;color:#374151;margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}.form-field{display:grid;gap:4px}.form-grid{display:grid;gap:12px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:12px}.form-row-4{display:grid;grid-template-columns:1fr .45fr 1fr 1fr;gap:12px}.form-section{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #f1f5f9}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin-bottom:12px;display:flex;align-items:center;gap:8px}.form-section-title:after{content:"";flex:1;height:1px;background:#f1f5f9}.tab-bar{display:flex;gap:2px;padding:8px 12px 0;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tab-btn{padding:7px 14px;font-size:13px;font-weight:500;color:#64748b;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;cursor:pointer;transition:color .14s,border-color .14s;margin-bottom:-1px}.tab-btn:hover{color:#0f172a;background:#f1f5f9}.tab-btn.active{color:#2563eb;font-weight:600;border-bottom-color:#2563eb;background:#fff}.tab-btn:disabled{opacity:.45;cursor:not-allowed}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:7px;border:none;background:transparent;color:#94a3b8;font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s;overflow:hidden}.menu-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.menu-item:hover{background:#ffffff12;color:#e2e8f0}.menu-item.active{background:#2563eb;color:#fff;font-weight:600}.menu-item.parent{color:#cbd5e1;font-weight:600}.toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.toolbar-sep{width:1px;height:22px;background:#e2e8f0;margin:0 2px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-blue{background:#dbeafe;color:#1e40af}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:#f1f5f9;color:#475569}.list-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-bottom:1px solid #f1f5f9;background:transparent;text-align:left;cursor:pointer;font-size:13px;color:#1e293b;transition:background .12s}.list-row:hover{background:#f8fafc}.list-row.selected{background:#eff6ff;color:#1d4ed8;font-weight:600}.list-row .list-id{color:#94a3b8;font-size:11px;min-width:40px;font-variant-numeric:tabular-nums}.avatar{width:30px;height:30px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.avatar-lg{width:38px;height:38px;font-size:14px}.confirm-strip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;font-size:13px;color:#9a3412;font-weight:500}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.stat-value{font-size:20px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.stat-value.positive{color:#059669}.stat-value.warning{color:#d97706}.stat-value.error{color:#dc2626}:root{--primary: #3b82f6;--surface: #ffffff;--border: #e2e8f0;--text-secondary: #64748b;--hover: #f8fafc}.input{display:block;width:100%;height:38px;padding:0 12px;font-size:14px;line-height:1.2;font-family:inherit;border:1.5px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;transition:border-color .14s,box-shadow .14s,background .14s;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.input::placeholder{color:#94a3b8}.input:hover:not(:disabled):not(:focus){border-color:#94a3b8}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.input:disabled{background:#f1f5f9;color:#475569;cursor:not-allowed;border-color:#e2e8f0}.input.input-sm,td .input{height:34px;font-size:13px;padding:0 10px;border-radius:6px}select.input{padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:18px}select.input:disabled{cursor:not-allowed}.input-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:5px}.page-header{margin-bottom:20px}.page-title{font-size:20px;font-weight:700;color:#0f172a}.page-subtitle{font-size:13px;color:#64748b;margin-top:2px}.filter-card{padding:20px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.filter-section{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#475569;padding-bottom:4px;border-bottom:1px solid #e2e8f0}.radio-btn{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid #d1d5db;background:#f8fafc;color:#475569;transition:all .14s}.radio-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.radio-btn:hover:not(.active){border-color:#3b82f6;color:#3b82f6}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#374151;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.view-tabs{display:flex;gap:4px;border-bottom:2px solid #e2e8f0}.view-tab{padding:8px 16px;font-size:13px;font-weight:500;color:#64748b;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:6px;transition:color .14s,border-color .14s}.view-tab:hover{color:#3b82f6}.view-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;background:#e2e8f0;color:#475569;border-radius:10px;font-size:11px;font-weight:600}.view-tab.active .tab-badge{background:#dbeafe;color:#1d4ed8}.table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e2e8f0}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{background:#f8fafc}.data-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.data-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.tfoot-total td{padding:10px 12px;font-weight:700;background:#f1f5f9;border-top:2px solid #e2e8f0;font-size:13px}.text-right{text-align:right!important}.mono{font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,monospace;font-size:12px}.nowrap{white-space:nowrap}.fw-600{font-weight:600}.text-green{color:#059669}.text-red{color:#dc2626}.stat-chip{display:flex;flex-direction:column;align-items:flex-end;padding:8px 14px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.stat-chip-green{background:#f0fdf4;border-color:#bbf7d0}.stat-chip-red{background:#fef2f2;border-color:#fecaca}.stat-chip-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.stat-chip-value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:#0f172a}.stat-chip-green .stat-chip-value{color:#059669}.stat-chip-red .stat-chip-value{color:#dc2626}.export-option{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;border:none;background:none;cursor:pointer;font-size:13px;color:#374151;text-align:left;transition:background .12s}.export-option:hover{background:#f1f5f9}.export-option+.export-option{border-top:1px solid #f1f5f9}.balance-header-row td{background:#eef2ff}.balance-header-row:hover td{background:#e0e7ff!important}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmPop{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dash-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0f;padding:16px 18px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--kpi-accent, #2563eb)}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.kpi-icon{font-size:18px;line-height:1;opacity:.85}.kpi-value{font-size:26px;font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.kpi-sub{font-size:12px;color:#64748b;margin-top:4px}.kpi-sub strong{color:#334155;font-weight:700}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a0f;display:flex;flex-direction:column}.dash-card-head{padding:14px 18px 6px}.dash-card-title{font-size:14px;font-weight:700;color:#0f172a}.dash-card-desc{font-size:12px;color:#64748b;margin-top:2px}.dash-card-body{padding:12px 18px 18px;flex:1}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}@media (max-width: 1100px){.dash-grid>[class^=col-]{grid-column:span 12}}.bars{display:flex;align-items:flex-end;gap:10px;height:200px;padding-top:8px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bar-pair{display:flex;align-items:flex-end;gap:4px;width:100%;justify-content:center;height:100%}.bar{width:18px;border-radius:4px 4px 0 0;transition:height .3s ease;min-height:2px}.bar-x{font-size:11px;color:#64748b;font-weight:600}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569}.legend-dot{width:11px;height:11px;border-radius:3px}.hbar-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;padding:5px 0}.hbar-label{font-size:12px;color:#334155;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-track{background:#f1f5f9;border-radius:6px;height:18px;overflow:hidden}.hbar-fill{height:100%;border-radius:6px;transition:width .3s ease}.hbar-val{font-size:12px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums;white-space:nowrap}.donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.donut-legend{display:flex;flex-direction:column;gap:6px}.donut-leg-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}@media print{.app-sidebar,.app-topbar,.no-print{display:none!important}.app-main,.app-content{margin:0!important;padding:0!important}.dash-card,.kpi{box-shadow:none!important;break-inside:avoid}.dash-grid{gap:10px}}