:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f6f8fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff 0,#f3f6fb 100%)}button,input,select{font:inherit}.hidden{display:none!important}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}header{text-align:center;margin-bottom:42px}h1{font-size:clamp(30px,5vw,58px);margin:0 0 10px}header p{font-size:clamp(18px,2.4vw,28px);margin:0;color:#687184}.choices{display:grid;grid-template-columns:repeat(3,minmax(180px,280px));gap:24px;width:min(960px,100%)}.choice{border:0;border-radius:28px;padding:34px 18px;background:#fff;box-shadow:0 12px 35px rgba(37,51,82,.10);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;font-weight:700;font-size:20px;transition:.15s transform,.15s box-shadow}.choice:active{transform:scale(.96)}.choice:hover{box-shadow:0 14px 40px rgba(37,51,82,.16)}.emoji{font-size:86px;line-height:1}.thanks{height:34px;margin-top:28px;font-size:22px;font-weight:700;opacity:0;transition:.2s opacity}.thanks.show{opacity:1}.offline-badge{position:fixed;bottom:18px;background:#172033;color:#fff;padding:9px 14px;border-radius:999px;font-size:13px}.admin{min-height:100vh;padding:24px;background:#eef2f7}.admin-card{max-width:1100px;margin:0 auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 14px 40px rgba(37,51,82,.09)}.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#758096}.admin h2{font-size:30px;margin:5px 0}.admin h3{margin-top:30px}.admin p{color:#687184}.filters,.actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.filter,.secondary,.actions button,.sync-box button,.settings-row button,.pin-actions button{border:0;border-radius:12px;padding:11px 15px;cursor:pointer;font-weight:700}.filter,.secondary{background:#edf1f6;color:#263247}.filter.active{background:#172033;color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{border:1px solid #e7ebf1;border-radius:18px;padding:20px;text-align:center;display:grid;gap:5px}.stat span{font-size:46px}.stat strong{font-size:34px}.stat small{font-weight:700}.stat em{font-style:normal;color:#687184}.actions button,.sync-box button,.settings-row button,.pin-actions button:last-child{background:#172033;color:#fff}.actions .danger{background:#b42318}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4;white-space:nowrap}.empty{text-align:center;padding:20px}.pin-overlay{position:fixed;inset:0;background:rgba(13,20,35,.55);display:grid;place-items:center;padding:20px}.pin-card{width:min(390px,100%);background:#fff;border-radius:22px;padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.pin-card h2{margin-top:0}.pin-card input,.settings-row input,.device-filter-row select{width:100%;border:1px solid #cfd6e2;border-radius:12px;padding:12px;font-size:16px}.pin-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.pin-error{color:#b42318!important}.sync-box{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #e4e9f0;background:#f8fafc;padding:14px 16px;border-radius:16px;margin:18px 0}.sync-box small{display:block;color:#687184;margin-top:3px}.settings-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:16px 0}.settings-row label,.device-filter-row label{font-size:13px;font-weight:700;color:#526078}.settings-row input,.device-filter-row select{display:block;margin-top:6px;background:#fff;color:#172033}.device-filter-row{max-width:360px;margin:10px 0 20px}@media(max-width:700px){.choices{grid-template-columns:1fr;gap:14px}.choice{flex-direction:row;justify-content:center;padding:18px}.emoji{font-size:56px}.app{padding:20px}.stats{grid-template-columns:1fr}.admin-card{padding:18px}.settings-row{grid-template-columns:1fr}.admin-header{align-items:center}.admin h2{font-size:24px}}
