:root{--bg:#071118;--panel:#0d1b24;--text:#f5fbfc;--muted:#91a9b2;--line:#20343e;--teal:#27dfbf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui;display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{border-right:1px solid var(--line);padding:26px 18px}.logo{width:50px;height:50px;border-radius:15px;background:var(--teal);display:grid;place-items:center;color:#03120f;font-size:1.5rem;font-weight:900;margin:0 0 35px 12px}nav{display:grid;gap:7px}nav a{padding:13px 14px;border-radius:10px;color:var(--muted)}nav a.active,nav a:hover{background:#10262f;color:white}nav span{float:right;background:var(--teal);color:#04120f;border-radius:99px;padding:1px 7px;font-size:.75rem}main{padding:35px 42px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center}header h1{font-size:2.3rem;margin:4px 0 28px}header small,article small,.panel small{color:var(--muted)}button{background:var(--teal);border:0;border-radius:10px;padding:13px 18px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article,.panel{background:linear-gradient(145deg,var(--panel),#09171d);border:1px solid var(--line);border-radius:18px;padding:22px}.metrics b{display:block;font-size:2.2rem;margin:8px 0}.metrics em{font-style:normal;color:var(--muted);font-size:.8rem}.grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head a{color:var(--teal);font-size:.85rem}.row{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.row small,.row span{color:var(--muted)}.badge{border:1px solid #36515d;border-radius:99px;padding:5px 9px;font-size:.72rem}.retention{margin-top:16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#103039,#0a1a20)}.retention h2{font-size:1.8rem;margin:5px 0}.retention h2 span{color:var(--teal)}@media(max-width:900px){body{grid-template-columns:1fr}aside{display:none}main{padding:24px}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:520px){.metrics{grid-template-columns:1fr}header button{display:none}.retention{align-items:flex-start;gap:20px;flex-direction:column}}
a{cursor:pointer}.view{display:none}.view.active{display:block}.muted,.empty{color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kanban>div{background:#08151b;border:1px solid var(--line);border-radius:14px;padding:14px}.kanban article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:12px}.week{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.week div{background:#08151b;border:1px solid var(--line);padding:16px;border-radius:12px}.week b,.week span{display:block}.week span{color:var(--muted);font-size:.8rem}select,input{width:100%;background:#08151b;color:white;border:1px solid var(--line);border-radius:9px;padding:12px;margin:7px 0 16px}@media(max-width:900px){.kanban,.week{grid-template-columns:1fr 1fr}}@media(max-width:520px){.kanban,.week{grid-template-columns:1fr}}
dialog{width:min(520px,calc(100% - 30px));background:#0d1b24;color:#f4fbfc;border:1px solid #203640;border-radius:22px;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:2rem;margin:8px 0 22px}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#fff;font-size:1.6rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions .primary{background:#28e0c0;color:#031310}#toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;background:#28e0c0;color:#031310;border-radius:12px;font-weight:800;transform:translateY(100px);opacity:0;transition:.2s}#toast.show{transform:none;opacity:1}
.login-gate{position:fixed;inset:0;z-index:20;background:radial-gradient(circle at 80% 10%,#123842 0,transparent 38%),#071118;display:grid;place-items:center;padding:24px}.login-gate.hidden{display:none}.login-card{width:min(460px,100%);background:linear-gradient(145deg,#0d1b24,#09161c);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 30px 90px #0008}.login-card .logo{margin:0 0 24px}.login-card h1{font-size:2rem;margin:8px 0}.login-card p{color:var(--muted);margin:0 0 24px}.login-card button{width:100%;margin-top:5px}.login-card #loginError{color:#ff9e9e;margin-top:12px;min-height:1.2em}.resource-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.resource-row small{color:var(--muted)}

.live-kanban{grid-template-columns:repeat(4,minmax(220px,1fr));overflow:auto}.lead-card{display:block;margin:.7rem 0;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}.lead-card select{margin-top:.7rem;width:100%}.finance-row,.notification-row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.notification-row{grid-template-columns:110px 1fr auto}.status-dot{width:.65rem;height:.65rem;border-radius:50%;display:inline-block;background:#4ed8c7;margin-right:.45rem}@media(max-width:700px){.finance-row,.notification-row{grid-template-columns:1fr}.live-kanban{display:flex}.live-kanban>div{min-width:270px}}