:root{--red:#f21f26;--wa:#25d366;--text:#222;--muted:#737373;--border:#e8e8e8;--bg:#f5f6f8}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text)}
.public{min-height:100vh;background:linear-gradient(160deg,#f21f26 0 48%,#f7f7f7 48% 100%)}
.hero{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(560px,100%);background:white;padding:38px;border-radius:24px;text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.18)}
.logo{display:block;width:min(320px,80%);margin:0 auto 25px;border-radius:16px}.card h1{font-size:34px;margin:0 0 12px}.card p{font-size:17px;line-height:1.55;color:var(--muted);margin:0 auto 28px;max-width:440px}
.wa-btn,.primary-btn{border:0;border-radius:12px;padding:15px 20px;background:var(--wa);color:white;font-size:16px;font-weight:700;cursor:pointer}.wa-btn{width:100%;font-size:18px}.wa-btn:disabled{opacity:.65;cursor:wait}.status{min-height:24px;margin-top:16px;color:#555}.brand-note{display:block;margin-top:18px;color:#999;line-height:1.4}
.admin-bg{background:var(--bg);min-height:100vh}.login-card{width:min(430px,calc(100% - 32px));margin:8vh auto;background:white;padding:32px;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.1)}.admin-logo{width:190px;margin-bottom:18px}.login-card h1{margin:0 0 24px}label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}input{width:100%;border:1px solid #dcdcdc;border-radius:10px;padding:12px 13px;font-size:15px;outline:none;background:white}input:focus{border-color:#999}.login-card .primary-btn{width:100%;margin-top:18px;background:var(--red)}.error{margin-top:10px;color:#c00}
.admin-header{background:var(--red);color:white;padding:18px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center}.admin-header strong{display:block;font-size:20px}.admin-header span{font-size:12px;opacity:.9}.admin-header a{color:white;text-decoration:none;font-weight:700}.admin-wrap{max-width:1180px;margin:28px auto;padding:0 18px}.panel{background:white;border-radius:16px;padding:24px;margin-bottom:22px;box-shadow:0 6px 24px rgba(0,0,0,.05)}.panel h2{margin:0 0 18px}.panel p{color:var(--muted);margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:16px}.primary-btn{background:var(--red)}.secondary-btn{border:1px solid #ddd;background:white;border-radius:9px;padding:10px 13px;cursor:pointer}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:13px 10px;text-align:left;white-space:nowrap}th{font-size:12px;color:#777;text-transform:uppercase}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.badge.on{background:#def7e8;color:#10723b}.badge.off{background:#eee;color:#666}.actions button{border:1px solid #ddd;background:white;border-radius:8px;padding:7px 9px;margin-right:6px;cursor:pointer}.actions .danger{color:#c00}#msg{margin-top:10px;color:#555}
@media(max-width:780px){.form-grid{grid-template-columns:1fr}.panel-head{flex-direction:column}.card{padding:26px 20px}.card h1{font-size:28px}}