:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eaf1ff;background:#080c14;--blue:#3779fe;--panel:#111827;--muted:#8290aa;--border:#222d41}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#14244a 0,transparent 32%),#080c14;min-height:100vh}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:rgba(17,24,39,.96);border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:0 24px 80px #0008}.brand-mark{display:grid;place-items:center;width:52px;height:52px;background:var(--blue);border-radius:14px;font-weight:900}.login-card h1{margin:22px 0 5px}.login-card p{color:var(--muted);margin:0 0 24px}.login-card label{display:block;color:#b9c4d8;font-size:13px;margin:14px 0}.login-card input,.modal-head+div input,.modal-head+div select,.modal-head+div textarea{display:block;width:100%;margin-top:7px;background:#0b1220;border:1px solid var(--border);border-radius:10px;padding:12px;color:white}.login-card button,.modal-actions button,#add-button{border:0;border-radius:10px;background:var(--blue);color:white;font-weight:700;padding:12px 18px;cursor:pointer}.login-card>button{width:100%;margin-top:8px}.error{color:#ff7b8d;font-size:13px;margin-top:12px}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:#0a101b;border-right:1px solid var(--border);display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:8px;margin:0 10px 28px;font-weight:900}.logo span{background:var(--blue);padding:8px;border-radius:9px}.logo small{letter-spacing:2px}.sidebar nav{display:grid;gap:6px}.nav,.logout{border:0;background:transparent;color:#8e9ab1;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer}.nav:hover,.nav.active{background:#17223a;color:white}.sidebar-bottom{margin-top:auto}.integration{font-size:12px;color:#9cabbe;background:#111827;padding:10px;border-radius:9px;margin-bottom:8px}.logout{width:100%}main{padding:28px 34px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}header h1{margin:0 0 4px;font-size:28px}header p{margin:0;color:var(--muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel{background:rgba(17,24,39,.92);border:1px solid var(--border);border-radius:16px;padding:20px}.stats article span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.stats article strong{font-size:28px}.stats .accent{background:linear-gradient(135deg,#1b4fc4,#3779fe);border-color:#5d8fff}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel h2{font-size:17px;margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.link-button{color:#69a0ff;border:0;background:none;cursor:pointer}.funnel{display:grid;gap:12px}.funnel-row{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:10px;font-size:13px}.bar{height:9px;background:#1e2a3f;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#3779fe,#64c8ff);border-radius:8px}.tasks,.client-list{display:grid;gap:10px}.task,.client-row{display:flex;gap:12px;align-items:center;padding:11px;background:#0c1423;border:1px solid #1b2639;border-radius:10px}.task input{accent-color:var(--blue)}.task div,.client-row div{min-width:0}.task strong,.client-row strong{display:block;font-size:13px}.task small,.client-row small{color:var(--muted)}.kanban{display:grid;grid-template-columns:repeat(7,minmax(240px,1fr));gap:12px;overflow:auto;padding-bottom:16px}.column{background:#0e1522;border:1px solid var(--border);border-radius:14px;min-height:420px;padding:12px}.column h3{display:flex;justify-content:space-between;margin:2px 3px 12px;font-size:13px;color:#b8c4d8}.lead-card{background:#151f31;border:1px solid #26344d;border-radius:11px;padding:13px;margin:9px 0;cursor:pointer}.lead-card:hover{border-color:#3e7dff}.lead-card strong{display:block;font-size:13px}.lead-card small{display:block;color:var(--muted);margin:6px 0}.lead-card b{color:#74a5ff}dialog{border:1px solid var(--border);border-radius:18px;background:#111827;color:white;width:min(520px,calc(100% - 32px));padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000a}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:19px}.modal-head button{border:0;background:none;color:#9aa8be;font-size:25px;cursor:pointer}#modal-fields{padding:8px 22px 14px}#modal-fields label{display:block;color:#b9c4d8;font-size:13px;margin-top:13px}textarea{min-height:90px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border)}.modal-actions .secondary{background:#202b3f;color:#ccd5e5}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.app{grid-template-columns:76px 1fr}.sidebar{padding:20px 10px}.logo small,.nav{font-size:0}.nav:before{font-size:12px;content:attr(data-view)}.integration{display:none}main{padding:24px 18px}}@media(max-width:620px){.app{display:block}.sidebar{position:fixed;z-index:5;bottom:0;top:auto;width:100%;height:64px;flex-direction:row;padding:8px;align-items:center}.logo,.sidebar-bottom{display:none}.sidebar nav{display:flex;width:100%;justify-content:space-around}.nav{font-size:12px;padding:12px}.nav:before{display:none}main{padding:20px 14px 84px}.stats{grid-template-columns:1fr 1fr}.stats article{padding:15px}.stats article strong{font-size:22px}header{align-items:flex-start}#add-button{padding:10px 12px}.kanban{grid-template-columns:repeat(7,82vw)}}