*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#f5f7fb;color:#172033}button,input,select{font:inherit}.login{max-width:390px;margin:10vh auto;background:white;padding:32px;border-radius:18px;box-shadow:0 15px 50px #0001}.login input{width:100%;padding:12px;margin:7px 0;border:1px solid #dbe1ea;border-radius:9px}.btn{border:0;border-radius:9px;padding:11px 16px;background:#172033;color:white;cursor:pointer}.login .btn{width:100%;margin-top:10px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:#111827;color:white;padding:25px 18px}.brand{font-weight:800;font-size:20px;margin-bottom:30px}.nav button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#cbd5e1;padding:12px;border-radius:8px;cursor:pointer}.nav button:hover{background:#ffffff12;color:white}.main{padding:30px}.top{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.card,.panel{background:white;border-radius:14px;padding:20px;box-shadow:0 4px 20px #00000008}.metric{font-size:30px;font-weight:800}.muted{color:#718096}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.col{background:#eef2f7;border-radius:12px;padding:12px;min-height:240px}.lead{background:white;padding:12px;border-radius:9px;margin:8px 0;border:1px solid #e5e7eb}.form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.form input,.form select{padding:10px;border:1px solid #dbe1ea;border-radius:8px}.error{color:#b42318;margin-top:10px}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{display:none}.cards,.pipeline{grid-template-columns:1fr}.main{padding:16px}}