:root{--bg: #f7f3ec;--card: #ffffff;--ink: #1f1b16;--muted: #6b6358;--line: #e8e1d5;--line-2: #f0eae0;--brand: #b4541a;--brand-2: #d9822b;--brand-soft: #fbeadb;--on-brand: #ffffff;--ok: #2f7d4f;--ok-soft: #e1f2e7;--bad: #b3261e;--bad-soft: #f8e1df;--bad-line: #f1d3b8;--chat-out: #e3f1e6;--old-bg: #ece7de;--old-ink: #6d665b;--shadow: 0 1px 2px rgba(60, 40, 20, .05), 0 4px 14px rgba(60, 40, 20, .04);--nav-bg: #ffffff;--nav-radius: 0;--nav-margin: 0;font-family:Mukta,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;color-scheme:light}:root[data-theme=dark]{--bg: #111316;--card: #1c1f24;--ink: #f2efe8;--muted: #a59e93;--line: #2a2e35;--line-2: #24282e;--brand: #e0a33a;--brand-2: #f2c26b;--brand-soft: #2a2416;--on-brand: #1a1408;--ok: #7bd49b;--ok-soft: #17261d;--bad: #f2715f;--bad-soft: #351d1a;--bad-line: #4a2a26;--chat-out: #1f3326;--old-bg: #2c2823;--old-ink: #b5ad9f;--shadow: none;--nav-bg: #1c1f24;--nav-radius: 22px;--nav-margin: 0 12px 12px;font-family:Inter,Mukta,system-ui,sans-serif;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #111316;--card: #1c1f24;--ink: #f2efe8;--muted: #a59e93;--line: #2a2e35;--line-2: #24282e;--brand: #e0a33a;--brand-2: #f2c26b;--brand-soft: #2a2416;--on-brand: #1a1408;--ok: #7bd49b;--ok-soft: #17261d;--bad: #f2715f;--bad-soft: #351d1a;--bad-line: #4a2a26;--chat-out: #1f3326;--old-bg: #2c2823;--old-ink: #b5ad9f;--shadow: none;--nav-bg: #1c1f24;--nav-radius: 22px;--nav-margin: 0 12px 12px;font-family:Inter,Mukta,system-ui,sans-serif;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h2{margin:0 0 4px;font-size:20px}h3{margin:22px 0 10px;font-size:16px;letter-spacing:.1px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:8px 12px}button:active{transform:scale(.98)}input,select,textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.muted{color:var(--muted)}.small{font-size:12px}.err{color:var(--bad)}.red{color:var(--bad);font-weight:700}.link{border:0;background:none;color:var(--brand);padding:4px}.primary{background:var(--brand);color:var(--on-brand);border:0;padding:12px;margin-top:6px;font-weight:700;border-radius:14px}.center{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;padding:16px}.app{max-width:760px;margin:0 auto;padding-bottom:96px}.testbar{background:var(--brand-soft);color:var(--brand);text-align:center;font-size:11px;padding:4px 16px}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 16px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.logo{width:34px;height:34px;border-radius:10px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font-weight:800;font-size:15px}.brandmark{font-weight:800;font-size:18px;letter-spacing:.2px}.brandmark span{color:var(--brand);margin-left:4px;font-weight:800}.who{flex:1;color:var(--muted);font-size:13px;text-align:right}.iconbtn{position:relative;width:40px;height:40px;border:0;background:var(--card);border-radius:12px;display:grid;place-items:center;padding:0;color:var(--ink)}.iconbtn svg{width:20px;height:20px}.badge{position:absolute;top:4px;right:4px;background:var(--bad);color:#fff;border-radius:99px;font-size:10px;min-width:16px;padding:1px 4px;font-weight:700}.sync{margin:8px 16px 0;font-size:12px;color:var(--ok)}.sync.bad{color:var(--bad)}main{padding:4px 16px 0}nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--nav-bg);border-top:1px solid var(--line)}nav button{flex:1;max-width:120px;display:grid;justify-items:center;gap:2px;border:0;background:transparent;color:var(--muted);padding:6px 4px;border-radius:14px}nav button svg{width:22px;height:22px}nav button span{font-size:11px;font-weight:600}nav button.on{color:var(--brand);background:var(--brand-soft)}:root[data-theme=dark] nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding:8px;border:1px solid var(--line);border-radius:22px;max-width:736px;margin:0 auto}:root[data-theme=dark] nav button.on{background:var(--brand);color:var(--on-brand)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));padding:8px;border:1px solid var(--line);border-radius:22px;max-width:736px;margin:0 auto}:root:not([data-theme=light]) nav button.on{background:var(--brand);color:var(--on-brand)}}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 0%,var(--brand-soft),transparent 60%),var(--bg)}.login .card{width:min(380px,100%);padding:24px}.login form{display:grid;gap:8px}.login button{background:var(--brand);color:var(--on-brand);border:0;padding:12px;font-weight:700;margin-top:6px}.brand{font-size:24px;font-weight:800;margin-bottom:12px}.brand span{color:var(--brand)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.list li{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer;box-shadow:var(--shadow)}.list li.overdue{border-color:var(--bad-line)}.list li.overdue .row2{color:var(--bad)}.list li.unread{border-left:4px solid var(--brand)}.list li.oldrow{background:transparent;border-style:dashed;box-shadow:none}.row1{display:flex;justify-content:space-between;align-items:center;gap:8px}.row1 b{font-weight:600;font-size:15px}.row2{color:var(--muted);font-size:13px;margin-top:3px}.row3{font-size:13px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.divider{font-size:12px;color:var(--muted);margin:-2px 0 8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.tag{font-size:11px;padding:3px 8px;border-radius:99px;background:var(--line);white-space:nowrap;font-weight:600}.st-Won{background:var(--ok-soft);color:var(--ok)}.st-Closing{background:var(--brand-soft);color:var(--brand)}.st-Lost{background:var(--bad-soft);color:var(--bad)}.st-Old{background:var(--old-bg);color:var(--old-ink)}.strike{text-decoration:line-through;color:var(--muted)}.mini{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--ok-soft);color:var(--ok);border:0;font-weight:700;white-space:nowrap}.check{flex:none;width:44px;height:44px;border-radius:12px;border:0;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center;padding:0}.check svg{width:20px;height:20px}.taskrow{display:flex;align-items:center;gap:10px}.taskrow>div{flex:1;min-width:0}.hello{margin:12px 0 6px}.hello h2{font-size:24px;font-weight:800;line-height:1.2}.banner{background:var(--brand-soft);color:var(--brand);border-radius:14px;padding:12px 14px;margin:10px 0;cursor:pointer;font-size:14px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.kpi{display:grid;gap:0;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:var(--shadow)}.kpi b{font-size:24px;font-weight:800;line-height:1.2}.kpi span{font-size:12px;color:var(--muted)}.kpi small{font-size:11px;color:var(--muted)}.kpi.bad{background:var(--bad-soft);border-color:var(--bad-line)}.kpi.bad b{color:var(--bad)}.money{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;text-align:left;width:100%}.money>div{flex:1}.money .sep{flex:none;width:1px;align-self:stretch;background:var(--line)}.money span{display:block;font-size:12px;color:var(--muted)}.money b{font-size:22px;font-weight:800}.secthead{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 10px}.secthead h3{margin:0}.team{padding:4px 14px}.team .trow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-2);cursor:pointer}.team .trow:last-child{border-bottom:0}.team .trow>div{flex:1;min-width:0}.team .trow small{display:block;color:var(--muted);font-size:12px}.avatar{flex:none;width:34px;height:34px;border-radius:99px;display:grid;place-items:center;font-weight:800;background:var(--brand-soft);color:var(--brand)}.avatar.ok{background:var(--ok-soft);color:var(--ok)}.okc{color:var(--ok);font-size:13px;font-weight:600}.search{margin-bottom:8px}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.chips button{white-space:nowrap;font-size:13px;padding:6px 12px;border-radius:99px}.chips .on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.sortbar{display:flex;gap:6px;margin:4px 0 10px;flex-wrap:wrap}.sortbar button{font-size:12px;padding:6px 12px;border-radius:99px}.sortbar .on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}.scard{display:grid;gap:2px;text-align:left;font-size:12px;border-radius:16px;padding:10px 12px;box-shadow:var(--shadow)}.scard b{font-size:14px}.scard.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.actions{display:flex;gap:8px;margin:10px 0}.actions button,.actions label{flex:1;text-align:center}.btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.btns button{font-size:13px;padding:6px 10px}.btns select{width:auto;padding:6px 10px;font-size:13px}.form{display:grid;gap:6px;margin:8px 0}.form label{font-size:13px;color:var(--muted);margin-top:4px}.filebtn{font-size:13px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer}.upload{display:block;text-align:center;border:1px dashed var(--brand);color:var(--brand);border-radius:14px;padding:12px;margin-bottom:8px;cursor:pointer}.back{margin-bottom:10px;border-radius:99px}.thread{display:grid;gap:6px;margin:12px 0}.msg{max-width:85%;padding:8px 10px;border-radius:14px;font-size:14px;white-space:pre-wrap;word-break:break-word}.msg small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.msg.in{background:var(--card);border:1px solid var(--line);justify-self:start}.msg.out{background:var(--chat-out);justify-self:end}.msg.sys{background:transparent;color:var(--muted);justify-self:center;font-size:12px}.bars{display:grid;gap:6px}.bar{display:grid;grid-template-columns:110px 1fr 36px;gap:8px;align-items:center;font-size:13px}.bl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.bt{height:10px;background:var(--line);border-radius:99px;overflow:hidden}.bt i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:99px}.bv{text-align:right;font-weight:700}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:99px;font-size:14px;z-index:20;max-width:calc(100% - 32px);box-shadow:var(--shadow)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a080673;z-index:15;display:grid;align-items:end;justify-items:center}.helpcard{width:min(760px,100%);max-height:85vh;overflow:auto;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.helpcard ol{padding-left:20px;line-height:1.6;font-size:14px}