:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#152b43;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.top{background:#061b35;color:#fff;padding:18px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#118af0;font-size:27px;font-weight:800}.brand strong{display:block;font-size:23px;letter-spacing:2px}.brand small{display:block;color:#83baf1;font-size:10px;letter-spacing:1.7px}.pill{font-size:12px;border:1px solid #3c5674;border-radius:20px;padding:8px 12px}main{max-width:1180px;margin:44px auto;padding:0 20px}.hidden{display:none!important}.panel,.stat{background:white;border:1px solid #e3eaf2;border-radius:15px;box-shadow:0 3px 18px #14385c08}.panel{padding:25px}.login{max-width:450px;margin:75px auto}.eyebrow{color:#0879d6;font-weight:800;font-size:11px;letter-spacing:1.5px}h1{font-size:30px;margin:10px 0}h2{margin:0 0 4px;font-size:19px}p{color:#63748a;line-height:1.5}label{display:block;font-size:13px;font-weight:700;margin:20px 0 0}input{width:100%;padding:12px 13px;margin-top:7px;border:1px solid #cbd7e4;border-radius:9px;font:inherit;background:#fff;color:#152b43}button{border:0;border-radius:9px;background:#087cde;color:white;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}form button{margin-top:24px;width:100%}.secondary{background:#edf3fa;color:#17426d}.error{color:#a62134;min-height:1em;font-weight:600}.heading,.toolbar,.pager{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading{margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{padding:24px}.stat span{color:#63748a;font-size:13px}.stat strong{display:block;font-size:36px;margin-top:10px}.toolbar{margin-bottom:16px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions input{width:205px;margin:0}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f3f7fb;color:#496079}th,td{padding:14px 11px;border-bottom:1px solid #e9eef4;vertical-align:top}td{overflow-wrap:anywhere}tbody tr:hover{background:#f8fbff}.pager{padding-top:20px;font-size:13px;color:#63748a}.pager>div{display:flex;gap:8px}.footnote{font-size:12px}@media(max-width:700px){main{margin:25px auto}.pill{display:none}.heading,.toolbar{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.stat strong{font-size:27px}.actions input{width:100%}.panel{padding:16px}}

/* Official ZEKI identity + navy sign-in */
.top{background:#061b35;min-height:96px}
.official-logo{width:176px;height:auto;display:block;object-fit:contain}
.admin-label{font-size:10px;letter-spacing:1.3px;color:#9dc7f2;border-left:1px solid #35516c;padding-left:12px}
body:has(#login:not(.hidden)){background:#061b35;min-height:100vh}
body:has(#login:not(.hidden)) .top{border-bottom:1px solid #24405c}
body:has(#login:not(.hidden)) main{max-width:1180px;margin:58px auto}
body:has(#login:not(.hidden)) .login{margin:60px auto;background:#fff;box-shadow:0 20px 55px #0004;border-color:#35516c}
body:has(#login:not(.hidden)) .pill{color:#d8e7f8}
@media(max-width:700px){.official-logo{width:138px}.admin-label{font-size:9px}.top{padding:16px 20px}.brand{gap:9px}body:has(#login:not(.hidden)) .login{margin:32px auto}}

/* v3 — subtle ZEKI colors and readable WhatsApp column */
.stats .stat:nth-child(1){background:#eaf4ff;border-color:#d4e7fa}
.stats .stat:nth-child(2){background:#eef8f7;border-color:#d9ecea}
.stats .stat:nth-child(3){background:#f1effb;border-color:#e3def5}
#app .panel{background:#fbfdff}
#app thead th{background:#e5f0fb;color:#163a62}
#app tbody tr:nth-child(odd){background:#f4f8fd}
#app tbody tr:nth-child(even){background:#fff}
#app tbody tr:hover{background:#eaf3ff}
#app th:nth-child(3),#app td:nth-child(3){min-width:165px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
#app table{min-width:1080px}

/* v4 — global multi-select interest analytics */
.interest-panel{margin-bottom:24px;background:#fff!important}.interest-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.interest-heading h2{margin-top:8px}.interest-heading p{margin:6px 0 0;font-size:13px}.interest-base{border-radius:30px;background:#eaf4ff;color:#225d95;padding:8px 12px;font-size:12px;white-space:nowrap}.interest-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.interest-item{min-width:0}.interest-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-bottom:10px}.interest-row span{font-variant-numeric:tabular-nums;color:#3f5673;white-space:nowrap}.interest-track{height:12px;background:#edf1f7;border-radius:999px;overflow:hidden}.interest-fill{height:100%;border-radius:999px;transition:width .3s ease}.interest-note{font-size:12px;margin:24px 0 0;color:#65768d}@media(max-width:700px){.interest-bars{grid-template-columns:1fr}.interest-heading{flex-direction:column}.interest-row{font-size:12px}}