:root{--tg-bg:var(--tg-theme-bg-color,#050d1e);--tg-card:var(--tg-theme-secondary-bg-color,#0b1630);--tg-text:var(--tg-theme-text-color,#f1f5f9);--tg-hint:var(--tg-theme-hint-color,#64748b);--tg-btn:var(--tg-theme-button-color,#7c3aed);--accent:#7c3aed;--accent-light:#a78bfa;--accent-glow:#7c3aed40;--income:#34d399;--income-dim:#34d39926;--income-glow:#34d3994d;--expense:#f87171;--expense-dim:#f8717126;--expense-glow:#f871714d;--ic-food:#34d399;--ic-transport:#60a5fa;--ic-rent:#c084fc;--ic-credit:#f87171;--ic-debt-my:#fb923c;--ic-debt-me:#22d3ee;--ic-fun:#f472b6;--ic-other:#94a3b8;--ic-connect:#fbbf24;--ic-fine:#ef4444;--ic-edu:#a78bfa;--ic-health:#2dd4bf;--s1:#0b1630fa;--s2:#0f1c3ad9;--s3:#1e2d5080;--border:#94a3b814;--border-md:#94a3b824;--text-1:#f1f5f9;--text-2:#94a3b8;--text-3:#475569;--nav-h:72px;--r-xl:28px;--r-lg:22px;--r-md:16px;--r-sm:12px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-1);padding-bottom:calc(var(--nav-h) + 24px);background-color:#050d1e;background-image:radial-gradient(80% 50% at 15% 0,#7c3aed1a 0%,#0000 60%),radial-gradient(60% 40% at 85% 90%,#34d39912 0%,#0000 55%),radial-gradient(50% 30%,#60a5fa0a 0%,#0000 70%);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}#app{max-width:500px;margin:0 auto;padding:14px}.hidden{display:none!important}.tab-view{animation:.3s fadeUp;display:none}.tab-view.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{width:calc(100% - 28px);max-width:472px;height:var(--nav-h);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-md);z-index:1000;background:#080f26f5;border-radius:26px;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff08}.nav-item{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item.active{color:var(--accent-light)}.nav-item.active:before{content:"";background:var(--accent-light);width:4px;height:4px;box-shadow:0 0 8px var(--accent-light);border-radius:50%;position:absolute;top:6px}.nav-icon{justify-content:center;align-items:center;width:26px;height:26px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.nav-icon svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;transition:inherit}.nav-item.active .nav-icon{transform:translateY(-2px)scale(1.12)}.nav-label{letter-spacing:.3px;font-size:.6rem;font-weight:600}.glass-card{background:var(--s2);-webkit-backdrop-filter:blur(16px);border-radius:var(--r-lg);border:1px solid var(--border);margin-bottom:14px;padding:18px;box-shadow:0 4px 20px #0000004d}.card-title{color:var(--text-2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px;font-size:.82rem;font-weight:700}.glass-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--r-xl);background:linear-gradient(145deg,#0b1634fa 0%,#0f1e41e6 100%);border:1px solid #7c3aed2e;margin-bottom:14px;padding:22px 22px 18px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff05,inset 0 1px #ffffff0d}.user-row{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.user-row h1{color:var(--text-2);font-size:1rem;font-weight:600}.income-badge{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#34d399);border:none;border-radius:50px;padding:8px 18px;font-size:.8rem;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #34d39959}.income-badge:active{transform:scale(.95);box-shadow:0 2px 8px #34d39933}.balance-container{background:#7c3aed14;border:1px solid #7c3aed26;border-radius:20px;margin-bottom:20px;padding:18px 20px}.balance-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.balance-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-2);font-size:.65rem;font-weight:700}.currency-switch{background:#0000004d;border-radius:50px;gap:2px;padding:2px;display:flex}.currency-switch button{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:4px 11px;font-family:Outfit,sans-serif;font-size:.6rem;font-weight:700;transition:all .2s}.currency-switch button.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}#total-balance{background:linear-gradient(135deg,#f1f5f9 20%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:2px;font-size:2rem;font-weight:800;line-height:1.1}.stats-row{border-top:1px solid var(--border);gap:0;padding-top:18px;display:flex}.stat-item{flex-direction:column;flex:1;align-items:center;gap:4px;padding:0 8px;display:flex;position:relative}.stat-item:first-child:after{content:"";background:var(--border-md);width:1px;position:absolute;top:25%;bottom:25%;right:0}.stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);font-size:.6rem;font-weight:700}.stat-value{font-size:.95rem;font-weight:800}.stat-value.income{color:var(--income);text-shadow:0 0 12px var(--income-glow)}.stat-value.expense{color:var(--expense);text-shadow:0 0 12px var(--expense-glow)}.chart-container{background:linear-gradient(145deg, var(--s2), #0f1c3a99);flex-direction:column;gap:0;min-height:0;display:flex;padding:16px 18px!important}.chart-top{align-items:center;gap:16px;display:flex}.chart-actions{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:48px;margin-top:20px;padding-top:18px;display:flex}.chart-action-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.chart-action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .15s,box-shadow .15s;display:flex}.chart-action-btn svg{width:26px;height:26px}.chart-action-btn:active{transform:scale(.88)}.chart-action-btn.expense-btn{border-color:var(--expense);color:var(--expense);background:#f871711f;box-shadow:0 4px 20px #f8717138}.chart-action-btn.income-btn{border-color:var(--income);color:var(--income);background:#34d3991f;box-shadow:0 4px 20px #34d39938}.chart-action-label{text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:700}.chart-action-label.expense-label{color:var(--expense)}.chart-action-label.income-label{color:var(--income)}.donut-wrap{flex-shrink:0;width:160px;height:160px;position:relative}.donut-wrap canvas{width:100%!important;height:100%!important}.donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center .dc-month{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-2);margin-bottom:2px;font-size:.55rem;font-weight:700}.donut-center .dc-amount{color:var(--text-1);letter-spacing:-.5px;font-size:1.3rem;font-weight:800;line-height:1}.donut-center .dc-label{color:var(--text-2);margin-top:2px;font-size:.58rem}.donut-legend{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.donut-legend .dl-title{color:var(--text-2);letter-spacing:.3px;margin-bottom:2px;font-size:.68rem;font-weight:700}.dl-row{align-items:center;gap:8px;display:flex}.dl-dot{border-radius:3px;flex-shrink:0;width:8px;height:8px}.dl-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;font-weight:600;overflow:hidden}.dl-pct{color:var(--text-1);letter-spacing:-.2px;font-size:.75rem;font-weight:800}.dl-empty{color:var(--text-3);text-align:center;padding:20px 0;font-size:.75rem}#upcoming-section h3{margin-bottom:12px;font-size:.85rem;font-weight:700}.upcoming-item{border-radius:var(--r-sm);background:#ffffff08;border-left:3px solid #fbbf2499;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.upcoming-info{flex-direction:column;gap:2px;display:flex}.upcoming-cat{font-size:.82rem;font-weight:600}.upcoming-days{color:var(--text-2);font-size:.68rem}.upcoming-days.overdue{color:var(--expense);font-weight:700}.upcoming-amount{color:var(--expense);font-size:.88rem;font-weight:800}.category-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:28px;display:grid}.cat-btn{background:var(--s2);border:1px solid var(--border);cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:14px 4px 10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.cat-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000);position:absolute;inset:0}.cat-btn:active{box-shadow:none;transform:scale(.91)}.cat-btn .icon{border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .25s;display:flex}.cat-btn .icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.cat-btn:active .icon{transform:scale(.9)}.cat-btn .label{color:var(--text-2);text-align:center;font-size:.58rem;font-weight:700;line-height:1.2}.cat-food .icon{color:#34d399;background:#34d39926;border:1px solid #34d39940}.cat-transport .icon{color:#60a5fa;background:#60a5fa26;border:1px solid #60a5fa40}.cat-rent .icon{color:#c084fc;background:#c084fc26;border:1px solid #c084fc40}.cat-credit .icon{color:#f87171;background:#f8717126;border:1px solid #f8717140}.cat-debt-my .icon{color:#fb923c;background:#fb923c26;border:1px solid #fb923c40}.cat-debt-to-me .icon{color:#22d3ee;background:#22d3ee26;border:1px solid #22d3ee40}.cat-fun .icon{color:#f472b6;background:#f472b626;border:1px solid #f472b640}.cat-other .icon{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b840}.cat-connection .icon{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf2440}.cat-fine .icon{color:#ef4444;background:#ef444426;border:1px solid #ef444440}.cat-education .icon{color:#a78bfa;background:#a78bfa26;border:1px solid #a78bfa40}.cat-health .icon{color:#2dd4bf;background:#2dd4bf26;border:1px solid #2dd4bf40}.cat-food{border-bottom:2px solid #34d39980}.cat-transport{border-bottom:2px solid #60a5fa80}.cat-rent{border-bottom:2px solid #c084fc80}.cat-credit{border-bottom:2px solid #f8717180}.cat-debt-my{border-bottom:2px solid #fb923c80}.cat-debt-to-me{border-bottom:2px solid #22d3ee80}.cat-fun{border-bottom:2px solid #f472b680}.cat-other{border-bottom:2px solid #94a3b866}.cat-connection{border-bottom:2px solid #fbbf2480}.cat-fine{border-bottom:2px solid #ef444480}.cat-education{border-bottom:2px solid #a78bfa80}.cat-health{border-bottom:2px solid #2dd4bf80}.transaction-item{border:1px solid var(--border);background:#ffffff06;border-left:3px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;transition:background .2s;display:flex}.transaction-item:active{background:#ffffff0d}.trans-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.trans-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.trans-icon svg{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.trans-info{flex-direction:column;min-width:0;display:flex}.trans-cat{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.trans-date{color:var(--text-2);margin-top:1px;font-size:.65rem}.trans-note{color:var(--text-3);margin-top:2px;font-size:.63rem;font-style:italic}.trans-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.trans-amount{white-space:nowrap;font-size:.88rem;font-weight:800}.trans-amount.income{color:var(--income)}.trans-amount.expense{color:var(--expense)}.action-btns{gap:6px;display:flex}.delete-btn{color:#f8717199;cursor:pointer;background:#f8717114;border:1px solid #f8717126;border-radius:50%;flex-shrink:0;width:26px;height:26px;font-size:.7rem;transition:all .2s}.delete-btn:hover{color:var(--expense);background:#f871712e}.pay-btn{color:var(--income);cursor:pointer;background:#34d3991a;border:1px solid #34d39940;border-radius:50%;width:30px;height:30px;font-size:.8rem;transition:all .2s}.pay-btn:hover{background:#34d39933}.empty-msg{color:var(--text-2);text-align:center;opacity:.7;padding:24px 0;font-size:.82rem}.view-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.view-header h3{font-size:.9rem;font-weight:700}.export-btn{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;cursor:pointer;box-shadow:0 3px 12px var(--accent-glow);border:none;border-radius:50px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;transition:all .2s}.export-btn:active{transform:scale(.96)}.add-small-btn{color:var(--accent-light);cursor:pointer;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:50px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;transition:all .2s}.add-small-btn:active{transform:scale(.96)}.section-hint{color:var(--text-2);margin-bottom:14px;font-size:.7rem;line-height:1.5}.filter-bar{margin-bottom:16px}.filter-type-row{gap:6px;margin-bottom:10px;display:flex}.filter-type-btn{border:1px solid var(--border-md);color:var(--text-2);cursor:pointer;background:#ffffff05;border-radius:50px;flex:1;padding:8px 4px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;transition:all .2s}.filter-type-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 12px var(--accent-glow)}.filter-row2{gap:8px;display:flex}.filter-row2 input,.filter-row2 select{background:var(--s1);border:1px solid var(--border-md);border-radius:var(--r-sm);color:var(--text-1);outline:none;flex:1;padding:9px 12px;font-family:Outfit,sans-serif;font-size:.75rem}.filter-row2 select{-webkit-appearance:none;cursor:pointer}.filter-summary{color:var(--accent-light);background:#7c3aed14;border:1px solid #7c3aed33;border-radius:10px;margin-top:8px;padding:8px 14px;font-size:.75rem;font-weight:700}.toggle-switch{cursor:pointer;flex-shrink:0;width:40px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:#ffffff1a;border-radius:22px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 4px #0000004d}input:checked+.toggle-slider{background:linear-gradient(135deg,#059669,#34d399)}input:checked+.toggle-slider:before{transform:translate(18px)}.month-nav-card{padding:16px 18px}.month-nav{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.month-nav span{font-size:1rem;font-weight:800}.month-nav-btn{background:var(--s3);border:1px solid var(--border-md);color:var(--text-1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Outfit,sans-serif;font-size:1.1rem;transition:all .2s;display:flex}.month-nav-btn:not(:disabled):active{background:var(--accent);border-color:var(--accent)}.month-nav-btn:disabled{opacity:.25;cursor:default}.stats-summary-row{gap:8px;display:flex}.stats-sum-item{text-align:center;border:1px solid var(--border);background:#ffffff08;border-radius:14px;flex:1;padding:12px 10px}.stats-sum-item.income{border-top:2px solid var(--income);background:var(--income-dim)}.stats-sum-item.expense{border-top:2px solid var(--expense);background:var(--expense-dim)}.stats-sum-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-2);margin-bottom:5px;font-size:.6rem;font-weight:700;display:block}.stats-sum-value{font-size:.82rem;font-weight:800;display:block}.bar-chart-container{height:180px}.stats-cat-wrap{flex-direction:column;gap:14px;display:flex}.stats-donut-wrap{height:160px}.cat-stat-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.cat-stat-row:last-child{border-bottom:none}.cat-stat-left{align-items:center;gap:9px;display:flex}.cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cat-stat-name{font-size:.82rem;font-weight:500}.cat-stat-right{align-items:center;gap:10px;display:flex}.cat-stat-amount{font-size:.84rem;font-weight:800}.cat-stat-pct{color:var(--text-2);text-align:right;min-width:34px;font-size:.68rem;font-weight:700}.goal-card{border:1px solid var(--border);border-left:3px solid var(--goal-color,#7c3aed);background:#ffffff06;border-radius:16px;margin-bottom:12px;padding:16px;transition:all .2s;box-shadow:0 2px 12px #0003}.goal-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.goal-title{flex:1;font-size:.9rem;font-weight:700;line-height:1.3}.progress-track{background:#ffffff12;border-radius:6px;height:7px;margin:10px 0;overflow:hidden}.progress-fill{min-width:4px;height:100%;box-shadow:0 0 8px var(--goal-color,#7c3aed);border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1)}.goal-footer{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:6px;display:flex}.goal-saved{flex:1;font-size:.78rem;font-weight:700}.goal-pct{font-size:1rem;font-weight:900}.goal-target{color:var(--text-2);font-size:.7rem}.goal-deadline{color:var(--text-2);margin-top:8px;font-size:.68rem;display:block}.contribute-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:12px;width:100%;margin-top:12px;padding:9px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;transition:all .2s;display:block}.contribute-btn:active{opacity:.7;transform:scale(.98)}.goal-done-msg{color:var(--income);text-align:center;background:var(--income-dim);border-radius:10px;margin-top:10px;padding:8px;font-size:.78rem;font-weight:700}.color-picker{flex-wrap:wrap;gap:12px;display:flex}.color-dot{cursor:pointer;border:3px solid #0000;border-radius:50%;flex-shrink:0;width:32px;height:32px;transition:all .25s}.color-dot.active{border-color:#ffffffe6;transform:scale(1.18);box-shadow:0 0 16px #ffffff40}.modal{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#020612d9;justify-content:center;align-items:flex-end;padding:0;animation:.25s modalIn;display:none;position:fixed;inset:0}.modal.active{display:flex}@keyframes modalIn{0%{opacity:0}to{opacity:1}}.modal-content{border-top:1px solid var(--border-md);background:linear-gradient(#0c1630fc 0%,#081024fc 100%);border-radius:28px 28px 0 0;width:100%;max-width:500px;padding:28px 22px 36px;animation:.3s cubic-bezier(.34,1.2,.64,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-content:before{content:"";background:#ffffff26;border-radius:2px;width:40px;height:4px;margin:0 auto 20px;display:block}.modal-content h3{text-align:center;margin-bottom:22px;font-size:1.1rem;font-weight:800}.input-group{margin-bottom:16px}.input-group label{color:var(--text-2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;font-size:.68rem;font-weight:700;display:block}#amount-input,#note-input,#deadline-input,#recurring-amount-input,#recurring-note-input,#recurring-day-input,#goal-title-input,#goal-target-input,#goal-deadline-input,#contribute-amount-input{border:1px solid var(--border-md);width:100%;color:var(--text-1);background:#ffffff0a;border-radius:14px;outline:none;padding:14px 16px;font-family:Outfit,sans-serif;font-size:.9rem;transition:border-color .2s}#amount-input:focus,#note-input:focus,#deadline-input:focus,#recurring-amount-input:focus,#recurring-note-input:focus,#recurring-day-input:focus,#goal-title-input:focus,#goal-target-input:focus,#goal-deadline-input:focus,#contribute-amount-input:focus{border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed1a}#amount-input,#contribute-amount-input{text-align:center;letter-spacing:-.5px;font-size:1.6rem;font-weight:800}.styled-select{border:1px solid var(--border-md);width:100%;color:var(--text-1);cursor:pointer;-webkit-appearance:none;background:#ffffff0a;border-radius:14px;outline:none;padding:14px 16px;font-family:Outfit,sans-serif;font-size:.88rem;transition:border-color .2s}.styled-select:focus{border-color:#7c3aed80}.source-chips{grid-template-columns:1fr 1fr;gap:9px;display:grid}.source-chip{text-align:center;cursor:pointer;border:1px solid var(--border-md);background:#ffffff0a;border-radius:14px;padding:12px;font-size:.82rem;font-weight:500;transition:all .2s}.source-chip.active{background:var(--income-dim);color:var(--income);border-color:#34d39966;font-weight:700}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:16px;flex:1;padding:16px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;transition:all .2s}#cancel-btn,#cancel-recurring-btn,#cancel-goal-btn,#cancel-contribute-btn{border:1px solid var(--border-md);color:var(--text-2);background:#ffffff12}#save-btn,#save-recurring-btn,#save-goal-btn,#save-contribute-btn{background:linear-gradient(135deg, var(--accent), #9333ea);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}#save-btn:active,#save-recurring-btn:active,#save-goal-btn:active,#save-contribute-btn:active{transform:scale(.97)}.cat-picker-content{padding:24px 18px 36px!important}.cat-picker-content:before{margin-bottom:16px}.cat-picker-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.cat-picker-header h3{font-size:1rem;font-weight:800;text-align:left!important;margin-bottom:0!important}.cat-picker-close{border:1px solid var(--border-md);color:var(--text-2);cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.cat-picker-close:active{background:#ffffff1f}.cat-picker-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}