:root{--primary:#00e5bc;--primary-dark:#00bfa5;--secondary:#2196f3;--secondary-dark:#1565c0;--accent:#ff6b57;--accent-dark:#e5493a;--bg:#f4f7f6;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--text-faint:#94a3b8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--inverse:#fff;--hover-ring:#00d2b080;--font:var(--font-inter), "Inter", system-ui, -apple-system, sans-serif;--radius-card:1rem;--radius-sm:.625rem;--radius-full:9999px;--shadow-card:0 10px 25px -8px #00e5bc2e;--shadow-subtle:0 1px 2px #0f172a0a, 0 8px 20px -10px #0f172a14;--shadow-pop:0 20px 40px -12px #0f172a2e;--sidebar-w:260px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}img,svg{display:block}.icon{flex-shrink:0;width:18px;height:18px}.skip-link{background:var(--text);color:#fff;z-index:200;border-radius:0 0 8px;padding:10px 16px;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.rel{position:relative}.search-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);width:280px;color:var(--text-muted);align-items:center;gap:8px;padding:.5rem .9rem;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:.88rem}.search-box input::placeholder{color:var(--text-faint)}.search-box.search-box--expandable{cursor:pointer;background-clip:padding-box;outline:none;gap:0;width:40px;height:40px;padding:0 0 0 10px;transition:width .55s cubic-bezier(.4,0,.2,1) .15s,padding .55s cubic-bezier(.4,0,.2,1) .15s,gap .55s cubic-bezier(.4,0,.2,1) .15s,color .15s,border-color .15s,box-shadow .15s;overflow:hidden}.search-box.search-box--expandable input{opacity:0;pointer-events:none;flex:1;min-width:0;transition:opacity .45s cubic-bezier(.4,0,.2,1) .15s}.search-box.search-box--expandable:hover{color:var(--text);border-color:var(--hover-ring);box-shadow:0 0 0 1px var(--hover-ring)}.search-box.search-box--expandable:hover,.search-box.search-box--expandable:focus-within,.search-box.search-box--expandable.is-active{cursor:text;gap:8px;width:280px;padding:0 .9rem;transition:width .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1),color .15s,border-color .15s,box-shadow .15s}.search-box.search-box--expandable:hover input,.search-box.search-box--expandable:focus-within input,.search-box.search-box--expandable.is-active input{opacity:1;pointer-events:auto;transition:opacity .3s cubic-bezier(.4,0,.2,1) 50ms}@media (prefers-reduced-motion:reduce){.search-box.search-box--expandable,.search-box.search-box--expandable:hover,.search-box.search-box--expandable:focus-within,.search-box.search-box--expandable.is-active,.search-box.search-box--expandable input{transition:none}}@media (max-width:900px){.search-box{display:none}}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:.65rem .75rem;font-size:.92rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{color:var(--primary-dark);background:#e6fbf6;font-weight:600}.nav-link .icon{color:currentColor}.dropdown-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:240px;box-shadow:var(--shadow-pop);z-index:70;padding:.5rem;position:absolute;top:calc(100% + 10px);right:0}.dropdown-panel.wide{width:320px}.dropdown-item{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:.6rem;transition:background-color .15s;display:flex}.dropdown-item:hover{background:var(--bg)}.dropdown-item .t{font-size:.85rem;font-weight:600}.dropdown-item .s{color:var(--text-muted);margin-top:1px;font-size:.76rem}.dropdown-divider{background:var(--border);height:1px;margin:.35rem .2rem}.search-panel{width:340px;max-height:320px;left:0;right:auto;overflow-y:auto}@media (max-width:600px){.dropdown-panel.wide{width:auto;max-width:420px;max-height:70vh;margin:0 auto;position:fixed;top:calc(100% + 10px);left:1rem;right:1rem;overflow-y:auto}.search-panel{max-width:calc(100vw - 2rem)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle)}.panel+.panel{margin-top:1.5rem}.panel-head{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem .5rem;display:flex}.panel-head h2{font-size:1rem;font-weight:700}.panel-head .link{color:var(--accent);background:0 0;border:none;font-size:.82rem;font-weight:600}.table-scroll{overflow-x:auto}.widget-body{padding:1rem 1.5rem 1.5rem}.limit-row{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}.limit-row .l1{font-size:.9rem;font-weight:600}.limit-row .l2{color:var(--accent);font-size:.9rem;font-weight:700}.track{background:var(--bg);border-radius:var(--radius-full);height:8px;overflow:hidden}.fill{background:linear-gradient(90deg, var(--accent), var(--accent-dark));border-radius:var(--radius-full);height:100%}.limit-note{color:var(--text-muted);margin-top:.65rem;font-size:.78rem}.budget-empty{text-align:center;padding:.5rem 0 .25rem}.budget-empty p{color:var(--text-muted);margin-bottom:.85rem;font-size:.85rem}.budget-empty .btn-primary{cursor:pointer;width:100%}.doc-list{flex-direction:column;gap:.4rem;display:flex}.doc-row{text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:.7rem .25rem;transition:background-color .15s;display:flex}.doc-row:hover{background:var(--bg)}.doc-row+.doc-row{border-top:1px solid var(--border)}.doc-icon{width:36px;height:36px;color:var(--accent-dark);background:#ffe3de;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-row .t{font-size:.88rem;font-weight:600}.doc-row .s{color:var(--text-muted);font-size:.74rem}.doc-row .chev{color:var(--text-faint);margin-left:auto}.form-grid{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.form-field{flex-direction:column;flex:180px;gap:4px;min-width:180px;display:flex}.form-field label{color:var(--text-muted);font-size:.78rem;font-weight:600}.form-field select,.form-field input{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem;font-family:inherit;font-size:.88rem}.field-error{color:var(--error);min-height:1em;margin:-2px 0 0;font-size:.78rem;font-weight:600}.filters-bar{flex-wrap:wrap;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.filter-field{flex-direction:column;gap:4px;display:flex}.filter-field label{color:var(--text-faint);font-size:.72rem;font-weight:600}.filter-field select,.filter-field input[type=date]{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:150px;padding:.5rem .75rem;font-family:inherit;font-size:.85rem}.filter-field.search-field{flex:220px;min-width:220px}.filter-field.search-field .search-box{width:100%}.filter-field[hidden]{display:none}.btn-primary{border-radius:var(--radius-sm);background:linear-gradient(150deg, var(--primary), var(--primary-dark));color:#fff;border:none;flex:none;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:.6rem 1.1rem;font-size:.85rem;font-weight:700}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{border:1px solid var(--error);border-radius:var(--radius-sm);background:var(--surface);color:var(--error);padding:.6rem 1.1rem;font-size:.85rem;font-weight:700}.btn-ghost-modal{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:#fff;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700}body.modal-open{overflow:hidden}.modal-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);width:100%;max-width:420px;padding:1.25rem}.modal-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-head h2{font-size:1.05rem;font-weight:700}.modal-close{background:var(--bg);border-radius:var(--radius-full);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.modal-type-toggle{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);margin-bottom:1rem;padding:3px;display:flex;position:relative}.modal-type-toggle button{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;z-index:1;background:0 0;border:none;flex:1;padding:.5rem .75rem;font-size:.85rem;font-weight:700;position:relative}.modal-type-toggle button.active.income,.modal-type-toggle button.active.expense{color:#fff}.type-toggle-indicator{border-radius:var(--radius-full);z-index:0;position:absolute;inset:0}.modal-body .form-grid{flex-direction:column;align-items:stretch;gap:.85rem}.modal-body .form-field{flex:none;min-width:0}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.modal-actions .btn-primary{cursor:pointer}.tx-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.88rem}.tutorial-highlight-ring{z-index:1400;pointer-events:none;border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--primary), 0 0 20px 4px #00e5bc8c;animation:1.6s ease-in-out infinite tutorialPulse;position:fixed}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 3px var(--primary), 0 0 16px 2px #00e5bc73}50%{box-shadow:0 0 0 3px var(--primary), 0 0 26px 6px #00e5bcb3}}.tutorial-popover-backdrop{z-index:1000;background:0 0;position:fixed;inset:0}.tutorial-popover-card{z-index:1500;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:min(380px,100vw - 2rem);box-shadow:var(--shadow-pop);padding:1.25rem;position:fixed;bottom:1.5rem;right:1.5rem}@media (max-width:640px){.tutorial-popover-card{width:auto;bottom:1rem;left:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}::view-transition-group(kharchay-sidebar){z-index:10}::view-transition-old(kharchay-sidebar){display:none}::view-transition-new(kharchay-sidebar){animation:none}::view-transition-old(.app-page-fade){animation:.22s cubic-bezier(.4,0,1,1) both page-fade-out}::view-transition-new(.app-page-fade){animation:.45s cubic-bezier(.22,1,.36,1) .1s both page-fade-in}@keyframes page-fade-out{to{opacity:0;transform:scale(.99)}}@keyframes page-fade-in{0%{opacity:0;transform:scale(1.01)translateY(6px)}}