.email-confirmation-banner{position:sticky;top:0;left:0;right:0;z-index:999;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:12px 20px;box-shadow:0 2px 8px #0000001a;transform:translateY(-100%);opacity:0;transition:all .3s ease-out}.email-confirmation-banner.visible{transform:translateY(0);opacity:1}.banner-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.banner-icon{font-size:20px;line-height:1}.banner-message{flex:1;font-size:14px;font-weight:500;min-width:200px}.banner-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.banner-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.banner-btn:active:not(:disabled){transform:translateY(0)}.banner-btn:disabled{opacity:.6;cursor:not-allowed}.banner-close{background:transparent;border:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;margin:-4px;border-radius:4px;transition:all .2s ease;opacity:.8}.banner-close:hover{background:#fff3;opacity:1}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){.email-confirmation-banner{padding:10px 16px}.banner-content{gap:12px}.banner-message{font-size:13px;min-width:150px}.banner-btn{padding:5px 12px;font-size:12px}}[data-theme=light] .email-confirmation-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #00000014}.notification{position:fixed;top:80px;right:20px;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;font-weight:500;max-width:400px;animation:slideIn .3s ease-out}.notification-success{background:#10b981;color:#fff}.notification-error{background:#ef4444;color:#fff}.notification-warning{background:#f59e0b;color:#fff}.notification-info{background:#3b82f6;color:#fff}@media (max-width: 640px){.notification{top:70px;right:10px;left:10px;max-width:none}}.grace-period-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466;animation:slideDown .3s ease-out;display:none}.grace-period-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;max-width:1400px;margin:0 auto}.grace-period-icon{font-size:32px;flex-shrink:0;animation:pulse 2s infinite}.grace-period-text{flex:1;color:#fff}.grace-period-text strong{display:block;font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:.3px}.grace-period-text p{margin:0;font-size:14px;line-height:1.5;opacity:.95}.grace-period-actions{display:flex;gap:12px;flex-shrink:0}.grace-period-actions .btn{font-size:13px;padding:10px 20px;white-space:nowrap}.grace-period-actions .btn-primary{background:#fff;color:#ef4444;font-weight:700}.grace-period-actions .btn-primary:hover{background:#f5f5f5;transform:translateY(-1px)}.grace-period-actions .btn-ghost{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.grace-period-actions .btn-ghost:hover{background:#fff3}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}body:has(.grace-period-banner[style*="display: block"]){padding-top:80px}@media (max-width: 768px){.grace-period-content{flex-direction:column;align-items:flex-start;padding:16px;gap:16px}.grace-period-icon{font-size:24px}.grace-period-text strong{font-size:15px}.grace-period-text p{font-size:13px}.grace-period-actions{width:100%;flex-direction:column}.grace-period-actions .btn{width:100%;justify-content:center}body:has(.grace-period-banner[style*="display: block"]){padding-top:160px}}