.sidebar{width:260px;height:100vh;background:#fff;border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:all .3s ease}.sidebar-header{height:80px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid transparent}.logo-container{display:flex;align-items:center;gap:12px}.sidebar-logo{width:36px;height:36px}.logo-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:700;font-size:1.1rem;color:var(--text-primary);letter-spacing:-.5px}.brand-badge{font-size:.7rem;font-weight:600;color:var(--ganapro-pink);text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--text-secondary);font-weight:500;font-size:.95rem;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1)}.sidebar-item:hover{background:var(--bg-gray);color:var(--text-primary);transform:translate(4px)}.sidebar-item.active{background:var(--ganapro-pink-light);background:#fff0f3;color:var(--ganapro-pink);font-weight:600}.sidebar-item svg{transition:transform .2s ease}.sidebar-item:hover svg{transform:scale(1.1)}.sidebar-language{padding:12px 16px;border-top:1px solid var(--border-light);background:#fafafa;display:flex;justify-content:flex-end}.sidebar-language .language-switcher{width:auto!important}.sidebar-language .language-switcher__trigger{width:auto!important;background:#f8fafc;border-color:var(--border-light);color:var(--text-primary, #1e293b)}.sidebar-language .language-switcher__trigger:hover{background:#f1f5f9}.sidebar-language .language-label-text,.sidebar-language .language-label{color:var(--text-secondary, #64748b)}.sidebar-language .language-name{color:var(--text-primary, #1e293b)}.sidebar-language .language-switcher__chevron{color:var(--text-secondary, #64748b)}.sidebar-language .language-switcher__menu{bottom:100%;margin-bottom:4px;background:#fff;border-color:var(--border-light)}.sidebar-language .language-switcher__option{color:var(--text-primary, #1e293b)}.sidebar-language .language-switcher__option:hover{background:#f1f5f9}.sidebar-language .language-switcher__option--active{background:var(--primary-light, #dbeafe);color:var(--primary-color, #2563eb)}.sidebar-footer{padding:20px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:#fafafa}.user-profile{display:flex;align-items:center;gap:12px;width:100%;overflow:hidden;padding:8px;margin:-8px;border-radius:10px;transition:all .2s ease;background:none;border:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.user-profile:focus-visible{outline:2px solid var(--ganapro-pink);outline-offset:2px}.user-profile.clickable:hover{background:#e85a7114}.user-profile.clickable:hover .user-avatar{transform:scale(1.05);box-shadow:0 2px 8px #e85a714d}.user-avatar{width:36px;height:36px;background:var(--ganapro-pink);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0;transition:all .2s ease}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name-text{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email-text{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.logout-button:hover{background:#fee2e2;color:#ef4444}.logout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logout-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #00000026;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logout-modal-icon{width:64px;height:64px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#ef4444}.logout-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.logout-modal-message{font-size:.95rem;color:var(--text-secondary);margin:0 0 24px}.logout-modal-actions{display:flex;gap:12px;justify-content:center}.logout-modal-cancel{flex:1;padding:12px 24px;border:1px solid var(--border-light);background:#fff;color:var(--text-primary);font-weight:500;font-size:.95rem;border-radius:10px;cursor:pointer;transition:all .2s ease}.logout-modal-cancel:hover{background:var(--bg-gray)}.logout-modal-confirm{flex:1;padding:12px 24px;border:none;background:#ef4444;color:#fff;font-weight:500;font-size:.95rem;border-radius:10px;cursor:pointer;transition:all .2s ease}.logout-modal-confirm:hover{background:#dc2626}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:0;opacity:0;pointer-events:none}}.help-faq-button{position:fixed;bottom:30px;right:92px;width:48px;height:48px;border-radius:50%;background:#fdf2f4;color:#e85a71;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #e85a7126;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.help-faq-button:hover{transform:scale(1.1);background:#fadce2;box-shadow:0 4px 18px #e85a7140}.help-faq-button:active{transform:scale(1.05)}.help-button-tooltip{position:absolute;right:56px;background:#1e293b;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;transform:translate(10px);transition:all .2s ease;pointer-events:none}.help-button-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#1e293b}.help-faq-button:hover .help-button-tooltip{opacity:1;transform:translate(0)}@media (max-width: 768px){.help-faq-button{bottom:96px;right:76px;width:42px;height:42px}.help-button-tooltip{display:none}}@media (max-width: 480px){.help-faq-button{bottom:96px;right:76px;width:44px;height:44px}}.support-chat-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#e85a71,#c74b5f);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #e85a7166,0 0 #e85a7166;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:visible}@media (max-width: 768px){.support-chat-button{bottom:90px;right:16px;width:52px;height:52px}}.help-faq-button.scanner-active{bottom:180px}.support-chat-button.scanner-active{bottom:170px}.support-chat-button.hidden{transform:scale(0);opacity:0;pointer-events:none}.chat-button-inner{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.support-chat-button:hover{transform:scale(1.1);box-shadow:0 8px 25px #e85a7180,0 0 #e85a7100}.support-chat-button:hover .chat-button-inner{transform:rotate(-10deg)}.support-chat-button:active{transform:scale(1.05)}.support-chat-button.has-unread{animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{box-shadow:0 4px 15px #e85a7166,0 0 #e85a7180}70%{box-shadow:0 4px 15px #e85a7166,0 0 0 15px #e85a7100}to{box-shadow:0 4px 15px #e85a7166,0 0 #e85a7100}}.chat-button-tooltip{position:absolute;right:70px;background:#1e293b;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;transform:translate(10px);transition:all .2s ease;pointer-events:none}.chat-button-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#1e293b}.support-chat-button:hover .chat-button-tooltip{opacity:1;transform:translate(0)}.unread-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;border:3px solid white;box-shadow:0 2px 8px #ef444466;animation:badge-pop .3s ease}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.support-chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;animation:overlay-fade .2s ease}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.support-chat-modal{width:400px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 100px);background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:modal-slide .3s cubic-bezier(.4,0,.2,1)}@keyframes modal-slide{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.support-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#e85a71,#c74b5f);color:#fff}.support-chat-title{display:flex;align-items:center;gap:12px}.support-avatar{position:relative;width:44px;height:44px;border-radius:12px;background:#fff;padding:6px;box-shadow:0 2px 8px #00000026}.support-avatar img{width:100%;height:100%;object-fit:contain}.online-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#22c55e;border-radius:50%;border:3px solid #e85a71;animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.support-info h3{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.support-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffe6;margin-top:2px}.status-dot{width:6px;height:6px;background:#86efac;border-radius:50%}.close-chat-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-chat-btn:hover{background:#ffffff40;transform:rotate(90deg)}.support-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.support-chat-messages::-webkit-scrollbar{width:6px}.support-chat-messages::-webkit-scrollbar-track{background:transparent}.support-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.support-chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#64748b}.loading-dots{display:flex;gap:6px}.loading-dots span{width:10px;height:10px;background:#e85a71;border-radius:50%;animation:loading-bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.empty-illustration{margin-bottom:20px}.illustration-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fce7f3,#fdf2f8);display:flex;align-items:center;justify-content:center;color:#e85a71;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.chat-empty h4{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e293b}.chat-empty p{margin:0 0 24px;font-size:14px;color:#64748b;line-height:1.5;max-width:280px}.quick-replies{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.quick-reply-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:13px;color:#334155;text-align:left;transition:all .2s ease}.quick-reply-btn:hover{background:#f8fafc;border-color:#e85a71;transform:translate(4px);box-shadow:0 2px 8px #e85a7126}.quick-reply-btn:active{transform:translate(2px)}.quick-reply-icon{font-size:18px}.chat-welcome-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#fff;border-radius:20px;font-size:11px;color:#94a3b8;align-self:center;box-shadow:0 1px 3px #0000000d}.chat-welcome-banner svg{color:#e85a71}.chat-message{display:flex;gap:10px;max-width:85%;animation:message-appear .3s ease}@keyframes message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.sent{align-self:flex-end;flex-direction:row-reverse}.chat-message.received{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:10px;background:#fff;padding:4px;flex-shrink:0;box-shadow:0 2px 8px #00000014}.message-avatar img{width:100%;height:100%;object-fit:contain}.message-content{display:flex;flex-direction:column;gap:4px}.sender-name{font-size:11px;font-weight:600;color:#64748b;margin-left:4px}.message-bubble{padding:12px 16px;border-radius:18px;position:relative}.chat-message.sent .message-bubble{background:linear-gradient(135deg,#e85a71,#c74b5f);color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 8px #e85a714d}.chat-message.received .message-bubble{background:#fff;color:#1e293b;border-bottom-left-radius:6px;box-shadow:0 2px 8px #0000000f}.message-bubble p{margin:0;font-size:14px;line-height:1.5;word-wrap:break-word}.chat-message.sent .message-bubble p{color:#fff}.chat-message.system{align-self:center;max-width:90%}.chat-message.system .message-content{align-items:center}.chat-message.system .message-bubble{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border-radius:20px;border:1px solid #bbf7d0;text-align:center;padding:10px 20px}.chat-message.system .message-bubble p{color:#166534;font-size:13px}.chat-message.system .message-meta{justify-content:center}.chat-message.system .message-time{color:#16a34a}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 4px}.chat-message.received .message-meta{justify-content:flex-start}.message-time{font-size:10px;color:#94a3b8}.message-status{display:flex;align-items:center}.message-status svg{color:#94a3b8}.message-status svg.sent{color:#22c55e}.message-status .failed{color:#ef4444;font-weight:700;font-size:12px}.chat-load-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;text-align:center;padding:20px}.chat-load-error svg{color:#ef4444}.chat-load-error p{margin:0;font-size:14px;color:#64748b}.retry-load-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#334155;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-load-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.send-error-bar{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#fef2f2;border-top:1px solid #fecaca;color:#dc2626;font-size:13px}.send-error-bar svg{flex-shrink:0}.retry-msg-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#ef4444;font-size:11px;font-weight:600;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .15s ease}.retry-msg-btn:hover{background:#ef44441a}.support-chat-input{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #f1f5f9}.input-wrapper{flex:1;position:relative}.support-chat-input input{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:14px;font-size:14px;outline:none;transition:all .2s ease;background:#f8fafc}.support-chat-input input:focus{border-color:#e85a71;background:#fff;box-shadow:0 0 0 4px #e85a711a}.support-chat-input input::placeholder{color:#94a3b8}.send-btn{width:48px;height:48px;border-radius:14px;border:none;background:linear-gradient(135deg,#e85a71,#c74b5f);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #e85a714d}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e85a7166}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{background:#e2e8f0;box-shadow:none;cursor:not-allowed}.send-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.support-chat-button{bottom:90px;right:16px;width:56px;height:56px}.chat-button-tooltip{display:none}.support-chat-overlay{padding:0}.support-chat-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.support-chat-header{padding:12px 16px}.support-avatar{width:40px;height:40px}.quick-replies{max-width:100%}.chat-message{max-width:90%}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;animation:offlineBannerSlideIn .3s ease-out}@keyframes offlineBannerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-banner--offline{background:#dc2626;color:#fff}.offline-banner--reconnected{background:#16a34a;color:#fff;animation:offlineBannerSlideIn .3s ease-out,offlineBannerFadeOut .5s ease-in 2.5s forwards}@keyframes offlineBannerFadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.offline-banner__content{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.offline-banner__text{white-space:nowrap}.offline-banner__retry{display:inline-flex;align-items:center;gap:4px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:3px 10px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s ease;font-family:inherit;margin-left:4px}.offline-banner__retry:hover{background:#ffffff59}.offline-banner__retry:active{transform:scale(.97)}@media (prefers-reduced-motion: reduce){.offline-banner,.offline-banner--reconnected{animation:none}}@media print{.offline-banner{display:none}}.layout-wrapper{min-height:100vh;min-height:100dvh;background-color:var(--bg-light)}.layout-main{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.desktop-padded{padding-left:260px;padding-top:0}.content-container{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.fade-in-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-header{height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-light);position:fixed;top:0;left:0;right:0;z-index:50}.mobile-logo-container{display:flex;align-items:center;gap:2px}.mobile-logo-container picture{display:flex;align-items:center;width:32px;height:32px;flex-shrink:0}.mobile-logo{width:32px;height:32px;display:block}.mobile-brand{font-weight:700;font-size:1.25rem;color:var(--text-primary);position:relative;top:2px}.mobile-profile-btn{width:36px;height:36px;border-radius:50%;background:var(--ganapro-pink);color:#fff;border:none;font-weight:600;font-size:.85rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.mobile-profile-btn:active{transform:scale(.95)}.mobile-profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:70px;padding-right:16px;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-profile-menu{background:#fff;border-radius:16px;width:90%;max-width:320px;box-shadow:0 10px 40px #0003;animation:profileMenuIn .25s cubic-bezier(.4,0,.2,1);overflow:hidden;transform-origin:top right}@keyframes profileMenuIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mobile-profile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-light);background:var(--bg-gray)}.mobile-profile-info{display:flex;align-items:center;gap:12px}.mobile-profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--ganapro-pink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.mobile-profile-details{display:flex;flex-direction:column}.mobile-profile-email{font-size:.85rem;color:var(--text-primary);font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-profile-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-profile-close:hover{background:var(--border-light);color:var(--text-primary)}.mobile-profile-menu-content{padding:16px}.mobile-signout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#fee2e2;color:#dc2626;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-signout-btn:hover{background:#fecaca}.mobile-signout-btn:active{transform:scale(.98)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--border-light);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 12px #00000008}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:.65rem;gap:2px;flex:1;min-width:0;height:100%;transition:all .2s ease;padding:4px 2px}.nav-item svg{flex-shrink:0}.nav-item span{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item.active{color:var(--ganapro-pink)}.nav-item.active svg{transform:translateY(-2px)}@media (min-width: 769px){.bottom-nav{display:none}}@media (max-width: 768px){.layout-main{min-height:auto;height:auto}.content-container{padding:72px 16px 90px;min-height:auto;flex:1 0 auto}.desktop-padded{padding-left:0}.fade-in-content{min-height:auto}}@media (max-width: 480px){.content-container{padding:68px 12px 90px}.mobile-logo-container picture{width:28px;height:28px}.mobile-logo{width:28px;height:28px}.mobile-brand{font-size:1rem}}.language-switcher-fixed{position:fixed;bottom:20px;right:20px;z-index:99}.language-switcher-fixed .language-switcher__trigger{background:#fff;border:1px solid var(--border-light);box-shadow:0 2px 8px #0000001a;color:var(--text-primary)}.language-switcher-fixed .language-switcher__trigger:hover{background:#f8fafc;border-color:var(--ganapro-pink)}.language-switcher-fixed .language-label-text{color:var(--text-secondary)}.language-switcher-fixed .language-name{color:var(--text-primary)}.language-switcher-fixed .language-switcher__menu{bottom:100%;margin-bottom:4px;background:#fff;border:1px solid var(--border-light);box-shadow:0 4px 12px #00000026}.language-switcher-fixed .language-switcher__option{color:var(--text-primary)}.language-switcher-fixed .language-switcher__option:hover{background:#f1f5f9}.language-switcher-fixed .language-switcher__option--active{background:var(--pastel-pink);color:var(--ganapro-pink)}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-gray) 0%,#f0f0f0 25%,var(--bg-gray) 50%,#f0f0f0 75%,var(--bg-gray) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);will-change:background-position}.skeleton-circular{border-radius:var(--radius-full)}.skeleton-rounded{border-radius:var(--radius-lg)}.skeleton-rectangular{border-radius:var(--radius-sm)}.skeleton-stats-grid{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl)}.skeleton-stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg)}.skeleton-stat-icon-wrapper{flex-shrink:0}.skeleton-stat-content{flex:1}.skeleton-table{overflow:hidden}.skeleton-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md);background:var(--bg-muted);border-bottom:2px solid var(--border-color, #eee)}.skeleton-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-color, #eee)}.skeleton-table-cell{display:flex;align-items:center}.skeleton-customer-cell{display:flex;align-items:center;gap:var(--space-sm)}.skeleton-customer-info{flex:1}.skeleton-card-grid{display:grid;gap:var(--space-lg)}.skeleton-card{padding:var(--space-lg)}.skeleton-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.skeleton-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.skeleton-charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.skeleton-chart{padding:var(--space-lg)}.skeleton-chart-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.skeleton-chart-bars{display:flex;align-items:flex-end;gap:4px;height:60px}.skeleton-summary-grid{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl)}.skeleton-summary-card{padding:var(--space-md);text-align:center}.skeleton-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.skeleton-list-card{padding:var(--space-lg)}.skeleton-list-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color, #eee)}.skeleton-list-item:last-child{border-bottom:none}.skeleton-filters{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-md);margin-bottom:var(--space-lg)}.skeleton-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.skeleton-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.skeleton-qr-preview{padding:var(--space-xl);text-align:center}.skeleton-qr-options{padding:var(--space-lg)}.skeleton-option-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.skeleton-billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.skeleton-plan-info{flex:1}.skeleton-billing-history{padding:var(--space-lg)}.skeleton-billing-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color, #eee)}.skeleton-billing-row:last-child{border-bottom:none}.skeleton-notifications-list{padding:var(--space-lg)}.skeleton-notification-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-color, #eee)}.skeleton-notification-item:last-child{border-bottom:none}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--bg-gray)}}@media (max-width: 1024px){.skeleton-stats-grid{grid-template-columns:repeat(2,1fr)!important}.skeleton-charts-row,.skeleton-bottom-row{grid-template-columns:1fr}.skeleton-card-grid{grid-template-columns:repeat(2,1fr)!important}.skeleton-qr-grid{grid-template-columns:1fr}}@media (max-width: 768px){.skeleton-table-header,.skeleton-table-row{grid-template-columns:2fr 1fr 1fr}.skeleton-table-cell:nth-child(n+4){display:none}.skeleton-filters{flex-direction:column;align-items:stretch}.skeleton-filters .skeleton{width:100%!important}.skeleton-billing-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}}@media (max-width: 480px){.skeleton-stats-grid,.skeleton-card-grid{grid-template-columns:1fr!important}.skeleton-summary-grid{grid-template-columns:repeat(2,1fr)!important}}.dashboard-skeleton{padding:var(--space-lg);max-width:1400px;margin:0 auto}.skeleton-dashboard-tabs{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-md);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-color, #eee)}.skeleton-dashboard-content{display:flex;flex-direction:column;gap:var(--space-xl)}.skeleton-overview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.skeleton-overview-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}@media (max-width: 768px){.skeleton-dashboard-tabs{gap:var(--space-xs)}.skeleton-dashboard-tabs .skeleton{min-width:80px}.skeleton-overview-sections{grid-template-columns:1fr}}.lazy-fallback{display:flex;align-items:center;justify-content:center}.lazy-fallback--page{min-height:60vh;width:100%}.lazy-fallback--tab{padding:24px;width:100%}.lazy-fallback--inline{padding:16px}.lazy-fallback__content{display:flex;flex-direction:column;align-items:center;gap:12px}.lazy-fallback__text{color:#666;font-size:14px;margin:0}.lazy-fallback__spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top-color:var(--ganapro-pink);border-radius:50%;animation:lazy-spin .8s linear infinite}.lazy-fallback__spinner--small{width:24px;height:24px;border-width:2px}.lazy-fallback__skeleton-group{display:flex;flex-direction:column;gap:16px;width:100%}.lazy-fallback__skeleton-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.lazy-fallback__skeleton-row{grid-template-columns:1fr}}@keyframes lazy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.lazy-fallback__spinner{animation:lazy-pulse 2s ease-in-out infinite}@keyframes lazy-pulse{0%,to{opacity:.5}50%{opacity:1}}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;width:calc(100% - 40px);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;pointer-events:auto;animation:toastSlideIn .3s ease-out;border-left:4px solid transparent}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:4px}.toast-message{font-size:14px;color:var(--text-secondary);line-height:1.4;word-wrap:break-word}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-muted);transition:background-color .2s ease,color .2s ease}.toast-close:hover{background:var(--bg-gray);color:var(--text-primary)}.toast-success{border-left-color:var(--accent-success)}.toast-success .toast-icon{background:var(--pastel-mint);color:var(--accent-success)}.toast-error{border-left-color:var(--accent-error)}.toast-error .toast-icon{background:#ffebee;color:var(--accent-error)}.toast-warning{border-left-color:var(--accent-warning)}.toast-warning .toast-icon{background:var(--pastel-peach);color:var(--accent-warning)}.toast-info{border-left-color:var(--accent-info)}.toast-info .toast-icon{background:var(--pastel-blue);color:var(--accent-info)}@media (max-width: 768px){.toast-container{top:66px}}@media (max-width: 480px){.toast-container{top:66px;right:10px;left:10px;width:auto;max-width:none}.toast{padding:12px}.toast-icon{width:28px;height:28px}.toast-message{font-size:13px}}@media (prefers-reduced-motion: reduce){.toast{animation:none}.toast.toast-exit{animation:none;opacity:0}.toast-close{transition:none}}.toast.toast-exit{animation:toastSlideOut .2s ease-in forwards}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.error-boundary{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--bg-light)}.error-boundary--page{min-height:100vh;min-height:100dvh}.error-boundary--component{min-height:200px;border-radius:var(--radius-md);border:1px dashed var(--accent-error);background:var(--bg-white)}.error-boundary__content{max-width:500px;text-align:center}.error-boundary__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-lg);border-radius:var(--radius-full);background:linear-gradient(135deg,#ffe5ec,#fadce2);color:var(--accent-error)}.error-boundary--component .error-boundary__icon{width:56px;height:56px;margin-bottom:var(--space-md)}.error-boundary--component .error-boundary__icon svg{width:32px;height:32px}.error-boundary__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.error-boundary--component .error-boundary__title{font-size:1.125rem}.error-boundary__message{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.error-boundary--component .error-boundary__message{font-size:.875rem;margin-bottom:var(--space-md)}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg)}.error-boundary__btn{display:inline-flex;align-items:center;gap:var(--space-xs)}.error-boundary--component .error-boundary__actions{margin-bottom:var(--space-md)}.error-boundary--component .error-boundary__btn{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.error-boundary__details{margin-top:var(--space-lg);text-align:left}.error-boundary__details-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);width:100%;border:none;background:var(--bg-gray);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.error-boundary__details-toggle:hover{background:#ebebeb;color:var(--text-primary)}.error-boundary__details-content{margin-top:var(--space-sm);padding:var(--space-md);background:#2d2d2d;border-radius:var(--radius-sm);overflow:hidden}.error-boundary__details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.error-boundary__details-label{display:block;font-size:.75rem;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);margin-top:var(--space-md)}.error-boundary__details-label:first-child,.error-boundary__details-header .error-boundary__details-label{margin-top:0}.error-boundary__copy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:#ffffff1a;border-radius:4px;color:#a0a0a0;font-size:.75rem;cursor:pointer;transition:var(--transition-fast)}.error-boundary__copy-btn:hover{background:#fff3;color:#fff}.error-boundary__error-text,.error-boundary__stack-trace,.error-boundary__component-stack{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;color:#f8f8f2;background:#1e1e1e;padding:var(--space-sm);border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto;margin:0}.error-boundary__error-text{color:#ff6b6b;max-height:60px}.error-boundary__stack-trace{color:#ffd93d;font-size:.75rem}.error-boundary__component-stack{color:#6bcb77;font-size:.75rem}.error-boundary__support{font-size:.8125rem;color:var(--text-muted);margin-top:var(--space-lg)}.error-boundary--component .error-boundary__support{font-size:.75rem;margin-top:var(--space-md)}.error-boundary--component .error-boundary__details{margin-top:var(--space-md)}.error-boundary .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.error-boundary .btn-primary{background:var(--ganapro-pink);color:#fff}.error-boundary .btn-primary:hover{background:#d44a61}.error-boundary .btn-secondary{background:var(--bg-gray);color:var(--text-primary)}.error-boundary .btn-secondary:hover{background:#ebebeb}.error-boundary .btn-outline{background:transparent;border:1px solid var(--ganapro-pink);color:var(--ganapro-pink)}.error-boundary .btn-outline:hover{background:var(--ganapro-pink-light)}@media (max-width: 640px){.error-boundary{padding:var(--space-md)}.error-boundary__title{font-size:1.25rem}.error-boundary__message{font-size:.875rem}.error-boundary__actions{flex-direction:column}.error-boundary__btn{width:100%}.error-boundary__details-content{padding:var(--space-sm)}.error-boundary__error-text,.error-boundary__stack-trace,.error-boundary__component-stack{font-size:.6875rem}}@media (prefers-reduced-motion: reduce){.error-boundary *,.error-boundary *:before,.error-boundary *:after{transition:none!important;animation:none!important}}@media print{.error-boundary{background:#fff;color:#000}.error-boundary__actions{display:none}.error-boundary__details-content{background:#f5f5f5;border:1px solid #ccc}.error-boundary__error-text,.error-boundary__stack-trace,.error-boundary__component-stack{background:#fff;color:#000;border:1px solid #ccc}}@media (prefers-contrast: more){.error-boundary__icon{background:#fff;border:3px solid var(--accent-error)}.error-boundary .btn{border:2px solid currentColor}.error-boundary__details-toggle{border:2px solid var(--text-secondary)}.error-boundary__details-content{border:2px solid white}}:root{--ganapro-pink: #E85A71;--ganapro-pink-light: #FDF2F4;--ganapro-pink-soft: #FADCE2;--pastel-pink: #FFE5EC;--pastel-mint: #E8F5E9;--pastel-peach: #FFF3E0;--pastel-lavender: #F3E5F5;--pastel-blue: #E3F2FD;--pastel-yellow: #FFFDE7;--bg-white: #FFFFFF;--bg-light: #FAFAFA;--bg-gray: #F5F5F5;--text-primary: #1A1A1A;--text-secondary: #666666;--text-muted: #999999;--accent-success: #4CAF50;--accent-error: #F44336;--accent-warning: #FF9800;--accent-info: #2196F3;--card-pink: #FADCE2;--card-mint: #D4EDDA;--card-peach: #FFE4C4;--card-lavender: #E8D4F0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--border-light: 1px solid rgba(0, 0, 0, .06);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 50%;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-light);color:var(--text-primary);min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--text-secondary)}a{color:var(--ganapro-pink);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#d14a61}.card{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-pink{background:var(--card-pink)}.card-mint{background:var(--card-mint)}.card-peach{background:var(--card-peach)}.card-lavender{background:var(--card-lavender)}.ganapro-text{color:var(--ganapro-pink);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal),opacity var(--transition-normal);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--ganapro-pink);color:#fff;box-shadow:0 4px 12px #e85a714d}.btn-primary:hover{background:#d14a61;transform:translateY(-2px);box-shadow:0 6px 20px #e85a7166}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--pastel-pink);color:var(--ganapro-pink)}.btn-secondary:hover{background:var(--ganapro-pink-soft)}.btn-outline{background:transparent;color:var(--ganapro-pink);border:2px solid var(--ganapro-pink)}.btn-outline:hover{background:var(--ganapro-pink-light)}.btn-icon{width:48px;height:48px;padding:0;border-radius:var(--radius-full)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.btn-full{width:100%}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:600;font-size:.9rem;color:var(--text-primary)}.form-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;color:var(--text-primary);background:var(--bg-white);border:2px solid var(--bg-gray);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--ganapro-pink);box-shadow:0 0 0 4px #e85a711a}.form-input::placeholder{color:var(--text-muted)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #94a3b8!important;border-radius:6px;cursor:pointer;position:relative;background-color:#fff!important;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;vertical-align:middle;box-shadow:0 1px 2px #0000000d;margin:0}input[type=checkbox]:before,input[type=checkbox]:after{content:none!important;display:none!important}input[type=checkbox]:hover{border-color:var(--ganapro-pink)!important;background-color:#fff0f5!important}input[type=checkbox]:checked{background-color:var(--ganapro-pink)!important;border-color:var(--ganapro-pink)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:70%;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 6px #e85a7140}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #e85a7133;border-color:var(--ganapro-pink)!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.page{flex:1;padding:var(--space-lg) 0;padding-bottom:calc(var(--space-lg) + 90px)}.page-header{margin-bottom:var(--space-xl)}.page-title{margin-bottom:var(--space-sm)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--accent-success)}.text-error{color:var(--accent-error)}.text-pink{color:var(--ganapro-pink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--pastel-pink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:var(--ganapro-pink)}.avatar-lg{width:80px;height:80px;font-size:2rem}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);background:var(--pastel-pink);color:var(--ganapro-pink)}.badge-success{background:var(--pastel-mint);color:var(--accent-success)}.badge-warning{background:var(--pastel-peach);color:var(--accent-warning)}.badge-error{background:#ffebee;color:var(--accent-error)}.spinner{width:40px;height:40px;border:3px solid var(--pastel-pink);border-top-color:var(--ganapro-pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray)}::-webkit-scrollbar-thumb{background:var(--ganapro-pink-soft);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ganapro-pink)}@media (max-width: 480px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.25rem}.container{padding:0 var(--space-md)}.card{padding:var(--space-md)}}@supports (padding: max(0px)){.page{padding-left:max(var(--space-lg),env(safe-area-inset-left));padding-right:max(var(--space-lg),env(safe-area-inset-right));padding-bottom:max(calc(var(--space-lg) + 90px),calc(env(safe-area-inset-bottom) + 90px))}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.success-animation{animation:successPulse .5s ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float-animation:hover{animation:float 2s ease-in-out infinite}.section-header{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}input[type=checkbox],input[type=radio]{accent-color:var(--ganapro-pink)!important}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border-light);border-radius:6px;background-color:#fff;cursor:pointer;position:relative;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;vertical-align:middle}input[type=checkbox]:checked{background-color:var(--ganapro-pink);border-color:var(--ganapro-pink);box-shadow:0 4px 10px #e85a714d}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:12px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}input[type=checkbox]:hover{border-color:var(--ganapro-pink)}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #e85a7133}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--focus-ring-color: rgba(232, 90, 113, .4);--focus-ring-color-solid: var(--ganapro-pink, #E85A71);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-style: solid}*:focus{outline:none}*:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}button:focus-visible,.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-outline:focus-visible,.btn-icon:focus-visible,[role=button]:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}button:focus:not(:focus-visible),.btn:focus:not(:focus-visible),.btn-primary:focus:not(:focus-visible),.btn-secondary:focus:not(:focus-visible),.btn-outline:focus:not(:focus-visible),.btn-icon:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none;box-shadow:none}.tab-button:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color);z-index:1}.tab-button:focus:not(:focus-visible){outline:none;box-shadow:none}a:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:4px}a:focus:not(:focus-visible){outline:none}.nav-item:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:-2px;border-radius:var(--radius-sm, 8px);background:var(--pastel-pink, #FFE5EC)}.nav-item:focus:not(:focus-visible){outline:none}.sidebar-link:focus-visible,.sidebar-nav-item:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:-2px;border-radius:var(--radius-md, 12px)}.sidebar-link:focus:not(:focus-visible),.sidebar-nav-item:focus:not(:focus-visible){outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible,.form-input:focus-visible{outline:none;border-color:var(--focus-ring-color-solid);box-shadow:0 0 0 4px var(--focus-ring-color)}input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible),.form-input:focus:not(:focus-visible){outline:none;border-color:var(--focus-ring-color-solid);box-shadow:0 0 0 4px var(--focus-ring-color)}.search-input:focus-visible,.global-search-input:focus-visible,.sa-search-input:focus-visible{outline:none;border-color:var(--focus-ring-color-solid);box-shadow:0 0 0 4px var(--focus-ring-color)}input[type=date]:focus-visible,input[type=time]:focus-visible,input[type=datetime-local]:focus-visible{outline:none;border-color:var(--focus-ring-color-solid);box-shadow:0 0 0 4px var(--focus-ring-color)}input[type=color]:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input[type=file]:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--focus-ring-color)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--focus-ring-color)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}input[type=checkbox]:focus:not(:focus-visible),input[type=radio]:focus:not(:focus-visible){outline:none;box-shadow:0 0 0 3px #e85a7133}select:focus-visible,.pagination-select:focus-visible{outline:none;border-color:var(--focus-ring-color-solid);box-shadow:0 0 0 4px var(--focus-ring-color)}.dropdown-trigger:focus-visible,.language-switcher__trigger:focus-visible,.export-btn:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}.dropdown-trigger:focus:not(:focus-visible),.language-switcher__trigger:focus:not(:focus-visible),.export-btn:focus:not(:focus-visible){outline:none;box-shadow:none}.card:focus-visible,[role=listitem]:focus-visible,[role=option]:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.card:focus:not(:focus-visible),[role=listitem]:focus:not(:focus-visible),[role=option]:focus:not(:focus-visible){outline:none}.stat-card:focus-visible,.promotion-card:focus-visible,.prize-card:focus-visible,.employee-card:focus-visible,.location-card:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color),var(--shadow-md)}.search-result-item:focus-visible{outline:none;background:var(--pastel-pink, #FFE5EC);box-shadow:inset 0 0 0 2px var(--focus-ring-color-solid)}.search-result-item:focus:not(:focus-visible){outline:none}[role=dialog]:focus-visible,.modal:focus-visible,.modal-content:focus-visible,.confirm-dialog:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}[role=dialog]:focus:not(:focus-visible),.modal:focus:not(:focus-visible),.modal-content:focus:not(:focus-visible),.confirm-dialog:focus:not(:focus-visible){outline:none}.modal-close:focus-visible,.close-btn:focus-visible,.dialog-close:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color);border-radius:50%}.modal-close:focus:not(:focus-visible),.close-btn:focus:not(:focus-visible),.dialog-close:focus:not(:focus-visible){outline:none;box-shadow:none}.pagination-btn:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}.pagination-btn:focus:not(:focus-visible){outline:none;box-shadow:none}.sortable-header.sortable:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:-2px;background:var(--pastel-pink, #FFE5EC)}.sortable-header.sortable:focus:not(:focus-visible){outline:none}.tooltip-trigger:focus-visible,.info-tooltip:focus-visible,.help-tooltip:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.tooltip-trigger:focus:not(:focus-visible),.info-tooltip:focus:not(:focus-visible),.help-tooltip:focus:not(:focus-visible){outline:none}.global-search-trigger:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}.global-search-trigger:focus:not(:focus-visible){outline:none;box-shadow:none}.category-filter-btn:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.category-filter-btn:focus:not(:focus-visible){outline:none}.copy-btn:focus-visible,.copy-link-btn:focus-visible,.copyable-link:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}.copy-btn:focus:not(:focus-visible),.copy-link-btn:focus:not(:focus-visible),.copyable-link:focus:not(:focus-visible){outline:none;box-shadow:none}.icon-button:focus-visible,.action-icon:focus-visible,[role=img][tabindex="0"]:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-full, 50%)}.icon-button:focus:not(:focus-visible),.action-icon:focus:not(:focus-visible),[role=img][tabindex="0"]:focus:not(:focus-visible){outline:none}.mobile-profile-btn:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}.mobile-profile-btn:focus:not(:focus-visible){outline:none;box-shadow:none}.wizard-step-indicator:focus-visible,.wizard-nav-btn:focus-visible,.wizard-skip-btn:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}.wizard-step-indicator:focus:not(:focus-visible),.wizard-nav-btn:focus:not(:focus-visible),.wizard-skip-btn:focus:not(:focus-visible){outline:none;box-shadow:none}@media (prefers-contrast: high){:root{--focus-ring-color: rgba(0, 0, 0, .8);--focus-ring-color-solid: #000000;--focus-ring-width: 4px}*:focus-visible{outline-color:#000!important;outline-width:4px!important}}@media (prefers-reduced-motion: reduce){*:focus-visible{transition:none!important}}@media print{*:focus-visible{outline:none!important;box-shadow:none!important}}