:root{--bg: #f5f7f8;--panel: #ffffff;--ink: #0f1f24;--muted: #5b6b70;--line: #e2e8ea;--brand: #0f766e;--brand-2: #115e59;--brand-soft: #e6f4f2;--red: #b42318;--red-soft: #fdecea;--amber: #b54708;--amber-soft: #fef3e2;--green: #067647;--green-soft: #e7f6ee;--blue: #1d4ed8;--blue-soft: #e8eefc;--radius: 10px;--shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0}h2{font-size:16px;margin:0 0 12px}h3{font-size:14px;margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.g2,.g3,.g4{grid-template-columns:1fr}}.shell{display:flex;min-height:100%}.side{width:220px;background:#0b2a2c;color:#d5e4e5;display:flex;flex-direction:column;flex-shrink:0}.side .brand{padding:18px 16px;font-weight:700;color:#fff;font-size:16px;display:flex;gap:8px;align-items:center}.side .brand i{width:26px;height:26px;border-radius:7px;background:var(--brand);display:inline-grid;place-items:center;font-style:normal}.side nav a{display:block;padding:9px 16px;color:#c3d6d7;border-left:3px solid transparent}.side nav a:hover{background:#ffffff0d;text-decoration:none}.side nav a.active{background:#ffffff14;color:#fff;border-left-color:#5eead4}.side .foot{margin-top:auto;padding:14px 16px;font-size:12px;border-top:1px solid rgba(255,255,255,.08)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{background:var(--panel);border-bottom:1px solid var(--line);padding:10px 20px;display:flex;gap:10px;align-items:center;position:sticky;top:0;z-index:5}.content{padding:20px;max-width:1500px;width:100%}.btn.menu-btn{display:none}@media (max-width: 800px){.side{position:fixed;inset:0 auto 0 0;z-index:30;transform:translate(-100%);transition:transform .2s}.side.open{transform:none}.btn.menu-btn{display:inline-flex}.content{padding:14px}}.markets{display:flex;gap:4px;background:#eef2f3;padding:3px;border-radius:9px}.markets button{border:0;background:transparent;padding:5px 10px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--muted)}.markets button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow);font-weight:600}.markets button:disabled{opacity:.45;cursor:default}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stat .v{font-size:24px;font-weight:700;margin-top:4px}.stat .l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.page-head{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}input,select,textarea{font:inherit;padding:7px 10px;border:1px solid #cfd8db;border-radius:8px;background:#fff;color:var(--ink);min-width:0}textarea{width:100%;min-height:70px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #99e0d6;border-color:var(--brand)}label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}label.f input,label.f select,label.f textarea{font-size:14px;color:var(--ink);width:100%}.btn{border:1px solid #cfd8db;background:#fff;padding:7px 12px;border-radius:8px;cursor:pointer;font:inherit;color:var(--ink);display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.btn:hover{background:#f3f6f7}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-2)}.btn.danger{color:var(--red)}.btn.sm{padding:4px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs button{border:0;background:none;padding:9px 14px;cursor:pointer;font:inherit;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.tbl-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}table.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{font-size:12px;color:var(--muted);font-weight:600;background:#fafbfb;white-space:nowrap}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#f7fbfa}.tbl td.num,.tbl th.num{text-align:right}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;background:#eef2f3;color:var(--muted);white-space:nowrap}.badge.High{background:var(--red-soft);color:var(--red)}.badge.Medium{background:var(--amber-soft);color:var(--amber)}.badge.Low{background:var(--blue-soft);color:var(--blue)}.badge.live{background:var(--green-soft);color:var(--green);font-weight:700}.badge.brand{background:var(--brand-soft);color:var(--brand)}.badge.warn{background:var(--amber-soft);color:var(--amber)}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.col{background:#eef2f3;border-radius:var(--radius);width:280px;flex-shrink:0;padding:8px}.col .ch{display:flex;justify-content:space-between;padding:4px 6px 8px;font-weight:600}.col .month{font-size:11px;text-transform:uppercase;color:var(--muted);margin:8px 6px 4px;letter-spacing:.04em}.kcard{background:#fff;border-radius:8px;padding:10px;margin-bottom:8px;box-shadow:var(--shadow);cursor:pointer;border:1px solid transparent}.kcard:hover{border-color:#99e0d6}.kcard .t{font-weight:600;margin-bottom:4px}.kcard .m{font-size:12px;color:var(--muted)}.kcard .note{font-size:12px;margin-top:6px;color:#3b4b50;border-top:1px dashed var(--line);padding-top:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1f2459;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(720px,100%);background:var(--bg);z-index:41;display:flex;flex-direction:column;box-shadow:-8px 0 30px #00000026}.drawer .dh{background:var(--panel);padding:14px 18px;border-bottom:1px solid var(--line)}.drawer .db{padding:16px 18px;overflow-y:auto;flex:1}.modal{position:fixed;z-index:51;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel);border-radius:12px;width:min(680px,calc(100% - 24px));max-height:calc(100% - 40px);display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040}.modal .mh{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center}.modal .mb{padding:16px 18px;overflow-y:auto}.modal .mf{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.overlay.m{z-index:50}.x{border:0;background:none;font-size:20px;cursor:pointer;color:var(--muted);margin-left:auto;line-height:1}.feed .item{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:8px}.feed .item .h{font-size:12px;color:var(--muted);margin-bottom:4px;display:flex;gap:8px}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px}.kv dt{color:var(--muted);font-size:12px;padding-top:2px}.kv dd{margin:0;word-break:break-word}.bar{height:8px;background:#eef2f3;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--brand);border-radius:99px}.barrow{display:grid;grid-template-columns:160px 1fr 60px;gap:10px;align-items:center;margin-bottom:8px;font-size:13px}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden}.cal .dow{padding:6px;font-size:12px;color:var(--muted);background:#fafbfb;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cal .day{min-height:96px;padding:4px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.cal .day.other{background:#fafbfb;color:#a0acb0}.cal .day.today .dn{background:var(--brand);color:#fff;border-radius:99px;padding:0 6px}.cal .dn{font-size:12px;display:inline-block;margin-bottom:2px}.ev{font-size:11px;padding:2px 5px;border-radius:4px;margin-bottom:2px;background:var(--brand-soft);color:var(--brand-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.ev.meeting{background:var(--blue-soft);color:var(--blue)}.ev.follow_up{background:var(--amber-soft);color:var(--amber)}.ev.reminder{background:var(--red-soft);color:var(--red)}.ev.done{text-decoration:line-through;opacity:.6}.login{min-height:100%;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,#0b2a2c,#0f766e)}.login .card{width:min(400px,100%);padding:28px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#0f1f24;color:#fff;padding:10px 16px;border-radius:8px;z-index:100;box-shadow:var(--shadow);max-width:calc(100% - 32px)}.toast.error{background:var(--red)}.empty{padding:30px;text-align:center;color:var(--muted)}.check{display:flex;gap:8px;align-items:center;padding:6px 0}.check input{width:16px;height:16px}.pager{display:flex;gap:6px;justify-content:flex-end;align-items:center;margin-top:10px}.lead-cards{display:none}@media (max-width: 700px){.lead-table{display:none}.lead-cards{display:block}}.col.drop{background:var(--brand-soft);outline:2px dashed var(--brand)}.kcard[draggable]{cursor:grab}.kcard.dragging{opacity:.45}:root{--bg: #f3f6fb;--ink: #0f172a;--muted: #5b6577;--line: #e3e8f0;--brand: #0f766e;--brand-2: #0b5f59;--brand-soft: #ddf4f1;--accent: #2563eb;--accent-soft: #e6eeff;--shadow: 0 1px 2px rgba(15,23,42,.05), 0 2px 8px rgba(15,23,42,.06)}body{background:var(--bg)}.side{background:linear-gradient(180deg,#0b2f3a,#0c3b47 55%,#0f4c55)}.side .brand{font-size:17px;letter-spacing:.2px}.side .brand i{background:linear-gradient(135deg,#14b8a6,#2563eb);box-shadow:0 2px 8px #14b8a666}.side nav a{margin:2px 10px;border-radius:8px;border-left:0;padding:9px 12px}.side nav a.active{background:linear-gradient(90deg,#2dd4bf38,#2563eb2e);color:#fff;box-shadow:inset 3px 0 #2dd4bf}.top{border-bottom:0;box-shadow:0 1px 0 var(--line),0 2px 10px #0f172a0a}.top:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,#14b8a6,#2563eb,#9333ea);opacity:.85}.markets button.on{background:linear-gradient(135deg,#0f766e,#0e7490);color:#fff}.btn.primary{background:linear-gradient(135deg,#0f766e,#0e7490);border-color:transparent;box-shadow:0 2px 6px #0e749040}.btn.primary:hover{background:linear-gradient(135deg,#0b5f59,#0c6278)}.page-head h1{background:linear-gradient(90deg,#0b3b46,#0f766e);-webkit-background-clip:text;background-clip:text;color:transparent}.stat{position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sc, #0d9488)}.grid>.stat:nth-child(5n+1){--sc: #0d9488}.grid>.stat:nth-child(5n+2){--sc: #2563eb}.grid>.stat:nth-child(5n+3){--sc: #9333ea}.grid>.stat:nth-child(5n+4){--sc: #ea580c}.grid>.stat:nth-child(5n+5){--sc: #db2777}.stat .v{color:#0f172a}.card h2{color:#0b3b46}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.col{background:color-mix(in srgb,var(--c, #64748b) 7%,#eef2f7);border-top:4px solid var(--c, #64748b)}.col .ch{color:color-mix(in srgb,var(--c) 75%,#0f172a)}.col .ch .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:7px;vertical-align:1px}.col .count{background:var(--c);color:#fff;border-radius:99px;padding:1px 9px;font-size:12px;font-weight:700}.col .month{color:color-mix(in srgb,var(--c) 70%,#475569)}.kcard{border-left:4px solid #cbd5e1}.kcard.pri-High{border-left-color:#dc2626}.kcard.pri-Medium{border-left-color:#f59e0b}.kcard.pri-Low{border-left-color:#3b82f6}.kcard:hover{border-color:#99e0d6;border-left-width:4px;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1a}.kcard{transition:transform .12s,box-shadow .12s}.col.drop{background:color-mix(in srgb,var(--c) 16%,#fff);outline:2px dashed var(--c)}.people{display:flex;flex-wrap:wrap;gap:4px 10px;margin:6px 0 2px}.person{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#334155}.av{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:9px;font-weight:700;font-style:normal;flex-shrink:0}.stage{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);white-space:nowrap}.stage:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}.badge.brand{background:linear-gradient(135deg,#ccfbf1,#dbeafe);color:#0b5f59;font-weight:600}.badge.live{background:#16a34a;color:#fff}.tbl th{background:#f1f5fb;color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:11px}.tbl tr.click:hover td{background:#f0f9f8}.login{background:radial-gradient(1200px 600px at 10% 0%,#14b8a6 0%,transparent 60%),radial-gradient(900px 500px at 100% 100%,#2563eb 0%,transparent 55%),#0b2f3a}.login .card{box-shadow:0 20px 60px #00000040;border:0}.cal .dow{background:#f1f5fb;font-weight:600}.drawer .dh{background:linear-gradient(135deg,#f0fdfa,#eff6ff)}.kcard .dates{font-size:12px;color:#475569;display:grid;gap:2px;margin-top:4px}.kcard .dates b.d{color:#0f172a;font-weight:700}.folder-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border:1.5px solid var(--c, #0d9488);border-radius:7px;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--c, #0d9488) 85%,#0f172a);background:#fff}.folder-btn:hover{background:color-mix(in srgb,var(--c, #0d9488) 10%,#fff);text-decoration:none}.group-by{font-size:11px;color:#64748b;margin:0 6px 6px}.month-toggle{width:100%;display:flex;align-items:center;gap:6px;border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:color-mix(in srgb,var(--c) 80%,#334155);background:color-mix(in srgb,var(--c) 12%,#fff);border-radius:7px;padding:7px 9px;margin:4px 0 8px}.month-toggle .chev{display:inline-block;transition:transform .15s}.month-toggle.open .chev{transform:rotate(90deg)}.month-toggle .mcount{margin-left:auto;background:var(--c);color:#fff;border-radius:99px;padding:0 8px;font-size:11px}.kcard .area{display:flex;align-items:center;gap:5px;font-size:12px;color:#334155;font-weight:600;margin:2px 0}.kcard .area svg{color:var(--c, #0d9488);flex-shrink:0}.hold-reason{margin-top:6px;padding:6px 8px;border-radius:7px;background:#fff4ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px}.side{position:sticky;top:0;height:100vh;align-self:flex-start}.side nav{flex:1;overflow-y:auto}.side .foot{flex-shrink:0}@media (max-width: 800px){.side{position:fixed;height:100vh}}