:root{
  --bg:#F2F0F4;--surface:#FFFFFF;--surface2:#F7F4F8;--ink:#22171F;--muted:#6F6370;--line:#E3DDE5;
  --wine:#6A1B3A;--wine-ink:#FFFFFF;--wine-soft:#F3E4EA;
  --ami:#0F7A83;--shimon:#B26B12;--biz:#4B4F93;
  --ok:#2E7D4F;--warn:#8A5A00;--warn-bg:#FFF2CC;--danger:#B3261E;--danger-soft:#FBE9E7;
  --shadow:0 1px 2px rgba(34,23,31,.06),0 6px 18px rgba(34,23,31,.06);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#17111A;--surface:#221A26;--surface2:#2B2130;--ink:#F1EAF0;--muted:#A99CAB;--line:#3B2F40;
  --wine:#D06A8E;--wine-ink:#1B0D14;--wine-soft:#3A1E2B;
  --ami:#4FC3CC;--shimon:#E5A54B;--biz:#A3A7EC;
  --ok:#6FCF97;--warn:#F2C96B;--warn-bg:#3D3216;--danger:#F2867E;--danger-soft:#3E1F1D;
  --shadow:0 1px 2px rgba(0,0,0,.4);
}}
:root[data-theme="dark"]{
  --bg:#17111A;--surface:#221A26;--surface2:#2B2130;--ink:#F1EAF0;--muted:#A99CAB;--line:#3B2F40;
  --wine:#D06A8E;--wine-ink:#1B0D14;--wine-soft:#3A1E2B;
  --ami:#4FC3CC;--shimon:#E5A54B;--biz:#A3A7EC;
  --ok:#6FCF97;--warn:#F2C96B;--warn-bg:#3D3216;--danger:#F2867E;--danger-soft:#3E1F1D;
  --shadow:0 1px 2px rgba(0,0,0,.4);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font-family:Heebo,Assistant,"Arial Hebrew",Arial,sans-serif;font-size:16px;line-height:1.45}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
:focus-visible{outline:3px solid var(--wine);outline-offset:2px;border-radius:6px}
.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}
.top{position:sticky;top:0;z-index:20;background:var(--wine);color:var(--wine-ink);padding:10px 14px;display:flex;align-items:center;gap:10px}
.top h1{font-size:18px;font-weight:700;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .ib{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:inherit;position:relative;font-size:20px}
.badge{position:absolute;top:2px;inset-inline-end:0;background:var(--wine-ink);color:var(--wine);font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.who{display:flex;background:rgba(255,255,255,.18);border-radius:20px;padding:3px}
.who button{padding:4px 12px;border-radius:16px;font-size:13px;font-weight:500;color:inherit}
.who button.on{background:var(--wine-ink);color:var(--wine);font-weight:700}
.proto{background:var(--warn-bg);color:var(--warn);font-size:12.5px;padding:6px 14px;text-align:center}
main{flex:1;padding:14px 14px 110px}
.card{background:var(--surface);border-radius:16px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px}
.card h2{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--muted)}
.amt{font-variant-numeric:tabular-nums;white-space:nowrap}
.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}
/* scale */
.scale{position:relative;height:74px;margin:4px 0 6px}
.beam{position:absolute;top:22px;left:12%;right:12%;height:6px;border-radius:3px;background:var(--ink);transition:transform .7s cubic-bezier(.3,1.4,.5,1);transform-origin:50% 50%}
.beam i{position:absolute;top:-9px;width:24px;height:24px;border-radius:50%;border:3px solid var(--surface)}
.beam i.r{right:-12px}.beam i.l{left:-12px}
.pivot{position:absolute;top:25px;left:50%;margin-left:-16px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:44px solid var(--line)}
@media (prefers-reduced-motion:reduce){.beam{transition:none}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}
.duo .n{font-weight:700;font-size:15px}.duo .v{font-size:21px;font-weight:800;margin-top:2px}
.gap{margin-top:14px;padding:12px;border-radius:12px;background:var(--surface2);text-align:center}
.gap b{font-size:18px}
.balanced{color:var(--ok);font-weight:800;font-size:18px}
.opt{display:flex;align-items:center;gap:10px;padding:12px;border:1.5px solid var(--line);border-radius:12px;margin-top:10px}
.opt .t{flex:1;font-size:14.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 18px;border-radius:12px;background:var(--wine);color:var(--wine-ink);font-weight:700}
.btn.sm{min-height:38px;padding:0 12px;font-size:13.5px;border-radius:10px;white-space:nowrap}
.btn.ghost{background:transparent;color:var(--wine);border:1.5px solid var(--wine)}
.btn.soft{background:var(--wine-soft);color:var(--wine)}
.btn.danger{background:var(--danger);color:#fff}
.btn.block{display:flex;width:100%}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{background:var(--surface2);border-radius:12px;padding:12px}
.stat .l{font-size:13px;color:var(--muted)}.stat .v{font-size:19px;font-weight:800}
.todo{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);width:100%;text-align:start}
.todo:first-of-type{border-top:0}
.todo .c{min-width:30px;height:30px;border-radius:15px;background:var(--wine-soft);color:var(--wine);font-weight:800;display:grid;place-items:center;font-size:14px}
.todo .t{flex:1}
.feed{padding:9px 0;border-top:1px solid var(--line);font-size:14.5px}
.feed:first-of-type{border-top:0}
/* list */
.search{width:100%;height:46px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);padding:0 14px}
.tx{display:flex;gap:12px;align-items:center;width:100%;text-align:start;background:var(--surface);border-radius:14px;padding:12px;margin-bottom:8px;box-shadow:var(--shadow);border-inline-start:5px solid var(--c,var(--line))}
.tx .m{flex:1;min-width:0}
.tx .s{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx .d{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tx .a{font-weight:800;font-size:16px;text-align:end}
.tx.del{opacity:.6}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:1px 8px;border-radius:10px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.day{font-size:13px;color:var(--muted);margin:14px 4px 6px;font-weight:500}
.sum{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;font-size:14px}
/* forms */
label.f{display:block;margin-bottom:12px}
label.f>span,.lab{display:block;font-size:13.5px;color:var(--muted);margin-bottom:5px;font-weight:500}
.in{width:100%;min-height:48px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);padding:10px 14px}
textarea.in{min-height:80px;resize:vertical}
.in.big{font-size:26px;font-weight:800;text-align:center;direction:ltr}
.in.low{background:var(--warn-bg);border-color:var(--warn)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.chip{min-height:42px;padding:0 14px;border-radius:21px;border:1.5px solid var(--line);background:var(--surface);font-size:14.5px;font-weight:500}
.chip.on{background:var(--c,var(--wine));border-color:var(--c,var(--wine));color:#fff;font-weight:700}
:root[data-theme="dark"] .chip.on{color:#17111A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip.on{color:#17111A}}
details.more{border:1.5px solid var(--line);border-radius:12px;padding:0 12px;margin-bottom:12px;background:var(--surface)}
details.more summary{padding:13px 2px;font-weight:700;cursor:pointer}
.note{padding:10px 12px;border-radius:12px;font-size:14px;margin-bottom:12px}
.note.warn{background:var(--warn-bg);color:var(--warn)}
.note.info{background:var(--wine-soft);color:var(--wine)}
.note.err{background:var(--danger-soft);color:var(--danger)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.kv:first-child{border-top:0}.kv span:first-child{color:var(--muted)}.kv span:last-child{text-align:end;font-weight:500}
.doc{background:var(--surface2);border:1.5px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted);font-size:14px}
.doc img{max-width:100%;border-radius:8px}
.cm{background:var(--surface2);border-radius:12px;padding:10px 12px;margin-bottom:8px;font-size:14.5px}
.cm b{color:var(--c)}
.hist{font-size:14px;padding:8px 0;border-top:1px solid var(--line)}
.hist:first-child{border-top:0}
.acts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
/* tabs */
.tabs{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;pointer-events:none}
.tabs .inr{pointer-events:auto;width:100%;max-width:520px;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.tab{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:12px;color:var(--muted);padding:6px 0;border-radius:10px}
.tab svg{width:24px;height:24px}
.tab.on{color:var(--wine);font-weight:700}
.plus{width:62px;height:62px;border-radius:50%;background:var(--wine);color:var(--wine-ink);font-size:34px;line-height:1;display:grid;place-items:center;margin:-24px auto 0;box-shadow:0 6px 16px color-mix(in srgb,var(--wine) 45%,transparent)}
/* sheet */
.ov{position:fixed;inset:0;z-index:50;background:rgba(20,10,16,.5);display:flex;align-items:flex-end;justify-content:center}
.sheet{background:var(--surface);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:18px 16px calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow:auto;animation:up .22s ease-out}
@keyframes up{from{transform:translateY(40px);opacity:0}}
@media (prefers-reduced-motion:reduce){.sheet{animation:none}}
.sheet h3{margin:0 0 12px;font-size:18px}
.pick{display:flex;align-items:center;gap:14px;width:100%;text-align:start;padding:14px 8px;border-top:1px solid var(--line);font-size:16px;font-weight:500}
.pick:first-of-type{border-top:0}
.pick .i{width:44px;height:44px;border-radius:12px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;font-size:22px}
.pick small{display:block;color:var(--muted);font-weight:400}
#toast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);z-index:60;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:22px;font-size:14.5px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw;text-align:center}
#toast.on{opacity:1}
.empty{text-align:center;padding:36px 16px;color:var(--muted)}
.empty b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
.barrow{margin-bottom:12px}
.barrow .h{display:flex;justify-content:space-between;font-size:14.5px;margin-bottom:4px;gap:8px}
.bar{height:10px;border-radius:5px;background:var(--surface2);overflow:hidden}
.bar i{display:block;height:100%;border-radius:5px;background:var(--c,var(--wine))}
.months{display:flex;align-items:flex-end;gap:8px;height:130px;padding-top:6px}
.months .mo{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;font-size:12px;color:var(--muted)}
.months .cols{display:flex;gap:3px;align-items:flex-end;flex:1;width:100%;justify-content:center}
.months .cols i{width:42%;max-width:16px;border-radius:4px 4px 0 0;min-height:2px}
.legend{display:flex;gap:14px;font-size:13px;color:var(--muted);margin-top:8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:5px}
.seg{display:flex;background:var(--surface);border-radius:12px;padding:4px;margin-bottom:14px;box-shadow:var(--shadow);overflow-x:auto}
.seg button{flex:1;padding:9px 10px;border-radius:9px;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap}
.seg button.on{background:var(--wine);color:var(--wine-ink);font-weight:700}
.tbl{overflow-x:auto;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.tbl table{border-collapse:collapse;font-size:13px;min-width:100%;white-space:nowrap}
.tbl th,.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:start}
.tbl th{background:var(--surface2);font-weight:700}
.menu{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:15px 4px;border-top:1px solid var(--line);font-size:16px}
.menu:first-child{border-top:0}.menu span{flex:1}.menu em{font-style:normal;color:var(--muted);font-size:14px}
.li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.li:first-child{border-top:0}.li span{flex:1}
.x{width:36px;height:36px;border-radius:50%;color:var(--danger);font-size:18px}
.spin{width:44px;height:44px;border-radius:50%;border:4px solid var(--wine-soft);border-top-color:var(--wine);animation:sp 1s linear infinite;margin:30px auto 14px}
@keyframes sp{to{transform:rotate(360deg)}}
.whoami{font-size:14px;opacity:.9}
.hello{font-size:24px;font-weight:800;margin:0 0 4px}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-inline-end:6px;vertical-align:middle}
.logo{width:84px;height:84px;border-radius:22px;display:block;margin:10px auto 14px}
.docimg{max-width:100%;border-radius:10px;margin-top:10px;display:block}
.filebtn{width:100%;text-align:start;font-size:15px}
.note.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.btn[disabled]{opacity:.6}
a.btn{text-decoration:none}