*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#df0b82;--pink-dim:#df0b8214;--pink-border:#df0b8240;--navy:#3a409a;--navy-dim:#3a409a14;--navy-border:#3a409a40;--teal:#51c4c9;--teal-dim:#51c4c91a;--teal-border:#51c4c94d;--bg:#f7f8fc;--bg-card:#fff;--bg-elevated:#f0f2f8;--bg-hover:#eef0f8;--border:#e2e5f0;--border-light:#eceef6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--danger:#e53e3e;--danger-dim:#e53e3e14;--warning:#d97706;--warning-dim:#d9770614;--success:#059669;--info:#2563eb;--font:"Quicksand", system-ui, sans-serif;--radius:10px;--radius-lg:14px;--shadow:0 1px 6px #3a409a14;--shadow-lg:0 8px 32px #3a409a1f}html{font-size:15px}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;background:var(--bg);border:1.5px solid var(--border);color:var(--text-primary);border-radius:var(--radius);outline:none;width:100%;padding:.6rem .85rem;font-weight:500;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #3a409a1a}textarea{resize:vertical;min-height:90px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.admin-form{flex-direction:column;gap:.9rem;display:flex}.admin-form label{color:#4b5563;flex-direction:column;gap:.35rem;font-size:.77rem;font-weight:700;display:flex}.badge-published{color:#059669;background:#0596691a;border:1px solid #05966940;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.badge-draft{color:#9ca3af;background:#f7f8fc;border:1px solid #e2e5f0;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.badge-active{color:#059669;background:#0596691a;border:1px solid #05966940;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.badge-pending{color:#d97706;background:#d977061a;border:1px solid #d9770640;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}