:root{--kvm-primary: #1d4ed8;--kvm-primary-dark: #1e3a8a;--kvm-bg: #f8fafc;--kvm-card: #ffffff;--kvm-border: #dfe3e8;--kvm-text: #0f172a;--kvm-muted: #475467;--kvm-success: #15803d;--kvm-danger: #b91c1c;--kvm-warning: #d97706}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--kvm-bg);color:var(--kvm-text)}button,input,select,textarea{font:inherit}.transaction-page{display:grid;gap:24px;padding:24px}.transaction-page__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.transaction-page__header h1{margin:0;font-size:clamp(1.75rem,2vw,2.5rem)}.transaction-page__header p{margin:8px 0 0;color:var(--kvm-muted)}.transaction-page__button{background:var(--kvm-primary);color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;transition:background .2s ease}.transaction-page__button:hover{background:var(--kvm-primary-dark)}.transaction-page__form-panel,.transaction-page__list-panel{background:var(--kvm-card);border:1px solid var(--kvm-border);border-radius:12px;padding:20px}.transaction-form{display:grid;gap:16px}.transaction-form__error{background:#b91c1c14;color:var(--kvm-danger);border:1px solid rgba(185,28,28,.2);border-radius:8px;padding:10px 12px}.transaction-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.transaction-form label{display:grid;gap:8px;font-size:.95rem;color:var(--kvm-text)}.transaction-form input,.transaction-form select,.transaction-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--kvm-border);border-radius:8px;background:#fff;padding:10px 12px;min-height:42px}.transaction-form textarea{min-height:120px;resize:vertical}.transaction-form__full-width{grid-column:1 / -1}.transaction-form__actions{display:flex;justify-content:flex-end;gap:12px}.transaction-form__primary,.transaction-form__secondary{border:none;border-radius:8px;padding:10px 16px;cursor:pointer}.transaction-form__primary{background:var(--kvm-primary);color:#fff}.transaction-form__secondary{background:#eef2ff;color:var(--kvm-primary-dark)}.transaction-list{display:grid;gap:16px}.transaction-list__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.transaction-list__summary-card{border:1px solid var(--kvm-border);border-radius:8px;padding:12px;background:#fff}.transaction-list__summary-label{display:block;color:var(--kvm-muted);font-size:12px;margin-bottom:4px}.transaction-list__summary-value{font-size:20px;font-weight:700}.transaction-list__filters{display:flex;flex-wrap:wrap;gap:8px}.transaction-list__filter-button{padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;color:var(--kvm-text);cursor:pointer}.transaction-list__filter-button--active{background:var(--kvm-primary);color:#fff;border-color:var(--kvm-primary)}.transaction-list__table-wrap{overflow-x:auto;border:1px solid var(--kvm-border);border-radius:8px}.transaction-list__table{width:100%;border-collapse:collapse;background:#fff}.transaction-list__table th,.transaction-list__table td{padding:10px;text-align:left;border-bottom:1px solid #edf2f7}.transaction-list__table thead,.transaction-list__table tbody tr:hover{background:#f8fafc}.transaction-list__amount{text-align:right;font-weight:600}.transaction-list__empty{text-align:center;color:var(--kvm-muted);padding:24px}@media (max-width: 640px){.transaction-page{padding:16px}.transaction-page__header{align-items:flex-start}.transaction-form__actions{flex-direction:column-reverse}.transaction-form__actions button{width:100%}}