.fwaye-gradient{background:linear-gradient(135deg,#3b82f6,#1e40af)}.fwaye-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease-in-out}.fwaye-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.fwaye-button-primary{background:#3b82f6;color:#fff;padding:12px 24px;border-radius:9999px;font-weight:600;transition:all .2s ease-in-out;border:none;cursor:pointer}.fwaye-button-primary:hover{background:#2563eb;transform:translateY(-1px)}.fwaye-button-secondary{background:#fff;color:#374151;padding:12px 24px;border-radius:9999px;font-weight:600;transition:all .2s ease-in-out;border:2px solid #E5E7EB;cursor:pointer}.fwaye-button-secondary:hover{background:#f9fafb;border-color:#d1d5db}.fwaye-nav-active{color:#3b82f6;background-color:#eff6ff}.fwaye-nav-inactive{color:#6b7280}.fwaye-nav-inactive:hover{color:#374151}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.fwaye-card{margin:8px}}.fwaye-input{width:100%;padding:12px 16px;border:2px solid #E5E7EB;border-radius:12px;font-size:16px;transition:all .2s ease-in-out}.fwaye-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.online-indicator{width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%;position:absolute;bottom:0;right:0}.notification-badge{background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:9999px;position:absolute;top:-4px;right:-4px;min-width:20px;text-align:center}