.cart-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .2s ease}.cart-drawer-backdrop.closing{animation:fadeOut .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.cart-drawer{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:var(--glass-bg);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1)}.cart-drawer.closing{animation:slideOutRight .2s ease forwards}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}[data-theme=light] .cart-drawer{background:rgba(255,255,255,.98)}.cart-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--glass-border)}.cart-tab-toggle{display:flex;gap:4px;background:rgba(139,92,246,.06);border-radius:12px;padding:4px;border:1px solid var(--glass-border)}.cart-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:9px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cart-tab-btn:hover{color:var(--text-primary);background:rgba(139,92,246,.08)}.cart-tab-btn.active{background:rgba(139,92,246,.15);color:#8b5cf6;box-shadow:0 2px 8px rgba(139,92,246,.15)}.cart-tab-btn.wishlist-tab.active{background:rgba(239,68,68,.1);color:#ef4444;box-shadow:0 2px 8px rgba(239,68,68,.15)}.cart-tab-btn svg{flex-shrink:0}[data-theme=light] .cart-tab-toggle{background:rgba(139,92,246,.04);border-color:rgba(0,0,0,.1)}[data-theme=light] .cart-tab-btn.active{background:rgba(139,92,246,.12)}[data-theme=light] .cart-tab-btn.wishlist-tab.active{background:rgba(239,68,68,.08)}.cart-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;display:flex;align-items:center;justify-content:center}.cart-close-btn:hover{background:var(--glass-border);color:var(--text-primary)}.cart-drawer-content{flex:1;overflow-y:auto;padding:20px}.cart-empty,.cart-error,.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;gap:12px}.cart-empty svg,.cart-error svg{opacity:.3}.cart-empty h3,.cart-error h3{font-size:18px;font-weight:500;color:var(--text-primary);margin:0}.cart-empty p,.cart-error p{font-size:14px;margin:0}.retry-btn{padding:8px 20px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;font-size:14px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;margin-top:8px}.retry-btn:hover{background:rgba(139,92,246,.2)}.loading-spinner{width:24px;height:24px;border:2px solid var(--glass-border);border-top:2px solid #8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cart-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:16px;color:#f59e0b;font-size:13px}.cart-items-list{gap:16px}.cart-items-list,.seller-group{display:flex;flex-direction:column}.seller-group{gap:12px}.seller-header{padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.seller-name{font-size:13px;font-weight:500;color:var(--text-secondary)}.cart-item{display:flex;align-items:center;gap:14px;padding:14px;background:rgba(139,92,246,.03);border-radius:14px;transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}.cart-item.removing{opacity:.5;transform:translateX(20px)}.cart-item-image{width:64px;height:64px;border-radius:10px;background-size:cover;background-position:50%;background-color:var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-image svg{opacity:.3}.cart-item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cart-item-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-seller{font-size:12px;color:var(--text-secondary)}.cart-item-price{font-size:14px;font-weight:600;color:#8b5cf6}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.quantity-controls{gap:8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:4px}.qty-btn,.quantity-controls{display:flex;align-items:center}.qty-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;justify-content:center;border-radius:6px;transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}.qty-btn:hover:not(:disabled){background:rgba(139,92,246,.1);color:#8b5cf6}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{min-width:24px;text-align:center;font-size:14px;font-weight:500;color:var(--text-primary)}.remove-btn{padding:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}.remove-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.cart-drawer-footer{border-top:1px solid var(--glass-border);padding:20px;background:var(--glass-bg)}[data-theme=light] .cart-drawer-footer{background:rgba(255,255,255,.9)}.cart-summary{display:flex;flex-direction:column;gap:12px}.cart-summary .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.cart-summary .summary-value{font-weight:500;color:var(--text-primary)}.cart-summary .summary-note{font-size:12px;font-style:italic}.cart-summary .summary-divider{height:1px;background:var(--glass-border);margin:4px 0}.cart-summary .summary-row.total{font-size:18px;font-weight:600;color:var(--text-primary)}.cart-summary .summary-row.total .summary-value{font-size:20px;color:#8b5cf6}.checkout-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:white;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:color .3s ease,background-color .3s ease,border-color .3s ease,opacity .3s ease;margin-top:8px}.checkout-btn:hover:not(:disabled){box-shadow:0 6px 20px rgba(139,92,246,.4)}.checkout-btn:active:not(:disabled){transform:translateY(0)}.checkout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=light] .checkout-btn,[data-theme=light] .checkout-btn svg,[data-theme=light] .checkout-btn svg path{color:white;stroke:white}.checkout-note{text-align:center;font-size:12px;color:var(--text-secondary);margin:8px 0 0}@media (max-width:480px){.cart-drawer{width:100vw}.cart-item{flex-wrap:wrap}.cart-item-details{flex:1 1 calc(100% - 78px)}.cart-item-actions{flex-direction:row;width:100%;justify-content:space-between;margin-top:8px;padding-top:12px;border-top:1px solid var(--glass-border)}.cart-tab-btn{padding:7px 12px;font-size:13px}}.wishlist-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-secondary);font-size:14px;animation:wishlistFadeIn .3s ease forwards}@keyframes wishlistFadeIn{0%{opacity:0}to{opacity:1}}.wishlist-heart-pulse svg{animation:heartPulse 1.4s ease-in-out infinite;animation-delay:.3s}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.wishlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:12px;padding:24px;animation:wishlistFadeIn .4s ease forwards}.wishlist-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:8px 0 0}.wishlist-empty p{font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:260px;margin:0}.wishlist-quote{font-size:13px;color:var(--text-secondary);text-align:center;padding:12px 16px;margin:0 0 16px;background:rgba(239,68,68,.04);border-radius:12px;border:1px solid rgba(239,68,68,.08);line-height:1.4}.wishlist-items{display:flex;flex-direction:column;gap:10px}.wishlist-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(239,68,68,.03);border-radius:14px;border:1px solid rgba(239,68,68,.06);transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}.wishlist-item:hover{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.12)}.wishlist-item-image{width:56px;height:56px;border-radius:10px;background-size:cover;background-position:50%;background-color:var(--glass-border);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .2s ease}.wishlist-sold-out{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);color:white;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.wishlist-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;cursor:pointer}.wishlist-item-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wishlist-item-shop{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.wishlist-shop-logo{width:14px;height:14px;border-radius:50%;object-fit:cover}.wishlist-item-price{font-size:14px;font-weight:700;color:#ef4444}.wishlist-item-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.wishlist-add-cart-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(139,92,246,.2);background:rgba(139,92,246,.08);color:#8b5cf6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .25s ease,background-color .25s ease,border-color .25s ease,opacity .25s ease}.wishlist-add-cart-btn:hover:not(:disabled){background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.4);box-shadow:0 3px 10px rgba(139,92,246,.2)}.wishlist-add-cart-btn.adding{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#22c55e}.wishlist-remove-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(239,68,68,.1);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .25s ease,background-color .25s ease,border-color .25s ease,opacity .25s ease;opacity:.6}.wishlist-remove-btn:hover:not(:disabled){opacity:1;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.wishlist-footer-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;padding:12px;font-size:13px;color:var(--text-secondary);border-top:1px solid var(--glass-border)}.wishlist-sparkle{font-size:14px;animation:sparkle 2s ease-in-out infinite}.wishlist-sparkle:last-child{animation-delay:1s}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}[data-theme=light] .wishlist-item{background:rgba(239,68,68,.03);border-color:rgba(239,68,68,.1)}[data-theme=light] .wishlist-item:hover{background:rgba(239,68,68,.06)}[data-theme=light] .wishlist-quote{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.1)}.chat-panel{position:fixed;width:380px;max-height:500px;background:rgba(18,18,24,.55);backdrop-filter:blur(40px) saturate(1.3);-webkit-backdrop-filter:blur(40px) saturate(1.3);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.3);overflow:hidden;display:flex;flex-direction:column;z-index:2101;animation:chat-panel-in .15s ease-out both;transform-origin:top right}.chat-panel--closing{animation:chat-panel-out .15s ease-in forwards;pointer-events:none}[data-theme=light] .chat-panel{background:rgba(255,255,255,.55);backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border-color:rgba(0,0,0,.06);box-shadow:0 12px 40px rgba(0,0,0,.08)}.chat-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;flex-shrink:0}.chat-panel__title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.chat-panel__header-actions{display:flex;align-items:center;gap:6px}.chat-panel__close-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:var(--text-primary);cursor:pointer;transition:background .15s ease}.chat-panel__close-btn:hover{background:rgba(255,255,255,.15)}[data-theme=light] .chat-panel__close-btn{background:rgba(0,0,0,.06)}[data-theme=light] .chat-panel__close-btn:hover{background:rgba(0,0,0,.1)}.chat-panel__new-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease}.chat-panel__new-btn:hover{background:var(--hover-bg);color:#8b5cf6}[data-theme=light] .chat-panel__new-btn:hover{background:rgba(124,58,237,.08);color:var(--accent-primary)}.chat-panel__new-btn:active{transform:scale(.9)}.chat-panel__new-btn svg{width:16px;height:16px}.chat-panel__search{padding:0 12px 10px;flex-shrink:0;position:relative}.chat-panel__search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);width:14px;height:14px;pointer-events:none}.chat-panel__search-input{width:100%;height:36px;border-radius:18px;border:1px solid var(--border-color-light);background:var(--bg-secondary);padding:0 14px 0 36px;font-size:13px;font-family:inherit;color:var(--text-primary);outline:none;transition:border-color .2s ease;box-sizing:border-box}[data-theme=light] .chat-panel__search-input{background:#f5f5f5;border-color:rgba(0,0,0,.06)}.chat-panel__search-input::placeholder{color:var(--text-tertiary)}.chat-panel__search-input:focus{border-color:rgba(139,92,246,.4)}.chat-panel__list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 8px;overscroll-behavior:contain}.chat-panel__list::-webkit-scrollbar{width:4px}.chat-panel__list::-webkit-scrollbar-track{background:transparent}.chat-panel__list::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.chat-panel__list:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}[data-theme=light] .chat-panel__list:hover::-webkit-scrollbar-thumb{background:rgba(124,58,237,.2)}.chat-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:8px;color:var(--text-tertiary);font-size:14px}.chat-panel__item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:12px;cursor:pointer;transition:background .2s ease;width:100%;background:transparent;border:none;text-align:left;font-family:inherit;color:inherit}.chat-panel__item:hover{background:rgba(255,255,255,.06)}[data-theme=light] .chat-panel__item:hover{background:rgba(124,58,237,.04)}.chat-panel__item--unread{background:rgba(139,92,246,.06)}[data-theme=light] .chat-panel__item--unread{background:rgba(124,58,237,.06)}.chat-panel__item-avatar-wrapper{position:relative;width:48px;height:48px;flex-shrink:0}.chat-panel__item-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.chat-panel__item-avatar--fallback,.chat-panel__item-avatar--seller{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#ffffff;border-radius:50%}.chat-panel__item-avatar--fallback{font-size:16px;font-weight:700}.chat-panel__item-online-dot{position:absolute;bottom:4px;right:4px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-primary);box-sizing:border-box;animation:pulse-online 2s ease-in-out infinite}[data-theme=light] .chat-panel__item-online-dot{border-color:#ffffff}.chat-panel__item-content{flex:1;min-width:0}.chat-panel__item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-panel__item-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-panel__item-name--bold{font-weight:700}.chat-panel__item-time{font-size:11px;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.chat-panel__item--unread .chat-panel__item-time{color:#8b5cf6;font-weight:600}.chat-panel__item-bottom{display:flex;align-items:center;gap:8px;margin-top:2px}.chat-panel__item-preview{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:1.3}.chat-panel__item-preview--bold{color:var(--text-primary);font-weight:500}.chat-panel__item-unread-dot{width:8px;height:8px;border-radius:50%;background:#8b5cf6;flex-shrink:0}.chat-panel__item-participants{font-size:11px;color:var(--text-tertiary);margin-top:2px}@media (max-width:768px){.chat-panel{top:0;right:0;bottom:0;left:0;width:100%;max-height:none;border-radius:0}.chat-panel__close-btn{display:flex}.chat-panel__list{padding:4px 12px}}.header-gradual-blur{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;height:124px;z-index:1050;pointer-events:none}.header-gradual-blur-inner{position:relative;width:100%;height:100%;isolation:isolate}.header-blur-layer{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility 0s .6s}.header-gradual-blur.visible .header-blur-layer{visibility:visible;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility 0s 0s}.header-gradual-blur.visible .header-blur-layer-1{opacity:1;transition-delay:0s}.header-gradual-blur.visible .header-blur-layer-2{opacity:1;transition-delay:.05s}.header-gradual-blur.visible .header-blur-layer-3{opacity:1;transition-delay:.1s}.header-gradual-blur.visible .header-blur-layer-4{opacity:1;transition-delay:.15s}.header-gradual-blur.visible .header-blur-layer-5{opacity:1;transition-delay:.2s}.header-blur-layer-1{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);mask-image:linear-gradient(180deg,black 0,black 50%,transparent 70%);-webkit-mask-image:linear-gradient(180deg,black 0,black 50%,transparent 70%)}.header-blur-layer-2{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(180deg,black 0,black 50%,transparent 78%);-webkit-mask-image:linear-gradient(180deg,black 0,black 50%,transparent 78%)}.header-blur-layer-3{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:linear-gradient(180deg,black 0,black 55%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,black 0,black 55%,transparent 85%)}.header-blur-layer-4{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);mask-image:linear-gradient(180deg,black 0,black 55%,transparent 90%);-webkit-mask-image:linear-gradient(180deg,black 0,black 55%,transparent 90%)}.header-blur-layer-5{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);mask-image:linear-gradient(180deg,black 0,black 60%,transparent 95%);-webkit-mask-image:linear-gradient(180deg,black 0,black 60%,transparent 95%)}@supports not (backdrop-filter:blur(1px)){.header-blur-layer{background:linear-gradient(180deg,rgba(10,10,15,.5),transparent)}[data-theme=light] .header-blur-layer{background:linear-gradient(180deg,rgba(255,255,255,.5),transparent)}}.global-logo{position:fixed!important;top:calc(20px + env(safe-area-inset-top, 0px))!important;left:22px!important;z-index:1100!important;cursor:pointer!important;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s ease,opacity .4s ease!important;overflow:visible!important}.global-logo:hover{filter:brightness(1.2)!important}.global-logo--refreshing img{animation:logo-refresh-spin 1.2s cubic-bezier(.4,0,.2,1) both!important}@keyframes logo-refresh-spin{0%{transform:rotate(0deg) scale(1)}20%{transform:rotate(0deg) scale(.88)}50%{transform:rotate(1turn) scale(1.08);filter:brightness(1.3)}to{transform:rotate(1turn) scale(1)}}@media (prefers-reduced-motion:reduce){.global-logo--refreshing img{animation:none!important}}.global-logo img{display:block!important;height:44px!important;width:auto!important}[data-theme=light] .global-logo img{filter:brightness(0) saturate(100%)!important;opacity:0}[data-theme=light] .global-logo{position:relative}[data-theme=light] .global-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c3aed,#4c1d95);-webkit-mask:url("/uploads/WIN - Vector - Platine.svg") center /contain no-repeat;mask:url("/uploads/WIN - Vector - Platine.svg") center /contain no-repeat;pointer-events:none}.global-search-bar{position:fixed;top:calc(20px + env(safe-area-inset-top, 0px));left:50%;transform:translateX(-50%);z-index:1100;width:480px;max-width:calc(100vw - 620px);transition:opacity .4s ease,filter .4s ease,max-width .3s ease;--scroll-progress:0}.global-header{position:fixed!important;top:calc(20px + env(safe-area-inset-top, 0px))!important;right:20px!important;z-index:1100!important;overflow:visible!important;transition:opacity .4s ease,filter .4s ease!important}.ai-assistants{gap:12px!important;overflow:visible!important}.ai-assistants,.global-header .calendar-button{display:flex!important;align-items:center!important}.global-header .calendar-button{position:relative!important;width:40px!important;height:40px!important;border-radius:50%!important;background:var(--glass-bg)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important;cursor:pointer!important;justify-content:center!important;transition:color .3s ease,background-color .3s ease,border-color .3s ease!important;box-shadow:var(--shadow-sm)!important;pointer-events:auto!important;z-index:1!important}[data-theme=light] .global-header .calendar-button{background:rgba(255,255,255,.95)!important;border-color:var(--border-color)!important}.global-header .calendar-button:hover{background:var(--hover-bg)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important;box-shadow:var(--shadow-md)!important}[data-theme=light] .global-header .calendar-button:hover{background:rgba(124,58,237,.1)!important}.hdr-bar{display:flex!important;align-items:center!important;background:var(--glass-bg)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;border-radius:24px!important;padding:3px!important;height:38px!important;box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:visible!important;transition:box-shadow .3s ease,border-color .3s ease!important}[data-theme=light] .hdr-bar{background:rgba(255,255,255,.92)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.6)!important}.hdr-bar:hover{border-color:rgba(var(--accent-primary-rgb),.25)!important;box-shadow:0 2px 12px rgba(var(--accent-primary-rgb),.08),inset 0 1px 0 rgba(255,255,255,.04)!important}.hdr-bar__sep{width:1px!important;height:14px!important;background:var(--glass-border)!important;opacity:.5!important;flex-shrink:0!important;margin:0 1px!important}.hdr-bar__btn{position:relative!important;width:32px!important;height:32px!important;border-radius:50%!important;background:transparent!important;border:none!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .25s ease,color .25s ease!important;outline:none!important;overflow:visible!important;flex-shrink:0!important}.hdr-bar__btn:hover{background:rgba(var(--accent-primary-rgb),.1)!important;color:var(--accent-primary)!important}[data-theme=light] .hdr-bar__btn:hover{background:rgba(var(--accent-primary-rgb),.08)!important}.hdr-bar__btn svg{width:17px!important;height:17px!important;transition:none!important}.hdr-bar__badge{position:absolute!important;top:-6px!important;right:-6px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:10px!important;font-size:10px!important;font-weight:800!important;letter-spacing:-.02em!important;color:white!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:2px solid var(--bg-primary)!important;z-index:1200!important;box-sizing:border-box!important;pointer-events:none!important;animation:hdr-badge-spring .5s cubic-bezier(.34,1.56,.64,1) both!important}.hdr-bar__badge--purple{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;box-shadow:0 2px 8px rgba(139,92,246,.5)!important}.hdr-bar__badge--red{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 2px 8px rgba(239,68,68,.5)!important}@keyframes hdr-badge-spring{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}70%{transform:scale(.85)}to{transform:scale(1);opacity:1}}.hdr-bar__btn--cart svg.hdr-anim{animation:hdr-cart-pop .4s ease-out both!important}.hdr-bar__btn--chat svg.hdr-anim{animation:hdr-chat-pop .35s ease-out both!important}.hdr-bar__btn--notif svg.hdr-anim{animation:hdr-bell-ring .6s ease-out both!important}@keyframes hdr-cart-pop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.15)}to{transform:translateY(0) scale(1)}}@keyframes hdr-chat-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes hdr-bell-ring{0%{transform:rotate(0deg);transform-origin:top center}20%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0deg)}}@media (prefers-reduced-motion:reduce){.hdr-bar__badge,.hdr-bar__btn svg{animation:none!important}}.global-header .button{padding:0 24px!important;height:34px!important;font-size:12px!important;font-weight:700!important;color:white!important;border:none!important;border-radius:50px!important;cursor:pointer!important;overflow:hidden!important;background:transparent!important;display:inline-flex!important;gap:8px!important;z-index:1!important;transition:transform .2s ease!important;perspective:none!important;-webkit-perspective:none!important;clip-path:inset(0 round 50px)!important}.global-header .button,.global-header .button span{position:relative!important;align-items:center!important}.global-header .button span{z-index:15!important;display:flex!important;gap:12px!important}.global-header .button:before{display:none!important}.global-header .bubble-layer{position:absolute!important;width:60px!important;height:60px!important;border-radius:50%!important;filter:blur(8px)!important;z-index:0!important;will-change:transform!important;contain:layout style!important}.global-header .bubble-1{background:#8b5cf6!important;top:-20%!important;left:-10%!important;animation:moveUpRight 12s ease-in-out infinite!important}.global-header .bubble-2{background:#6366f1!important;top:0!important;left:10%!important;animation:moveDownLeft 10s ease-in-out infinite!important;animation-delay:1s!important}.global-header .bubble-3{background:#c084fc!important;top:20%!important;left:50%!important;animation:moveRight 8s ease-in-out infinite!important;animation-delay:2s!important}.global-header .bubble-4{background:#06b6d4!important;top:-20%!important;left:70%!important;animation:moveUpLeft 14s ease-in-out infinite!important;animation-delay:3s!important}.global-header .bubble-5{background:#a78bfa!important;top:30%!important;left:-10%!important;animation:moveDownRight 6s ease-in-out infinite!important;animation-delay:4s!important}.global-header .bubble-6{background:#8b5cf6!important;top:-10%!important;left:30%!important;animation:moveLeft 16s ease-in-out infinite!important;animation-delay:.5s!important}.global-header .bubble-7{background:#6366f1!important;top:40%!important;left:60%!important;animation:moveUp 12s ease-in-out infinite!important;animation-delay:1.5s!important}@keyframes moveUpRight{0%{transform:translate(0)}25%{transform:translate(100%,-100%)}50%{transform:translate(-50%,50%)}75%{transform:translate(50%,-50%)}to{transform:translate(0)}}@keyframes moveDownLeft{0%{transform:translate(0)}25%{transform:translate(-100%,100%)}50%{transform:translate(50%,-50%)}75%{transform:translate(-50%,50%)}to{transform:translate(0)}}@keyframes moveRight{0%{transform:translate(0)}25%{transform:translate(100%)}50%{transform:translate(-100%,50%)}75%{transform:translate(50%,-50%)}to{transform:translate(0)}}@keyframes moveUpLeft{0%{transform:translate(0)}25%{transform:translate(-100%,-100%)}50%{transform:translate(50%,50%)}75%{transform:translate(-50%,-50%)}to{transform:translate(0)}}@keyframes moveDownRight{0%{transform:translate(0)}25%{transform:translate(100%,100%)}50%{transform:translate(-50%,-50%)}75%{transform:translate(50%,50%)}to{transform:translate(0)}}@keyframes moveLeft{0%{transform:translate(0)}25%{transform:translate(-100%)}50%{transform:translate(100%,-50%)}75%{transform:translate(-50%,50%)}to{transform:translate(0)}}@keyframes moveUp{0%{transform:translate(0)}25%{transform:translateY(-100%)}50%{transform:translate(50%,50%)}75%{transform:translate(-50%,-50%)}to{transform:translate(0)}}.global-header .button:hover{transform:scale(1.06)!important;box-shadow:0 0 20px rgba(139,92,246,.4),0 0 40px rgba(99,102,241,.2)!important}.global-header .button:active{transform:scale(.95)!important;transition:transform .1s ease!important}.global-header .button:hover span{color:white!important}[data-theme=light] .global-header .button:before{display:none!important}[data-theme=light] .global-header .bubble-1{background:#7c3aed!important}[data-theme=light] .global-header .bubble-2{background:#6d28d9!important}[data-theme=light] .global-header .bubble-3{background:#a855f7!important}[data-theme=light] .global-header .bubble-4{background:#0891b2!important}[data-theme=light] .global-header .bubble-5{background:#8b5cf6!important}[data-theme=light] .global-header .bubble-6{background:#7c3aed!important}[data-theme=light] .global-header .bubble-7{background:#6d28d9!important}@media (max-width:768px){.header-gradual-blur{height:105px}.global-logo{top:12px!important;left:12px!important}.global-logo img{height:36px!important}.global-search-bar{top:58px;left:16px;right:16px;width:auto;max-width:none;--scroll-progress:0;transform:translateY(calc(var(--scroll-progress) * -60px));opacity:calc(1 - var(--scroll-progress));pointer-events:auto}.global-search-bar[style*="--scroll-progress: 1"]{pointer-events:none}.global-header{top:10px!important;right:10px!important}.ai-assistants{gap:8px!important}.hdr-bar{padding:3px!important;border-radius:20px!important}.hdr-bar__btn{width:32px!important;height:32px!important}.hdr-bar__btn svg{width:17px!important;height:17px!important}.hdr-bar__sep{height:14px!important}.global-header .button{padding:6px 16px!important;font-size:12px!important}}@media (max-width:480px){.global-logo{top:10px!important;left:10px!important}.global-logo img{height:32px!important}.global-search-bar{top:56px;left:10px;right:10px}.hdr-bar__btn{width:36px!important;height:36px!important}.hdr-bar__btn svg{width:16px!important;height:16px!important}.global-header .button{padding:6px 14px!important;font-size:11px!important}}.profile-menu-trigger,.profile-menu-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center}.profile-menu-trigger{width:40px;height:40px;min-width:40px;min-height:40px;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);cursor:pointer;overflow:hidden;justify-content:center;transition:border-color .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.04);-webkit-tap-highlight-color:transparent}.profile-menu-trigger:focus,.profile-menu-trigger:focus-visible,.profile-menu-trigger:focus-within{outline:none!important;box-shadow:none!important;border-color:rgba(255,255,255,.15)!important}.profile-menu-trigger.business-mode{border-color:rgba(139,92,246,.3)}.profile-menu-trigger:hover{border-color:rgba(139,92,246,.4);transform:scale(1.1);box-shadow:0 0 16px rgba(139,92,246,.3),0 2px 8px rgba(0,0,0,.12)}.profile-menu-trigger:active{transform:scale(.92);transition:transform .1s ease}.profile-menu-avatar{width:100%;height:100%;object-fit:cover}.profile-menu-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:rgba(255,255,255,.8);background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:50%}[data-theme=light] .profile-menu-trigger{border-color:rgba(0,0,0,.1);background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.06)}[data-theme=light] .profile-menu-trigger:focus,[data-theme=light] .profile-menu-trigger:focus-visible{outline:none!important;box-shadow:none!important;border-color:rgba(0,0,0,.12)!important}[data-theme=light] .profile-menu-trigger.business-mode{border-color:rgba(139,92,246,.25)}[data-theme=light] .profile-menu-trigger:hover{border-color:rgba(139,92,246,.35);box-shadow:0 0 16px rgba(139,92,246,.2),0 2px 8px rgba(0,0,0,.06)}[data-theme=light] .profile-menu-initial{color:rgba(0,0,0,.6);background:rgba(255,255,255,.92)}.profile-menu-dropdown{position:fixed;width:260px;background:rgba(18,18,24,.55);backdrop-filter:blur(40px) saturate(1.3);-webkit-backdrop-filter:blur(40px) saturate(1.3);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.3);z-index:10001;padding:8px;overflow:hidden}.profile-menu-dropdown.opening{animation:profileMenuIn .2s ease-out forwards}.profile-menu-dropdown.closing{animation:profileMenuOut .15s ease-in forwards}@keyframes profileMenuIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes profileMenuOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}[data-theme=light] .profile-menu-dropdown{background:rgba(255,255,255,.55);backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border-color:rgba(0,0,0,.06);box-shadow:0 12px 40px rgba(0,0,0,.08)}.profile-menu-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px}.profile-menu-user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:rgba(139,92,246,.15);display:flex;align-items:center;justify-content:center}.profile-menu-user-avatar img{width:100%;height:100%;object-fit:cover}.profile-menu-user-avatar span{font-size:14px;font-weight:600;color:#a78bfa}.profile-menu-user-info{display:flex;flex-direction:column;min-width:0}.profile-menu-user-name-row{display:flex;align-items:center;gap:6px;min-width:0}.profile-menu-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.profile-menu-company-tag{font-weight:500;color:var(--accent-primary);background:rgba(139,92,246,.12);padding:1px 7px;border-radius:6px;max-width:120px;flex-shrink:1;min-width:0}.profile-menu-company-tag,.profile-menu-user-email{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-user-email{color:var(--text-secondary)}.profile-menu-divider{height:1px;background:rgba(255,255,255,.06);margin:4px 8px}[data-theme=light] .profile-menu-divider{background:rgba(0,0,0,.06)}.profile-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s;text-align:left;transform:translateZ(0)}.profile-menu-item:hover{background:rgba(255,255,255,.06)}.profile-menu-item svg{color:var(--text-secondary);flex-shrink:0;width:16px;height:16px}.profile-menu-item--logout,.profile-menu-item--logout svg{color:#ef4444}.profile-menu-item--logout:hover{background:rgba(239,68,68,.1)}[data-theme=light] .profile-menu-item:hover{background:rgba(0,0,0,.04)}[data-theme=light] .profile-menu-item--logout:hover{background:rgba(239,68,68,.06)}@media (max-width:768px){.profile-menu-dropdown{width:240px}}.tutorial-welcome-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:tutorialFadeIn .4s ease-out;transition:opacity .25s ease,backdrop-filter .25s ease}.tutorial-welcome-backdrop.closing{opacity:0;backdrop-filter:blur(0);pointer-events:none}.tutorial-welcome-panel{width:min(680px,92vw);max-height:85vh;overflow-y:auto;background:rgba(20,16,32,.95);border:1px solid rgba(139,92,246,.3);border-radius:24px;padding:32px;box-shadow:0 0 60px rgba(139,92,246,.15),0 0 120px rgba(139,92,246,.05),inset 0 1px 0 rgba(255,255,255,.08);animation:tutorialSlideUp .5s cubic-bezier(.16,1,.3,1);transition:opacity .3s ease,transform .3s ease}.tutorial-welcome-panel.closing{opacity:0;transform:translateY(20px) scale(.96)}.tutorial-welcome-panel::-webkit-scrollbar{width:6px}.tutorial-welcome-panel::-webkit-scrollbar-track{background:transparent}.tutorial-welcome-panel::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:3px}.tutorial-welcome-title{font-size:28px;font-weight:600;color:#fff;text-align:center;margin-bottom:6px;font-family:var(--mapleos-font);background:linear-gradient(135deg,#fff,#c4b5fd 50%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tutorial-welcome-subtitle{font-size:14px;color:rgba(255,255,255,.5);text-align:center;margin-bottom:24px;font-family:var(--mapleos-font)}.tutorial-business-cta-v2{position:relative;overflow:hidden;border-radius:16px;margin-bottom:24px;cursor:pointer;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(99,102,241,.12));border:1px solid rgba(139,92,246,.25);transition:all .3s ease}.tutorial-business-cta-v2:hover{border-color:rgba(139,92,246,.5);transform:translateY(-2px);box-shadow:0 8px 32px rgba(139,92,246,.2)}.tutorial-business-cta-v2.completed{opacity:.5;cursor:default;pointer-events:none}.tutorial-biz-glow{position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.2) 0,transparent 70%);pointer-events:none;transition:opacity .3s ease}.tutorial-business-cta-v2:hover .tutorial-biz-glow{opacity:1}.tutorial-biz-content{position:relative;display:flex;align-items:center;gap:16px;padding:20px 24px}.tutorial-biz-icon-wrap{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(99,102,241,.25));border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-biz-icon-wrap.done{background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(22,163,74,.25));border-color:rgba(34,197,94,.3)}.tutorial-biz-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.tutorial-biz-label{color:#fff;font-size:15px;font-weight:600;font-family:var(--mapleos-font)}.tutorial-biz-desc{color:rgba(255,255,255,.45);font-size:13px;font-family:var(--mapleos-font)}.tutorial-biz-arrow{flex-shrink:0;color:rgba(139,92,246,.5);transition:all .3s ease}.tutorial-business-cta-v2:hover .tutorial-biz-arrow{color:rgba(139,92,246,.9);transform:translateX(3px)}.tutorial-create-company{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:1px dashed rgba(139,92,246,.35);background:rgba(139,92,246,.06);color:rgba(255,255,255,.6);font-size:13px;font-weight:500;font-family:var(--mapleos-font);cursor:pointer;transition:all .2s ease;margin-bottom:8px}.tutorial-create-company:hover{border-color:rgba(139,92,246,.6);background:rgba(139,92,246,.12);color:rgba(255,255,255,.85)}.tutorial-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.4);margin-bottom:12px;font-family:var(--mapleos-font)}.tutorial-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.tutorial-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .2s ease}.tutorial-item:hover{background:rgba(255,255,255,.08);border-color:rgba(139,92,246,.3)}.tutorial-item.completed{opacity:.6}.tutorial-item-icon{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-item-text{flex:1;min-width:0}.tutorial-item-text h5{color:#fff;font-size:13px;font-weight:500;margin:0;font-family:var(--mapleos-font)}.tutorial-item-text p{color:rgba(255,255,255,.4);font-size:11px;margin:2px 0 0;font-family:var(--mapleos-font);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tutorial-item-check{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.tutorial-item-check.done{background:rgba(34,197,94,.6);border-color:rgba(34,197,94,.8)}.tut-btn{border-radius:24px;outline:none;cursor:pointer;font-size:13px;letter-spacing:-.3px;border:0;background:transparent;position:relative;height:38px;transition:opacity .3s ease,transform .3s ease}.tut-btn.closing{opacity:0;transform:translateY(8px)}.tut-btn .btn-wrap{border-radius:inherit;overflow:hidden;height:100%;padding:2px;position:relative;transition:all .3s ease}.tut-btn .btn-outline{position:absolute;overflow:hidden;inset:0;opacity:0;outline:none;border-radius:inherit;transition:all .4s ease}.tut-btn .btn-outline:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:300px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent 0,white 50%,transparent);animation:tutBtnSpin 5s linear infinite;animation-play-state:paused}.tut-btn .btn-content{pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1;position:relative;height:100%;gap:6px;padding:0 18px;color:white;font-size:13px;border-radius:21px;font-weight:600;font-family:var(--mapleos-font);transition:all .3s ease}.tut-btn:hover .btn-wrap{box-shadow:0 4px 12px rgba(0,0,0,.3)}.tut-btn:hover .btn-outline{opacity:1}.tut-btn:hover .btn-outline:before{animation-play-state:running}.tut-btn--primary .btn-content,.tut-btn--primary .btn-wrap{background:rgba(139,92,246,.8)}.tut-btn--ghost .btn-content,.tut-btn--ghost .btn-wrap{background:rgba(40,40,50,1)}@keyframes tutBtnSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.tutorial-skip-btn{position:fixed;bottom:24px;right:24px;z-index:50}.tutorial-fallback-overlay{position:fixed;inset:0;z-index:15;background:rgba(0,0,0,.8);pointer-events:none}.tutorial-click-blocker{position:fixed;inset:0;z-index:10;cursor:not-allowed}.tutorial-guide-wrapper{position:fixed;inset:0;z-index:9999999;pointer-events:none;transition:opacity .25s ease}.tutorial-guide-wrapper>*{pointer-events:auto}.tutorial-guide-wrapper.closing{opacity:0;pointer-events:none}.tutorial-guide-overlay{position:fixed;inset:0;z-index:20;pointer-events:none}.tutorial-guide-mask{position:fixed;inset:0;z-index:20;pointer-events:auto}.tutorial-guide-highlight{position:fixed;z-index:30;pointer-events:none;border:2px solid rgba(139,92,246,.6);border-radius:12px;box-shadow:0 0 0 4000px rgba(0,0,0,.8),0 0 30px rgba(139,92,246,.3),inset 0 0 20px rgba(139,92,246,.1);opacity:0;transition:opacity .3s ease,top .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease;animation:tutorialPulse 2s ease-in-out infinite}.tutorial-guide-highlight.visible{opacity:1}.tutorial-guide-tooltip{position:fixed;z-index:40;width:min(340px,85vw);background:rgba(20,16,32,.98);border:1px solid rgba(139,92,246,.4);border-radius:16px;padding:20px;pointer-events:auto;box-shadow:0 0 40px rgba(139,92,246,.15),0 8px 32px rgba(0,0,0,.3);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,top .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1)}.tutorial-guide-tooltip.visible{opacity:1;transform:translateY(0)}.tutorial-guide-tooltip.first-step.visible{animation:tutorialTooltipIn .4s cubic-bezier(.16,1,.3,1)}.tutorial-guide-tooltip h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px;font-family:var(--mapleos-font)}.tutorial-guide-tooltip p{color:rgba(255,255,255,.6);font-size:14px;line-height:1.5;margin:0 0 16px;font-family:var(--mapleos-font)}.tutorial-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial-guide-steps{color:rgba(255,255,255,.3);font-size:12px;font-family:var(--mapleos-font)}.tutorial-guide-actions{display:flex;gap:8px}.tutorial-guide-highlight.click-step{pointer-events:none;cursor:pointer;border-color:rgba(139,92,246,.9);animation:tutorialClickPulse 1.5s ease-in-out infinite}@keyframes tutorialClickPulse{0%,to{box-shadow:0 0 0 4000px rgba(0,0,0,.8),0 0 30px rgba(139,92,246,.4),inset 0 0 20px rgba(139,92,246,.15);border-color:rgba(139,92,246,.9)}50%{box-shadow:0 0 0 4000px rgba(0,0,0,.8),0 0 60px rgba(139,92,246,.7),inset 0 0 35px rgba(139,92,246,.25);border-color:rgba(168,85,247,1)}}.tut-click-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(139,92,246,.7);font-family:var(--mapleos-font);letter-spacing:.02em;padding:6px 14px;border-radius:20px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);animation:tutClickFadeIn .5s ease-out}.tut-click-indicator span{opacity:.85}.tut-click-cursor{display:flex;align-items:center;color:rgba(139,92,246,.9);animation:tutClickBounce 1.8s cubic-bezier(.36,0,.66,1) infinite}@keyframes tutClickBounce{0%,to{transform:translate(0) scale(1)}30%{transform:translate(2px,3px) scale(.92)}50%{transform:translate(2px,3px) scale(.92);opacity:.7}70%{transform:translate(0) scale(1)}}@keyframes tutClickFadeIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.tutorial-arrow.pulse{animation:tutorialArrowPulse 1s ease-in-out infinite}@keyframes tutorialArrowPulse{0%,to{transform:translateY(-10px);opacity:.8}50%{transform:translateY(8px);opacity:1}}.tutorial-arrow{position:fixed;z-index:40;pointer-events:none;opacity:0;animation:tutorialBounce 1.5s ease-in-out infinite;transition:opacity .3s ease,top .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1)}.tutorial-arrow.visible{opacity:1}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 4000px rgba(0,0,0,.8),0 0 30px rgba(139,92,246,.3),inset 0 0 20px rgba(139,92,246,.1)}50%{box-shadow:0 0 0 4000px rgba(0,0,0,.8),0 0 50px rgba(139,92,246,.5),inset 0 0 30px rgba(139,92,246,.15)}}@keyframes tutorialTooltipIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorialBounce{0%,to{transform:translateY(-8px)}50%{transform:translateY(6px)}}@media (max-width:768px){.tutorial-welcome-panel{padding:20px 16px;border-radius:20px;max-height:85vh;width:min(680px,95vw)}.tutorial-welcome-title{font-size:22px}.tutorial-welcome-subtitle{font-size:13px;margin-bottom:16px}.tutorial-list-grid{grid-template-columns:1fr;gap:6px}.tutorial-item{padding:10px 12px;gap:8px;border-radius:12px}.tutorial-item-icon{width:28px;height:28px;border-radius:8px}.tutorial-item-text h5{font-size:13px}.tutorial-item-text p{font-size:10px;-webkit-line-clamp:2}.tutorial-item-check{width:20px;height:20px}.tutorial-biz-content{padding:14px;gap:12px}.tutorial-biz-icon-wrap{width:44px;height:44px;border-radius:12px}.tutorial-biz-label{font-size:14px}.tutorial-biz-desc{font-size:12px}.tutorial-guide-tooltip{width:calc(100vw - 32px);padding:14px 16px;border-radius:14px}.tutorial-guide-tooltip h4{font-size:15px;margin-bottom:6px}.tutorial-guide-tooltip p{font-size:13px;line-height:1.4;margin-bottom:12px}.tutorial-guide-steps{font-size:11px}.tutorial-skip-btn{top:16px;bottom:auto;right:16px}.tut-btn{height:36px}.tut-btn .btn-content{padding:0 14px;font-size:12px}.tut-click-indicator{font-size:11px;padding:5px 12px}.tutorial-guide-highlight{border-radius:10px}}