:root{--bg-color:#f3f4f6;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--primary:#1d4ed8;--button-bg:#1f8a4c;--button-hover:#166534;--border-color:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);justify-content:center;align-items:flex-start;min-height:100vh;padding:1rem;display:flex}.app-container{width:100%;max-width:400px;margin-top:1rem}.white-panel{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000000d}.header-section{text-align:center;padding:2.5rem 2rem 1.5rem}.logo-icon{color:#1a73e8;width:72px;height:72px;margin:0 auto 1rem}.title{color:#111827;margin-bottom:1rem;font-size:1.75rem;font-weight:800}.description{color:#6b7280;font-size:1rem;line-height:1.6}.divider{background-color:var(--border-color);width:100%;height:1px}.action-section{text-align:center;padding:1.5rem 2rem 2.5rem}.instruction-title{color:#1f2937;margin-bottom:1rem;font-size:1.3rem;font-weight:700;line-height:1.4}.instruction-subtitle{color:#374151;margin-bottom:1.5rem;font-size:1.05rem}.down-arrow{color:#1f2937;width:36px;height:36px;margin:0 auto 1.5rem}.form-group{margin-bottom:1rem}input{text-align:center;color:#1f2937;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:1rem;font-size:1.1rem}input::placeholder{color:#9ca3af}input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.btn{background-color:var(--button-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;padding:1.1rem;font-size:1.1rem;font-weight:600;transition:background-color .2s;display:flex}.btn:hover{background-color:var(--button-hover)}.btn:disabled{opacity:.7;cursor:not-allowed}.details-card{text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:8px;padding:1.25rem}.details-title{color:#1f2937;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.details-content{color:#1d4ed8;font-size:1.1rem;font-weight:700}.message{text-align:center;border-radius:.5rem;margin-top:1rem;padding:.75rem;font-size:.9rem}.message.error{color:#dc2626;background:#fee2e2;border:1px solid #f87171}.message.success{color:#16a34a;background:#dcfce3;border:1px solid #4ade80}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer-link{text-align:center;color:#6b7280;cursor:pointer;margin-top:1.5rem;font-size:.875rem;text-decoration:none;display:block}.admin-container{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin-top:2rem;display:flex}.admin-header{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 10px #0000000d}.admin-logo{color:#1a73e8;align-items:center;gap:.75rem;display:flex}.admin-logo h2{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.small-icon{width:32px;height:32px;margin:0}.logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.logout-btn:hover{color:#fff;background:#ef4444}.admin-dashboard-content{flex-direction:column;gap:1.5rem;display:flex}.glass-card{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff6;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #0000000d}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff80;box-shadow:0 20px 40px #00000014}.stat-card{color:#fff;background:linear-gradient(135deg,#1a73e8 0%,#1e40af 100%);border:none;align-items:center;gap:1.5rem;display:flex}.stat-icon{background:#fff3;border-radius:12px;padding:1rem;display:flex}.stat-icon svg{color:#fff;width:32px;height:32px}.stat-info h3{opacity:.9;margin-bottom:.25rem;font-size:1rem;font-weight:500}.stat-value{font-size:2.5rem;font-weight:800;line-height:1}.action-card{text-align:left}.card-title{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.card-subtitle{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.broadcast-textarea{resize:vertical;background:#ffffffe6;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:120px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .2s}.broadcast-textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e826}.btn-primary{background-color:#1a73e8}.btn-primary:hover{background-color:#1557b0;transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}.btn-dark{background-color:#111827}.btn-dark:hover{background-color:#000}.broadcast-btn{margin-bottom:0}.animated{animation-duration:.5s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}