:root{color-scheme:light;--bg:#f6f8fb;--panel:#fff;--ink:#162033;--muted:#627089;--brand:#2563eb;--brand-2:#7c3aed;--accent:#06b6d4;--line:#dce3ee;--success:#10b981}
*{box-sizing:border-box}
body{overflow:hidden;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 32rem),linear-gradient(135deg,#f8fbff 0%,#eef4ff 52%,#faf5ff 100%);color:var(--ink);min-height:100vh}
.aurora{position:fixed;inset:-20% -10% auto auto;width:42rem;height:42rem;border-radius:999px;background:radial-gradient(circle,rgba(124,58,237,.2),rgba(6,182,212,.12) 45%,transparent 70%);filter:blur(8px);animation:pulseGlow 8s ease-in-out infinite;pointer-events:none;z-index:-1}
.app-shell{height:100vh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.app-shell.is-auth-hidden{display:none}
.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1.35rem;background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#7c3aed);color:#fff;box-shadow:0 18px 45px rgba(30,58,138,.25)}
.topbar h1{margin:0;font-size:clamp(1.45rem,2.4vw,2.25rem)}
.topbar p{margin:.25rem 0 0;color:#dbeafe}
.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:900;color:#93c5fd}
main{max-width:none;width:100%;flex:1;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:.85rem;margin:0;padding:.85rem}
.panel,.lead-card,.workspace-card{background:rgba(255,255,255,.9);border:1px solid rgba(220,227,238,.9);border-radius:22px;box-shadow:0 18px 44px rgba(15,23,42,.08);backdrop-filter:blur(12px)}
.metric-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;animation:floatIn .5s ease-out both}
.workspace-card{padding:.8rem .9rem;position:relative;overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s}
.workspace-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),var(--brand),var(--brand-2))}
.workspace-card:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.35);box-shadow:0 24px 54px rgba(37,99,235,.14)}
.workspace-card span{display:inline-flex;margin-bottom:.4rem;border-radius:999px;padding:.22rem .55rem;background:#eef2ff;color:#3730a3;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.workspace-card strong{display:block;font-size:1rem}.workspace-card p{margin:.25rem 0 0;color:var(--muted);line-height:1.35;font-size:.92rem}
.filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;padding:.8rem;margin-bottom:0;align-items:end;animation:floatIn .6s ease-out both}
label{display:grid;gap:.35rem;font-weight:800;color:var(--muted);font-size:.9rem}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:.78rem .85rem;font:inherit;font-size:16px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px rgba(37,99,235,.15)}
button{border:0;border-radius:999px;padding:.82rem 1.15rem;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(37,99,235,.24);transition:transform .2s,filter .2s,box-shadow .2s}
button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 16px 30px rgba(37,99,235,.3)}
.lead-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;overflow:hidden}
.lead-list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:0 .15rem}
.lead-list-header h2{margin:0;font-size:1.15rem}.lead-list-header p{margin:0;color:var(--muted);font-size:.9rem}.lead-list-header .eyebrow{color:#2563eb}
.lead-grid{overflow:auto;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.85rem;margin-bottom:0;align-content:start;padding:.05rem .15rem .85rem .05rem}
.lead-card{padding:.95rem;display:grid;gap:.65rem;animation:floatIn .45s ease-out both;transition:transform .22s,box-shadow .22s,border-color .22s;cursor:pointer}
.lead-card:focus-visible{outline:0;border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.16),0 26px 58px rgba(15,23,42,.14)}
.lead-card:hover{transform:translateY(-4px);border-color:rgba(6,182,212,.38);box-shadow:0 26px 58px rgba(15,23,42,.14)}
.lead-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.lead-card h2{margin:0;font-size:1.1rem}
.lead-card p{margin:0;color:var(--muted)}
.lead-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.status{justify-self:start;border-radius:999px;background:#eef2ff;color:#3730a3;padding:.22rem .55rem;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.lead-card-meta{display:flex;flex-wrap:wrap;gap:.45rem}.lead-card-meta span{border-radius:999px;background:#f1f5f9;color:#475569;padding:.22rem .55rem;font-size:.78rem;font-weight:800}
.contact-link-list{display:flex;flex-wrap:wrap;gap:.4rem}.contact-link{display:inline-flex;align-items:center;gap:.32rem;max-width:100%;border-radius:999px;padding:.28rem .6rem;background:#e0f2fe;color:#075985;text-decoration:none;font-size:.8rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-link:hover{background:#bae6fd;color:#0c4a6e}.detail-links{margin:.1rem 0 .2rem}.detail-links .contact-link{font-size:.88rem}.empty-inline{color:var(--muted);font-size:.9rem}
.tags{font-size:.85rem}
.lead-actions{display:flex;justify-content:flex-end;margin-top:.15rem}.lead-actions button{padding:.68rem 1rem}
.empty{grid-column:1/-1;background:#fff;border:1px dashed var(--line);border-radius:18px;padding:2rem;text-align:center;color:var(--muted)}
main>.panel:not(.filters){overflow:auto;min-height:0;padding-top:1rem}
.work-panel h2{margin:.1rem 1rem .75rem;font-size:1.15rem}
.work-list{display:grid;gap:.75rem;padding:0 1rem 1rem}
.work-list article{border-top:1px solid var(--line);padding-top:.75rem}
.work-empty{display:grid;place-items:center;text-align:center;gap:.45rem;min-height:14rem;border:1px dashed var(--line);border-radius:18px;background:linear-gradient(180deg,#f8fafc,#fff);color:var(--muted);padding:1.25rem}.work-empty span{font-size:2rem}.work-empty strong{color:var(--ink)}.work-empty p{margin:0;line-height:1.4}
.auth-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(circle at 20% 15%,rgba(6,182,212,.35),transparent 20rem),radial-gradient(circle at 80% 10%,rgba(124,58,237,.36),transparent 24rem),linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,58,138,.82));backdrop-filter:blur(18px)}
.auth-backdrop.is-hidden{display:none}
.auth-shell{position:relative;width:min(470px,94vw);display:grid;gap:1rem;padding:2rem;border:1px solid rgba(255,255,255,.55);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.96));box-shadow:0 30px 80px rgba(15,23,42,.38);overflow:hidden}
.auth-shell:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,var(--accent),var(--brand),var(--brand-2),#f97316)}
.auth-shell h1{margin:.1rem 0 0;font-size:2.25rem;letter-spacing:-.04em}
.auth-copy{margin:0;color:var(--muted);line-height:1.55}
.auth-shell button{width:100%;margin-top:.25rem}
.auth-shell #auth-status{margin:.1rem 0 0;color:#475569;font-size:.9rem;text-align:center}
.brand-orb{width:72px;height:72px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#22d3ee,#2563eb 50%,#a855f7);color:#fff;font-size:2rem;font-weight:900;box-shadow:0 18px 36px rgba(37,99,235,.32)}
.modal{border:0;border-radius:22px;padding:0;width:min(640px,92vw);box-shadow:0 20px 60px rgba(15,23,42,.25)}
.modal::backdrop{background:rgba(15,23,42,.45)}
.modal form{display:grid;gap:1rem;padding:1.25rem}
.modal h2{margin:.2rem 0 0}.modal p{margin:0}.detail-project{font-weight:900;color:var(--ink)}.detail-description{line-height:1.55;color:var(--muted);max-height:11rem;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:.85rem;background:#f8fafc}
.close{justify-self:end;background:#e2e8f0;color:#0f172a;box-shadow:none}
menu{display:flex;gap:.75rem;justify-content:flex-end;padding:0;margin:0}
@keyframes floatIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulseGlow{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:1}}
@media(max-height:820px){.topbar{padding:.7rem 1.25rem}.topbar h1{font-size:1.45rem}.topbar p:not(.eyebrow){font-size:.9rem}.workspace-card{padding:.68rem .8rem}.workspace-card p{display:none}.filters{padding:.68rem .75rem}.lead-grid{gap:.7rem}.lead-card{gap:.5rem;padding:.82rem}.work-empty{min-height:10rem}}
@media(max-width:760px){body{overflow:auto}.topbar{align-items:flex-start;flex-direction:column;padding:1.2rem}.app-shell{height:auto;overflow:visible}.metric-strip{grid-template-columns:1fr}.filters{grid-template-columns:1fr;margin-bottom:1rem}.auth-shell{padding:1.5rem}.auth-shell h1{font-size:1.9rem}main{display:block;max-width:1180px;margin:0 auto;padding:1.5rem;overflow:visible}.lead-section{overflow:visible}.lead-list-header{display:block;margin-bottom:.75rem}.lead-grid{overflow:visible;margin-bottom:1rem}main>.panel:not(.filters){overflow:visible;margin-top:1rem}}