:root{--blue:#075cff;--orange:#ff9d00;--green:#16a34a;--red:#dc2626;--muted:#64748b;--line:#e5edf9}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#eef5ff,#fff7e8);color:#111827}
header{background:linear-gradient(135deg,#06132d,#0b3ca8,#0897ff);color:#fff;padding:12px;position:sticky;top:0;z-index:10;box-shadow:0 8px 28px #0003}
.wrap{max-width:1280px;margin:auto}.head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{display:flex;gap:12px;align-items:center}.logo{width:68px;height:68px;border-radius:18px;object-fit:cover;background:white;padding:5px}h1{font-size:22px;margin:0}.tag{font-size:13px;color:#eaf2ff;margin:4px 0}.nav{display:flex;gap:7px;flex-wrap:wrap}.nav a{background:#ffffff22;color:white;border:1px solid #ffffff55;text-decoration:none;padding:9px 11px;border-radius:11px;font-weight:800}
.container{max-width:1280px;margin:18px auto;padding:0 12px}.login,.card,.modal{background:white;border:1px solid #e5edf9;border-radius:20px;box-shadow:0 14px 32px #0b1b3d20}.login{max-width:460px;margin:35px auto;padding:24px;text-align:center}.login-logo{width:150px;border-radius:18px}
input,select,textarea,button{width:100%;padding:11px;border-radius:11px;border:1px solid #d9e3f3;font-size:14px;background:white}textarea{min-height:90px}
button,.btn{border:0;background:linear-gradient(135deg,#ff9d00,#ffc400);font-weight:800;cursor:pointer;box-shadow:0 5px 0 #b76b00;color:#111;text-decoration:none;display:inline-block;text-align:center;padding:10px 12px;border-radius:11px}.btn-blue{background:linear-gradient(135deg,#1784ff,#0826a8);color:white;box-shadow:0 5px 0 #06196d}.btn-green{background:linear-gradient(135deg,#2bd981,#087d46);color:white;box-shadow:0 5px 0 #04582f}.btn-red{background:linear-gradient(135deg,#ff6868,#d71919);color:white;box-shadow:0 5px 0 #941010}.btn-light{background:#eef5ff;color:#075cff;box-shadow:none;border:1px solid #dbe8ff}
.row{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{padding:14px}.stat{grid-column:span 3}.full{grid-column:span 12}.half{grid-column:span 6}.main{grid-column:span 8}.side{grid-column:span 4}.stat small{color:#64748b}.stat b{font-size:28px;display:block;margin-top:4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}.toolbar>*{flex:1;min-width:150px}
table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}th,td{padding:7px 8px;border-bottom:1px solid #edf2fb;text-align:left;font-size:12.5px;vertical-align:middle;line-height:1.25}th{background:#092b68;color:white}.lead-title{font-weight:800}.lead-sub,.muted{color:#64748b;font-size:12px}.note-line{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;display:inline-block}.New{background:#e0ecff;color:#075cff}.Called{background:#e9d5ff;color:#6b21a8}.Interested{background:#dcfce7;color:#15803d}.Callback{background:#fef3c7;color:#9a6400}.Closed{background:#d1fae5;color:#047857}.NotInterested{background:#fee2e2;color:#b91c1c}.Demo{background:#dbeafe;color:#1d4ed8}.Quotation{background:#fce7f3;color:#be185d}.PaymentPending{background:#ffedd5;color:#c2410c}.hot{background:#fee2e2;color:#b91c1c}.warm{background:#fef3c7;color:#9a6400}.cold{background:#e0ecff;color:#075cff}
.actions{display:flex;gap:4px;flex-wrap:wrap}.actions a,.actions button{width:auto;font-size:11px;padding:6px 8px;box-shadow:none}.notice{padding:10px;background:#fff7df;border:1px solid #ffe1a1;border-radius:13px;margin:8px 0;font-size:13px}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #e9f1ff}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lane{background:#f8fbff;border:1px solid #e5edf9;border-radius:16px;padding:10px}.lead-card{background:white;border:1px solid #e5edf9;border-radius:12px;padding:8px;margin:7px 0}.footer{text-align:center;color:#64748b;margin:24px 0;font-size:12px}
.btn-edit{background:linear-gradient(135deg,#38bdf8,#075cff);color:white}.modal-backdrop{position:fixed;inset:0;background:#0f172a99;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px}.modal-backdrop[hidden]{display:none}.lead-modal{width:min(1040px,100%);max-height:92vh;overflow:auto;padding:24px}.lead-modal h2{margin-top:0;font-size:30px}.lead-edit-form{display:grid;gap:12px}.lead-edit-form textarea{min-height:130px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.modal-actions button{min-height:50px}
@media(max-width:900px){.stat,.full,.half,.main,.side{grid-column:span 12}.grid2,.grid3,.grid4,.kanban{grid-template-columns:1fr}table{display:block;overflow:auto}h1{font-size:18px}}