.card{padding:2em;max-width:100%;overflow:hidden}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:20px;max-width:98%}.form-field{display:flex;flex-direction:column}.form-field label{font-size:14px;font-weight:600;margin-bottom:6px}.form-field input,.form-field select{padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;width:100%}.form-field input:disabled{background:#f3f4f6;color:#6b7280;border-color:#d1d5db;cursor:not-allowed}.form-field.readonly label{color:#6b7280}.form-field.checkbox{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:24px}.form-field.checkbox label{margin:0;font-weight:600;text-align:center}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.form-actions.left{justify-content:flex-start}.form-actions.center{justify-content:center}.form-actions.space{justify-content:space-between}.form-actions .primary{padding:10px 24px;font-size:15px;border-radius:6px;background:#4f46e5;color:#fff;border:none;cursor:pointer}.form-divider{grid-column:1 / -1;height:1px;background:#e5e7eb;margin:8px 0 12px}@media(max-width:900px){.form-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){.form-grid{grid-template-columns:repeat(1,1fr)}.form-field{grid-column:span 1!important}}.form-field.has-error input,.form-field.has-error select{border-color:#dc2626}.form-error{color:#dc2626;font-size:12px;margin-top:4px}.form-field.readonly input{background:#f9fafb;color:#374151;border-color:#e5e7eb}.form-field.disabled input{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.danger-zone{margin-top:24px;border-top:1px solid #e5e7eb;padding-top:16px}button.danger{color:#fff;background:#dc2626}.left-list{display:flex;flex-direction:column;gap:16px;padding:16px}.left-card{display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f7;border-radius:12px;padding:20px 24px;transition:background-color .2s}.left-card:hover{background-color:#ebebed}.card-info{flex:1}.card-header{font-size:16px;font-weight:600;margin:0 0 8px;color:#1d1d1f}.card-small{display:flex;align-items:center;gap:8px;font-size:16px;color:#6e6e73;margin-bottom:12px}.icon{font-size:18px}.card-text{font-size:12px;font-weight:600;color:#1d1d1f}.card-actions{display:flex;gap:12px}.delete-btn{background:none;border:none;font-size:28px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s;color:#ff3b30}.delete-btn:hover{background-color:#ff3b301a}.delete-btn:active{transform:scale(.95)}.new-btn{margin-top:auto;flex-shrink:0}table tbody tr:hover{background-color:#f3f4f6}.readonly{padding:10px 12px;background:#e6e7e9;border-radius:8px;min-height:42px}.deleted-row{color:#888;background-color:#f6b5b5}.table-wrapper{max-height:65vh;overflow-y:auto;border-radius:6px}.tx-table{width:100%;border-collapse:separate;border-spacing:0}.tx-table th,.tx-table td{overflow:hidden}.tx-table thead th{position:sticky;top:0;z-index:2;background:#fff;border-bottom:2px solid #ccc;padding:10px;text-align:left}.tx-table tbody td{padding:10px;border-bottom:1px solid #eee}.deleted-row{opacity:.6;background-color:#f8d7da}.col-date{width:110px;text-align:left}.col-payee{width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-category{width:140px;text-align:center}.col-amount{width:120px;text-align:cente;font-variant-numeric:tabular-nums}.col-status{width:120px;text-align:center}@media(max-width:768px){.col-category,.col-status{display:none}.col-payee{white-space:normal}.tx-table th,.tx-table td{padding:8px 6px;font-size:.9rem}.col-date{width:90px}.col-amount{width:100px}.col-payee{width:auto}}.page{padding:10px 24px 5px;font-family:system-ui;background:#a0bee4;color:#fbfbfc;max-width:1200px;margin:0 auto}.card{background:#fff;color:#111827;padding:16px;border-radius:12px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}label{display:block;font-weight:600;margin-bottom:4px}input{width:100%;padding:8px}button{margin-top:12px;padding:10px 16px}table{width:100%;border-collapse:collapse}th,td{padding:6px 8px;border-bottom:1px solid #e5e7eb}.subtitle{opacity:.8}.auth-container{display:flex;min-height:100vh}.auth-left,.auth-right{width:50%}.auth-right{overflow:hidden}@media(max-width:800px){.auth-right{display:none}.auth-left{width:100%}}