.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}}.upgrade-modal .modal-card{max-width:900px;width:90%}.upgrade-modal .modal-header{text-align:center;padding:32px 24px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.upgrade-icon{font-size:48px;margin-bottom:16px}.upgrade-modal h2{font-size:28px;margin-bottom:8px;color:#00d4aa}.upgrade-subtitle{font-size:16px;color:#ffffffb3;margin:0}.current-plan-notice{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;margin-bottom:24px;font-size:14px;color:#fffc}.plan-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.free{background:#6b728033;color:#9ca3af}.plan-badge.pro{background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff}.plan-badge.consultant{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.plan-badge.enterprise{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.upgrade-benefits{margin-bottom:32px}.upgrade-benefits h3{font-size:18px;margin-bottom:16px;color:#ffffffe6}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.benefits-list li:last-child{border-bottom:none}.benefit-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#00d4aa33;color:#00d4aa;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.plans-comparison{margin-top:32px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}.plan-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .2s ease}.plan-card.highlight{background:#00d4aa1a;border:2px solid #00d4aa;transform:scale(1.02)}.plan-card .plan-badge{position:absolute;top:-12px;right:12px;background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.plan-name{font-size:20px;font-weight:600;margin-bottom:8px;color:#00d4aa}.plan-price{font-size:24px;font-weight:700;margin-bottom:16px;color:#ffffffe6}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{padding:8px 0;font-size:14px;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.05)}.plan-features li:last-child{border-bottom:none}.plan-features li:before{content:"✓";color:#00d4aa;font-weight:700;margin-right:8px}.upgrade-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.upgrade-modal .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px}.btn-arrow{transition:transform .2s ease}.upgrade-modal .btn-primary:hover .btn-arrow{transform:translate(4px)}@media (max-width: 768px){.upgrade-modal .modal-card{width:95%;max-height:90vh;overflow-y:auto}.plans-grid{grid-template-columns:1fr}.plan-card.highlight{transform:scale(1)}.upgrade-icon{font-size:36px}.upgrade-modal h2{font-size:22px}.upgrade-modal .modal-footer{flex-direction:column}.upgrade-modal .modal-footer .btn{width:100%}}.upgrade-modal.show .modal-card{animation:slideInUp .3s ease-out}.subscription-modal .modal-card{max-width:600px;width:90%}.subscription-modal .modal-header{text-align:center;padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header-logo{display:flex;justify-content:center;margin-bottom:16px}.modal-header-logo img{max-height:50px;max-width:200px;width:auto;height:auto;object-fit:contain}.subscription-logo{height:50px;width:auto;object-fit:contain}.subscription-modal h2{font-size:24px;margin-bottom:8px;color:#fffffff2;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.modal-subtitle{font-size:14px;color:#fff9;margin:0}.subscription-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.plan-badge-large{padding:8px 20px;border-radius:12px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.plan-badge-large.demo{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.4)}.plan-badge-large.free{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.plan-badge-large.pro{background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff;box-shadow:0 4px 12px #00d4aa4d}.plan-badge-large.consultant{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.plan-badge-large.team{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.plan-badge-large.enterprise{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;box-shadow:0 4px 12px #ec48994d}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%}.billing-info{display:flex;flex-direction:column;gap:10px}.grace-period-warning{display:flex;gap:12px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:12px}.grace-period-warning .warning-icon{font-size:24px;flex-shrink:0}.grace-period-warning .warning-text{flex:1}.grace-period-warning .warning-text strong{display:block;font-size:14px;font-weight:700;color:#ef4444;margin-bottom:6px}.grace-period-warning .warning-text p{margin:0;font-size:13px;line-height:1.5;color:#ffffffd9}.billing-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.billing-row:last-child{border-bottom:none}.billing-row.warning{background:#f59e0b1a;padding:10px;border-radius:8px;border:1px solid rgba(245,158,11,.3)}.billing-row .label{font-size:14px;color:#ffffffb3}.billing-row .value{font-size:14px;font-weight:600;color:#ffffffe6}.usage-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.usage-section h3{font-size:16px;margin-bottom:16px;color:#ffffffe6}.usage-item{margin-bottom:16px}.usage-item:last-child{margin-bottom:0}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-label{font-size:14px;color:#ffffffb3}.usage-value{font-size:14px;font-weight:600;color:#ffffffe6}.usage-unlimited{text-align:center;padding:12px;background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);border-radius:8px;color:#00d4aa;font-weight:600;font-size:14px}.features-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.features-section h3{font-size:16px;margin-bottom:16px;color:#ffffffe6}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.features-list li:last-child{border-bottom:none}.features-list li.enabled .feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#00d4aa33;color:#00d4aa;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.features-list li.disabled .feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef44441a;color:#ef4444;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.features-list li.disabled .feature-name{color:#fff6}.feature-name{font-size:14px;color:#fffc}.subscription-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.subscription-modal .btn-primary{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.subscription-modal .modal-card{width:95%;max-height:90vh;overflow-y:auto}.plan-header{flex-direction:column;align-items:flex-start}.subscription-modal .modal-footer{flex-direction:column-reverse}.subscription-modal .modal-footer .btn{width:100%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subscription-modal.show .modal-card{animation:slideInUp .3s ease-out}