:root{--bg: #f7f3ec;--card: #ffffff;--ink: #1f1b16;--muted: #7b7367;--line: #e8e1d5;--brand: #b4541a;--brand-2: #d9822b;--brand-soft: #fbeadb;--ok: #2f7d4f;--ok-soft: #e1f2e7;--bad: #b3261e;--bad-soft: #f8e1df;--shadow: 0 1px 2px rgba(60, 40, 20, .06), 0 4px 14px rgba(60, 40, 20, .05);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #141210;--card: #1e1b18;--ink: #f0ebe3;--muted: #a59e93;--line: #332e28;--brand-soft: #3a2616;--ok-soft: #1f3326;--bad-soft: #3a1f1d;--shadow: none}}*{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:15px;letter-spacing:.2px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;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:600}.link{border:0;background:none;color:var(--brand);padding:4px}.primary{background:var(--brand);color:#fff;border:0;padding:12px;margin-top:6px;font-weight:600}.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:84px}.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)}.brandmark{font-weight:800;font-size:18px;letter-spacing:.3px}.brandmark span{color:var(--brand);margin-left:4px;font-weight:700}.who{flex:1;color:var(--muted);font-size:13px;text-align:right}.iconbtn{position:relative;border:0;background:transparent;font-size:18px;padding:6px}.badge{position:absolute;top:0;right:-2px;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;display:flex;justify-content:center;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);z-index:5}nav button{flex:1;max-width:140px;display:grid;gap:2px;font-size:18px;border:0;background:transparent;color:var(--muted);padding:6px 4px}nav button span{font-size:11px}nav button.on{color:var(--brand);background:var(--brand-soft)}.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:#fff;border:0;padding:12px;font-weight:600;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:16px;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:14px;padding:12px 14px;cursor:pointer;box-shadow:var(--shadow)}.list li.overdue{border-left:4px solid 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}.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:#ece7de;color:#6d665b}.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:600;white-space:nowrap}.hello{margin:10px 0 6px}.hello h2{font-size:22px}.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(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0}.kpi{display:grid;gap:2px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow)}.kpi b{font-size:22px}.kpi span{font-size:12px;color:var(--muted)}.kpi small{font-size:11px;color:var(--muted)}.kpi.bad b{color:var(--bad)}.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:#fff;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:14px;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:10px;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:#e3f1e6;justify-self:end}.msg.sys{background:transparent;color:var(--muted);justify-self:center;font-size:12px}@media(prefers-color-scheme:dark){.msg.out{background:#24382a}.st-Old{background:#2c2823;color:#b5ad9f}}.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:600}.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:#140f0a59;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}