:root{font-family:Segoe UI,Inter,Arial,sans-serif;color:#f6f3f9;background:#121016;font-synthesis:none;--bg: #18151e;--card: #242029;--card-2: #2d2833;--muted: #a8a1ad;--line: rgba(255,255,255,.075);--purple: #8266f5;--purple-light: #a994ff;--green: #4bd18b;--red: #f07070}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,#282033 0,var(--bg) 320px)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px}.app-shell{width:min(100%,560px);margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top) 18px calc(92px + env(safe-area-inset-bottom));position:relative}.demo-ribbon{margin:10px auto 2px;color:var(--muted);font-size:10px;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:7px}.demo-ribbon span{border:1px solid var(--line);border-radius:5px;padding:2px 5px;font-weight:800;color:#cac3d0}.demo-ribbon i{width:6px;height:6px;background:#6e6874;border-radius:50%}.demo-ribbon i.online{background:var(--green);box-shadow:0 0 9px var(--green)}.brand-bar{position:relative;width:max-content;margin:0 auto;padding:12px 3px 8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:900;letter-spacing:.075em;line-height:1}.brand-bar:after{content:"";position:absolute;left:16%;right:16%;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,rgba(235,190,80,.7),transparent);box-shadow:0 0 8px #ebbe5059}.brand-bar span{background:linear-gradient(135deg,#fff0a8,#e9b83f 52%,#c88a20);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 7px rgba(225,169,44,.22))}.brand-bar b{color:#f7f4fa;font:inherit}.coin-logo{position:relative;width:22px;height:22px;margin-right:1px;border:1px solid #ffeaa0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 25%,#fff3ad 0,#fff3ad 8%,#e7b53e 35%,#b97516);box-shadow:inset 0 0 0 2px #75440738,0 4px 12px #e1a92c4d;transform:rotate(-8deg)}.coin-logo:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(120,70,10,.4);border-radius:50%}.coin-logo svg{position:relative;z-index:1;width:15px;height:15px;display:block;color:#81500f;filter:drop-shadow(0 1px rgba(255,239,160,.75))}.coin-logo path{fill:currentColor}.topbar{height:70px;display:flex;align-items:center;gap:11px}.avatar{width:39px;height:39px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,#a88cff,#6845e7);box-shadow:0 6px 18px #6845e74d}.avatar.large{width:53px;height:53px;border-radius:18px;font-size:19px}.avatar-photo{object-fit:cover}.avatar-button{flex:0 0 auto;padding:0;border:0;border-radius:14px;background:none;cursor:pointer}.avatar-button:hover .avatar{box-shadow:0 0 0 3px #a994ff38,0 6px 18px #6845e74d}.greeting{display:flex;flex:1;min-width:0;flex-direction:column}.greeting strong{font-size:14px}.greeting span,.profile-card span{color:var(--muted);font-size:11px;margin-top:2px}.icon-button{margin-left:auto;width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);cursor:pointer}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);right:8px;top:7px;border:2px solid var(--card)}.balance-card{text-align:center;padding:25px 17px 17px;border-radius:28px;background:linear-gradient(145deg,#8061f13d,#3b31468f);border:1px solid rgba(169,148,255,.18);box-shadow:0 22px 50px #0000002e}.eyebrow{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:6px}.balance-card .eyebrow{justify-content:center;text-transform:none;letter-spacing:0}.balance-heading{min-height:30px}.privacy-toggle{width:30px;height:30px;margin:-7px 1px -7px -7px;padding:0;border:0;border-radius:10px;display:grid;place-items:center;color:var(--purple-light);background:#a994ff21;cursor:pointer}.privacy-toggle svg{width:19px;height:19px}.privacy-toggle:hover{background:#a994ff38}.privacy-hidden .balance-value,.privacy-hidden .currency-row span,.privacy-hidden .spending-card .section-title strong,.privacy-hidden .donut strong,.privacy-hidden .legend strong,.privacy-hidden .obligation>strong,.privacy-hidden .transaction>strong{font-size:0}.privacy-hidden .balance-value:after,.privacy-hidden .currency-row span:after,.privacy-hidden .spending-card .section-title strong:after,.privacy-hidden .donut strong:after,.privacy-hidden .legend strong:after,.privacy-hidden .obligation>strong:after,.privacy-hidden .transaction>strong:after{content:"••••";font-size:14px;letter-spacing:2px;color:#d9d2df}.privacy-hidden .balance-value:after{font-size:30px}.balance-value{font-size:clamp(32px,9vw,43px);font-weight:800;letter-spacing:-2px;margin:7px 0 2px}.balance-value small{font-size:.55em;letter-spacing:0}.balance-card p{margin:0;color:var(--muted);font-size:11px}.currency-row{display:flex;align-items:center;justify-content:center;gap:15px;margin:14px 0 21px;color:#cbc4d0;font-size:11px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button{border:1px solid var(--line);background:#110e1573;border-radius:17px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer}.quick-actions .wide{grid-column:1 / -1}.action-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:11px}.action-icon svg{width:18px}.action-icon.income{color:var(--green);background:#4bd18b21}.action-icon.expense{color:var(--red);background:#f0707021}.action-icon.transfer{color:var(--purple-light);background:#8266f524}.card{background:linear-gradient(145deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:23px}.spending-card{padding:19px;margin-top:14px}.section-title,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title>div{display:flex;flex-direction:column;gap:4px}.section-title span{color:var(--muted);font-size:11px}.section-title strong{font-size:20px}.pill{border:1px solid var(--line);border-radius:10px;padding:7px 9px;background:#00000029;color:#cfc8d4;font-size:10px;display:flex;align-items:center;cursor:pointer}.spending-content{display:flex;gap:19px;align-items:center;margin:21px 0 16px}.donut{width:124px;height:124px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center}.donut:before{content:"";grid-area:1/1;width:82px;height:82px;border-radius:50%;background:var(--card)}.donut>div{grid-area:1/1;z-index:1;text-align:center;display:flex;flex-direction:column}.donut strong{font-size:15px}.donut span{color:var(--muted);font-size:9px;margin-top:2px}.legend{flex:1;min-width:0;max-height:124px;padding-right:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(169,148,255,.45) transparent;display:flex;flex-direction:column;gap:10px}.legend::-webkit-scrollbar{width:4px}.legend::-webkit-scrollbar-thumb{border-radius:4px;background:#a994ff73}.legend div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:10px}.legend i{width:7px;height:7px;border-radius:50%}.legend span{color:var(--muted)}.legend strong{font-size:10px}.budget-line,.credit-limit{height:5px;overflow:hidden;background:#3b3640;border-radius:5px}.budget-line span,.credit-limit span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#a68cfb);border-radius:inherit}.budget-note{display:block;color:var(--muted);font-size:9px;margin-top:8px}.section-block{margin:23px 0 0}.section-heading h2,.day-title{font-size:16px;margin:0}.section-heading button{border:0;background:none;color:var(--purple-light);font-size:11px;cursor:pointer}.obligation-list,.transaction-list{margin-top:10px;background:#231f28cc;border:1px solid var(--line);border-radius:21px;padding:0 13px}.obligation,.transaction{display:flex;align-items:center;gap:11px;min-height:64px;border-bottom:1px solid var(--line)}.row-button{width:100%;padding:0;border-top:0;border-left:0;border-right:0;background:transparent;text-align:left;cursor:pointer}.obligation:last-child,.transaction:last-child{border-bottom:0}.date-tile{width:39px;height:43px;border-radius:12px;flex:0 0 auto;background:#36313c;display:flex;align-items:center;justify-content:center;flex-direction:column}.date-tile.urgent{background:#f0707021;color:var(--red)}.date-tile strong{font-size:14px;line-height:14px}.date-tile span{text-transform:uppercase;font-size:8px;color:var(--muted);margin-top:3px}.grow{flex:1;min-width:0;display:flex;flex-direction:column}.grow strong{font-size:12px}.grow span{font-size:9px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obligation>strong,.transaction>strong{font-size:11px;white-space:nowrap}.muted{color:#69636e}.icon-badge{width:39px;height:39px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;color:var(--red);background:#f070701c}.icon-badge.income{color:var(--green);background:#4bd18b1c}.icon-badge.transfer{color:var(--purple-light);background:#8266f524}.transaction .income,.income{color:var(--green)}.transaction .expense,.expense{color:var(--red)}.transaction .transfer{color:#ded9e3}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:0;transform:translate(-50%);width:min(100%,560px);min-height:calc(72px + env(safe-area-inset-bottom));margin:0;padding:8px 22px env(safe-area-inset-bottom);background:#19161ef5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{border:0;background:none;color:#7f7885;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:700;cursor:pointer}.bottom-nav svg{width:21px}.bottom-nav button.active{color:var(--purple-light)}.page-view{padding-top:25px}.page-title{min-height:64px;display:flex;align-items:flex-start;justify-content:space-between}.page-title h1{font-size:25px;margin:4px 0 0;letter-spacing:-.7px}.round-add{border:0;width:42px;height:42px;border-radius:14px;background:var(--purple);display:grid;place-items:center;box-shadow:0 8px 24px #8266f54d;cursor:pointer}.mini-balance{margin-top:5px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#493878,#2e2936);display:flex;flex-direction:column}.mini-balance span,.mini-balance small{color:#c7bdd2;font-size:10px}.mini-balance strong{font-size:27px;margin:3px 0 6px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.account-card{min-height:164px;padding:15px;border-radius:20px;background:#2a2630;border:1px solid var(--line);display:flex;flex-direction:column;text-align:left;cursor:pointer}.account-card:first-child{grid-column:span 2;min-height:143px}.account-card.violet{background:linear-gradient(140deg,#473875,#2a2633)}.account-card.green{background:linear-gradient(140deg,#27473c,#252b2b)}.account-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#ffffff1a;margin-bottom:auto}.account-card>span{color:var(--muted);font-size:9px;margin-top:10px}.account-card h3{font-size:12px;margin:3px 0}.account-card>strong{font-size:19px}.account-card>small{color:var(--muted);font-size:8px;margin-top:4px}.credit-card-detail{padding:18px;margin-top:12px}.credit-card-detail h2{margin:4px 0 0;font-size:14px}.credit-stats{display:grid;grid-template-columns:1fr 1fr;margin:19px 0 14px}.credit-stats>div{display:flex;flex-direction:column;gap:4px}.credit-stats span,.credit-footer{color:var(--muted);font-size:9px}.credit-stats strong{font-size:14px}.credit-limit span{background:var(--red)}.credit-footer{display:flex;justify-content:space-between;margin-top:8px}.goal-card{display:flex;align-items:center;gap:11px;margin-top:10px;background:var(--card);padding:14px;border:1px solid var(--line);border-radius:19px}.goal-button{width:100%;color:inherit;text-align:left;cursor:pointer}.goal-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--purple-light);background:#8266f526}.goal-line{height:4px;border-radius:4px;background:#3b3641;overflow:hidden;margin-top:8px}.goal-line i{display:block;width:65%;height:100%;background:var(--purple)}.goal-card>b{font-size:11px;color:var(--purple-light)}.filter-row{display:flex;gap:7px;overflow-x:auto;padding:5px 0 14px;scrollbar-width:none}.filter-row button{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:9px 12px;color:var(--muted);font-size:10px;white-space:nowrap;cursor:pointer}.filter-row button.active{background:var(--purple);color:#fff;border-color:var(--purple)}.date-filter{width:100%;border:1px solid var(--line);background:var(--card);border-radius:15px;padding:12px 14px;display:flex;gap:10px;align-items:center;cursor:pointer}.date-filter span{flex:1;text-align:left;font-size:11px}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px 0}.date-range .compact{grid-column:1 / -1}.date-range label,.sheet label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}input,select{color-scheme:dark;width:100%;border:1px solid var(--line);border-radius:12px;background:#211e25;color:#fff;padding:11px}.history-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.history-summary>div{background:var(--card);border-radius:16px;border:1px solid var(--line);padding:13px;display:flex;flex-direction:column;gap:3px}.history-summary span{color:var(--muted);font-size:9px}.history-summary strong{font-size:12px}.day-title{margin-top:23px}.transaction-list.standalone{margin-top:9px}.profile-card{display:flex;align-items:center;gap:12px;padding:14px;margin-top:5px}.settings-list{padding:3px 14px;margin-top:13px}.settings-list button{width:100%;min-height:68px;border:0;border-bottom:1px solid var(--line);background:none;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.settings-list button:last-child{border-bottom:0}.settings-list button>div{flex:1;display:flex;flex-direction:column;gap:4px}.settings-list strong{font-size:11px}.settings-list small{color:var(--muted);font-size:8px}.settings-list svg{width:17px;color:#746e79}.settings-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#8266f521}.settings-icon svg{color:var(--purple-light)}.language-switch{margin-top:14px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.language-switch>div{background:var(--card);padding:3px;border-radius:10px}.language-switch button{border:0;background:transparent;border-radius:8px;padding:6px 10px;font-size:9px;cursor:pointer}.language-switch button.active{background:var(--purple)}.security-note{color:#77717d;text-align:center;font-size:9px;line-height:1.6;padding:12px 35px}.telegram-profile-card{margin-top:14px;padding:18px;display:flex;align-items:center;gap:14px}.telegram-profile-card h2{margin:0 0 5px;font-size:19px}.telegram-profile-card span{color:var(--muted);font-size:11px}.profile-source{margin-top:12px;padding:17px}.profile-source strong{font-size:12px}.profile-source p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.household-settings{display:flex;flex-direction:column;gap:12px}.household-settings label{display:flex;flex-direction:column;gap:7px}.settings-security{margin-top:12px}.currency-icon{width:40px;height:40px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;padding:3px;overflow:hidden;background:linear-gradient(145deg,#987df8,#6845e7);color:#fff;font-size:15px;font-weight:800;box-shadow:0 7px 18px #6845e747}.sheet-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#08060ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,560px);border-radius:28px 28px 0 0;background:#211e25;border:1px solid var(--line);padding:10px 20px calc(24px + env(safe-area-inset-bottom));animation:rise .22s ease-out}@keyframes rise{0%{transform:translateY(30%);opacity:0}}.sheet-handle{width:40px;height:4px;border-radius:4px;background:#554f5a;margin:0 auto 15px}.sheet-title{display:flex;align-items:center}.sheet-title>div{flex:1}.sheet-title h2{margin:4px 0 0}.sheet form{display:flex;flex-direction:column;gap:12px;margin-top:19px}.amount-input>div{display:flex;align-items:center;gap:10px;margin:0 6px;padding:0 10px;border-bottom:1px solid var(--line)}.amount-input input{min-width:0;border:0;background:none;padding:7px 2px;font-size:36px;font-weight:800}.amount-input b{flex:0 0 auto;padding-right:2px;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.primary{width:100%;border:0;border-radius:15px;padding:14px;background:var(--purple);font-weight:800;cursor:pointer;margin-top:4px}.primary.income{background:#299e68;color:#fff}.primary.expense{background:#c65353;color:#fff}.saved-state{min-height:340px;display:flex;align-items:center;text-align:center;flex-direction:column;justify-content:center}.saved-state .action-icon{width:58px;height:58px;border-radius:19px}.saved-state h3{margin:15px 0 5px}.saved-state p{color:var(--muted);font-size:11px;line-height:1.5;max-width:300px}.saved-state .primary{margin-top:20px}.empty-state{min-height:82px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);font-size:11px;text-align:center}.empty-state svg{width:21px;opacity:.65}.quick-actions button:disabled,.primary:disabled,.obligation-actions button:disabled{opacity:.45;cursor:not-allowed}.search-input{margin-bottom:12px}.sub-title{display:flex;align-items:center;gap:12px;min-height:64px}.sub-title h1{margin:0;font-size:23px}.sub-title .round-add{margin-left:auto}.back-button{border:0;background:none;color:var(--purple-light);display:flex;align-items:center;padding:0;cursor:pointer}.back-button svg{width:19px}.obligation-full{min-height:78px}.obligation-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.obligation-actions strong{font-size:11px}.obligation-actions button{border:1px solid rgba(169,148,255,.3);border-radius:8px;background:#8266f526;color:var(--purple-light);padding:5px 8px;font-size:9px;cursor:pointer}.category-list{display:flex;flex-direction:column;gap:8px}.list-card{display:flex;align-items:center;gap:12px;padding:14px}.list-card>i{width:12px;height:12px;border-radius:50%}.info-card{padding:19px;color:var(--muted);font-size:11px;line-height:1.6}.info-card>strong{display:block;color:#f6f3f9;font-size:16px}.info-card a{color:var(--purple-light)}.form-error{margin:0;padding:9px 11px;border-radius:10px;background:#f070701f;color:var(--red);font-size:10px}.month-picker{padding-top:18px;display:flex;flex-direction:column;gap:12px}.quiet-button{border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);padding:6px 8px;font-size:9px;cursor:pointer}.sheet-form{padding-top:18px;display:flex;flex-direction:column;gap:12px}.sheet-form label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}input[type=color]{min-height:41px;padding:5px}.check-label{flex-direction:row!important;align-items:center;gap:9px!important}.check-label input{width:18px;height:18px}.goal-current,.goal-detail{display:flex;flex-direction:column;gap:7px}.goal-current{padding:14px;border-radius:15px;background:var(--card)}.goal-current span,.goal-detail span,.goal-detail small{color:var(--muted);font-size:10px}.goal-current strong,.goal-detail>strong{font-size:25px}.goal-detail{padding-top:19px}.goal-detail .quick-actions{margin-top:15px}@media (min-width: 720px){body{padding:20px 0}.app-shell{min-height:calc(100vh - 40px);border:1px solid var(--line);border-radius:32px;background:#18151ee0;box-shadow:0 25px 80px #08070a;overflow:hidden}.bottom-nav{border-radius:0 0 32px 32px}.bottom-nav{bottom:20px}.sheet{border-radius:28px;margin-bottom:20px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;scroll-behavior:auto!important}}