:root{--color-bg: #f6f7fb;--color-surface: #ffffff;--color-surface-soft: #f9fafb;--color-text: #111827;--color-muted: #6b7280;--color-line: #e5e7eb;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #f59e0b;--radius-lg: 18px;--radius-md: 12px;--shadow-sm: 0 10px 30px rgba(15, 23, 42, .07);--shadow-float: 0 18px 45px rgba(15, 23, 42, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--color-text);background:radial-gradient(circle at 20% -10%,rgba(37,99,235,.09),transparent 30%),linear-gradient(180deg,#fbfcff 0%,var(--color-bg) 38%,#eef2f7 100%)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-panel{width:min(100%,420px);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.app-shell{min-height:100vh;padding-bottom:104px}.topbar{position:sticky;top:0;z-index:20;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#ffffffd1;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font-size:18px;font-weight:800}.topbar-actions,.row-actions{display:flex;align-items:center;gap:8px}.compact-actions{justify-content:flex-end}.content{width:min(100%,1120px);margin:0 auto;padding:16px 14px 26px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.page-head.compact{margin-bottom:12px}.page-title{margin:0;font-size:24px;line-height:1.15}.page-subtitle{margin:6px 0 0;color:var(--color-muted);font-size:14px}.grid{display:grid;gap:12px;margin-bottom:12px}.grid.two,.grid.three{grid-template-columns:1fr}.card,.form-card,.filter-panel,.transaction-card,.category-card,.limit-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.form-card,.filter-panel{margin-bottom:14px}.card-title{margin:0 0 6px;font-size:16px}.metric{display:grid;gap:6px}.metric-label,.muted{color:var(--color-muted);font-size:13px}.metric-value{font-size:24px;font-weight:800}.form{display:grid;gap:12px}.form-row{display:grid;gap:8px}.form-label{color:var(--color-muted);font-size:13px;font-weight:700}.input,.select,.textarea{width:100%;min-height:46px;border:1px solid var(--color-line);border-radius:12px;padding:10px 12px;color:var(--color-text);background:var(--color-surface)}.input:focus,.select:focus,.textarea:focus{outline:3px solid rgba(37,99,235,.14);border-color:#2563eb8c}.textarea{min-height:86px;resize:vertical}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:9px 14px;color:#fff;background:var(--color-primary);cursor:pointer;font-weight:800}.button:hover{background:var(--color-primary-dark)}.button.secondary{color:var(--color-text);background:#eef2ff}.button.danger{background:var(--color-danger)}.icon-button,.icon-link{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--color-line);border-radius:12px;color:var(--color-text);background:var(--color-surface);cursor:pointer}.icon-button.danger-soft{color:var(--color-danger);background:#fff5f5}.list{display:grid;gap:12px}.list-item{display:grid;gap:8px}.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-inline{display:inline-flex;align-items:center;gap:10px;min-width:0}.category-avatar{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:14px;color:var(--category-color);background:color-mix(in srgb,var(--category-color) 13%,white);border:1px solid color-mix(in srgb,var(--category-color) 24%,white)}.badge{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;width:fit-content;padding:4px 10px;background:#eef2ff;color:#1e40af;font-size:12px;font-weight:800}.badge.success{background:#dcfce7;color:#166534}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.error{border:1px solid #fecaca;border-radius:var(--radius-md);padding:12px;color:#991b1b;background:#fef2f2}.empty{border:1px dashed #cbd5e1;border-radius:var(--radius-md);padding:22px;color:var(--color-muted);text-align:center}.filter-panel{display:grid;gap:12px}.transaction-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px}.transaction-main{min-width:0}.transaction-description{margin-bottom:0}.money-income{color:var(--color-success)}.money-expense{color:var(--color-danger)}.category-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.limit-card{position:relative;display:grid;gap:12px}.limit-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.project-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.project-card-main{min-width:0}.project-card-actions,.card-icon-actions{display:flex;flex-direction:column;gap:8px}.type-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:4px;border-radius:14px;background:var(--color-surface-soft)}.type-switch button{min-height:44px;border:0;border-radius:11px;color:var(--color-muted);background:transparent;cursor:pointer;font-weight:800}.type-switch button.active{color:var(--color-text);background:var(--color-surface);box-shadow:0 8px 24px #0f172a14}.amount-input{min-height:58px;font-size:28px;font-weight:850}.color-row{display:grid;grid-template-columns:58px 1fr;gap:10px}.color-input{width:58px;min-height:46px;border:1px solid var(--color-line);border-radius:12px;padding:4px;background:var(--color-surface)}.icon-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.icon-picker button{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--color-line);border-radius:14px;color:var(--color-muted);background:var(--color-surface);cursor:pointer}.icon-picker button.active{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.category-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--color-surface-soft)}.inline-create-toggle{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px dashed rgba(37,99,235,.42);border-radius:14px;color:var(--color-primary);background:#2563eb0f;cursor:pointer;font-weight:800}.inline-create-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(37,99,235,.16);border-radius:18px;background:#f8fbff}.icon-picker.compact{grid-template-columns:repeat(6,minmax(0,1fr))}.sticky-actions{position:sticky;bottom:92px;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding-top:6px}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:end center;padding:16px;background:#0f172a6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal{width:min(100%,420px);display:grid;gap:14px;padding:18px;border:1px solid var(--color-line);border-radius:22px;background:var(--color-surface);box-shadow:var(--shadow-float)}.confirm-title{margin:0;font-size:20px}.confirm-message{margin:0;color:var(--color-muted);line-height:1.45}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pwa-prompt{position:fixed;right:12px;bottom:96px;left:12px;z-index:70;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(203,213,225,.95);border-radius:20px;background:#fffffffa;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pwa-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:var(--color-primary)}.pwa-copy{min-width:0}.pwa-copy p{margin:3px 0 0;color:var(--color-muted);font-size:13px;line-height:1.35}.pwa-actions{display:flex;align-items:center;gap:8px}.bottom-nav{position:fixed;right:12px;bottom:14px;left:12px;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid rgba(203,213,225,.9);border-radius:22px;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-float)}.bottom-nav-item{height:68px;display:grid;place-items:center;align-content:center;gap:3px;color:var(--color-muted);font-size:11px;font-weight:700}.bottom-nav-plus{width:58px;height:58px;display:grid;place-self:center;place-items:center;border-radius:20px;color:#fff;background:var(--color-primary);box-shadow:0 16px 30px #2563eb52}.bottom-nav-plus.router-link-active{background:var(--color-primary-dark)}.bottom-nav-item.router-link-active{color:var(--color-primary)}.progress{height:10px;overflow:hidden;border-radius:999px;background:#e5e7eb}.progress span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}@media(min-width:760px){.content{padding:26px 24px 40px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell{padding-bottom:0}.bottom-nav{right:24px;bottom:20px;left:auto;width:500px;overflow:hidden;border-radius:22px;box-shadow:var(--shadow-sm)}.sticky-actions{position:static}.modal-backdrop{place-items:center}.pwa-prompt{right:24px;bottom:104px;left:auto;width:480px}.project-card-actions,.card-icon-actions{flex-direction:row}}@media(max-width:760px){.page-head{flex-direction:column}.split{flex-direction:column;align-items:start}}