@font-face{font-family:"Noto Sans App";src:url(/fonts/noto-sans-latin-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B0,U+00B7,U+00BB,U+00D7,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+20BE,U+2116,U+2190-2193,U+2212,U+2248,U+2260,U+2264-2265}
@font-face{font-family:"Noto Sans App";src:url(/fonts/noto-sans-georgian-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+10D0-10FF,U+1C90-1CBF,U+200C-200D}
:root{
  --bg:#e9e3d8;--card:#fffdfa;--card2:#f7f3ec;--fg:#2a2623;--muted:#655d55;--line:#ddd4c6;--edge:#cdc2b2;--shadow:0 1px 2px rgba(60,45,30,.10),0 6px 18px rgba(60,45,30,.10);
  --acc:#3d6b48;--acc-fg:#fff;--acc2:#dde9dc;--rose:#a03c4a;--rose2:#f6dfdf;--warn:#8a5f12;--warn2:#f5e7c8;--info:#3f5a78;--info2:#dde6f0;
  --red:var(--rose);--green:var(--acc);--yel:var(--warn);--r:18px;
  font-family:"Noto Sans App","Noto Sans Georgian","Noto Sans",-apple-system,system-ui,sans-serif;font-variant-numeric:tabular-nums}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;line-height:1.45}
.i{width:20px;height:20px;flex:0 0 auto;vertical-align:-4px}.i.end{margin-left:auto;opacity:.5}
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:calc(env(safe-area-inset-top) + 14px) 20px 12px}
.top h1{font-size:20px;margin:0;font-weight:700;letter-spacing:.2px}
main{padding:4px 16px calc(80px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto}
.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:4px 6px calc(4px + env(safe-area-inset-bottom));z-index:5}
.tabs a{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;min-height:44px;margin:0 6px;border-radius:999px;-webkit-tap-highlight-color:transparent}
.tabs a .i{width:26px;height:26px}.tabs a.on{color:var(--acc)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:14px 0;box-shadow:var(--shadow)}
.card h2{font-size:16px;margin:0 0 12px;font-weight:700}.card h3{font-size:14px;margin:16px 0 6px;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow)}
.kpi b{display:block;font-size:21px;margin-top:4px}.kpi small{color:var(--muted);font-size:12px}
.big-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.big-actions .btn:first-child{grid-column:1/-1}
.big-actions .btn:not(:first-child){flex-direction:column;gap:4px;font-size:14px;min-height:72px;padding:0 6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;font-family:inherit;transition:transform .08s,background .15s}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-fg)}.btn.danger{color:var(--rose)}
.btn.block{width:100%}.btn.sm{min-height:38px;font-size:14px;padding:0 12px;border-radius:12px}
.big-actions .btn{min-height:60px;font-size:17px;box-shadow:var(--shadow)}
.big-actions .btn.danger{background:var(--rose2);border-color:transparent}
.menu-list .card{padding:6px}.btn.menu{justify-content:flex-start;border:0;box-shadow:none;background:none;min-height:56px}
.btn.menu .i:first-child{color:var(--acc)}
label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}
input,select,textarea{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-size:17px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc2)}
.row{display:flex;gap:10px;align-items:flex-end}.row>*{flex:1;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-size:15px;font-family:inherit}
.chip.on{background:var(--acc2);border-color:var(--acc);color:var(--acc);font-weight:700}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:9px 4px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-weight:600;font-size:12px}
td.n,th.n{text-align:right;white-space:nowrap}tr.total td{font-weight:700}tr:last-child td{border-bottom:0}
.muted{color:var(--muted)}.red{color:var(--rose)}.green{color:var(--acc)}.yel{color:var(--warn)}
.line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.line:last-child{border-bottom:0}.line .grow{flex:1;min-width:0}
.sticky-sum{position:sticky;bottom:calc(60px + env(safe-area-inset-bottom));background:var(--card);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:14px;padding:12px 14px;margin:14px 0;font-size:15px;box-shadow:var(--shadow)}
.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--info2);color:var(--fg);margin:8px 0;font-size:14px}
.alert .i{margin-top:1px;color:var(--info)}.alert.warn{background:var(--warn2)}.alert.warn .i{color:var(--warn)}.alert.bad{background:var(--rose2)}.alert.bad .i{color:var(--rose)}
.ok-line{display:flex;gap:8px;align-items:center}.ok-line .i{color:var(--acc)}
.badge{font-size:12px;padding:2px 10px;border-radius:999px;background:var(--acc2);color:var(--acc)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--acc);vertical-align:1px}.dot.aging{background:var(--warn)}.dot.old{background:var(--rose)}
.qtybtns{display:flex;gap:8px;margin-top:8px}.qtybtns .btn{flex:1}
#toast{position:fixed;left:16px;right:16px;bottom:calc(64px + env(safe-area-inset-bottom));background:var(--fg);color:var(--bg);padding:14px 16px;border-radius:14px;z-index:9;font-size:15px;display:flex;justify-content:space-between;gap:10px;box-shadow:var(--shadow)}
#toast[hidden]{display:none}#toast button{background:none;border:0;color:var(--acc2);font-weight:700;font-size:15px;font-family:inherit}
@media (min-width:700px){.kpis{grid-template-columns:repeat(4,1fr)}.big-actions{grid-template-columns:repeat(4,1fr)}.big-actions .btn:first-child{grid-column:auto}}
label.check{display:flex;gap:10px;align-items:center;color:var(--fg);font-size:15px;margin:12px 0 4px}label.check input{width:22px;height:22px;min-height:0;accent-color:var(--acc);flex:0 0 auto}
.datebox{position:relative;display:block;width:100%;max-width:100%;min-width:0;min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--bg);overflow:hidden}
.datebox:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc2)}
.datelabel{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 10px;font-size:15px;font-weight:600;pointer-events:none;text-align:center}
.datebox input[type=date]{position:absolute;inset:0;width:100%;height:100%;max-width:100%;min-width:0;margin:0;opacity:0;-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;border:0;cursor:pointer}
input[type=date]{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
input[type=date]::-webkit-date-and-time-value{text-align:center}
.row>*,.card{min-width:0}
.num,.chart text.num{font-family:inherit;font-variant-numeric:tabular-nums}
.chart{width:100%;height:auto;display:block;overflow:visible;touch-action:pan-y}
.chart .grid{stroke:var(--line);stroke-width:1}.chart .grid.zero{stroke:var(--muted);stroke-dasharray:3 3}
.chart text.axis{fill:var(--muted);font-size:10px}.chart .cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3}
.chart-wrap{position:relative}.chart-empty{padding:28px 8px;text-align:center;color:var(--muted);font-size:14px;border:1px dashed var(--line);border-radius:12px}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin-bottom:8px}.legend i,.tip i,.donut-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.tip{position:absolute;top:-6px;transform:translateY(-100%);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:8px 10px;font-size:12px;pointer-events:none;white-space:nowrap;z-index:2}
.tip b{display:block;margin-bottom:2px}
.bar-row{margin:10px 0}.bar-head{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:4px}.bar-head span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-track{height:10px;background:var(--bg);border-radius:6px;overflow:hidden}.bar{height:100%;border-radius:6px}
.donut{display:flex;gap:14px;align-items:center}.donut svg{width:130px;flex:0 0 130px}.donut-c{fill:var(--fg);font-size:13px;font-weight:700}
.donut-legend{flex:1;min-width:0;font-size:13px}.donut-legend div{display:grid;grid-template-columns:auto 1fr;gap:0 4px;padding:5px 0;border-bottom:1px solid var(--line)}.donut-legend div:last-child{border:0}
.donut-legend .num{grid-column:2;color:var(--muted);font-size:12px}.donut-legend div.on{font-weight:700}
.chart-tabs{display:flex;gap:6px;margin-bottom:10px}
.batch-row{border-top:1px solid var(--line);padding:4px 0 12px}.batch-row .line{border:0;padding:8px 0 2px}.pend{min-width:48px;text-align:right}

/* v3: მეტი კონტრასტი — ბარათის კიდე, სათაურები, გამყოფები, ტიპის ფერები */
.card,.kpi{border-color:var(--edge)}
.card h2{font-size:17px;padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid var(--line);display:flex;align-items:center;gap:8px}
.card h3{color:var(--fg);font-weight:700}
.line{border-bottom-color:var(--edge)}
td,th{border-bottom-color:var(--edge)}
.btn{border-color:var(--edge)}
.btn.primary{box-shadow:0 2px 6px color-mix(in srgb,var(--acc) 35%,transparent);font-weight:700}
.chip{border-color:var(--edge)}
.chip.on{background:var(--acc);border-color:var(--acc);color:var(--acc-fg)}
.tabs a.on{background:var(--acc2)}
input,select,textarea,.datebox{border-color:var(--edge);background:var(--card2)}
.top{border-bottom:1px solid var(--line)}
.card.t-sale,.card.t-waste,.card.t-pur,.card.t-exp{border-left:5px solid var(--tc)}
.card.t-sale{--tc:var(--acc);--th:var(--acc2)}.card.t-waste{--tc:var(--rose);--th:var(--rose2)}.card.t-pur{--tc:var(--info);--th:var(--info2)}.card.t-exp{--tc:var(--warn);--th:var(--warn2)}
.card.t-sale h2,.card.t-waste h2,.card.t-pur h2,.card.t-exp h2{background:var(--th);color:var(--tc);margin:-18px -18px 12px -18px;padding:12px 18px;border-radius:var(--r) var(--r) 0 0;border-bottom:1px solid var(--edge)}
.card.t-sale,.card.t-waste,.card.t-pur,.card.t-exp{border-top-left-radius:10px;border-bottom-left-radius:10px}
.card.t-sale h2,.card.t-waste h2,.card.t-pur h2,.card.t-exp h2{border-top-left-radius:6px}
.card.t-adj{--tc:var(--info);--th:var(--info2);border-left:5px solid var(--tc);border-top-left-radius:10px;border-bottom-left-radius:10px}
.card.t-adj h2{background:var(--th);color:var(--tc);margin:-18px -18px 12px -18px;padding:12px 18px;border-radius:6px var(--r) 0 0;border-bottom:1px solid var(--edge)}
.card.t-adj{--tc:#5e4a86;--th:#e7e1f2}
@media (prefers-color-scheme:dark){.card.t-adj{--tc:#c4b3e8;--th:#2f2840}}
select{-webkit-appearance:none;appearance:none;background-color:var(--card2);color:var(--fg);padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
:root{color-scheme:light dark}
.stk td,.stk th{padding:8px 3px}.stk td .btn{padding:0 9px;min-height:36px}
label.check[hidden]{display:none}

input[type=time]{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-align:left}
input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0;min-width:0}
input[type=time]::-webkit-datetime-edit{padding:0}
input,select,textarea{box-sizing:border-box;max-width:100%;font-size:max(16px,1em)}
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#ptr{position:fixed;white-space:nowrap;top:env(safe-area-inset-top);left:50%;transform:translate(-50%,-56px);opacity:0;z-index:8;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:var(--card);color:var(--acc);border:1px solid var(--line);box-shadow:var(--shadow);font-size:14px;font-weight:600;pointer-events:none;transition:opacity .15s}
#ptr .ptr-ic{display:inline-flex;width:22px;height:22px}#ptr .ptr-ic svg{width:22px;height:22px}
#ptr .ptr-tx:empty{display:none}#ptr.ready{background:var(--acc2)}
#ptr.busy{transition:transform .2s,opacity .15s}#ptr.busy .ptr-ic{animation:ptrspin .8s linear infinite}
@keyframes ptrspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#ptr.busy .ptr-ic{animation-duration:2s}}
#edgeback{position:fixed;left:0;top:50%;transform:translate(-40px,-50%);opacity:0;z-index:8;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--acc);border:1px solid var(--line);box-shadow:var(--shadow);pointer-events:none}
#edgeback svg{width:22px;height:22px}#edgeback.ready{background:var(--acc);color:var(--acc-fg)}
#app{will-change:auto}
html,body{overflow-x:hidden;overflow-x:clip}
[hidden]{display:none!important}
.sum-head{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:16px;-webkit-tap-highlight-color:transparent}
.sum-head svg{width:18px;height:18px;flex:0 0 auto;color:var(--muted);transition:transform .2s}.sum-head[aria-expanded=true] svg{transform:rotate(90deg)}
.sum-det{margin-top:8px;border-top:1px solid var(--line);padding-top:6px}.sum-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:14px}.sum-row span{color:var(--muted)}.sum-row b{font-weight:600}
.stk .sub2{font-size:11px;white-space:nowrap;line-height:1.2;margin-top:2px}.stk td{vertical-align:middle}
.stk .pr{white-space:nowrap;font-size:14px}.stk .pr .muted{font-size:12px}
.nw{white-space:nowrap}.vx{font-size:.82em;font-weight:400}
.vc{all:unset;display:inline-grid;cursor:pointer;font:inherit;color:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.vc>span{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .18s}.vc>span.on{opacity:1;visibility:visible}
.vc small{font-size:.72em;color:var(--muted);font-weight:400}
.stk .vc{font-size:14px}
.vc>span{position:relative}.vc small{position:absolute;right:0;bottom:100%;font-size:9px;line-height:1;white-space:nowrap;margin-bottom:1px}
.t-sale .vc{text-align:left}
.red.soft{opacity:.8}.info-row{font-size:13px}.info-row small{font-size:11px;opacity:.8;margin-left:4px}
tr.sg-pos td.n,tr.sg-pos td.n.muted{color:var(--acc)}tr.sg-neg td.n,tr.sg-neg td.n.muted{color:var(--rose)}

/* მარაგის ძებნა */
.search{position:relative;margin:14px 0}
.search input{-webkit-appearance:none;appearance:none;font-size:17px;min-height:50px;padding:0 48px 0 46px;border-radius:14px;background:var(--card);border-color:var(--edge);box-shadow:var(--shadow)}
.search input::placeholder{color:var(--muted);opacity:1}
.search input::-webkit-search-cancel-button,.search input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.search .si{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;color:var(--muted);pointer-events:none}
.search input:focus+.sx,.search:focus-within .si{color:var(--fg)}
.search .sx{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:none;color:var(--muted);cursor:pointer}
.search .sx:active{background:var(--card2)}.search .sx[hidden],.pcard[hidden],.snone[hidden]{display:none}
.snone{text-align:center;margin:18px 0}
[data-chips="rg"] .chip,[data-chips="cm"] .chip{padding:0 12px} /* რეპორტების ჩიპები ერთ ხაზზე რომ დაეტიოს */

/* v38: სათაურები მთავრულით (გარდაქმნა app.js-ში, toMtav), დანარჩენი მხედრულით */
.top h1,.card h2,.card h3,th,.mtav{letter-spacing:.03em}
.top h1{letter-spacing:.04em}
.card h2 .muted,.card h2 .vc{letter-spacing:normal}
.pcard .grow{min-width:0;overflow-wrap:anywhere}
/* v42: ეკრანებს შორის გადასვლები (tx.js) — მხოლოდ transform/opacity; will-change მხოლოდ ანიმაციისას */
#txl{position:fixed;inset:0;z-index:1;overflow:hidden;background:var(--bg);pointer-events:none;contain:strict}
#txl.top{z-index:3;box-shadow:-14px 0 32px rgba(0,0,0,.45)}
#txl[hidden],#txdim[hidden]{display:none}
#txdim{position:fixed;inset:0;z-index:2;background:#000;opacity:0;pointer-events:none}
main.tx-on{position:relative;background:var(--bg);min-height:100lvh;will-change:transform,opacity}
main.tx-top{z-index:3;box-shadow:-14px 0 32px rgba(0,0,0,.45)}
main.tx-below{z-index:1}
/* v44: შესვლის ეკრანი (აპის პაროლი) */
body.locked .top,body.locked .tabs,body.locked #app{visibility:hidden}
#login{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 24px);overflow:auto}
#lgf{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:stretch;gap:14px;text-align:center}
.lg-ico{align-self:center;width:76px;height:76px;border-radius:20px;box-shadow:var(--shadow)}
.lg-brand{margin:6px 0 0;font-size:24px;font-weight:700;letter-spacing:1.5px}
#lgh{margin:-6px 0 12px;font-size:15px;font-weight:600;color:var(--muted);letter-spacing:.6px}
#lgp{width:100%;min-height:52px;font-size:17px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--fg);outline:none}
#lgp:focus{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent)}
#lgb{min-height:52px;font-size:17px}
.lg-err{margin:-4px 0 0;padding:10px 12px;border-radius:12px;background:var(--rose2);color:var(--rose);font-size:14px;text-align:left}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0}
/* ==== v50 დიზაინი C2 — SuperApp სტილი: ნაცრისფერ-ლურჯი ფონი, ავსებული ბარათები, ლავანდისფერი აქცენტი (მხოლოდ მუქი რეჟიმი; ღია უცვლელია) ==== */
.hd-av,.hd-sub,.ptile{display:none}
@media (prefers-color-scheme:dark){
.top{background:rgba(20,21,28,.92);border:0;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 14px) 18px 10px}
.hd-av{display:flex!important;width:46px;height:46px;border-radius:14px;background:var(--acc);color:var(--acc-fg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex:0 0 auto}
.hd-tt{flex:1;min-width:0}
.top h1{font-size:18px;font-weight:700;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-sub{display:block!important;font-size:13px;color:var(--muted);margin-top:1px}
.card,.kpi{background:var(--card);border:0;box-shadow:none;border-radius:20px}
.card h2{font-size:16px;font-weight:700;letter-spacing:0;color:var(--fg)}
.card h2 .i{color:var(--acc)}
.kpi small{font-size:13px;color:var(--muted)}
.kpi b{font-size:27px;font-weight:800;letter-spacing:-.01em}
.kpis .kpi:first-child,.kpis .kpi:last-child{grid-column:1/-1;padding:18px}
.kpis .kpi:first-child b{font-size:34px}
.green{color:var(--pos)}.red{color:var(--rose)}
.line{border-bottom-color:var(--line)}
td,th{border-bottom-color:var(--line)}
.btn{background:var(--card2);border:0;border-radius:16px;font-weight:600}
.btn.primary{background:var(--acc);color:var(--acc-fg)}
.btn.danger{background:var(--rose2);color:var(--rose)}
.big-actions .btn{box-shadow:none;background:var(--card)}
.big-actions .btn.primary{background:var(--acc)}
.big-actions .btn.danger{background:var(--card);color:var(--rose)}
.chip{background:var(--card2);border:0;border-radius:999px;font-weight:600;min-height:42px;padding:0 18px}
.chip.on{background:var(--acc);color:var(--acc-fg);font-weight:700}
input,select,textarea,.datebox{background:var(--card2);border:1px solid transparent;border-radius:14px}
input:focus,select:focus,.datebox:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc2)}
select option{background:var(--card2)}
.search input{background:var(--card);border-radius:16px;box-shadow:none;border-color:transparent}
.alert{border:0;border-radius:16px}
.badge{border:0;background:var(--acc2);color:var(--acc)}
.sticky-sum{background:var(--card2);border:0;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.bar-track{background:var(--card2);border-radius:999px}
.chart .grid{stroke:#2a2b38}
.tip{background:var(--card2);border:0;color:var(--fg)}
#toast{background:var(--card2);color:var(--fg);border:0;border-radius:18px}
#toast button{color:var(--acc)}
/* ჟურნალი: 3px ფერადი ზოლი + ფერადი სათაური */
.card.t-sale,.card.t-waste,.card.t-pur,.card.t-exp,.card.t-adj{border:0;border-left:3px solid var(--tc)}
.card[class*=" t-"] h2{background:transparent;border-bottom:1px solid var(--line);color:var(--tc)}
.card.t-sale{--tc:var(--pos)}.card.t-adj{--tc:#c4b3e8}
/* ემოჯის ფილა */
.ptile{display:inline-flex!important;width:42px;height:42px;border-radius:13px;background:var(--card2);display:inline-flex;align-items:center;justify-content:center;font-size:21px;flex:0 0 auto;margin-right:10px;vertical-align:middle}
.pcard>.line:first-child .grow{display:flex;align-items:center;min-width:0}
.pcard .pn{overflow:hidden;text-overflow:ellipsis}
/* ნავიგაცია */
.tabs{background:rgba(24,25,33,.96);border-top:1px solid #23242f;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.tabs a{margin:0 2px}
.tabs a.on{color:var(--acc)}
/* შესვლის ეკრანი */
#login{background:var(--bg)}
.lg-ico{box-shadow:none;border:0;border-radius:20px}
#lgp{background:var(--card2);border:1px solid transparent;border-radius:14px}
#lgp:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc2)}
.lg-err{background:var(--rose2);border:0}
.card.red{background:var(--rose2);color:var(--rose)}
}
/* ==== v51 „+“ მენიუ: ღილაკების სვეტი „+“-ის ზემოთ ==== */
#fab{position:relative;margin-left:auto;flex:none;width:46px;height:46px;border-radius:16px;border:0;background:var(--acc);color:var(--acc-fg);display:flex;align-items:center;justify-content:center;z-index:8;box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 45%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s}
#fab[hidden]{display:none}#fab .i{width:24px;height:24px;transition:transform .2s}#fab.open .i{transform:rotate(45deg)}#fab:active{transform:scale(.94)}
#plusm[hidden]{display:none}#plusm{position:fixed;inset:0;z-index:7}
.pm-bd{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:pmf .18s}
.pm-box{position:absolute;right:14px;top:calc(env(safe-area-inset-top) + 80px);display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.pm-it{display:flex;flex-direction:row-reverse;align-items:center;gap:12px;color:var(--fg);text-decoration:none;font-size:16px;font-weight:600;-webkit-tap-highlight-color:transparent;animation:pmd .2s cubic-bezier(.2,.8,.2,1) backwards}
.pm-t{background:var(--card);padding:10px 16px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.pm-ic{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--card);color:var(--c);box-shadow:0 6px 20px rgba(0,0,0,.35)}
.pm-sale{--c:var(--acc)}.pm-pur{--c:var(--info)}.pm-waste{--c:var(--rose)}.pm-exp{--c:var(--warn)}
@keyframes pmf{from{opacity:0}}@keyframes pmd{from{opacity:0;transform:translateY(-10px) scale(.96)}}
@media (prefers-reduced-motion:reduce){.pm-bd,.pm-it{animation:none}}
main{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
/* ==== v53 სიები: კატალოგი/რეცეპტები/მომწოდებლები/მეტი (დაჯგუფებული სია) ==== */
.lhead{display:flex;align-items:center;gap:10px;margin:10px 0 12px}.lhead .search{flex:1;min-width:0;margin:0}.lhead .lcount{flex:1;font-size:14px}
.btn.pill{border-radius:999px;min-height:44px;padding:0 16px;gap:6px;flex:0 0 auto;background:var(--acc2);color:var(--acc);border:0;font-weight:700}.btn.pill .i{width:18px;height:18px}
.glist{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0 0 14px}
.gitem{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0}
.gitem:last-child{border-bottom:0}.gitem:active{background:var(--card2)}.gitem[hidden]{display:none}.gitem.off{opacity:.55}
.gs{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;align-items:center;min-width:0}
.mchip{font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;background:var(--card2);color:var(--muted);white-space:nowrap}
.mchip.acc{background:var(--acc2);color:var(--acc);font-weight:700}.mchip.warn{background:var(--warn2);color:var(--warn)}
.gsub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 120px;min-width:0}
.gitem>.i.end{opacity:.45}
.mgroup{padding:4px 6px}.mgroup .btn.menu{border-bottom:1px solid var(--line);border-radius:0}.mgroup .btn.menu:last-child{border-bottom:0}
@media (prefers-color-scheme:dark){.glist{border:0}}
/* ==== v54: თვის მიზნები ==== */
:root{--gpos:var(--pos,#2f8f4e);--gwarn:var(--warn);--gbad:var(--rose)}
.gcard{display:block;color:inherit;text-decoration:none}
.gh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.gh h2,.gh h3{margin:0}.gh>.muted{font-size:13px;display:flex;align-items:center;gap:2px;white-space:nowrap}.gh .i{width:16px;height:16px}
.grow{padding:10px 0;border-top:1px solid var(--line)}.grow:first-of-type{border-top:0;padding-top:2px}
.gl{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}.gl b{font-size:15px;white-space:nowrap}.gl b .muted{font-weight:400;font-size:13px}
.gl.gs{margin-top:6px;align-items:center}.gl.gs small{min-width:0;overflow-wrap:anywhere}
.gbar{position:relative;height:8px;border-radius:99px;background:var(--line);margin-top:8px;overflow:visible}.gbar i{display:block;height:100%;border-radius:99px;background:var(--acc)}
.gbar.pos i{background:var(--acc)}.gbar.warn i{background:var(--gwarn)}.gbar.bad i{background:var(--gbad)}
.gbar s{position:absolute;top:-3px;width:2px;height:14px;border-radius:2px;background:var(--fg);opacity:.55;text-decoration:none}
.gpill{flex:0 0 auto;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap;background:var(--acc2);color:var(--acc)}
.gpill.warn{background:var(--warn2);color:var(--gwarn)}.gpill.bad{background:var(--rose2);color:var(--gbad)}
.gempty{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.gempty>.i:first-child{color:var(--acc);width:28px;height:28px}.gempty span{flex:1;display:flex;flex-direction:column;gap:2px}
.ghero{display:flex;align-items:center;gap:16px}.gr{position:relative;flex:0 0 auto;line-height:0}.gr>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.gr>span b{font-size:22px}.gr>span small{font-size:11px;color:var(--muted);margin-top:2px}.gr.sm>span b{font-size:17px}
.gring circle{fill:none;stroke-width:10}.gring .tr{stroke:var(--line)}.gring .fg{stroke:var(--acc);stroke-linecap:round}.gring.warn .fg{stroke:var(--gwarn)}.gring.bad .fg{stroke:var(--gbad)}
.gstat{display:flex;flex-direction:column;gap:3px;min-width:0}.gstat b{font-size:22px}.gstat .gpill{align-self:flex-start;margin-top:4px}
.gmini{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.gmini b{display:block;font-size:17px;margin-top:2px}.gmini .gbar{height:6px;margin-top:6px}
.gtiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.gtiles .card{margin:0}
.gtile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 10px}.gtile>small{font-size:13px}
.gnote{font-size:13px;margin:10px 0 0}.ghint{display:block;margin-top:4px;font-size:12px}.gsug{margin-top:6px}
.gdot{display:inline-flex;vertical-align:middle}.gdot .i{width:18px;height:18px}.gdot.pos{color:var(--acc)}.gdot.bad{color:var(--gbad)}
.gmonth small{display:block;margin-top:8px}.gbar.acc i{background:var(--acc)}
#gnot{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:50px;height:30px;border-radius:99px;background:var(--line);position:relative;margin:0;padding:0;border:0;min-height:0;cursor:pointer;transition:background .2s}
#gnot::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}
#gnot:checked{background:var(--acc)}#gnot:checked::after{transform:translateX(20px)}
/* v55 (preview): ფოტო-ავატარები + ნაშთის აღრიცხვა */
.av{width:44px;height:44px;border-radius:13px;background:var(--card2);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:20px;font-weight:700;color:var(--acc)}
.av img{width:100%;height:100%;object-fit:cover;display:block}.av.sm{width:34px;height:34px;border-radius:10px;font-size:15px;margin-right:10px}.av.xl{width:88px;height:88px;border-radius:22px;font-size:36px}
.ptile.ph{padding:0;overflow:hidden}.ptile img{width:100%;height:100%;object-fit:cover;display:block}
.phbox{display:flex;gap:14px;align-items:center;margin:12px 0 4px}.phact{display:flex;flex-direction:column;min-width:0;flex:1}.phact .row{flex-wrap:wrap;gap:8px}.phact .row .btn{flex:0 0 auto}
.scrow{padding:14px}.scrow .line .av{margin-right:12px}.scrow.ok{border-color:color-mix(in srgb,var(--acc) 55%,var(--line))}.scrow.diff{border-color:color-mix(in srgb,var(--warn) 55%,var(--line))}
.scin{display:flex;gap:8px;align-items:center;margin-top:10px}.scin input{flex:1;min-width:0;text-align:center;font-size:22px;font-weight:700;min-height:52px}
.scin .stp{width:52px;min-height:52px;padding:0;flex:0 0 auto}.scin .eq{flex:0 0 auto;min-height:52px;padding:0 12px}.scin .eq.on{background:var(--acc2);border-color:var(--acc);color:var(--acc)}
.scd{margin-top:8px;font-size:14px;font-weight:600}.scd .i{width:16px;height:16px;vertical-align:-3px}
.scbwrap{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:3}.scbar{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:14px;padding:10px 12px;margin:14px 0;box-shadow:var(--shadow)}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sk{display:flex;flex-direction:column;gap:2px;background:var(--card2);border-radius:14px;padding:10px 12px}.sk b{font-size:22px}

/* v56 preview: count → purchase fix */
.fixp{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:8px;flex-wrap:wrap}.fixnote{margin:6px 0 4px;padding:8px 10px;border-radius:12px;background:var(--card2);font-size:13px;line-height:1.4}input.hl{outline:2px solid var(--acc)}

/* v57 journal collapse */
.jr{border-bottom:1px solid var(--line)}.jr:last-of-type{border-bottom:0}
.jh{display:flex;align-items:center;gap:10px;padding:11px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.jh:active{opacity:.75}.jt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.jn,.jm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jn{font-weight:600}.jm{font-size:12.5px;color:var(--muted)}
.ja{white-space:nowrap}.jcv{width:18px;height:18px;flex:none;color:var(--muted);transition:transform .25s ease}
.jr.open .jcv{transform:rotate(90deg)}
.jd{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s ease}.jd>div{overflow:hidden;min-height:0}
.jr.open .jd{grid-template-rows:1fr}.jdi{padding:0 0 12px;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .2s ease}
.jr.open .jdi{opacity:1}.jfull{line-height:1.45}.jact{display:flex;gap:8px;margin-top:4px}.jact .btn{flex:1;justify-content:center}
.jact .btn svg{width:16px;height:16px}
.jall{margin-left:auto;background:none;border:0;color:inherit;font:inherit;font-size:12.5px;font-weight:600;opacity:.85;padding:4px 0;cursor:pointer;white-space:nowrap}
.card h2 .grow{flex:1;min-width:0}
@media (prefers-reduced-motion:reduce){.jd,.jdi,.jcv{transition:none}}
.jd{visibility:hidden;transition:grid-template-rows .26s ease,visibility 0s .26s}.jr.open .jd{visibility:visible;transition:grid-template-rows .26s ease,visibility 0s}
.jn{display:flex;gap:5px;min-width:0}.jn .jx{overflow:hidden;text-overflow:ellipsis;min-width:0}.jn .nw{flex:none}

/* v57 journal: collapsible sections */
.jsec{padding-top:0;padding-bottom:0}.jsh{display:flex;align-items:center;gap:10px;padding:14px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
.jsh:active{opacity:.75}.jst{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.jsh h2{margin:0}
.jsm{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jsa{white-space:nowrap;font-size:17px}
.jsec.sopen>.jsh .jcv{transform:rotate(90deg)}.jsec.sopen>.jsd{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .26s ease,visibility 0s}
.jsi{padding:0 0 12px;border-top:1px solid var(--line)}.jallw{display:flex;justify-content:flex-end;padding-top:6px}
.jm{display:flex;gap:4px;min-width:0}.jm .jx{overflow:hidden;text-overflow:ellipsis;min-width:0}.jm .nw,.jsm .nw{flex:none}
.jsec .jsm .nw{color:var(--acc)}
.card.jsec .jsh h2{display:block;padding:0;margin:0;border:0;background:none;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jm .jx{flex:0 1 auto}
.adv{padding:10px 0;border-top:1px solid var(--line)}.adv .ar{display:flex;gap:10px;align-items:baseline}.adv .ar b{font-size:15px}.adv .ar>.grow{flex:1 1 auto;min-width:0}.adv .ar>.nw{margin-left:auto;white-space:nowrap}.adv .small{font-size:12.5px;line-height:1.45;margin-top:2px}
.card h2+.adv,.card h2+p+.adv{border-top:0}
/* ==== v59 დიზაინი „მინა“ — თამამი, თანამედროვე: ღრმა ინდიგო გრადიენტი, გამჭვირვალე მინის ბარათები, ციანი + მაჯენტა ==== */
:root:root{--r:24px}
html body::before{content:"";position:fixed;inset:0;contain:strict;z-index:-1;pointer-events:none;background:radial-gradient(70% 45% at 85% 5%,color-mix(in srgb,var(--info) 38%,transparent),transparent 70%),radial-gradient(60% 40% at 0% 45%,color-mix(in srgb,var(--rose) 22%,transparent),transparent 70%),radial-gradient(70% 40% at 90% 100%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 70%),var(--bg)}
html .top{background:color-mix(in srgb,var(--bg) 72%,transparent)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:12px}
html .hd-av{display:flex!important;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--acc),var(--info) 55%,var(--rose));color:#07081c;align-items:center;justify-content:center;font-weight:700;font-size:20px}
html .hd-sub{display:block!important;font-size:13px;color:var(--muted)}
html .top h1{font-size:22px;font-weight:700;letter-spacing:.02em}
html .card,html .kpi,html .glist{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
html .card h2{font-weight:700}
html .kpi b{font-weight:700;font-size:26px}
html .kpis .kpi:first-child{grid-column:1/-1;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 30%,transparent),color-mix(in srgb,var(--info) 30%,transparent) 50%,color-mix(in srgb,var(--rose) 26%,transparent));border-color:var(--edge)}
html .kpis .kpi:first-child b{font-size:40px}
html .btn{background:var(--card2);border:1px solid var(--line);border-radius:16px;font-weight:700}
html .btn.primary,html .chip.on{background:linear-gradient(135deg,var(--acc),var(--info));color:var(--acc-fg);border:0}
html .chip{background:var(--card2);border:1px solid var(--line);border-radius:999px;font-weight:600}
html input,html select,html textarea,html .datebox{background:var(--card2);border:1px solid var(--line);border-radius:16px}
html select option{background:#1b1a3a}
html .ptile{display:inline-flex!important;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--acc2),var(--info2));border:1px solid var(--line);align-items:center;justify-content:center;font-size:20px;margin-right:10px;flex:0 0 auto}
html .card[class*=" t-"]{border:1px solid var(--line)!important;box-shadow:inset 0 3px 0 var(--tc,var(--acc)),var(--shadow)}
html .card[class*=" t-"] h2{color:var(--tc,var(--fg))}
html .card.t-sale{--tc:var(--pos)}
html .tabs{left:14px;right:14px;transform:none;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:26px;background:color-mix(in srgb,var(--bg) 38%,transparent)!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--edge)!important;padding:5px!important}
html .tabs a{border-radius:18px;min-height:48px}
html .tabs a.on{background:linear-gradient(135deg,var(--acc),var(--info));color:var(--acc-fg)}
html #fab{background:linear-gradient(135deg,var(--rose),var(--info));color:#fff;box-shadow:0 6px 20px color-mix(in srgb,var(--rose) 40%,transparent)}
html .pm-t,html .pm-ic{background:color-mix(in srgb,var(--bg) 88%,#000 0%);border:1px solid var(--edge)}
html .pm-ic{border-radius:18px}
html .bar-track{background:var(--card2);border-radius:999px}html .bar{border-radius:999px}
html .chart .grid{stroke:var(--line)}
html .sticky-sum{background:color-mix(in srgb,var(--bg) 92%,transparent);border:1px solid var(--edge);border-radius:20px}
html .tip,html #toast{background:#1b1a3a;color:#fff}

html main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
html .tabs a{margin:0 1px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html .tabs,html .top{background:var(--bg)!important}html .card,html .kpi,html .glist{background:color-mix(in srgb,var(--fg) 6%,var(--bg))}}

/* ==== v60 ფორმის ქვედა ბარათი (ჯამი + შენახვა), ნავიგაცია დამალულია ==== */
body.ffon .tabs,body.ffon #fab{display:none!important}
body.ffon main{padding-bottom:calc(190px + env(safe-area-inset-bottom))}
.ffoot{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:6;max-width:696px;margin:0 auto;padding:12px;border-radius:24px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--edge);box-shadow:0 12px 36px rgba(0,0,0,.35);max-height:60vh;overflow:auto}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ffoot{background:var(--bg)}}
.ffoot .sticky-sum{position:static;margin:0 0 10px;padding:2px 4px;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none}
.ffoot>.btn,.ffoot>.row{margin:0;width:100%}.ffoot .row .btn{flex:1}
.ffoot .btn.primary{min-height:52px}
.sum-head .sbig{display:flex;flex-direction:column;line-height:1.15}.sum-head .sbig small{font-size:12px;color:var(--muted)}.sum-head .sbig b{font-size:26px;font-weight:700}
.sum-head .ssub{margin-left:auto;font-size:14px;color:var(--muted)}.sum-head .ssub b{color:var(--fg)}
/* ==== v61 home KPI (A: hero + bars + chips) ==== */
.hk{margin-top:8px;display:grid;gap:12px}
.hk .hk-lbl{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.hk .hk-lbl svg{width:15px;height:15px}
.hk .hk-big{display:block;font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-top:6px;font-variant-numeric:tabular-nums}
.hk .hk-sub{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.hk .dl{font-size:12px;font-weight:700;padding:4px 9px;border-radius:99px;background:var(--card2);color:var(--muted);white-space:nowrap}
.hk .dl i{font-style:normal;font-weight:500;opacity:.8}
.hk .dl.up{color:var(--pos);background:color-mix(in srgb,var(--pos) 14%,transparent)}.hk .dl.dn{color:var(--rose);background:var(--rose2)}
.hk-hero{position:relative;overflow:hidden;border-radius:26px;padding:18px;border:1px solid var(--edge);background:linear-gradient(140deg,color-mix(in srgb,var(--acc) 26%,transparent),color-mix(in srgb,var(--info) 30%,transparent) 55%,color-mix(in srgb,var(--rose) 24%,transparent));box-shadow:var(--shadow)}
.hk-hero::after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-70px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 40%,transparent),transparent 70%);pointer-events:none}
.hk-top{display:flex;align-items:center;gap:8px;justify-content:space-between}
/* A */
.hk-bars{display:flex;gap:8px;align-items:flex-end;height:64px;margin-top:14px}
.hb{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.hb i{width:100%;margin-top:auto;border-radius:7px 7px 3px 3px;background:color-mix(in srgb,var(--fg) 18%,transparent)}
.hb.on i{background:linear-gradient(180deg,var(--acc),var(--info));box-shadow:0 0 14px color-mix(in srgb,var(--acc) 60%,transparent)}
.hb small{font-size:10px;color:var(--muted)}.hb.on small{color:var(--fg);font-weight:700}
.hk-foot{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.hk-foot b{color:var(--fg)}
.hk-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.hc svg{width:28px;height:28px;padding:6px;border-radius:10px;margin-bottom:6px}
.hc b{font-size:16px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.hc small{font-size:11px;color:var(--muted)}
.hc.pos svg{color:var(--pos);background:color-mix(in srgb,var(--pos) 15%,transparent)}
.hc.rose svg{color:var(--rose);background:var(--rose2)}
.hc.info svg{color:var(--info);background:var(--info2)}
/* v62 home day-tap */
.hk-bars .hb{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hb:active i{transform:scaleY(.94);transform-origin:bottom}
.hb.on small{color:var(--fg);font-weight:700}
.hb.td:not(.on) small{color:var(--acc)}
.hk-hero.past{background:linear-gradient(140deg,color-mix(in srgb,var(--info) 30%,transparent),color-mix(in srgb,var(--acc) 18%,transparent) 55%,color-mix(in srgb,var(--rose) 20%,transparent))}
.hk-hero .hk-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hk-back{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--edge);background:var(--card2);color:var(--fg);font:inherit;font-size:12px;font-weight:700;padding:5px 11px;border-radius:99px}
.hk-back svg{width:14px;height:14px}
.hk-ld{display:inline-block;width:56px;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--card2),color-mix(in srgb,var(--fg) 20%,transparent),var(--card2));background-size:200% 100%;animation:hkld 1s linear infinite}
.hk-ld.big{width:170px;height:36px;border-radius:12px}
@keyframes hkld{to{background-position:-200% 0}}
/* v63: „+“ lives in the header top-right; menu drops down */
body.pm-open .top{z-index:9}
.pm-it:nth-child(1){animation-delay:0s}.pm-it:nth-child(2){animation-delay:.03s}.pm-it:nth-child(3){animation-delay:.06s}.pm-it:nth-child(4){animation-delay:.09s}
/* ==== v66 palette C: lavender/sky light glass ==== */
:root:root:root{color-scheme:light;--acc-fg:#fff;--shadow:0 8px 28px color-mix(in srgb,var(--acc) 12%,transparent)}
:root:root:root{--bg:#f1f2fb;--card:rgba(255,255,255,.66);--card2:rgba(255,255,255,.84);--fg:#1d2042;--muted:#565b84;--line:rgba(40,40,120,.10);--edge:rgba(40,40,120,.16);
  --acc:#5450d0;--acc2:rgba(84,80,208,.12);--pos:#1b7550;--rose:#bd3c74;--rose2:rgba(189,60,116,.11);--warn:#8f5d00;--warn2:rgba(143,93,0,.11);--info:#2b72aa;--info2:rgba(43,114,170,.12);--tipbg:#262a55;--hi:#fff}
html:root .hd-av{color:#fff}
html:root select option{background:var(--hi);color:var(--fg)}
html:root .tip,html:root #toast{background:var(--tipbg);color:#fff}
html:root .ffoot{box-shadow:0 12px 36px color-mix(in srgb,var(--fg) 14%,transparent)}
html:root .hb i{background:color-mix(in srgb,var(--acc) 16%,transparent)}
html:root .hb.on i{box-shadow:0 4px 12px color-mix(in srgb,var(--acc) 35%,transparent)}
html:root .hk-hero{background:linear-gradient(140deg,color-mix(in srgb,var(--acc) 16%,var(--hi)),color-mix(in srgb,var(--info) 14%,var(--hi)) 55%,color-mix(in srgb,var(--rose) 12%,var(--hi)))}
html:root .kpis .kpi:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 16%,var(--hi)),color-mix(in srgb,var(--info) 14%,var(--hi)))}
html:root .pm-bd{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html:root .pm-t,html:root .pm-ic{background:var(--hi);box-shadow:0 6px 20px color-mix(in srgb,var(--fg) 16%,transparent)}
/* v66: dark palette C (indigo + lavender), html[data-theme=dark] */
:root:root:root[data-theme=dark]{color-scheme:dark;--bg:#0f1024;--card:rgba(235,236,255,.06);--card2:rgba(235,236,255,.10);--fg:#eef0ff;--muted:#a9add6;--line:rgba(200,200,255,.10);--edge:rgba(200,200,255,.17);--shadow:0 10px 36px rgba(0,0,0,.40);
  --acc:#9d9bff;--acc-fg:#12123a;--acc2:rgba(157,155,255,.15);--pos:#5fd9a6;--rose:#ff86b8;--rose2:rgba(255,134,184,.15);--warn:#f2c062;--warn2:rgba(242,192,98,.14);--info:#7cc0f0;--info2:rgba(124,192,240,.15);--tipbg:#2a2b55;--hi:#1c1d3a}
html:root[data-theme=dark] .hk-hero,html:root[data-theme=dark] .kpis .kpi:first-child{background:linear-gradient(140deg,color-mix(in srgb,var(--acc) 26%,transparent),color-mix(in srgb,var(--info) 22%,transparent) 55%,color-mix(in srgb,var(--rose) 16%,transparent))}
html:root[data-theme=dark] .hb i{background:color-mix(in srgb,var(--fg) 16%,transparent)}
html:root[data-theme=dark] .hd-av,html:root[data-theme=dark] #fab{color:#12123a}
html:root[data-theme=dark] .pm-bd{background:color-mix(in srgb,var(--bg) 60%,transparent)}
.thm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}.thm .chip{min-width:0;margin:0;padding:0 4px;font-size:13px;gap:4px!important;justify-content:center;min-height:44px;display:inline-flex;align-items:center;font-family:inherit;font-weight:600;color:var(--fg)}.thm .chip.on{color:var(--acc-fg)}.thm svg{width:14px;height:14px;flex:none}
/* v70 preview: ნაშთები */
.acc-row{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:pointer}
.acc-row .grow{display:flex;align-items:center;gap:8px}.acc-row>svg:last-child{opacity:.45;width:18px;height:18px}
.acchint{font-size:13px;margin:8px 0 0;display:flex;align-items:center;gap:6px}.acchint:empty{display:none}.acchint svg{width:16px;height:16px}
/* ==== fb-palette preview: Facebook app colors ==== */
:root:root:root:root{--bg:#f0f2f5;--card:#fff;--card2:#fff;--fg:#050505;--muted:#65676b;--line:rgba(0,0,0,.08);--edge:rgba(0,0,0,.12);
  --acc:#1877f2;--acc-fg:#fff;--acc2:rgba(24,119,242,.10);--pos:#31a24c;--rose:#e41e3f;--rose2:rgba(228,30,63,.10);--warn:#b26b00;--warn2:rgba(247,185,40,.16);--info:#1877f2;--info2:rgba(24,119,242,.10);--tipbg:#242526;--hi:#fff;--shadow:0 1px 2px rgba(0,0,0,.12)}
:root:root:root:root[data-theme=dark]{--bg:#18191a;--card:#242526;--card2:#3a3b3c;--fg:#e4e6eb;--muted:#b0b3b8;--line:rgba(255,255,255,.08);--edge:rgba(255,255,255,.14);
  --acc:#2d88ff;--acc-fg:#fff;--acc2:rgba(45,136,255,.16);--pos:#45bd62;--rose:#f3425f;--rose2:rgba(243,66,95,.16);--warn:#f7b928;--warn2:rgba(247,185,40,.14);--info:#2d88ff;--info2:rgba(45,136,255,.16);--tipbg:#3a3b3c;--hi:#242526;--shadow:0 1px 2px rgba(0,0,0,.4)}
html:root:root .hk-hero,html:root:root .kpis .kpi:first-child{background:var(--card)}
html:root:root[data-theme=dark] .hd-av,html:root:root[data-theme=dark] #fab{color:#fff}
html:root:root .hd-av,html:root:root #fab{background:var(--acc);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--acc) 30%,transparent)}
html:root:root .hk-hero::after{display:none}
:root:root:root:root{--info:#0a7e8c;--info2:rgba(10,126,140,.10)}:root:root:root:root[data-theme=dark]{--info:#4cc3d0;--info2:rgba(76,195,208,.15)}
/* fb preview: neutral gray active pills */
:root:root:root:root{--pill:#e4e6eb;--pill-fg:#050505}:root:root:root:root[data-theme=dark]{--pill:#3a3b3c;--pill-fg:#e4e6eb}
html:root:root .tabs a.on,html:root:root .chip.on,html:root:root .thm .chip.on,html:root:root .scin .eq.on{background:var(--pill)!important;color:var(--pill-fg)!important;border-color:var(--pill)!important;box-shadow:none!important}
html:root:root .tabs a.on svg{color:var(--pill-fg)}
html:root:root .btn.primary{background:var(--acc)}
html:root:root .chip:not(.on){background:transparent;border-color:var(--edge)}
/* fb-buttons preview: Facebook Confirm/Delete style buttons */
:root:root:root:root{--fbb:#0866ff;--fbg:#e4e6eb;--fbg-fg:#050505}:root:root:root:root[data-theme=dark]{--fbg:#3a3b3c;--fbg-fg:#e4e6eb}
html:root:root .btn:not(.menu):not(.pill){border-radius:8px;border:0;box-shadow:none;background:var(--fbg);color:var(--fbg-fg);font-weight:700}
html:root:root .btn:not(.menu):not(.pill) svg{color:currentColor}
html:root:root .btn.primary{background:var(--fbb)!important;color:#fff!important;border:0;box-shadow:none!important;font-weight:700}
html:root:root .btn.primary:active{background:#0752d6!important}
html:root:root .btn.danger{background:var(--rose2);color:var(--rose)}
/* fb-rows preview: flat background, Facebook menu rows */
html body::before,html body::after{display:none!important;background:none!important}
html,html body{background:var(--bg)!important;background-image:none!important}
:root:root:root:root{--row:#fff}:root:root:root:root[data-theme=dark]{--row:#303031}
html:root:root .mgroup,html:root:root .glist{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible;display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
html:root:root .btn.menu{background:var(--row)!important;border:0!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;min-height:56px;font-weight:400;color:var(--fg);gap:12px;padding:0 14px;backdrop-filter:none;-webkit-backdrop-filter:none}
html:root:root .btn.menu svg,html:root:root .btn.menu .i:first-child{color:var(--fg)!important}
html:root:root .btn.menu svg.end,html:root:root .btn.menu>svg:last-child:not(:first-child){opacity:.35}
html:root:root .btn.menu:active{background:color-mix(in srgb,var(--fg) 8%,var(--row))!important}
.menu-list{display:flex;flex-direction:column;gap:0}
html:root:root .acc-row .grow svg{color:var(--fg)}
/* v76: prominent Facebook-style active nav item (blue icon, tinted pill) */
:root:root:root:root{--nav-on:#1877f2;--nav-on-bg:rgba(24,119,242,.14)}:root:root:root:root[data-theme=dark]{--nav-on:#2d88ff;--nav-on-bg:rgba(45,136,255,.22)}
html:root:root .tabs a.on{background:var(--nav-on-bg)!important;color:var(--nav-on)!important;border-color:transparent!important;box-shadow:none!important}
html:root:root .tabs a.on svg{color:var(--nav-on);stroke-width:2.4}
/* v77: header + button in the active-nav colors (blue icon on tinted pill) */
html:root:root:root #fab{background:var(--nav-on-bg);color:var(--nav-on);box-shadow:none}
html:root:root:root #fab .i{color:var(--nav-on);stroke-width:2.4}
/* v78: home 7-day chart: solid blue active bar, neutral gray others */
html:root:root:root .hb i{background:color-mix(in srgb,var(--fg) 14%,transparent);box-shadow:none}
html:root:root:root .hb.on i{background:var(--nav-on);box-shadow:none}
html:root:root:root .hb.on small{color:var(--nav-on);font-weight:700}
html:root:root:root .hb.td:not(.on) small{color:var(--fg);font-weight:600}
/* v79: Facebook-style + menu — one popover card under the + (top-right), icon circles on the left */
html:root:root:root .pm-bd{background:rgba(0,0,0,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
html:root:root:root[data-theme=dark] .pm-bd{background:rgba(0,0,0,.35)}
html:root:root:root .pm-box{right:12px;top:calc(env(safe-area-inset-top) + 74px);width:240px;align-items:stretch;gap:0;padding:6px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 28px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);transform-origin:top right;animation:pmpop .16s cubic-bezier(.2,.8,.2,1)}
html:root:root:root[data-theme=dark] .pm-box{background:#242526;border-color:rgba(255,255,255,.1);box-shadow:0 12px 28px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3)}
html:root:root:root .pm-it{flex-direction:row;gap:12px;min-height:48px;padding:6px 8px;border-radius:8px;font-weight:500;font-size:16px;animation:none}
html:root:root:root .pm-it:hover,html:root:root:root .pm-it:active{background:#f2f2f2}
html:root:root:root[data-theme=dark] .pm-it:hover,html:root:root:root[data-theme=dark] .pm-it:active{background:#3a3b3c}
html:root:root:root .pm-t{background:none;padding:0;border:0;border-radius:0;box-shadow:none;color:var(--fg)}
html:root:root:root .pm-ic{width:36px;height:36px;flex:none;border-radius:50%;border:0;box-shadow:none;background:#e4e6eb}
html:root:root:root[data-theme=dark] .pm-ic{background:#3a3b3c}
html:root:root:root .pm-ic .i{width:20px;height:20px}
@keyframes pmpop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html:root:root:root .pm-box{animation:none}}
/* v80 (preview): ფასის რჩევა — მინიშნება ფასის ველთან (შეხებით ჩასმა) და მარაგის ბარათზე */
html:root:root .adv{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;width:100%;margin:8px 0 0;padding:8px 12px;border:0;border-radius:10px;background:var(--nav-on-bg);color:var(--nav-on);font:inherit;font-size:14px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
html:root:root .adv[hidden]{display:none}
html:root:root .adv .i{grid-row:span 2;width:18px;height:18px}
html:root:root .adv small{grid-column:2;color:var(--muted);font-size:12px}
html:root:root .adv.on{background:var(--card2)}html:root:root .adv.on span,html:root:root .adv.on .i{color:var(--fg)}
html:root:root .adv:active{transform:scale(.98)}
html:root:root .advs{margin:4px 0 8px;font-size:13px}html:root:root .advs .muted{display:inline-flex;align-items:center;gap:4px}html:root:root .advs .i{width:14px;height:14px;color:var(--nav-on)}
html:root:root .advr{display:flex;gap:6px;margin-top:6px}
html:root:root .advp{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:10px;background:var(--card2)}
html:root:root .advp small{color:var(--muted);font-size:11px}html:root:root .advp b{color:var(--nav-on);font-size:14px}
/* v81 (preview): ფასნამატი და მარჟა — ანგარიშებში */
html:root:root .mkpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px}
html:root:root .mk{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--card2);min-width:0}
html:root:root .mk small{color:var(--muted);font-size:12px}html:root:root .mk b{font-size:15px;white-space:nowrap}
html:root:root .mk b.pos{color:var(--pos)}html:root:root .mk b.warn{color:var(--gwarn)}html:root:root .mk b.bad{color:var(--gbad)}
html:root:root .mtabs{margin-bottom:10px}
html:root:root .mhi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
html:root:root .mhb{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:10px;font-size:13px;min-width:0}
html:root:root .mhb small{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}html:root:root .mhb .i{width:14px;height:14px}
html:root:root .mhb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root:root .mhb.m-top{background:var(--nav-on-bg)}html:root:root .mhb.m-top small{color:var(--nav-on)}
html:root:root .mhb.m-low{background:var(--rose2)}html:root:root .mhb.m-low small{color:var(--gbad)}
html:root:root .mrow{padding:10px 0;border-top:1px solid var(--line)}
html:root:root .mtop{display:flex;align-items:center;gap:6px}html:root:root .mtop b.grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root:root .mtag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:99px;white-space:nowrap}
html:root:root .mtag .i{width:12px;height:12px}html:root:root .mtag.m-top{background:var(--nav-on-bg);color:var(--nav-on)}html:root:root .mtag.m-low{background:var(--rose2);color:var(--gbad)}
html:root:root .mbar{height:6px;border-radius:3px;background:var(--card2);margin:6px 0;overflow:hidden}html:root:root .mbar i{display:block;height:100%;background:var(--nav-on);border-radius:3px}
html:root:root .mrow.m-low .mbar i{background:var(--gbad)}
html:root:root .mnums{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12px;color:var(--muted)}html:root:root .mnums b{color:var(--fg);font-weight:600}
html:root:root .mtabs .chips{flex-wrap:nowrap}html:root:root .mtabs .chip{flex:1;padding:0 8px;min-width:0}
/* v81 (preview): წინასწარი შეკვეთები და კლიენტები */
.opill{display:inline-flex;align-items:center;font-size:12px;font-weight:700;line-height:1;padding:5px 9px;border-radius:999px;white-space:nowrap}
.opill.info{background:var(--info2);color:var(--info)}.opill.pos{background:var(--acc2);color:var(--acc)}.opill.done{background:var(--card2);color:var(--muted)}.opill.bad{background:var(--rose2);color:var(--rose)}
.orow{align-items:flex-start}.orow .gt{flex:1;min-width:0}.orow .gs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.odesc{font-size:13px;color:var(--muted);margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.otime{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:6px 4px;border-radius:12px;background:var(--info2);color:var(--info)}
.otime b{font-size:15px}.otime small{font-size:11px;opacity:.8}.otime.late{background:var(--rose2);color:var(--rose)}
.ocard .oh,.oh{display:flex;align-items:center;justify-content:space-between;gap:10px}.oh h2,.oh h3{margin:0}.oh a.muted{display:inline-flex;align-items:center;gap:2px;font-size:14px;text-decoration:none}
.ostats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.ostats .muted{font-size:13px}
.glist.flat{border:0;border-radius:0;background:none;margin:0 -14px}.ostat{display:flex;gap:8px;align-items:center;margin:0 0 6px}
.ogh{display:flex;align-items:center;gap:8px;font-size:15px;margin:16px 4px 8px}.ogh small{font-weight:400;color:var(--muted)}.ogh span{margin-left:auto;font-size:12px;color:var(--muted);background:var(--card2);border-radius:999px;padding:3px 8px}.ogh.late{color:var(--rose)}
.oline{gap:6px}.oline .oq{min-width:30px;text-align:center}.ohint{font-size:13px;margin:6px 0 0}.ohint:empty{display:none}
.linkbtn{border:0;background:none;color:var(--acc);font:inherit;font-weight:700;padding:0;cursor:pointer}
.cav{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--acc2);color:var(--acc);font-weight:700}
.pm-ord{--c:var(--info)}
/* მარაგის გაფრთხილებები (preview) */
.sacard h2{display:flex;align-items:center;gap:8px}.sacount{min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:#1877F2;color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:inherit}
.salist{margin:8px 0}.sarow{display:flex;align-items:center;gap:12px;padding:10px 2px;color:var(--fg);text-decoration:none;border-top:1px solid var(--line)}.sarow:first-child{border-top:0}.sarow:active{background:var(--card2)}.satx{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.satx b{font-size:15px}.sarow small{font-size:12.5px}
.sai{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.sai .i{width:18px;height:18px}
.sai.low{background:var(--rose2);color:var(--rose)}.sai.old{background:var(--warn2);color:var(--warn)}
.sapill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap;flex:0 0 auto}.sapill .i{width:13px;height:13px}
.sapill.low{background:var(--rose2);color:var(--rose)}.sapill.old{background:var(--warn2);color:var(--warn)}.sapill.sm{padding:2px 7px;font-size:11.5px}
.sabadges{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px}
.pcard.sa-focus{outline:2px solid #1877F2;outline-offset:-2px}
.opill.warn{background:var(--warn2);color:var(--warn)}
.pcard{scroll-margin-top:96px}
/* თვის შეჯამება */
.msnav{display:flex;align-items:center;gap:10px}.msnav .mstt{flex:1;text-align:center}.msnav h2{border:0;padding:0;margin:0;justify-content:center}.msnav .btn{min-width:44px;padding:0 10px}.msnav .dis{opacity:.35;pointer-events:none}
.mstiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.mstile{background:var(--card);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow,0 1px 2px rgba(0,0,0,.08))}
.mstile small{color:var(--muted);font-size:12.5px}.mstile b{font-size:18px;font-variant-numeric:tabular-nums}.mstile.acc b{color:var(--acc)}.mstile.pos b{color:var(--pos)}.mstile.neg b{color:var(--rose)}
.msd{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.msd svg{width:14px;height:14px}.msd.up{color:var(--pos)}.msd.dn{color:var(--rose)}
.msl{padding:7px 0}.msl.total{border-top:1px solid var(--line);margin-top:4px}.msnote{font-size:12px;margin:10px 0 0}.msbar{margin:8px 0 12px}.msbar .gbar{margin-top:6px}.msrk{display:inline-block;min-width:20px;color:var(--acc)}
.msentry{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.msentry .msi{width:40px;height:40px;border-radius:50%;background:rgba(24,119,242,.12);color:#1877F2;display:grid;place-items:center}.msentry span.grow2{flex:1}

/* v86: შესაძლო დუბლიკატის გაფრთხილება (გაყიდვის ფორმა) */
.dupw{align-items:flex-start;margin:10px 0}.dupw .grow{min-width:0}.dupw b{display:block;margin-bottom:2px}.dupw .dupbtns{margin-top:10px;justify-content:flex-end;gap:8px}
.sess{display:flex;align-items:center;gap:10px}.sess .gt{flex:1;min-width:0}.mchip.pos{background:var(--acc2,var(--info2));color:var(--acc)}
/* v87 declutter: ერთი მთავარი ციფრი, დეტალები ჩაკეცილი, მეტი ჰაერი, რბილი მეორადი ტექსტი */
:root:root:root:root:root{--muted:#777a80}
:root:root:root:root:root[data-theme=dark]{--muted:#9ea1a6}
main .card{margin:16px 0;padding:20px}
.card small.muted,.card .muted{font-weight:400}
.hero{display:block;font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:4px 0 2px;font-variant-numeric:tabular-nums}
.hero2{font-size:28px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.hero3{font-size:17px;font-weight:700}
.sumln,.sumcard{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.sumln h2,.sumcard h2,.cdet h2{margin:0}
.sumln small,.cdet summary small{display:block;font-size:13px;margin-top:2px}
details.det{margin-top:12px;border-top:1px solid var(--line)}
details.det>summary,details.cdet>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}
details.det>summary::-webkit-details-marker,details.cdet>summary::-webkit-details-marker,details.mrow>summary::-webkit-details-marker{display:none}
details.det>summary{padding:12px 0 2px;font-size:14px;color:var(--muted);min-height:40px}
.dcv{width:18px;height:18px;opacity:.55;transition:transform .15s}details[open]>summary .dcv{transform:rotate(90deg)}
.detb{padding-top:6px}.cdet .detb{padding-top:12px}
.dr{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}.dr:last-child{border-bottom:0}.dr>span{color:var(--muted)}
.dnote{font-size:12px;margin:8px 0 0}
.hk .hk-sub{font-size:15px;margin-top:6px}.hk .hk-sub b{color:var(--fg)}
.hk-det .dr{font-size:14px}
.sanote{font-size:13px;margin-top:2px}
.sarow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.sarow:last-of-type{border-bottom:0}
.satx{display:flex;flex-direction:column;flex:1;min-width:0}
.hmore .alert{margin:6px 0}.hmore .card{box-shadow:none;margin:14px 0 0}.hmore h3{margin-top:18px}.hmore h3:first-child{margin-top:4px}
h3.grp{font-size:13px;color:var(--muted);margin:28px 4px 4px;font-weight:600}
details.mrow>summary{list-style:none;cursor:pointer}.mpc{font-size:15px}.mpc.pos{color:var(--acc)}.mpc.warn{color:var(--warn)}.mpc.bad{color:var(--rose)}
details.mrow:not([open]) .mnums{display:none}
.rhero .hero{font-size:36px}
.sumln>.grow,.sumcard>.grow,details>summary>.grow{flex:1;min-width:0;padding:0;border:0}
.sumln h2,.sumcard h2,.cdet summary h2{border:0;padding:0;margin:0}
.rhero>small,.mrg>small{display:block}.mrg>h2{margin-bottom:8px}
/* v88 sale declutter: არსებითი ველები ზემოთ, დანარჩენი „დეტალები“-ში */
.sline{padding:14px 0 4px;border-top:1px solid var(--line)}#lines .sline:first-child{margin-top:14px}
.sline .btn.ghost,.sline [data-del]{background:none;border:0;color:var(--muted);box-shadow:none;padding:6px}
.sline .det,.sdl-date{margin-top:6px;border-top:0}.sdl-date>summary{padding-top:2px}.sdl-date>summary b{color:var(--fg);font-weight:600}
.sdl-l>summary{min-height:34px;padding-top:4px;font-size:13px}.sdl-l small{font-size:13px}
.sdl-more{margin-top:16px}.sdl-more small{font-size:13px;margin-left:4px}
.sdl-o{padding:4px 16px}.sdl-o .det{border-top:0;margin:0}.sdl-o summary{color:var(--fg)!important}.sdl-o summary .i{width:18px;height:18px;vertical-align:-3px;color:var(--acc)}
main label{color:var(--muted);font-weight:500}
.sum-head .ssub{font-size:13px}
.sum-row.sdl-fin b{color:var(--fg)}
#save.primary{min-height:50px;font-size:16px}
html:root:root .sline [data-del].btn{background:none!important;border:0!important;color:var(--muted)!important;box-shadow:none!important}
html:root:root .sline [data-del].btn{background:none!important;border:0!important;color:var(--muted)!important;box-shadow:none!important}
/* v89 პრევიუ: სიხალისე — ერთი თბილი აქცენტი (მარჯანი), ყვავილის ფერები, ილუსტრაციები, მისალმება, მიკროანიმაციები, რბილი ხატულები, ბარათის კიდის გრადიენტი */
:root:root:root:root{--warm:#f0697a;--warm2:rgba(240,105,122,.12);--f-red:#e0344b;--f-pink:#f28cb1;--f-coral:#ff7f66;--f-yellow:#f5c02b;--f-orange:#f5902b;--f-violet:#9b6bd6;--f-blue:#4a8de8;--f-sage:#7fae8c;--f-white:#fff;--f-cream:#f6e7c1;--f-wine:#9c2542;--f-green:#4caf6a;--f-bq:conic-gradient(var(--f-red) 0 33%,var(--f-yellow) 0 66%,var(--f-violet) 0)}
:root:root:root:root[data-theme=dark]{--warm:#ff8a98;--warm2:rgba(255,138,152,.16);--f-white:#f2f2f2}
html:root:root .fdot{display:inline-block;width:9px;height:9px;margin:0 6px 1px 0;border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:var(--fc,var(--f-blue));vertical-align:middle;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.fdot.f-red{--fc:var(--f-red)}.fdot.f-pink{--fc:var(--f-pink)}.fdot.f-coral{--fc:var(--f-coral)}.fdot.f-yellow{--fc:var(--f-yellow)}.fdot.f-orange{--fc:var(--f-orange)}.fdot.f-violet{--fc:var(--f-violet)}.fdot.f-blue{--fc:var(--f-blue)}.fdot.f-sage{--fc:var(--f-sage)}.fdot.f-cream{--fc:var(--f-cream)}.fdot.f-wine{--fc:var(--f-wine)}.fdot.f-green{--fc:var(--f-green)}
html:root:root .fdot.f-white{--fc:var(--f-white);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}html:root:root .fdot.f-bq{background:var(--f-bq);border-radius:50%;transform:none}
/* მისალმება */
html:root:root .greet{display:flex;flex-direction:column;gap:2px;margin:6px 4px 2px}
html:root:root .greet b{font-size:18px;font-weight:700;color:var(--fg)}html:root:root .greet .ge{display:inline-block}
html:root:root .greet small{font-size:14px;color:var(--warm)}
@media (prefers-reduced-motion:no-preference){html:root:root .greet .ge{animation:fsWave 1.4s ease-in-out 1 .3s;transform-origin:50% 90%}}
@keyframes fsWave{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}60%{transform:rotate(10deg)}}
/* ცარიელი ეკრანის ილუსტრაცია */
html:root:root .empty-art{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px 8px 6px;color:var(--muted)}
html:root:root .empty-art svg{color:var(--nav-on);opacity:.85;margin-bottom:4px}html:root:root .empty-art svg .ac{stroke:var(--warm)}
html:root:root .empty-art b{color:var(--fg);font-size:15px;font-weight:600}html:root:root .empty-art small{font-size:13px;max-width:260px}
html:root:root .chart-empty .empty-art svg{width:52px;height:52px}
/* შენახვის „ამოხტომა“ და ✓ */
html:root:root .btn.primary.saved{background:var(--pos)!important}
html:root:root .btn.saved .ck{stroke-dasharray:24;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
  html:root:root .btn.saved{animation:fsPop .45s cubic-bezier(.3,1.6,.5,1)}
  html:root:root .btn.saved .ck{animation:fsDraw .35s ease-out both .05s}
  html:root:root .card.pop{animation:fsCard .5s cubic-bezier(.3,1.5,.5,1)}
  html:root:root .tabs a .nvi{transition:transform .2s}html:root:root .tabs a.on .nvi{transform:scale(1.06)}
}
@keyframes fsPop{0%{transform:scale(1)}40%{transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes fsDraw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes fsCard{0%{transform:scale(.985)}50%{transform:scale(1.012)}100%{transform:scale(1)}}
/* ფურცლები */
.petals{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}
.petals i{position:absolute;top:-24px;width:12px;height:14px;border-radius:70% 0 70% 0;background:var(--warm);opacity:0;animation:fsFall 3s ease-in forwards}
.petals i:nth-child(3n){background:var(--f-pink)}.petals i:nth-child(4n){background:color-mix(in srgb,var(--acc) 70%,#fff)}
@keyframes fsFall{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),70vh) rotate(260deg)}}
@media (prefers-reduced-motion:reduce){.petals{display:none}}
/* რბილი ხატულები + აქტიური „აბი“ */
html:root:root .tabs a .nvi{width:26px;height:26px;stroke-width:1.9}
html:root:root .tabs a.on{background:var(--nav-on-bg)!important;border-radius:999px!important}
html:root:root .tabs a.on svg.nvi{stroke-width:2.1}
/* ბარათის ზედა კიდე: ძალიან მსუბუქი ვარდისფერი→ლურჯი გრადიენტი */
html:root:root #app>.card,html:root:root #app>div>.card,html:root:root #app>details.card,html:root:root .hk-hero{background-image:linear-gradient(90deg,color-mix(in srgb,var(--warm) 55%,transparent),color-mix(in srgb,var(--acc) 55%,transparent));background-size:100% 3px;background-repeat:no-repeat;background-position:top}
/* მარაგი: ყვავილის ფერი ფილის ფონად (სტატუსის წერტილის გვერდით მეორე წერტილი აღარ ჩანს) */
.ptile.ft.f-red{--fc:var(--f-red)}.ptile.ft.f-pink{--fc:var(--f-pink)}.ptile.ft.f-coral{--fc:var(--f-coral)}.ptile.ft.f-yellow{--fc:var(--f-yellow)}.ptile.ft.f-orange{--fc:var(--f-orange)}.ptile.ft.f-violet{--fc:var(--f-violet)}.ptile.ft.f-blue{--fc:var(--f-blue)}.ptile.ft.f-sage{--fc:var(--f-sage)}.ptile.ft.f-cream{--fc:var(--f-cream)}.ptile.ft.f-wine{--fc:var(--f-wine)}.ptile.ft.f-green{--fc:var(--f-green)}.ptile.ft.f-white{--fc:#c9ccd1}
html:root:root .ptile.ft:not(.ph){background:color-mix(in srgb,var(--fc) 20%,var(--card))!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fc) 45%,transparent)!important}

/* ჩატვირთვის ეკრანი (cold start). JS მალავს მონაცემების მზადყოფნისას; CSS-ით 4.5წმ-ში მაინც ქრება */
#splash{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#f1f2fb;color:#1d2042;font-family:"Noto Sans Georgian","Noto Sans",system-ui,sans-serif;animation:spAuto .35s ease 4.5s forwards;transition:opacity .35s ease,visibility .35s}
html[data-theme=dark] #splash{background:#0f1024;color:#eef0ff}
#splash.out{opacity:0;visibility:hidden;pointer-events:none}
@keyframes spAuto{to{opacity:0;visibility:hidden;pointer-events:none}}
.sp-in{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:6vh}
.sp-logo{border-radius:20px;animation:spPop .7s cubic-bezier(.2,1.4,.4,1) both,spBob 2.4s ease-in-out .7s infinite}
.sp-logo svg{display:block}
.sp-lf1,.sp-lf2{transform-box:fill-box;animation:spLeaf 2.4s ease-in-out infinite}
.sp-lf1{transform-origin:100% 100%}.sp-lf2{transform-origin:0 100%;animation-delay:.3s}
.sp-bud{transform-box:fill-box;transform-origin:center;animation:spBud 1.6s ease-in-out infinite}
.sp-name{margin-top:12px;font-weight:800;font-size:28px;letter-spacing:.14em;color:#1877F2;animation:spUp .6s ease .15s both}
html[data-theme=dark] .sp-name{color:#4599ff}
.sp-sub{font-size:14px;letter-spacing:.06em;font-weight:600;opacity:.7;animation:spUp .6s ease .25s both}
.sp-dots{display:flex;gap:7px;margin-top:14px}
.sp-dots i{width:8px;height:8px;border-radius:50%;background:#1877F2;opacity:.3;animation:spDot 1.1s ease-in-out infinite}
.sp-dots i:nth-child(2){animation-delay:.18s}.sp-dots i:nth-child(3){animation-delay:.36s}
@keyframes spPop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes spBob{50%{transform:translateY(-5px)}}
@keyframes spLeaf{50%{transform:rotate(-7deg)}}
@keyframes spBud{50%{transform:scale(1.18)}}
@keyframes spUp{from{transform:translateY(8px);opacity:0}}
@keyframes spDot{50%{opacity:1;transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){#splash *{animation:none!important}#splash{transition:none}}

/* ჰედერის ლოგო: ყვავილის ნიშანი F-ის ნაცვლად */
html:root .hd-av{background:#1877F2!important;padding:3px;box-sizing:border-box}
html:root .hd-av svg{display:block}
/* ბანკის ოპერაციები: ჩაწერა / დამალვა / ქვედა ფურცელი */
.bka{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bkh{opacity:.7}
#bksheet{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;justify-content:flex-end}
#bksheet .shb{position:absolute;inset:0;background:rgba(20,15,10,.45)}
#bksheet .shp{position:relative;background:var(--card);color:var(--fg);border-radius:22px 22px 0 0;padding:20px 18px calc(env(safe-area-inset-bottom) + 18px);max-height:88vh;overflow:auto;box-shadow:var(--shadow);max-width:640px;width:100%;margin:0 auto}
#bksheet .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));background:var(--card);padding:10px 0 4px}
.bksw{margin:0 0 10px}.bksw .chip{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:6px}
/* ბანკის ერთიანი ეკრანი (გამარტივება) */
.bkhead{padding:4px 16px}.bkbal{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--fg);font:inherit;text-align:left;cursor:pointer;padding:11px 0}.bkbal:last-child{border-bottom:0}
.bkb{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;padding:2px 7px;border-radius:6px;background:var(--card2);color:var(--muted);vertical-align:1px}
.bkh2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.bkh2 h2{margin:0}
.bkup{position:relative;overflow:hidden;flex:none}.bkup input{position:absolute;inset:0;opacity:0;width:100%;height:100%;min-height:0;padding:0;border:0;cursor:pointer;font-size:0}
.bkr{padding:11px 0;border-bottom:1px solid var(--line)}.bkr:last-child{border-bottom:0}
.bkt{display:flex;align-items:baseline;gap:8px}.bkt .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bkm{font-size:13px;margin:2px 0 0}
.bkq{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:14px}.bkq .grow{flex:1;min-width:0}.bki{width:42px;padding:0;flex:none}
.bkrem{display:flex;align-items:center;gap:8px;font-size:14px;margin:12px 0}.bkrem input{width:20px;min-height:20px;height:20px;flex:none}
.bkr .grow,.bkbal .grow{padding:0;border:0}.bkh2 h2{border:0;padding:0}.bkhead{padding:2px 16px}.bkhead .bkbal{min-height:0;padding:12px 0}
.bkbal>span:first-child{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.bkbal>span.bkst{flex-wrap:wrap;row-gap:2px}.bkst .bkav{flex-basis:100%;font-size:12px;white-space:normal}
/* v98: გაყიდვაზე მიბმა + „ემთხვევა“ ერთ ხაზზე */
.bkbal .bkok{white-space:nowrap;flex-shrink:0;margin-left:8px}
.lkl{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow:auto;margin:4px 0}
.lkr{display:flex;align-items:center;gap:10px;background:var(--card2,rgba(127,127,127,.08));border-radius:10px;padding:10px 12px;cursor:pointer;font-size:15px}
.lkr input{width:20px;height:20px;flex-shrink:0;accent-color:var(--acc);margin:0}.lkr .grow{min-width:0;display:flex;flex-direction:column}
.lkr .lkm{font-size:12px;overflow:hidden;text-overflow:ellipsis}
.lksum{font-size:14px;margin:8px 0;font-weight:600}
.lkbadge{display:flex;align-items:center;gap:10px;color:var(--acc);padding:12px 16px}.lkbadge .grow{display:flex;flex-direction:column;min-width:0}.lkbadge b{font-size:13px}.lkbadge .muted{font-size:13px}

/* ==== v100: მთავარი ეკრანის UI ==== */
.hhome{margin:2px 0 10px}
.hhero{display:flex;flex-direction:column;gap:10px}
html:root:root .hhome .greet{margin:2px 2px 0;padding:2px 2px 0;gap:4px}
html:root:root .hhome .greet-k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
html:root:root .hhome .greet b{font-size:22px;letter-spacing:-.02em;line-height:1.2}
html:root:root .hhome .greet small{font-size:14px;color:var(--muted);line-height:1.35}
.hhome .hk{margin-top:0}
.hhome .hk-hero{border-radius:22px;padding:16px 16px 14px}
.hhome .hk-big{font-size:36px;margin-top:4px}
.hhome .hk-bars{height:56px;margin-top:12px;gap:6px}

/* სწრაფი ქმედებები — პირველ ვიუპორტში, FAB-ის გარეშე */
.hq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 2px}
.hq-i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:10px 4px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--fg);text-decoration:none;font:inherit;font-size:12px;font-weight:650;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .12s ease,background .15s}
.hq-i svg,.hq-i .i{width:22px;height:22px;color:var(--nav-on,#1877f2)}
.hq-i.hq-sale{background:var(--nav-on-bg,rgba(24,119,242,.12));border-color:transparent;color:var(--nav-on,#1877f2)}
.hq-i.hq-sale svg,.hq-i.hq-sale .i{color:var(--nav-on,#1877f2)}
.hq-i:active{transform:scale(.96)}
html:root:root[data-theme=dark] .hq-i{box-shadow:none}
@media (prefers-reduced-motion:reduce){.hq-i{transition:none}}

/* მთავარი ბარათების სტაგერი */
.hin{animation:hinUp .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes hinUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hin{animation:none}}

/* ვადაგადაცილებული შეკვეთები უფრო თვალსაჩინო */
html:root:root .ocard-late{box-shadow:inset 3px 0 0 var(--rose)}
html:root:root .ocard-late .sumln .hero2{color:var(--rose)}

/* ჰიროს ზედა ზოლი მთავარ ბლოკში უფრო რბილი */
html:root:root .hhome .hk-hero{background-image:linear-gradient(90deg,color-mix(in srgb,var(--warm,#f4c4c4) 55%,transparent),color-mix(in srgb,var(--acc) 55%,transparent));background-size:100% 3px;background-repeat:no-repeat;background-position:top}