:root{--bg:#0f1115;--panel:#171a21;--panel2:#1e222b;--line:#2a2f3a;--text:#e6e9ef;--muted:#9aa3b2;--green:#2ecc71;--yellow:#f1c40f;--red:#e74c3c;--blue:#3b82f6;--gray:#6b7280}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:20px}.nav{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:16px;padding:12px 20px;display:flex}.nav .brand{white-space:nowrap;font-weight:700}.nav-links{align-items:center;gap:16px;display:flex}.nav a{color:var(--muted)}.nav a:hover{color:var(--text)}.nav-toggle{background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;padding:5px 11px;font-size:16px;line-height:1;display:none}.nav-toggle:hover{border-color:var(--muted)}.nav-menu{background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;padding:4px 20px 12px;display:flex}.nav-menu a{color:var(--muted);padding:10px 4px}.nav-menu a:hover{color:var(--text)}@media (max-width:600px){.nav{gap:10px}.nav-links{display:none}.nav-toggle{justify-content:center;align-items:center;display:inline-flex}.brand-suffix{display:none}}@media (min-width:601px){.nav-menu{display:none}}h1{margin:0 0 16px;font-size:20px}h2{color:var(--muted);margin:18px 0 8px;font-size:15px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:14px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.small{font-size:12px}.btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;margin:2px 6px 2px 0;padding:7px 12px;font-size:13px}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.danger{border-color:var(--red);color:#ffd9d3}input,textarea{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;width:100%;padding:8px 10px}.chip{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.c-green{color:var(--green);background:#2ecc7126}.c-yellow{color:var(--yellow);background:#f1c40f26}.c-red{color:var(--red);background:#e74c3c26}.c-blue{color:var(--blue);background:#3b82f626}.c-gray{color:var(--muted);background:#6b72802e}.check{align-items:center;gap:8px;padding:4px 0;display:flex}.bubble{white-space:pre-wrap;border-radius:12px;max-width:78%;margin:6px 0;padding:8px 12px}.from-customer{background:var(--panel2);align-self:flex-start}.from-sarah{background:#3b82f62e;align-self:flex-end}.from-owner{background:#f1c40f1f;align-self:center;font-style:italic}.timeline{flex-direction:column;display:flex}.err{color:var(--red);padding:10px}.center{max-width:420px;margin:80px auto}.twocol{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}@media (max-width:820px){.twocol{grid-template-columns:1fr}}.sticky{position:sticky;top:12px}.helper{color:var(--muted);margin-top:3px;font-size:11px}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{background:var(--panel2);border:none;border-right:1px solid var(--line);color:var(--muted);cursor:pointer;padding:6px 10px;font-size:12px}.seg button:last-child{border-right:none}.seg button.on{background:var(--blue);color:#fff}.bar{background:var(--panel2);border-radius:6px;height:8px;overflow:hidden}.bar>i{background:var(--green);height:100%;display:block}.modal-bg{z-index:50;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:440px;margin:20px;padding:22px}select{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 10px}.drawer-bg{z-index:40;background:#00000080;position:fixed;inset:0}.drawer{background:var(--panel);border-left:1px solid var(--line);z-index:41;width:440px;max-width:94vw;height:100%;padding:18px;position:fixed;top:0;right:0;overflow-y:auto}.tl{border-left:2px solid var(--line);margin:4px 0 0 5px;padding-left:16px}.tl .ev{padding:5px 0;font-size:13px;position:relative}.tl .ev:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:-21px}.tl .ev.future:before{background:var(--blue)}.tl .ev.future{color:var(--blue)}.clickcard{cursor:pointer}.clickcard:hover{border-color:var(--muted)}.board{grid-template-columns:repeat(5,1fr);align-items:start;gap:10px;display:grid}@media (max-width:1000px){.board{grid-template-columns:repeat(2,1fr)}}.dash{grid-template-columns:1.3fr 2.2fr 1fr;gap:14px;display:grid}@media (max-width:780px){.dash{grid-template-columns:1fr}}