@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
[hidden]{display:none!important}
:root{--bg:#080a0f;--panel:#0e1219;--panel2:#121721;--ink:#f7f5f2;--muted:#8f97a3;--line:#262c37;--hot:#ff6333;--good:#75e0ad;--warn:#ffc857;--cool:#8ba8ff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Manrope,system-ui,sans-serif;background-image:radial-gradient(circle at 88% 0,rgba(255,99,51,.12),transparent 28%)}
button,input,select,textarea{font:inherit}
button{border:0;border-radius:999px;padding:11px 17px;background:var(--hot);font-weight:800;color:#101116;cursor:pointer}
button:hover{filter:brightness(1.12)}
button.secondary{background:transparent;color:var(--ink);border:1px solid #3a424f}
button.secondary.active{border-color:var(--hot);color:var(--hot);background:rgba(255,99,51,.08)}
button:disabled{cursor:wait;opacity:.65;filter:none}
.mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--hot);color:#111;font:800 .72rem DM Mono,monospace}
.eyebrow{color:var(--hot);font:500 .65rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.13em;margin:0 0 13px}
header,main>section{width:min(calc(100% - 44px),1260px);margin:auto}
header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;gap:12px;align-items:center}
.brand strong,.brand small{display:block}
.brand small{color:var(--muted);font:500 .6rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
.header-actions{display:flex;gap:9px}
.hero{padding:70px 0 50px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}
.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.07em;margin:0}
.hero>p{color:#a1a8b2;font-size:1.05rem;max-width:530px;margin:0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:38px}
.metric{border:1px solid var(--line);background:rgba(14,18,25,.82);border-radius:16px;padding:21px}
.metric span{display:block;color:var(--muted);font:500 .62rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}
.metric strong{display:block;font-size:2.1rem;letter-spacing:-.05em;margin-top:7px}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters button{padding:7px 11px;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:.72rem}
.filters button.active{color:var(--ink);border-color:var(--hot)}
#search{margin-left:auto;min-width:220px}
.toolbar input,.grid input,.grid select,.grid textarea,.login input{background:#090c11;color:var(--ink);border:1px solid #343b47;border-radius:9px;padding:11px 12px;outline:none}
.toolbar input:focus,.grid input:focus,.grid select:focus,.grid textarea:focus,.login input:focus{border-color:var(--hot)}
.pipeline{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(14,18,25,.72);margin-bottom:60px}
.table-head,.prospect{display:grid;grid-template-columns:1.7fr .8fr .55fr .65fr 1fr;gap:20px;align-items:center}
.table-head{padding:13px 20px;background:#0b0e14;color:#68717e;font:500 .59rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.09em}
.prospect{padding:17px 20px;border-top:1px solid var(--line);cursor:pointer}
.prospect:hover{background:#121721}
.prospect-name strong,.prospect-name small{display:block}
.prospect-name small,.next small{display:block;color:var(--muted)}
.next strong{display:block}
.stage{width:max-content;border:1px solid #343c49;border-radius:99px;padding:5px 9px;font:500 .62rem DM Mono,monospace;text-transform:uppercase;color:#b9c0c9}
.stage.won{border-color:rgba(117,224,173,.4);color:var(--good)}
.stage.lost{color:#777}
.score{color:var(--warn);font:600 .75rem DM Mono,monospace}
.value{font-weight:800}
.next.overdue{color:#ff8e6b}
.empty{padding:70px;text-align:center}
.empty strong,.empty span{display:block}
.empty span{color:var(--muted);margin-top:7px}
.login{min-height:100vh;display:grid;place-items:center}
.login form{width:min(calc(100% - 30px),430px);border:1px solid var(--line);border-radius:22px;padding:38px;background:var(--panel)}
.login h1{font-size:2.8rem;letter-spacing:-.06em;margin:0 0 30px}
.login label,.grid label{display:flex;flex-direction:column;gap:7px;color:#adb4bd;font:500 .63rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}
.login input{margin:7px 0 15px;width:100%}
.login button{width:100%}
dialog{width:min(calc(100% - 30px),850px);max-height:90vh;border:1px solid #333b48;border-radius:22px;padding:0;background:var(--panel);color:var(--ink);box-shadow:0 35px 120px #000}
dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
dialog form{padding:30px}
.dialog-head{display:flex;justify-content:space-between;align-items:start}
.dialog-head h2{font-size:2rem;margin:0 0 24px}
.icon{width:38px;height:38px;padding:0;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:1.4rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.grid .full{grid-column:1/-1}
.grid textarea{min-height:95px;resize:vertical}
.dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;margin-top:22px}
.danger{background:transparent;color:#ff8e7a;border:1px solid #63352f}
.error{color:#ff967d;margin:12px 0 0;font-size:.82rem}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:22px}
.metrics{grid-template-columns:1fr 1fr}
.table-head{display:none}
.prospect{grid-template-columns:1.4fr .8fr .5fr}
.prospect .value,.prospect .next{display:none}
.toolbar{align-items:stretch;flex-direction:column}
#search{margin:0;width:100%}
}
@media(max-width:560px){header,main>section{width:min(calc(100% - 24px),1260px)}
header{height:auto;padding:14px 0}
.brand small{display:none}
.header-actions .secondary{display:none}
.hero{padding:50px 0 35px}
.metrics{grid-template-columns:1fr 1fr}
.metric{padding:15px}
.metric strong{font-size:1.6rem}
.filters{display:none}
.prospect{grid-template-columns:1fr auto}
.prospect .score{display:none}
.grid{grid-template-columns:1fr}
.grid .full{grid-column:auto}
dialog form{padding:22px}
.dialog-actions{grid-template-columns:1fr 1fr}
.dialog-actions span{display:none}
}
.grid textarea.draft{min-height:180px}
.activity{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.activity-head{display:flex;justify-content:space-between;gap:20px;align-items:start}
.activity-head h3{margin:0 0 14px;font-size:1.25rem}
.activity-head>span,.activity-empty{color:var(--muted);font:500 .62rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}
.activity-list{display:grid;gap:8px;margin-bottom:16px}
.activity-item{border:1px solid var(--line);border-radius:12px;background:#0a0d13;padding:13px 15px}
.activity-item>div{display:flex;justify-content:space-between;gap:15px}
.activity-item strong{color:var(--hot);font:500 .67rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}
.activity-item time{color:var(--muted);font-size:.75rem}
.activity-item p{white-space:pre-wrap;margin:8px 0 0;color:#c7ccd3}
.activity-entry{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:15px;border:1px solid #343b47;border-radius:13px}
.activity-entry label{display:flex;flex-direction:column;gap:6px;color:#adb4bd;font:500 .6rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}
.activity-entry input,.activity-entry select,.activity-entry textarea{background:#090c11;color:var(--ink);border:1px solid #343b47;border-radius:9px;padding:10px}
.activity-entry .activity-detail{grid-column:1/-1}
.activity-entry textarea{min-height:80px;resize:vertical}
.activity-entry button{grid-column:3;justify-self:end}
@media(max-width:800px){.activity-entry{grid-template-columns:1fr 1fr}.activity-entry button{grid-column:2}}
@media(max-width:560px){.activity-entry{grid-template-columns:1fr}.activity-entry .activity-detail,.activity-entry button{grid-column:auto}.activity-entry button{width:100%}}