:root{--wa-primary-dark:#075E54;--wa-teal:#128C7E;--wa-teal-light:#25D366;--wa-green:#25D366;--wa-green-dark:#00A884;--wa-canvas-light:#EFEAE2;--wa-canvas-subtle:#F0F2F5;--wa-bubble-incoming:#FFFFFF;--wa-bubble-outgoing:#DCF8C6;--wa-text-primary:#111B21;--wa-text-secondary:#667781;--wa-border:#E9EDEF;--wa-card-bg:#FFFFFF;--wa-hover-bg:#F5F6F6;--wa-danger:#EA4335;--wa-warning:#F59E0B;--wa-info:#0284C7;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(11,20,26,0.08);--shadow-md:0 4px 12px rgba(11,20,26,0.08);--shadow-lg:0 10px 30px rgba(11,20,26,0.12);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--wa-canvas-subtle);color:var(--wa-text-primary);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.wa-canvas{background-color:var(--wa-canvas-light);background-image:url(/wa-doodle.svg);background-repeat:repeat;background-size:240px 240px}.wa-topbar{background-color:var(--wa-primary-dark);color:#FFFFFF;height:64px;justify-content:space-between;padding:0 28px;box-shadow:var(--shadow-sm);z-index:40}.wa-topbar,.wa-topbar-brand{display:flex;align-items:center}.wa-topbar-brand{gap:12px;font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.wa-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.wa-badge-green{background-color:rgba(37,211,102,.15);color:#0d803b;border:1px solid rgba(37,211,102,.3)}.wa-badge-yellow{background-color:rgba(245,158,11,.15);color:#b45309;border:1px solid rgba(245,158,11,.3)}.wa-badge-red{background-color:rgba(234,67,53,.12);color:#b91c1c;border:1px solid rgba(234,67,53,.25)}.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease-in-out;border:none;text-decoration:none}.wa-btn-primary{background-color:var(--wa-green-dark);color:#FFFFFF}.wa-btn-primary:hover{background-color:#019071;box-shadow:0 4px 14px rgba(0,168,132,.35);transform:translateY(-1px)}.wa-btn-teal{background-color:var(--wa-teal);color:#FFFFFF}.wa-btn-teal:hover{background-color:var(--wa-primary-dark)}.wa-btn-secondary{background-color:#FFFFFF;color:var(--wa-text-primary);border:1px solid var(--wa-border)}.wa-btn-secondary:hover{background-color:var(--wa-hover-bg)}.wa-btn-danger{background-color:var(--wa-danger);color:#FFFFFF}.wa-btn-danger:hover{background-color:#c5221f}.wa-card{background:var(--wa-card-bg);border-radius:var(--radius-lg);border:1px solid var(--wa-border);box-shadow:var(--shadow-sm);padding:24px;transition:transform .15s ease,box-shadow .15s ease}.wa-card:hover{box-shadow:var(--shadow-md)}.wa-bubble{max-width:78%;padding:10px 14px;border-radius:10px;position:relative;font-size:.925rem;line-height:1.45;box-shadow:0 1px 1.5px rgba(11,20,26,.13);word-break:break-word}.wa-bubble-in{background:var(--wa-bubble-incoming);align-self:flex-start;border-top-left-radius:0}.wa-bubble-out{background:var(--wa-bubble-outgoing);align-self:flex-end;border-top-right-radius:0}.wa-bubble-time{font-size:.7rem;color:var(--wa-text-secondary);float:right;margin-top:4px;margin-left:10px}.wa-modal-backdrop{position:fixed;inset:0;background-color:rgba(11,20,26,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.wa-modal-content{background:#FFFFFF;border-radius:var(--radius-lg);max-width:520px;width:100%;padding:32px;box-shadow:var(--shadow-lg);position:relative}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.wa-pulse{animation:pulseGlow 2s ease-in-out infinite}