.finance-page{flex-direction:column;gap:28px;display:flex}.finance-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.finance-heading h1{color:var(--coost-text);letter-spacing:-.045em;margin:9px 0 10px;font-size:clamp(31px,4vw,44px);line-height:1.1}.finance-heading p{max-width:720px;color:var(--coost-muted);margin:0;font-size:15px;line-height:1.65}.finance-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.finance-dialog.finance-management-dialog{width:min(100%,680px)}.finance-management-content{gap:18px;padding:20px 24px 24px;display:grid}.finance-management-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.finance-management-list>li{border:1px solid var(--coost-border);border-radius:12px;padding:16px}.finance-management-account-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.finance-management-account-heading strong{overflow-wrap:anywhere;min-width:0}.finance-account-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.finance-account-details dt{color:var(--coost-muted);font-size:11px}.finance-account-details dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}@media (width<=420px){.finance-account-details{grid-template-columns:1fr}.finance-management-content{padding:16px}}.finance-readonly-badge{color:#71809a;background:#f7faff;border:1px solid #d8e4f2;border-radius:999px;align-items:center;min-height:36px;padding:0 13px;font-size:11px;font-weight:750;display:inline-flex}.finance-refresh-button{border:1px solid var(--coost-border);color:#53627b;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:12px;font-weight:750;display:inline-flex}.finance-refresh-button:hover:not(:disabled){color:var(--coost-text);background:#f4f7fb}.finance-refresh-button:disabled{opacity:.65;cursor:wait}.finance-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.finance-summary-card{border:1px solid var(--coost-border);background:#fffffff0;border-radius:16px;align-items:flex-start;gap:17px;min-height:142px;padding:23px;display:flex;box-shadow:0 10px 30px #1e3d630e}.finance-summary-icon{background:var(--coost-blue-soft);width:48px;height:48px;color:var(--coost-blue);border-radius:13px;flex:none;place-items:center;display:grid}.finance-summary-card span{color:#72819a;letter-spacing:.12em;margin-bottom:10px;font-size:10px;font-weight:850;display:block}.finance-summary-card strong{color:var(--coost-text);letter-spacing:-.025em;font-size:23px;line-height:1.25;display:block}.finance-summary-values{flex-direction:column;gap:3px;display:flex}.finance-summary-card small{color:#8a97aa;margin-top:10px;font-size:11px;display:block}.finance-layout{grid-template-columns:minmax(340px,.85fr) minmax(480px,1.4fr);align-items:start;gap:18px;display:grid}.finance-panel{border:1px solid var(--coost-border);background:#fffffff0;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #1e3d630d}.finance-panel-heading{border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:flex-start;gap:16px;padding:21px 22px 18px;display:flex}.finance-panel-heading span{color:var(--coost-blue);letter-spacing:.14em;margin-bottom:6px;font-size:9px;font-weight:900;display:block}.finance-panel-heading h2{color:var(--coost-text);letter-spacing:-.015em;margin:0;font-size:17px}.finance-panel-heading small{color:#8a97aa;white-space:nowrap;padding-top:3px;font-size:10px}.finance-account-list,.finance-transaction-list{flex-direction:column;display:flex}.finance-account-row{border-bottom:1px solid #edf1f6;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:78px;padding:14px 20px;display:grid}.finance-account-row:last-child,.finance-transaction-row:last-child{border-bottom:none}.finance-account-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.finance-account-icon-cash{color:#178f57;background:#e2f7eb}.finance-account-icon-bank{color:#266ed7;background:#e4efff}.finance-account-icon-card{color:#c2581c;background:#fdeee4}.finance-account-copy strong,.finance-account-copy span{display:block}.finance-account-copy strong{color:var(--coost-text);font-size:13px}.finance-account-copy span{color:#8a97aa;margin-top:4px;font-size:11px}.finance-account-balance{color:var(--coost-text);text-align:right;font-size:14px}.finance-transaction-row{border-bottom:1px solid #edf1f6;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:82px;padding:14px 20px;display:grid}.finance-transaction-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.finance-transaction-income{color:#178f57;background:#e2f7eb}.finance-transaction-expense{color:#d25d45;background:#fff0ed}.finance-transaction-transfer{color:#326fd1;background:#e6efff}.finance-transaction-adjustment{color:#7553cc;background:#f1ebff}.finance-transaction-copy{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.finance-transaction-copy strong,.finance-transaction-copy span{display:block}.finance-transaction-copy strong{color:var(--coost-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.finance-transaction-copy span{color:#8694a8;margin-top:4px;font-size:10px}.finance-transaction-copy small{color:#97a3b4;flex:none;font-size:10px}.finance-transaction-amount{text-align:right;min-width:112px}.finance-transaction-amount span{color:#8b98aa;margin-bottom:4px;font-size:9px;display:block}.finance-transaction-amount strong{color:var(--coost-text);font-size:12px}.finance-empty-state,.finance-state{color:#8190a5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:30px;display:flex}.finance-empty-state strong,.finance-state strong{color:var(--coost-text);margin-top:5px;font-size:14px}.finance-empty-state span,.finance-state span{max-width:360px;font-size:12px;line-height:1.55}.finance-state{min-height:420px}.finance-state-error button{background:var(--coost-blue);color:#fff;cursor:pointer;border-radius:9px;margin-top:8px;padding:10px 15px}.finance-spinner{animation:.9s linear infinite finance-spin}@keyframes finance-spin{to{transform:rotate(360deg)}}@media (width<=1150px){.finance-layout{grid-template-columns:1fr}}@media (width<=900px){.finance-summary-grid{grid-template-columns:1fr}.finance-heading{flex-direction:column}}@media (width<=600px){.finance-heading-actions{width:100%}.finance-refresh-button{margin-left:auto}.finance-panel-heading{flex-direction:column}.finance-transaction-row{grid-template-columns:38px minmax(0,1fr)}.finance-transaction-amount{text-align:left;grid-column:2}.finance-transaction-copy{flex-direction:column;align-items:flex-start;gap:5px}}.finance-write-badge{color:#27865a;background:#eefaf3;border-color:#cce8d8}.finance-account-actions{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.finance-adjust-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d8e3f0;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.finance-adjust-button:hover{color:var(--coost-text);background:#f5f8fc;border-color:#bfd1e5}.finance-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#131f3275;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.finance-dialog{border:1px solid var(--coost-border);background:#fff;border-radius:18px;width:min(100%,520px);max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 28px 80px #182d4b38}.finance-dialog-heading{border-bottom:1px solid #e9eef5;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.finance-dialog-heading span{color:var(--coost-blue);letter-spacing:.14em;margin-bottom:6px;font-size:9px;font-weight:900;display:block}.finance-dialog-heading h2{color:var(--coost-text);margin:0;font-size:21px}.finance-dialog-heading button{color:#718097;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.finance-dialog-current{background:#f5f8fc;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:20px 24px 0;padding:15px 17px;display:flex}.finance-dialog-current span{color:#7c899d;font-size:11px}.finance-dialog-current strong{color:var(--coost-text);font-size:17px}.finance-dialog form{flex-direction:column;gap:17px;padding:20px 24px 24px;display:flex}.finance-dialog-field{flex-direction:column;gap:7px;display:flex}.finance-dialog-field>span{color:#53627a;font-size:11px;font-weight:800}.finance-dialog-field input,.finance-dialog-field select,.finance-dialog-field textarea{box-sizing:border-box;width:100%;color:var(--coost-text);font:inherit;background:#fff;border:1px solid #d9e2ed;border-radius:9px;outline:none}.finance-dialog-field input{height:44px;padding:0 70px 0 13px}.finance-dialog-field textarea{resize:vertical;min-height:86px;padding:11px 13px}.finance-dialog-field input:focus,.finance-dialog-field select:focus,.finance-dialog-field textarea:focus{border-color:#9ebde5;box-shadow:0 0 0 3px #3f75bc17}.finance-dialog-field select{min-height:44px;padding:0 13px}.finance-dialog-field small{color:#929eaf;font-size:10px}.finance-money-input{position:relative}.finance-money-input>span{color:#8491a4;font-size:11px;font-weight:800;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.finance-adjustment-preview{border:1px solid #e1e8f1;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex}.finance-adjustment-preview span{color:#7c899d;font-size:10px}.finance-adjustment-preview strong{color:var(--coost-text);font-size:13px}.finance-dialog-info,.finance-dialog-error{border-radius:9px;padding:10px 12px;font-size:11px;line-height:1.5}.finance-dialog-info{color:#738096;background:#f3f6fa}.finance-dialog-error{color:#b74e3c;background:#fff0ed}.finance-dialog-actions{justify-content:flex-end;gap:9px;margin-top:3px;display:flex}.finance-dialog-actions button{color:#657389;cursor:pointer;background:#fff;border:1px solid #dce4ed;border-radius:9px;min-height:40px;padding:0 15px;font-size:11px;font-weight:800}.finance-dialog-actions button.primary{border-color:var(--coost-blue);background:var(--coost-blue);color:#fff}.finance-dialog-actions button:disabled,.finance-dialog-heading button:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.finance-dialog-backdrop{align-items:end;padding:12px}.finance-dialog{border-radius:16px;width:100%}.finance-account-actions{gap:5px}}.finance-dialog-wide{width:min(100%,680px)}
