.claudia-widget{position:fixed;bottom:2rem;right:2rem;z-index:9999;font-family:Inter,sans-serif}.widget-toggle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px var(--accent-glow);transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}.widget-toggle:hover{transform:scale(1.05) rotate(5deg)}.chat-window{position:absolute;bottom:80px;right:0;width:380px;height:500px;background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 48px #00000026}.chat-header{padding:1.25rem;background:var(--accent);color:#fff;display:flex;justify-content:space-between;align-items:center}.header-info{display:flex;gap:.75rem;align-items:center}.bot-avatar{width:36px;height:36px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center}.header-info h4{margin:0;font-size:1rem}.status{font-size:.75rem;opacity:.8}.chat-body{flex:1;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden}.start-form{padding:2rem;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.start-form input{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:12px;outline:none}.messages-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message-wrapper{display:flex;width:100%}.message-wrapper.visitor{justify-content:flex-end}.message-wrapper.admin{justify-content:flex-start}.message-bubble{max-width:80%;padding:.75rem 1rem;border-radius:16px;font-size:.9rem}.visitor .message-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.admin .message-bubble{background:#fff;color:var(--text-main);border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d}.send-form{padding:1rem;background:#fff;display:flex;gap:.5rem;border-top:1px solid #e2e8f0}.send-form input{flex:1;border:none;outline:none;font-size:.9rem}.send-btn{color:var(--accent);padding:.5rem}.theme-toggle{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-sub);border:1px solid var(--border);transition:all .2s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.admin-sidebar{width:260px;height:100vh;position:fixed;left:0;top:0;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem;background:#fff}.sidebar-header{margin-bottom:2.5rem;padding-left:.5rem}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:12px;color:var(--text-muted);font-weight:500;transition:all .2s}.nav-item:hover{background:var(--bg-sub);color:var(--text-main)}.nav-item.active{background:var(--accent-light);color:var(--accent)}.logout:hover{color:#ef4444;background:#fee2e2}.sidebar-footer{border-top:1px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-container{display:flex;flex-direction:column;justify-content:center;line-height:1}.logo-sub{font-size:.6rem;color:var(--text-muted);font-weight:500;margin-top:.15rem;letter-spacing:.03em;opacity:.8}.logo{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;color:var(--accent);letter-spacing:-.5px}.logo span{color:var(--text-muted);font-weight:400}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{font-weight:500;font-size:.9rem;color:var(--text-muted);transition:color var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition);border-radius:2px}.nav-links a:hover{color:var(--text-main)}.nav-links a:hover:after{width:100%}.nav-shop{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;padding:.5rem 1rem!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 4px 15px #d977064d;animation:shopPulse 2s infinite;position:relative;overflow:hidden}.nav-shop:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shopShine 3s infinite}.nav-shop:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9770666}.nav-shop:after{display:none!important}@keyframes shopPulse{0%{box-shadow:0 0 #d9770666}70%{box-shadow:0 0 0 10px #d9770600}to{box-shadow:0 0 #d9770600}}@keyframes shopShine{0%{left:-100%}20%{left:100%}to{left:100%}}.nav-cta{background:var(--accent)!important;color:#fff!important;padding:.5rem 1.25rem;border-radius:var(--radius);font-weight:600!important}.nav-actions{display:flex;align-items:center;gap:.5rem}.mobile-toggle{display:none;background:none;border:none;color:var(--text-main);padding:.5rem}.nav-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.35rem;font-weight:500;font-size:.9rem;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition);position:relative}.dropdown-trigger:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition);border-radius:2px}.dropdown-trigger:hover{color:var(--text-main)}.dropdown-trigger:hover:after{width:100%}.dropdown-trigger svg{transition:transform .25s ease}.nav-dropdown:hover .dropdown-trigger svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);min-width:180px;padding:.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all .2s ease;z-index:100}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown-menu a{display:block;padding:.65rem 1rem;font-size:.875rem;color:var(--text-muted);border-radius:8px;transition:all .15s ease;position:relative}.dropdown-menu a:hover{background:var(--accent-glow);color:var(--accent)}.footer{background:var(--bg-sub);border-top:1px solid var(--border);padding-top:5rem;padding-bottom:2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-brand p{margin-top:1rem;color:var(--text-muted);max-width:360px;font-size:.9rem;line-height:1.7}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col h4{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main);margin-bottom:.75rem}.footer-col a,.footer-col p{color:var(--text-muted);font-size:.9rem;transition:color var(--transition)}.footer-col a:hover{color:var(--accent)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}@media(max-width:968px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:768px){.nav{border-bottom:1px solid var(--border)}.nav-links{position:fixed;inset:72px 0 0;flex-direction:column;gap:0;padding:1.5rem;background:var(--bg-main);border-top:1px solid var(--border);overflow-y:auto;display:none}.nav-links.open{display:flex}.nav-links a{font-size:1.05rem;padding:1rem 0;border-bottom:1px solid var(--border)}.nav-dropdown{width:100%;border-bottom:1px solid var(--border)}.dropdown-trigger{width:100%;justify-content:space-between;padding:1rem 0;font-size:1.05rem}.dropdown-trigger:after{display:none}.dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;padding:0 0 .5rem;background:transparent;min-width:100%;display:none}.dropdown-menu.mobile-open{display:block}.nav-dropdown:hover .dropdown-menu{transform:none}.dropdown-menu a{padding:.75rem 1rem;font-size:.95rem}.dropdown-menu.mobile-open,.mobile-toggle{display:block}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-brand p{max-width:100%}}