:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:#e8e8ec;touch-action:manipulation;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#0f1115;margin:0}.auth-page{flex-direction:column;gap:12px;max-width:360px;margin:80px auto;display:flex}.auth-page form{flex-direction:column;gap:8px;display:flex}.vk-pending{color:#b9c6de;background:#1b2436;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.vk-pending button{color:#6ea8ff;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.oauth-buttons{flex-direction:column;gap:8px;display:flex}.oauth-widget-slot{justify-content:center;display:flex}.oauth-button{box-sizing:border-box;text-align:center;width:100%}.oauth-button-apple{background:#000;border-color:#000}.oauth-button-vk{background:#07f;border-color:#07f}.oauth-divider{text-align:center;color:#6b6f7a;margin:4px 0;font-size:13px}input,select,button{color:inherit;background:#1a1c22;border:1px solid #3a3d45;border-radius:6px;padding:8px 10px;font-size:16px}button{cursor:pointer;color:#fff;background:#2b6cff;border-color:#2b6cff}.link-button{color:#7aa2ff;background:0 0;border:none;padding:0;text-decoration:underline}.error{color:#ff6b6b;font-size:13px}.dashboard{max-width:720px;margin:0 auto;padding:24px 16px 80px}.dashboard header{justify-content:space-between;align-items:center;gap:12px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.avatar-button{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:0}.avatar{color:#fff;background:#2b6cff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.profile-user{align-items:center;gap:12px;display:flex}.profile-user-email{color:#c7c9cf;font-size:14px}.profile-section{border-top:1px solid #2a2d35;flex-direction:column;gap:10px;padding-top:16px;display:flex}.profile-section h2{margin:0;font-size:16px}.profile-bank-row,.profile-category-row{justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.profile-bank-row-left,.profile-category-row-left{align-items:center;gap:4px;display:flex}.profile-empty{color:#9a9da5;margin:0;font-size:13px}.entitlement-status{opacity:.8;font-size:13px}.month-toggle{gap:8px;margin:12px 0;display:flex}.month-toggle button{background:#1a1c22;border-color:#3a3d45}.month-toggle button.active{background:#2b6cff;border-color:#2b6cff}.bank-list{flex-direction:column;gap:12px;margin:16px 0;display:flex}.bank-card{background:#14161b;border:1px solid #2a2d35;border-radius:10px;padding:12px 14px}.bank-card-header{justify-content:space-between;align-items:center;display:flex}.card-mask{opacity:.7;font-size:13px}.selection-chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.chip{background:#23262e;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.chip button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.chip-percent{text-align:right;-moz-appearance:textfield;background:0 0;border:none;border-bottom:1px solid #4a4d55;border-radius:0;width:44px;padding:0 2px;font-size:16px}.chip-percent-value{color:#7aa2ff;font-weight:600}.chip-remove{min-width:24px;min-height:24px;line-height:1}.chip-percent::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.chip-percent::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.chip-percent-sign{opacity:.7}.category-search{position:relative}.category-search input{box-sizing:border-box;width:100%}.category-results{z-index:20;background:#14161b;border:1px solid #2a2d35;border-radius:6px;flex-direction:column;gap:2px;max-height:45vh;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #00000073}.category-results button{text-align:left;color:inherit;background:#1a1c22;border:none;border-radius:0}.hint{color:#ffcf6b;margin:6px 0 0;font-size:12px}.add-bank-form{border-top:1px solid #2a2d35;flex-direction:column;gap:8px;padding-top:16px;display:flex}.limit-reached{opacity:.8;border-top:1px solid #2a2d35;padding-top:16px}.add-bank-trigger{color:#9a9da5;background:0 0;border:1px dashed #3a3d45;width:100%;padding:10px;font-size:14px}.dashboard-footer{border-top:1px solid #2a2d35;margin-top:20px;padding-top:16px}.editing-hint{color:#9a9da5;text-align:center;margin:8px 0 0;font-size:12px}.dashboard-empty{text-align:center;background:#14161b;border:1px solid #2a2d35;border-radius:14px;margin:32px 0;padding:28px 20px}.dashboard-empty-icon{margin-bottom:12px;font-size:40px;line-height:1}.dashboard-empty h2{margin:0 0 10px;font-size:18px}.dashboard-empty p{color:#c7c9cf;max-width:420px;margin:0 auto 10px;font-size:14px;line-height:1.5}.dashboard-empty p.dashboard-empty-note{color:#9a9da5}.dashboard-empty-cta{margin-top:10px;padding:12px 22px;font-weight:600}.category-search-global{position:relative}.category-search-global>input{box-sizing:border-box;width:100%;padding:12px 14px;font-size:16px}.category-search-results{border:1px solid #2a2d35;border-radius:8px;margin-top:8px;overflow:hidden}.category-search-item{border-bottom:1px solid #2a2d35;flex-direction:column;gap:6px;padding:10px 14px;font-size:14px;display:flex}.category-search-item:last-child{border-bottom:none}.category-search-item-name{align-items:center;gap:4px;font-weight:600;display:flex}.category-search-item-banks{flex-direction:column;gap:4px;display:flex}.category-search-bank-row{color:#c7c9cf;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.category-search-percent{color:#7aa2ff;background:#23262e;border-radius:999px;padding:2px 10px;font-weight:600}.category-search-empty{color:#9a9da5;margin:0;padding:10px 14px;font-size:13px}.bank-avatar{object-fit:cover;vertical-align:middle;background:#23262e;border-radius:8px;width:28px;height:28px;margin-right:8px}.category-icon{vertical-align:middle;object-fit:cover;border-radius:4px;width:18px;height:18px;margin-right:4px;display:inline-block}.category-icon-emoji{margin-right:4px}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#14161b;border:1px solid #2a2d35;border-radius:12px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.modal-header h2{margin:0;font-size:18px}.modal-close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px}.modal-body{flex-direction:column;gap:10px;padding:16px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.button-secondary{background:#1a1c22;border-color:#3a3d45}.button-danger{background:#b3362c;border-color:#b3362c}.toast-stack{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{cursor:pointer;color:#fff;border-radius:8px;padding:10px 16px;font-size:14px;box-shadow:0 4px 12px #00000059}.toast-info{background:#2b6cff}.toast-success{background:#2e8b57}.toast-error{background:#b3362c}.edit-toggle{white-space:nowrap;background:#1a1c22;border-color:#3a3d45;width:100%;padding:12px}.edit-toggle.active{background:#2b6cff;border-color:#2b6cff}.profile-logout{margin-top:8px}.profile-logout-button{width:100%}@media (width<=600px){.dashboard{padding:16px 12px 64px}.dashboard header h1{font-size:20px}button,input,select{min-height:44px}.link-button,.chip button,.modal-close,.avatar-button{min-height:0}.chip{padding:6px 12px;font-size:14px}.month-toggle button{flex:1}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:12px 12px 0 0;max-width:none;max-height:88vh}}.offline-banner{z-index:150;color:#fff5d6;text-align:center;background:#7a5b12;padding:8px 16px;font-size:13px}.site{max-width:820px;margin:0 auto;padding:0 16px 48px}.site-header{border-bottom:1px solid #2a2d35;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.site-logo{color:#e8e8ec;font-size:17px;font-weight:700;text-decoration:none}.site-nav{align-items:center;gap:18px;font-size:15px;display:flex}.site-nav a{color:#c7c9cf;text-decoration:none}.site-nav a:hover{color:#fff}.site-nav-cta{background:#2b6cff;border-radius:8px;padding:7px 14px;font-weight:600;color:#fff!important}.site-main a{color:#7aa2ff}.hero{border-bottom:1px solid #2a2d35;padding:48px 0 32px}.hero h1{margin:0 0 16px;font-size:34px;line-height:1.2}.hero-lead{color:#c7c9cf;margin:0 0 24px;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-cta,.hero-secondary{border-radius:10px;padding:13px 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.hero-cta{background:#2b6cff;color:#fff!important}.hero-secondary{border:1px solid #3a3d45;color:#c7c9cf!important}.hero-note{color:#9a9da5;margin:18px 0 0;font-size:14px}.site-section{border-bottom:1px solid #2a2d35;padding:36px 0}.site-section h2{margin:0 0 18px;font-size:24px}.site-text{color:#c7c9cf;margin:0 0 14px;font-size:16px;line-height:1.7}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.feature-card{background:#14161b;border:1px solid #2a2d35;border-radius:12px;padding:18px}.feature-icon{margin-bottom:8px;font-size:26px}.feature-card h3{margin:0 0 8px;font-size:17px}.feature-card p{color:#9a9da5;margin:0;font-size:15px;line-height:1.6}.steps{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:flex-start;gap:14px;display:flex}.step-number{color:#fff;background:#2b6cff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.steps h3{margin:3px 0 6px;font-size:17px}.steps p{color:#9a9da5;margin:0;font-size:15px;line-height:1.6}.guide-list{flex-direction:column;gap:16px;margin:0 0 18px;padding:0;list-style:none;display:flex}.guide-list li{flex-direction:column;gap:5px;display:flex}.guide-list a{font-size:17px;font-weight:600}.guide-list span{color:#9a9da5;font-size:15px;line-height:1.6}.faq-list{flex-direction:column;gap:22px;display:flex}.faq-item h2,.faq-item h3{margin:0 0 8px;font-size:17px}.faq-item p{color:#c7c9cf;margin:0 0 8px;font-size:15px;line-height:1.7}.site-article{padding:32px 0}.site-article h1{margin:0 0 16px;font-size:30px;line-height:1.25}.site-article h2{margin:32px 0 12px;font-size:21px}.site-article p{color:#c7c9cf;margin:0 0 14px;font-size:16px;line-height:1.75}.site-lead{color:#9a9da5!important;font-size:17px!important}.site-breadcrumbs{color:#6b6f7a!important;margin-bottom:18px!important;font-size:14px!important}.site-list{margin:0 0 14px;padding-left:22px}.site-list li{color:#c7c9cf;margin-bottom:8px;font-size:16px;line-height:1.7}.site-disclaimer{background:#14161b;border-left:3px solid #3a3d45;padding:14px 16px;color:#9a9da5!important;margin-top:28px!important;font-size:14px!important}.site-footer{border-top:1px solid #2a2d35;padding:26px 0 0}.site-footer-links{flex-wrap:wrap;gap:8px 20px;margin-bottom:16px;font-size:14px;display:flex}.site-footer-links a{color:#9a9da5;text-decoration:none}.site-footer-links a:hover{color:#c7c9cf;text-decoration:underline}.site-footer-note{color:#6b6f7a;margin:0;font-size:13px;line-height:1.6}@media (width<=560px){.hero{padding:32px 0 24px}.hero h1{font-size:27px}.site-article h1{font-size:25px}.hero-cta,.hero-secondary{text-align:center;flex:100%}}