*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;background:linear-gradient(135deg,#fdf2ff,#e0f7ff 50%,#fff7e0);color:#222;min-height:100vh}
header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;box-shadow:0 2px 12px #0001;position:sticky;top:0;z-index:5}
header img{height:34px}header h1{font-size:19px;margin:0;background:linear-gradient(90deg,#ff3d77,#7b2ff7,#00b4d8);-webkit-background-clip:text;color:transparent;white-space:nowrap}
nav{display:flex;gap:8px;padding:10px 14px;overflow-x:auto}nav button,.btn{border:0;border-radius:16px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;background:#fff;box-shadow:0 3px 10px #0001;white-space:nowrap;text-decoration:none;color:#222;display:inline-block}
nav button.on{background:linear-gradient(90deg,#ff3d77,#7b2ff7);color:#fff}.sm{padding:6px 10px;font-size:13px;border-radius:10px}
main{padding:0 14px 50px;max-width:1150px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}
.card{background:#fff;border-radius:22px;padding:16px;box-shadow:0 6px 20px #0000000f;margin-bottom:12px}h2,h3{margin-top:0}
.kpi{color:#fff;border-radius:22px;padding:16px}.kpi b{font-size:30px;display:block}
.g1{background:linear-gradient(135deg,#ff6b6b,#ff3d77)}.g2{background:linear-gradient(135deg,#7b2ff7,#b06bff)}.g3{background:linear-gradient(135deg,#00b4d8,#48cae4)}.g4{background:linear-gradient(135deg,#06d6a0,#1b9e77)}.g5{background:linear-gradient(135deg,#ffb703,#fb8500)}
.lead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border-radius:16px;background:#f8f6ff;margin:8px 0;cursor:pointer}.lead:hover{background:#efe8ff}
.pill{border-radius:12px;padding:3px 9px;font-size:12px;font-weight:700;background:#eee;white-space:nowrap}
.Yes{background:#c7f9cc}.No{background:#ffd6d6}.Demo{background:#e0c3ff}.Follow-up{background:#ffe8a3}
.opts{display:flex;gap:8px;flex-wrap:wrap}.opts button{flex:1;min-width:90px;padding:16px;border-radius:18px;border:3px solid transparent;font-size:16px;font-weight:800;cursor:pointer;background:#f3f0ff}
.opts button.sel{border-color:#7b2ff7;background:#fff;box-shadow:0 0 0 4px #7b2ff733}
input,select,textarea{width:100%;padding:12px;border-radius:14px;border:2px solid #e5e0ff;font-size:15px;margin:4px 0 10px;font-family:inherit}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:8px;border-bottom:1px solid #eee;text-align:left}th{background:#f3f0ff}
.bar{height:28px;border-radius:14px;color:#fff;font-weight:700;padding:5px 12px;margin:6px 0;font-size:13px;white-space:nowrap}
.tl{border-left:4px solid #7b2ff7;padding:2px 0 2px 12px;margin:8px 0}.off{color:#b45309;font-weight:700}.ok{color:#047857;font-weight:700}
.go{background:linear-gradient(90deg,#06d6a0,#00b4d8)!important;color:#fff!important}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:12px 20px;border-radius:16px;display:none;z-index:9}
.login{max-width:380px;margin:40px auto;text-align:center}.login img{height:60px}