*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #b6c1cf;--bg-surface: #FFFFFF;--bg-surface-alt: #b8e4f2;--bg-sidebar: #0F172A;--text-primary: #1E293B;--text-secondary: #475569;--text-muted: #6B7280;--text-on-dark: #F8FAFC;--primary: #0284C7;--primary-hover: #0369A1;--primary-light: #E0F2FE;--success-bg: #A7F3D0;--success-text: #199C49;--warning-bg: #FEF3C7;--warning-text: #B45309;--danger-bg: #FECACA;--danger-text: #7F1D1D;--info-bg: #BAE6FD;--info-text: #0C4A6E;--border-light: #C8D4DE;--border-mid: #B0BFCB;--border-focus: #0284C7;--shadow-sm: 0 1px 4px rgba(15,23,42,.1), 0 0 0 1px rgba(15,23,42,.04);--shadow-md: 0 4px 16px rgba(15,23,42,.14), 0 1px 4px rgba(15,23,42,.08);--shadow-lg: 0 8px 28px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.1);--bg: var(--bg-app);--bg2: var(--bg-surface);--bg3: var(--bg-surface-alt);--bg4: #EEF0F4;--border: var(--border-light);--border2: var(--border-mid);--text: var(--text-primary);--text2: var(--text-secondary);--text3: var(--text-muted);--accent: var(--primary);--accent-dim: var(--primary-light);--accent-border: rgba(2,132,199,.35);--green: var(--success-text);--green-bg: var(--success-bg);--green-border: rgba(6,78,59,.3);--red: var(--danger-text);--red-bg: var(--danger-bg);--red-border: rgba(127,29,29,.3);--orange: var(--warning-text);--orange-bg: var(--warning-bg);--orange-border: rgba(180,83,9,.25);--blue: var(--info-text);--blue-bg: var(--info-bg);--blue-border: rgba(12,74,110,.3);--sidebar-bg: var(--bg-sidebar);--topbar-bg: rgba(255,255,255,.88);--nav-bg: rgba(255,255,255,.95);--cal-filter: none;--scrollbar-thumb: rgba(15,23,42,.12);--scrollbar-thumb-hover: rgba(15,23,42,.22);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html{height:100%}body{height:100%;background:var(--bg-app);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{height:100%}input,select,textarea,button{font-family:inherit;font-size:inherit}input,select,textarea{border-radius:4px}button{border-radius:4px;cursor:pointer}a{color:var(--primary);text-decoration:none}table,td,th{font-variant-numeric:tabular-nums}@media (max-width: 767px){*{max-width:100%}img,svg{max-width:100%;height:auto}input,select,textarea{max-width:100%;box-sizing:border-box}}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{filter:var(--cal-filter);opacity:.5;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:.9}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #0284c726}button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease both}.erp-table-wrap{width:100%;overflow-x:auto;border-radius:6px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:var(--bg-surface)}.erp-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}.erp-table thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--bg-surface-alt);border-bottom:1px solid var(--border-light);white-space:nowrap}.erp-table thead th.col-amount{text-align:right}.erp-table tbody td{padding:10px 14px;color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle}.erp-table tbody tr:last-child td{border-bottom:none}.erp-table tbody tr:nth-child(2n) td{background:var(--bg-surface-alt)}.erp-table tbody tr:hover td{background:var(--primary-light);transition:background .1s}.erp-table td.col-amount{text-align:right;font-weight:500;color:var(--text-primary);white-space:nowrap}.erp-table tfoot td{padding:10px 14px;font-weight:600;color:var(--text-primary);background:var(--bg-surface-alt);border-top:2px solid var(--border-mid)}.erp-table tfoot td.col-amount{text-align:right}.erp-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11.5px;font-weight:600;line-height:1.6;white-space:nowrap}.erp-badge--success{background:var(--success-bg);color:var(--success-text)}.erp-badge--warning{background:var(--warning-bg);color:var(--warning-text)}.erp-badge--danger{background:var(--danger-bg);color:var(--danger-text)}.erp-badge--info{background:var(--info-bg);color:var(--info-text)}.erp-badge--neutral{background:var(--bg-surface-alt);color:var(--text-secondary);border:1px solid var(--border-light)}.erp-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;margin-bottom:5px}.erp-input{width:100%;padding:8px 11px;background:var(--bg-surface);border:1px solid var(--border-mid);border-radius:4px;color:var(--text-primary);font-size:14px;transition:border-color .15s,box-shadow .15s}.erp-input::placeholder{color:var(--text-muted)}.erp-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #0284c726}.erp-input.error{border-color:var(--danger-text);background:#fef2f2}.erp-input.error:focus{box-shadow:0 0 0 3px #b91c1c1f}.erp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:600;border-radius:4px;border:none;cursor:pointer;transition:background .15s,box-shadow .15s;white-space:nowrap}.erp-btn--primary{background:var(--primary);color:#fff}.erp-btn--primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm)}.erp-btn--secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-mid)}.erp-btn--secondary:hover{border-color:var(--primary);color:var(--primary)}.erp-btn--danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--red-border)}.erp-btn--danger:hover{background:var(--danger-text);color:#fff}.erp-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:6px;box-shadow:var(--shadow-sm);padding:20px}.erp-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.col-amount,.amount,td.right{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}.print-only{display:block!important}.print-section{background:#fff!important;color:#000!important;border:1px solid #ccc!important;border-radius:0!important;padding:12px!important;margin-bottom:8px!important}.print-row{display:flex!important;justify-content:space-between!important;padding:4px 0!important;border-bottom:1px solid #eee!important;font-size:12px!important}.print-positive{color:#199c49!important}.print-negative{color:#dc2626!important}}