:root{--bg:#0f1115;--card:#181b22;--card-2:#1f232c;--border:#2a2f3a;--text:#e7eaf0;--muted:#9aa3b2;--accent:#f5a623;--green:#3ecf8e;--blue:#5b8def;--red:#e5484d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.header h1{font-size:22px;margin:0}.header .sub{color:var(--muted);font-size:13px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;font-size:13px}.chip.active{background:var(--accent);color:#1a1205;border-color:var(--accent);font-weight:600}.chip:hover{color:var(--text)}button,input,select{font-family:inherit;font-size:14px}select{color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px}.card,select{background:var(--card)}.card{border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;gap:14px}.card.archived{opacity:.5}.card .thumb{width:96px;height:96px;border-radius:8px;object-fit:cover;background:var(--card-2);flex-shrink:0}.card .body{flex:1 1;min-width:0}.card .title{font-size:16px;font-weight:600;margin:0 0 4px}.card .meta{color:var(--muted);font-size:13px;margin-bottom:8px;display:flex;gap:10px;flex-wrap:wrap}.card .desc{color:var(--text);font-size:14px;margin:0 0 10px;max-height:60px;overflow:hidden}.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;background:var(--card-2);border:1px solid var(--border)}.tag.src-facebook{color:#6aa6ff}.tag.src-kijiji{color:#6ee7a8}.tag.src-lespac{color:#f3b86a}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card-2);color:var(--text);cursor:pointer;font-size:13px}.btn:hover{border-color:var(--muted)}.btn.active-interested{background:var(--green);color:#053;border-color:var(--green);font-weight:600}.btn.active-follow_up{background:var(--blue);color:#022;border-color:var(--blue);font-weight:600}.btn.active-archived{background:var(--red);color:#fff;border-color:var(--red);font-weight:600}.btn.link{margin-left:auto;background:transparent}.status-pill{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:6px;font-weight:700}.status-new{background:rgba(245,166,35,.15);color:var(--accent)}.status-interested{background:rgba(62,207,142,.15);color:var(--green)}.status-follow_up{background:rgba(91,141,239,.15);color:var(--blue)}.status-archived{background:rgba(229,72,77,.15);color:var(--red)}.empty{text-align:center;color:var(--muted);padding:60px 20px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:32px;width:100%;max-width:380px}.login-card h1{margin:0 0 6px;font-size:20px}.login-card p{color:var(--muted);margin:0 0 20px;font-size:14px}.login-card input{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text);margin-bottom:12px}.login-card button{width:100%;padding:11px;border-radius:9px;border:none;background:var(--accent);color:#1a1205;font-weight:700;cursor:pointer}.note{font-size:13px;margin-top:14px}.note.ok{color:var(--green)}.note.err{color:var(--red)}