:root{--primary: #567c8d;--primary-light: #7a9fb0;--primary-dark: #2f4156;--accent: #c8d9e6;--accent-soft: #f5efeb;--bg-main: #f4f7f9;--bg-card: #ffffff;--bg-sidebar: #2f4156;--text-primary: #2f4156;--text-secondary: #567c8d;--text-light: #ffffff;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #c8d9e6;--border: #d1dbe5}.header{background-color:var(--accent);color:var(--text-primary);padding:1rem 2rem}.logout-btn{color:var(--primary-dark);padding:15px 20px;transition:.3s}.logout-btn:hover{color:var(--danger)}.back-btn{display:flex;justify-content:center;align-items:center;gap:2px;padding:5px!important;font-size:13px;color:var(--primary);transition:cubic-bezier(.075,.82,.165,1)}.back-btn:hover{color:var(--danger);font-weight:500}.active-badge{text-align:center;font-weight:600;background-color:#00ff5e27;display:flex;align-items:center;gap:2px;justify-content:center;padding:3px 7px;color:green;border-radius:37px}.inactive-badge{text-align:center;font-weight:600;background-color:#ff000034;display:flex;align-items:center;gap:2px;justify-content:center;padding:3px 7px;color:red;border-radius:37px}.success-badge{text-align:center;font-weight:600;background-color:#567c8d2f;display:flex;align-items:center;gap:2px;justify-content:center;padding:3px 7px;color:var(--primary);border-radius:37px}.ui-card{background:var(--bg-card);padding:1.5rem}.ui-card-header{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.ui-card-soft{background:var(--accent-soft);border:1px solid var(--border)}.btn{padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary);color:var(--text-light)}.btn-primary:hover{background:var(--primary-dark)}.btn-edit{color:var(--primary)}.btn-edit:hover{background:var(--warning);color:#fff}.btn-delete{color:var(--danger)}.btn-delete:hover{opacity:.85;background:var(--danger);color:#fff}.btn-confirm{background:var(--success);color:#fff}.btn-confirm:hover{opacity:.9}.btn-warning{background:var(--warning);color:#fff}.ui-table{width:100%;border-collapse:collapse;background:var(--bg-card);overflow:hidden}.ui-table thead{background:var(--primary);color:var(--text-light)}.ui-table th,.ui-table td{padding:2px;text-align:left;font-size:.85rem}.ui-table tbody tr:hover{background:#c8d9e66f}.ui-table-striped tbody tr:nth-child(2n){background:var(--bg-main)}.table-ledger td.credit{color:var(--danger);font-weight:600}.table-ledger td.debit{color:var(--success);font-weight:600}.ui-table-sm th,.ui-table-sm td{padding:2px;font-size:.8rem}.form-group{margin-bottom:1rem}.form-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.form-control{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:#fff;font-size:.85rem;transition:border .2s ease}.form-control:focus{border-color:var(--primary);outline:none}.form-error{font-size:.75rem;color:var(--danger);margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.widget-card{background:var(--bg-card);padding:1.5rem;border-radius:10px;border:1px solid var(--border);box-shadow:0 2px 8px #0000000d}.widget-title{font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.widget-value{font-size:1.5rem;font-weight:700;color:var(--primary-dark)}.chart-card{background:var(--bg-card);padding:1.5rem;border-radius:10px;border:1px solid var(--border)}.page-header{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.page-section{background:var(--bg-card);padding:1.5rem;border-radius:10px;border:1px solid var(--border);margin-bottom:1.5rem}.swal-card{border-radius:12px!important;font-family:inherit}.swal-title{color:var(--primary-dark)!important;font-size:1.1rem!important}.swal-confirm{background:var(--primary)!important}.swal-cancel{background:var(--danger)!important}.text-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3}.text-heading{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.4}.text-subtitle{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4}.text-body{font-size:.9rem;font-weight:400;color:var(--text-primary);line-height:1.6}.text-small{font-size:.8rem;color:var(--text-secondary)}.text-muted{font-size:.85rem;color:var(--text-secondary);opacity:.8}.text-table-head{font-size:.8rem;font-weight:600;letter-spacing:.03em}.text-metric{font-size:1.75rem;font-weight:700;color:var(--primary-dark)}.text-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}
