:root{color-scheme:light dark;--bg: var(--tg-theme-bg-color, #f5f7fa);--surface: var(--tg-theme-secondary-bg-color, #ffffff);--surface-strong: #eef4ff;--text: var(--tg-theme-text-color, #16202a);--muted: var(--tg-theme-hint-color, #6b7785);--line: rgba(38, 51, 66, .12);--accent: var(--tg-theme-button-color, #2d7ff9);--accent-text: var(--tg-theme-button-text-color, #ffffff);--danger: #d83a52;--success: #16845b;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;max-width:560px;margin:0 auto;background:var(--bg)}.screen{min-height:100vh;padding-bottom:86px}.top-bar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:56px;padding:8px 14px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.top-bar h1{margin:0;overflow:hidden;font-size:18px;font-weight:750;text-align:center;text-overflow:ellipsis;white-space:nowrap}.top-slot{display:flex;align-items:center}.align-right{justify-content:flex-end}.screen-content{display:flex;flex-direction:column;gap:18px;padding:16px}.summary-grid,.action-grid,.form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.section-block,.detail-hero,.info-list,.form-stack,.standalone{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.metric{display:grid;min-height:92px;align-content:space-between;padding:12px}.metric svg,.info-row svg,.money-bucket svg{color:var(--accent)}.metric span,.muted,.list-row span,.subscription-row span,.field>span,.info-row span,.money-bucket span{color:var(--muted);font-size:13px}.metric strong{font-size:22px}.section-block{padding:14px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-header h2{margin:0;font-size:16px}.text-action{color:var(--accent);font-size:14px;font-weight:700}.list{display:grid;gap:8px}.subscription-row,.list-row,.info-row{display:grid;align-items:center;gap:10px}.subscription-row{grid-template-columns:38px minmax(0,1fr) auto 18px;padding:10px 0;border-top:1px solid var(--line)}.subscription-row:first-child{border-top:0}.subscription-row strong,.subscription-row span,.list-row strong,.list-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-avatar{display:inline-grid;width:38px;height:38px;flex:none;place-items:center;border-radius:8px;background:var(--service-avatar-bg, var(--surface-strong));color:var(--service-avatar-fg, var(--accent));font-weight:800}.service-avatar svg{color:currentcolor}.detail-stack{display:grid;gap:14px}.detail-hero{display:flex;align-items:center;gap:14px;padding:16px}.detail-hero .service-avatar{width:52px;height:52px}.detail-hero .service-avatar svg{width:25px;height:25px}.detail-hero h2,.detail-hero p{margin:0}.detail-hero h2{font-size:22px}.detail-hero p{margin-top:4px;color:var(--muted)}.info-list{padding:4px 14px}.info-row{grid-template-columns:22px minmax(0,1fr) auto;min-height:48px;border-top:1px solid var(--line)}.info-row:first-child{border-top:0}.list-row{grid-template-columns:minmax(0,1fr) auto;min-height:44px;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.money-buckets{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.money-bucket{display:grid;grid-template-columns:22px 1fr;gap:4px 8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius)}.money-bucket strong{grid-column:1 / -1;font-size:20px}.category-breakdown{margin-top:12px}.form-stack{display:grid;gap:14px;padding:14px}.field{display:grid;gap:7px}.field input,.field select{width:100%;min-height:44px;padding:10px 12px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);outline:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.date-select-grid{display:grid;grid-template-columns:minmax(68px,.8fr) minmax(116px,1.4fr) minmax(84px,1fr);gap:8px}.date-select-grid select{min-width:0}.reminder-days-picker{display:grid;gap:8px}.chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.chip-grid button{min-height:38px;padding:8px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.chip-grid .selected{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 44%,var(--line))}.custom-reminder-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:8px}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.segmented button{min-height:36px;color:var(--muted);background:transparent;border:0;border-radius:6px}.segmented .selected{color:var(--text);background:var(--surface);box-shadow:0 1px 4px #0f172a1f}.icon-button,.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:8px;border-radius:var(--radius);font-weight:750}.icon-button{width:38px;height:38px;min-height:38px;color:var(--text);background:var(--surface);border:1px solid var(--line)}.primary-button,.secondary-button,.danger-button{border:1px solid transparent;cursor:pointer}.primary-button{color:var(--accent-text);background:var(--accent)}.secondary-button{color:var(--text);background:var(--surface);border-color:var(--line)}.danger-button{color:#fff;background:var(--danger)}.full-width{width:100%}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:default;opacity:.58}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:560px;min-height:64px;margin:0 auto;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav a{display:grid;place-items:center;gap:2px;color:var(--muted);font-size:11px;font-weight:700}.bottom-nav a.active{color:var(--accent)}.error-text,.success-text{margin:0;padding:10px 12px;border-radius:var(--radius);font-size:14px}.error-text{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.success-text{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.standalone{display:grid;min-height:100vh;align-content:center;justify-items:center;gap:12px;padding:28px;text-align:center}.standalone h1,.standalone p{margin:0}.standalone svg{color:var(--accent)}@media (min-width: 720px){body{background:linear-gradient(180deg,rgba(45,127,249,.1),transparent 260px),var(--bg)}.app-shell{box-shadow:0 0 0 1px var(--line)}}