@charset "UTF-8";*{transition:background-color .3s ease,border-color .3s ease;outline:auto}body.light-theme{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--notification-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}body.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #47556959;--accent-color: #60a5fa;--accent-hover: #3b82f6;--notification-color: #f87171;--success-color: #34d399;--warning-color: #fbbf24;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.header,.sidebar,.main-content,.modal,.popup{background-color:var(--bg-primary);color:var(--text-primary)}.topbar{background-color:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important}.notification-button svg{color:var(--text-secondary)!important}.notification-button:hover svg{color:var(--accent-color)!important}.notification-badge{background-color:var(--notification-color)!important;color:#fff!important}.modo-toggle{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important}.modo-toggle-option svg{color:var(--text-tertiary)!important}.modo-toggle-slider{background-color:var(--bg-secondary)!important;box-shadow:0 1px 3px #0000001a}.modo-toggle-slider svg{color:var(--accent-color)!important}.avatar,.avatar-iniciais{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.avatar:hover{border-color:var(--accent-color)!important}.logo-image{color:var(--accent-color)!important}body{transition:background-color .3s ease,color .3s ease}body.light-theme{background-color:#f9fafb;color:#111827}body.dark-theme{background-color:#111827;color:#f9fafb}.header,.main-content,.modal,.popup,.card,.panel{transition:background-color .3s ease,border-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6,p,span,div{transition:color .3s ease}input,textarea,select,button{transition:background-color .3s ease,border-color .3s ease,color .3s ease}@keyframes progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.7;transform:scale(1.1)}}.animate-progress{animation:progress 2s ease-in-out infinite}.notifications-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:80px var(--spacing-md) var(--spacing-md);opacity:0;animation:fadeInOverlay .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInOverlay{to{opacity:1}}.notifications-modal{background:var(--cor-tooltip-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:12px;width:100%;max-width:400px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-2xl);animation:slideInModal .3s cubic-bezier(.4,0,.2,1) forwards;transform:translateY(-10px)}@keyframes slideInModal{to{transform:translateY(0)}}.notifications-header{padding:20px 20px 16px;background:var(--bg-card);display:flex;align-items:center;justify-content:space-between}.notifications-header h3{margin:0;font-size:15px;font-weight:500;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,sans-serif}.notifications-close{background:var(--bg-secondary);border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;padding:0!important;margin:0!important;box-shadow:var(--shadow-sm)}.notifications-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.notifications-tabs{display:flex;padding:0 20px;background:var(--bg-card);position:relative}.notifications-tabs:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:#0000001a;border-radius:1px}.dark-mode .notifications-tabs:after{background:#ffffff1a}.notifications-tab{flex:1;padding:12px 0;background:none;border:none;font-size:13px;font-weight:400;color:var(--text-secondary);cursor:pointer;position:relative;font-family:-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease}.notifications-tab:hover{color:var(--text-primary)}.notifications-tab.active{color:var(--cor-ativo);font-weight:500}.notifications-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cor-ativo);border-radius:1px;animation:tabSlide .3s cubic-bezier(.4,0,.2,1);z-index:1}@keyframes tabSlide{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.notifications-list{flex:1;overflow-y:auto;padding:0;scrollbar-width:none}.notifications-list::-webkit-scrollbar{display:none}.notification-item{padding:16px 20px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:flex-start;gap:12px;background:var(--bg-card)}.notification-item:hover{background:var(--bg-secondary)}.notification-item.read{opacity:.6}.notification-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:#00000014;border-radius:1px}.dark-mode .notification-item:not(:last-child):after{background:#ffffff14}.notification-icon-container{flex-shrink:0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0!important;margin:0!important;background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.notification-app-icon{width:100%;height:100%;object-fit:contain}.notification-content{flex:1;min-width:0}.notification-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.notification-title{font-size:13px;font-weight:400;color:var(--text-primary);line-height:1.4;flex:1;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.notification-time{font-size:11px;font-weight:400;color:var(--text-secondary);white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,sans-serif;margin-top:2px}.notification-text{font-size:12px;font-weight:400;color:var(--text-secondary);line-height:1.4;margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.notifications-footer{padding:16px 20px 20px;background:var(--bg-card);position:relative}.notifications-footer:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:#0000001a;border-radius:1px}.dark-mode .notifications-footer:before{background:#ffffff1a}.mark-all-read{width:100%;padding:12px;background:#7878801f;border:none;border-radius:10px;font-size:15px;font-weight:500;color:#000;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.24px}.mark-all-read:hover{background:#78788033}.notifications-empty{text-align:center;padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.notifications-empty h4{font-size:16px;font-weight:500;color:#000c;margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.32px}.notifications-empty p{font-size:14px;font-weight:400;color:#00000080;margin:0;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notification-item{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--index, 0) * .03s);opacity:0}.dark-mode .notifications-modal{background:var(--bg-card);box-shadow:var(--shadow-2xl)}.dark-mode .notifications-header{background:var(--bg-card)}.dark-mode .notifications-header h3{color:var(--text-primary)}.dark-mode .notifications-close{background:var(--bg-secondary);color:var(--text-secondary)}.dark-mode .notifications-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .notifications-tabs{background:var(--bg-card)}.dark-mode .notifications-tab{color:var(--text-secondary)}.dark-mode .notifications-tab:hover{color:var(--text-primary)}.dark-mode .notifications-tab.active{color:var(--cor-ativo)}.dark-mode .notification-item{background:var(--bg-card)}.dark-mode .notification-item:hover{background:var(--bg-secondary)}.dark-mode .notification-title{color:var(--text-primary)}.dark-mode .notification-time,.dark-mode .notification-text{color:var(--text-secondary)}.dark-mode .notifications-footer{background:var(--bg-card)}.dark-mode .mark-all-read{color:var(--text-secondary)}.dark-mode .mark-all-read:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dark-mode .notifications-empty h4{color:var(--text-primary)}.dark-mode .notifications-empty p{color:var(--text-secondary)}.notification-item.unread:before{content:"";position:absolute;top:18px;left:12px;width:6px;height:6px;background:var(--cor-ativo);border-radius:50%;animation:pulse 2s infinite}.dark-mode .notification-item.unread:before{background:var(--cor-ativo)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.notifications-content{opacity:0;transform:translate(-10px);animation:contentFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes contentFadeIn{to{opacity:1;transform:translate(0)}}.notification-type-badge{display:inline-block;padding:2px 6px;background:#3b82f61a;color:var(--cor-ativo);border-radius:4px;font-size:11px;font-weight:400;margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:var(--shadow-sm)}.notification-item.important .notification-type-badge{background:#ef44441a;color:#ef4444}.notification-item:focus{outline:none;box-shadow:inset 0 0 0 2px var(--cor-ativo)}.notifications-close:focus,.mark-all-read:focus,.notifications-tab:focus{outline:none;box-shadow:0 0 0 2px var(--cor-ativo)}@media (prefers-reduced-motion: reduce){.notifications-modal,.notification-item,.notifications-tab.active:after,.notifications-overlay{animation:none!important;transition:none!important}}.notifications-loading{padding:40px 20px;text-align:center;color:var(--text-secondary);background:var(--bg-card)}.notifications-loading-spinner{width:24px;height:24px;border:2px solid var(--bg-secondary);border-top-color:var(--cor-ativo);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px;box-shadow:var(--shadow-sm)}.notifications-list{scroll-behavior:smooth}@media (hover: none) and (pointer: coarse){.notification-item:hover{background:transparent}.notification-item:active{background:var(--bg-secondary)}.notifications-close:active,.mark-all-read:active,.notifications-tab:active{transform:scale(.95)}}@media (max-width: 640px){.notifications-overlay{padding:60px 12px 12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.notifications-modal{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:var(--shadow-2xl)}.notification-item{padding:12px 16px}.notifications-header{padding:16px 16px 12px}.notifications-footer{padding:12px 16px 16px}.notifications-tabs{padding:0 16px}.notifications-tabs:after{left:16px;right:16px}.notification-item:not(:last-child):after{left:16px;right:16px}.notifications-footer:before{left:16px;right:16px}.notification-title{font-size:12px}.notification-text{font-size:11px}.notification-time{font-size:10px}}.topbar{position:fixed;height:64px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(229,231,235,.8);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;top:0;left:0;width:100%;z-index:1000;transition:var(--transition-smooth)}.dark-mode .topbar{background:#111827f2;border-bottom:1px solid rgba(55,65,81,.8)}.header-section{display:flex;align-items:center;gap:1rem}.header-section.left{flex:1;justify-content:flex-start}.header-section.right{flex:1;justify-content:flex-end;gap:1rem}.menu-toggle-area{display:none}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--cor-fundo);border:1px solid var(--cor-borda);border-radius:8px;cursor:pointer;transition:var(--transition-smooth);color:var(--cor-texto);font-size:1em;padding:0!important}.mobile-menu-button:hover{background:#3b82f61a}.logo-area{display:flex;align-items:center}.logo-image{width:160px;height:40px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 40"><text x="0" y="20" font-family="Arial" font-size="16" fill="%23111827"></text></svg>');background-size:contain;background-repeat:no-repeat;background-position:left center}.dark-mode .logo-image{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 40"><text x="0" y="20" font-family="Arial" font-size="16" fill="%23ffffff"></text></svg>')}.notification-button{background:none;border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);color:var(--cor-texto);position:relative}.notification-button:hover{background:#3b82f61a}.notification-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.6rem;font-weight:700;padding:2px 4px;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--cor-fundo);z-index:1}.modo-toggle-wrapper{position:relative}.modo-toggle{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:24px;width:96px;height:32px;display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;transition:var(--transition-smooth);overflow:hidden}.modo-toggle-option{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem;color:#6b7280;z-index:1;flex:1;transition:color .3s ease}.modo-toggle-slider{position:absolute;top:0;left:0;width:32px;height:32px;background:#fff;border-radius:50%;box-shadow:var(--shadow-md);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:2;display:flex;align-items:center;justify-content:center}.dark-mode .modo-toggle-slider{background:#1f2937}.perfil-header{display:flex;align-items:center;cursor:pointer;padding:.375rem;transition:var(--transition-smooth);border-radius:8px}.perfil-header:hover{background:#3b82f61a}.avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;overflow:hidden;box-shadow:0 2px 8px #3b82f64d}@media (max-width: 768px){.menu-toggle-area{display:flex!important}.topbar{padding:0 1rem;height:60px}.logo-image{width:140px;height:36px}.mobile-menu-button{background:var(--cor-fundo);border:1px solid var(--cor-borda);color:var(--cor-texto);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-menu-button svg{width:20px;height:20px}.modo-toggle-wrapper.desktop-only{display:none}}@media (min-width: 769px){.menu-toggle-area,.mobile-menu-button{display:none!important}}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-iniciais{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;z-index:1}.loading-header{display:flex;align-items:center;justify-content:center;width:100%;padding:10px}.loading-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;overflow:hidden;box-shadow:0 2px 8px #3b82f64d;position:relative}.avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:600;font-size:.875rem;border-radius:inherit}.avatar-iniciais{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px}.notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--cor-fundo);z-index:1}.dark-mode .notification-badge{border:2px solid #1f2937}@media (max-width: 768px){.avatar{width:32px;height:32px}.avatar-iniciais{font-size:12px}.notification-badge{top:-4px;right:-4px;min-width:16px;height:16px;font-size:.55rem;padding:1px 4px}}.light-theme{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--accent-color: #3b82f6}.dark-theme{--bg-primary: #111827;--bg-secondary: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #374151;--accent-color: #60a5fa}:root{color-scheme:light}.dark-theme{color-scheme:dark}.notification-icon-wrapper svg{stroke-width:1.2;opacity:.9}.notification-button:hover .notification-icon-wrapper svg{opacity:1;transform:scale(1.05)}.logo-image{display:flex;align-items:center;justify-content:center}.logo-image img{transition:opacity .2s ease}.logo-image:hover img{opacity:.9}.avatar{transition:all .2s ease}.avatar:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--accent-color)}.avatar-iniciais{font-weight:400;letter-spacing:-.5px}.mobile-menu-button svg{stroke-width:1.5}.logo-container{display:flex;align-items:center;height:100%;padding:0 16px}.vendus-logo{height:130px;width:auto;object-fit:contain}@media (max-width: 768px){.logo-container{padding:0 12px}.vendus-logo{height:28px}}.vendus-logo{transition:opacity .2s ease}.vendus-logo:hover{opacity:.9}.modo-toggle{perspective:100px}.modo-toggle-slider{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1),background-color .4s ease}body:not(.dark-mode) .modo-toggle[data-theme=auto] .modo-toggle-slider{transform:translate(32px) rotateY(180deg)}body:not(.dark-mode) .modo-toggle[data-theme=dark] .modo-toggle-slider{transform:translate(64px) rotateY(360deg)}.dark-mode .modo-toggle[data-theme=light] .modo-toggle-slider{transform:translate(0) rotateY(-180deg)}.dark-mode .modo-toggle[data-theme=auto] .modo-toggle-slider{transform:translate(32px) rotateY(180deg)}.theme-transitioning *{transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)!important}.modo-toggle-slider{transition:transform .5s cubic-bezier(.34,1.56,.64,1)!important}.toggle-clicked .modo-toggle-slider{animation:togglePulse .3s ease}@keyframes togglePulse{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.bubble-overlay{mix-blend-mode:normal!important}.topbar,.notification-button,.mobile-menu-button,.perfil-header{transition:background-color .3s ease,border-color .3s ease,color .3s ease!important}:root{--cor-fundo: #ffffff;--cor-fundo-hover: #f9fafb;--cor-texto: #111827;--cor-texto-secondary: #6b7280;--cor-ativo: #3b82f6;--cor-ativo-light: rgba(59, 130, 246, .1);--cor-ativo-dark: rgba(59, 130, 246, .2);--cor-borda:rgba(0, 0, 0, .04);--cor-borda-light: #f3f4f6;--cor-icone: #6b7280;--cor-desativado: #9ca3af;--cor-tooltip: #1f2937;--cor-tooltip-text: #ffffff;--cor-progresso: #e5e7eb;--cor-progresso-fill: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);--cor-progresso-text: #3b82f6;--cor-progresso-bg: rgba(59, 130, 246, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}body.dark-theme{--cor-fundo: #111827;--cor-fundo-hover: #1f2937;--cor-texto: #f9fafb;--cor-texto-secondary: #d1d5db;--cor-ativo: #60a5fa;--cor-ativo-light: rgba(96, 165, 250, .15);--cor-ativo-dark: rgba(96, 165, 250, .25);--cor-borda: #3741512d;--cor-borda-light: #4b5563;--cor-icone: #9ca3af;--cor-desativado: #6b7280;--cor-tooltip: #374151;--cor-tooltip-text: #f9fafb;--cor-progresso: #374151;--cor-progresso-fill: linear-gradient(90deg, #60a5fa 0%, #93c5fd 100%);--cor-progresso-text: #60a5fa;--cor-progresso-bg: rgba(96, 165, 250, .1);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3)}.sidebar{position:fixed;height:100vh;top:0;left:0;background:var(--cor-fundo);box-shadow:var(--shadow-lg);border-right:1px solid var(--cor-borda);display:flex;flex-direction:column;z-index:10;transition:width .3s ease,background-color .3s ease,border-color .3s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sidebar-header{padding:.4rem;margin-bottom:0;transition:all .3s ease}.progresso-container{background:var(--cor-progresso-bg);border:1px solid var(--cor-ativo-light);border-radius:12px;margin-bottom:1rem;transition:all .3s ease}.progresso-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.progresso-info{display:flex;justify-content:space-between;font-size:12px;color:var(--cor-progresso-text);font-weight:600;white-space:nowrap}.barra-progresso{background:var(--cor-progresso);height:6px;border-radius:3px;overflow:hidden;width:100%;transition:background-color .3s ease}.barra-preenchida{height:100%;background:var(--cor-progresso-fill);border-radius:3px;transition:width .3s ease,background .3s ease}.menu{display:flex;flex-direction:column;gap:.125rem;flex:1;padding:0 .75rem;overflow-y:auto;overflow-x:hidden}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;color:var(--cor-texto);text-decoration:none;transition:all .2s ease;font-weight:400;font-size:14px;position:relative;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.menu-item:hover{background:var(--cor-ativo-light);color:var(--cor-ativo)}.menu-item.active{background:var(--cor-ativo-light);color:var(--cor-ativo);font-weight:500;position:relative;padding-left:2.5rem}.menu-item.active:before{content:"";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--cor-ativo);border-radius:1.5px}.menu-item.has-submenu{position:relative}.submenu-icon{font-size:.75rem;color:var(--cor-icone);opacity:.6;transition:transform .3s ease,color .3s ease;margin-left:auto;transform:rotate(0)}.menu-item.has-submenu.active .submenu-icon{transform:rotate(90deg);opacity:.9;color:var(--cor-ativo)}.submenu{max-height:0;overflow:hidden;margin-left:1rem;padding-left:1.5rem;transition:max-height .3s ease;position:relative}.submenu.open{max-height:500px}.submenu:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--cor-ativo) 10%,var(--cor-ativo) 90%,transparent 100%);opacity:.3}.submenu-item{padding:.625rem .75rem;font-size:13px;color:var(--cor-texto);font-weight:400;border-radius:6px;display:flex;align-items:center;gap:.625rem;cursor:pointer;transition:all .2s ease;margin-bottom:.125rem;position:relative}.submenu-item:hover{background:var(--cor-ativo-light);color:var(--cor-ativo)}.submenu-item.active{color:var(--cor-ativo);font-weight:500}.submenu-item.active:before{content:"•";position:absolute;left:-14px;top:50%;transform:translateY(-50%);color:var(--cor-ativo);font-size:1.2rem}.submenu-item.disabled{opacity:.5;cursor:not-allowed;color:var(--cor-desativado)}.sidebar-footer{margin-top:auto;padding:1rem;text-align:center;font-size:12px;color:var(--cor-texto-secondary);border-top:1px solid var(--cor-borda);-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .3s ease}.sidebar.minimized{width:72px!important;padding:5rem .5rem .5rem!important}.sidebar.minimized .sidebar-header,.sidebar.minimized .sidebar-footer,.sidebar.minimized .progresso-container,.sidebar.minimized .menu-item span,.sidebar.minimized .submenu-icon{display:none!important}.sidebar.minimized .menu-item{justify-content:center;padding:.75rem!important;border-radius:8px}.sidebar.minimized .menu-item.active:before{display:none}.sidebar-tooltip{position:fixed;background:var(--cor-tooltip);color:var(--cor-tooltip-text);padding:.5rem .75rem;border-radius:6px;font-size:12px;font-weight:500;box-shadow:var(--shadow-xl);z-index:9999;opacity:0;pointer-events:none;transition:opacity .15s ease;white-space:nowrap;max-width:200px;transform:translateY(-50%)}.sidebar-tooltip.visible{opacity:1;pointer-events:auto}.sidebar-tooltip:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent var(--cor-tooltip) transparent transparent}.sidebar-toggle-independent{position:fixed;top:116px;left:240px;transform:translate(-50%);transition:left .3s ease,background-color .3s ease,border-color .3s ease}.sidebar-toggle-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;max-width:256px!important;white-space:nowrap!important;transition-duration:.2s!important;transition-timing-function:ease-in-out!important;flex-shrink:0!important;pointer-events:auto!important;border-radius:50%!important;width:28px!important;height:28px!important;padding:0!important;margin:0!important;border:1px solid var(--cor-borda)!important;background-color:var(--cor-fundo)!important;color:var(--cor-texto)!important;font-size:1em!important;font-family:inherit!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease-in-out!important;overflow:hidden!important;outline:none!important;box-shadow:var(--shadow-md)!important;position:relative!important}.sidebar-toggle-button:hover{background-color:var(--cor-fundo-hover)!important;color:var(--cor-ativo)!important;border-color:var(--cor-ativo)!important;transform:scale(1.05)!important;box-shadow:var(--shadow-lg)!important}.sidebar-toggle-button svg{width:16px!important;height:16px!important;transition:transform .3s ease!important;pointer-events:none!important;flex-shrink:0!important;color:currentColor}.sidebar-toggle-button:hover svg{transform:rotate(180deg)!important;color:var(--cor-ativo)!important}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9;display:none}.sidebar-overlay.active{display:block}@media (max-width: 768px){.sidebar{width:280px!important;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar.minimized{width:280px!important;transform:translate(-100%)}.sidebar-toggle-independent{display:none!important}}@media (min-width: 769px){.sidebar-overlay{display:none!important}}.submenu-item.active{position:relative}.submenu-item.active:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--cor-ativo);border-radius:50%}.sidebar-tooltip.submenu-tooltip{padding:.5rem 0;border-radius:8px;min-width:160px;background:var(--cor-tooltip);color:var(--cor-tooltip-text)}.tooltip-title{padding:.5rem .75rem;font-weight:600;font-size:12px;border-bottom:1px solid var(--cor-borda);margin-bottom:.25rem}.tooltip-submenu-item{padding:.375rem .75rem;font-size:12px;color:var(--cor-tooltip-text);opacity:.9;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;cursor:pointer}.tooltip-submenu-item:hover{background:var(--cor-ativo-light);color:var(--cor-tooltip-text);opacity:1}.tooltip-disabled{font-size:11px;opacity:.7;margin-left:auto;font-style:italic}.progresso-wrapper{margin:15px 0;padding:0 10px}.progresso-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.nivel-label{font-size:13px;font-weight:600;color:var(--cor-progresso-text)}.faturamento-label{font-size:11px;color:var(--cor-texto-secondary);font-weight:500}.progresso-bar{height:6px;background-color:var(--cor-progresso);border-radius:3px;overflow:hidden;margin:8px 0}.progresso-fill{height:100%;background:var(--cor-progresso-fill);border-radius:3px;transition:width .3s ease}.progresso-footer{font-size:11px;color:var(--cor-texto-secondary);text-align:right;margin-top:4px}.menu-item svg,.submenu-item svg{width:18px;height:18px;flex-shrink:0;color:var(--cor-icone);transition:color .2s ease}.menu-item:hover svg,.menu-item.active svg,.submenu-item:hover svg,.submenu-item.active svg{color:var(--cor-ativo)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--cor-borda);border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--cor-icone)}.sidebar,.sidebar-header,.progresso-container,.menu-item,.submenu-item,.sidebar-footer,.sidebar-tooltip,.sidebar-toggle-button{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.sidebar.product-page{opacity:.7;-webkit-user-select:none;user-select:none}.sidebar.product-page .menu-item,.sidebar.product-page .submenu-item{cursor:default!important}.sidebar.product-page .menu-item:hover,.sidebar.product-page .submenu-item:hover{background:transparent!important;color:inherit!important}.sidebar.minimized.product-page{width:72px!important;z-index:90}.sidebar-toggle-independent{z-index:11}.sidebar.product-page~.sidebar-toggle-independent{display:none!important}.sidebar.product-page .sidebar-header,.sidebar.product-page .sidebar-footer{display:none!important}@media (max-width: 768px){.sidebar.product-page{display:none!important}}.sidebar{width:240px;transition:width .3s ease}.sidebar.minimized{width:72px!important}:root{--cor-fundo: #ffffff;--cor-fundo-hover: #f9fafb;--cor-texto: #374151;--cor-texto-escuro: #111827;--cor-texto-secundaria: #6b7280;--cor-borda: #3741512d;--cor-ativo: #0a84ff;--cor-icone: #6b7280;--cor-desativado: #9ca3af;--cor-tooltip: #0a84ff;--cor-tooltip-bg: rgba(255, 255, 255, .98);--cor-tooltip-text: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-smooth: all .2s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--cor-fundo: #111827;--cor-fundo-hover: #1f2937;--cor-texto: #d1d5db;--cor-texto-escuro: #f9fafb;--cor-texto-secundaria: #9ca3af;--cor-borda: #3741512d;--cor-ativo: #3b82f6;--cor-icone: #9ca3af;--cor-desativado: #6b7280;--cor-tooltip-bg: rgba(17, 24, 39, .98)}*{margin:0;padding:0;box-sizing:border-box;outline:none!important}*:focus,*:focus-visible{outline:none!important;box-shadow:none!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--cor-fundo);color:var(--cor-texto);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.venduspay-app{min-height:100vh}.content{transition:margin-left .3s ease;background:var(--cor-fundo);min-height:100vh}.popup-perfil{position:fixed;top:72px;right:16px;width:280px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;box-shadow:var(--shadow-xl);z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;overflow:hidden}.dark-mode .popup-perfil{background:#111928fa}.popup-perfil.ativo{opacity:1;visibility:visible;transform:translateY(0)}.perfil-header-info{padding:1rem;display:flex;align-items:center;gap:.75rem}.dark-mode .perfil-header-info{border-bottom:1px solid rgba(255,255,255,.06)}.perfil-avatar-popup{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;overflow:hidden}.popup-perfil ul{list-style:none;padding:.5rem 0;margin:0}.popup-perfil li{padding:0;margin:0 .25rem}.popup-perfil li a{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:#374151;text-decoration:none;border-radius:6px;transition:var(--transition-smooth);font-size:.875rem;font-weight:500}.dark-mode .popup-perfil li a{color:#e5e7eb}.popup-perfil li a:hover{background:#3b82f61a;color:#60a5fa}.dark-mode .popup-perfil li a:hover{background:#3b82f626}.popup-separador{height:1px;background:var(--cor-borda);margin:.25rem .75rem}.mobile-theme-toggle{padding:.75rem 1rem}.popup-perfil .logout{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;color:#ef4444;border-radius:6px;margin:.25rem .25rem .75rem;transition:var(--transition-smooth);cursor:pointer;font-size:.875rem;font-weight:500}.popup-perfil .logout:hover{background:#ef44441a;color:#dc2626}@media (max-width: 768px){.popup-perfil{position:fixed;top:60px;right:8px;width:280px;transform:translateY(-10px)}.popup-perfil.ativo{transform:translateY(0)}.mobile-theme-toggle{display:block}}@media (min-width: 769px){.mobile-theme-toggle{display:none!important}}body.sidebar-minimized .sidebar{width:72px!important}body.product-creation-page .content,body.product-edit-page .content{margin-left:0!important;padding:0!important;width:100%!important}body.product-creation-page .sidebar,body.product-edit-page .sidebar{display:block!important;visibility:visible!important;opacity:1!important}:root{--skeleton-base: #f1f5f9;--skeleton-highlight: rgba(255, 255, 255, .6);--skeleton-dark-base: #334155;--skeleton-dark-highlight: rgba(255, 255, 255, .08)}body.dark-theme{--skeleton-base: #334155;--skeleton-highlight: rgba(255, 255, 255, .08)}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-base)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-highlight),transparent);animation:shimmer 1.8s infinite}.dashboard-skeleton{padding:1.5rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-out}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.skeleton-header .skeleton-content{flex:1}.skeleton-filters{display:flex;gap:12px;margin-bottom:24px;padding:0;background:transparent;align-items:center}.skeleton-filters .skeleton-filter{flex:1;min-width:160px}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.skeleton-stat-card{background:var(--bg-primary);border-radius:14px;padding:20px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a,0 4px 20px #0000000f}body.dark-theme .skeleton-stat-card{background:var(--bg-secondary);box-shadow:0 2px 8px #00000026,0 4px 20px #0003}.skeleton-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;width:100%}.skeleton-stat-value{margin-bottom:8px}.skeleton-chart-payment-sidebyside{display:grid;grid-template-columns:70% 30%;gap:1.5rem;margin-bottom:2rem;min-height:380px}.skeleton-chart-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}body.dark-theme .skeleton-chart-container{background:var(--bg-secondary)}.skeleton-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.skeleton-chart-content{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.skeleton-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:8px}.skeleton-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.skeleton-payment-container{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}body.dark-theme .skeleton-payment-container{background:var(--bg-secondary)}.skeleton-payment-header{margin-bottom:1rem}.skeleton-payment-methods{display:flex;flex-direction:column;gap:.75rem;flex:1}.skeleton-payment-method{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:10px}.skeleton-payment-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.skeleton-sales-section{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}body.dark-theme .skeleton-sales-section{background:var(--bg-secondary)}.skeleton-sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skeleton-sales-table{display:flex;flex-direction:column;gap:.75rem}.skeleton-table-header{display:grid;grid-template-columns:1.8fr 1.5fr 1fr 1fr 1fr;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.skeleton-table-row{display:grid;grid-template-columns:1.8fr 1.5fr 1fr 1fr 1fr;gap:.75rem;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px}.skeleton-row-content{display:flex;align-items:center;gap:.625rem}.skeleton-row-text{flex:1;display:flex;flex-direction:column;gap:.25rem}@media (max-width: 768px){.dashboard-skeleton{padding:1rem}.skeleton-header{flex-direction:column;gap:1rem}.skeleton-filters{flex-direction:column;gap:.75rem}.skeleton-stats-grid{grid-template-columns:1fr}.skeleton-chart-payment-sidebyside{grid-template-columns:1fr;gap:1rem;min-height:auto}.skeleton-chart-bars{height:150px}.skeleton-table-header,.skeleton-table-row{grid-template-columns:1fr;gap:.5rem}}@media (max-width: 480px){.skeleton-chart-container,.skeleton-payment-container{padding:1rem}.skeleton-payment-method{padding:.625rem}}.payment-methods-skeleton{display:flex;flex-direction:column;gap:.625rem}.payment-methods-skeleton.compact .skeleton-payment-item{min-height:56px}.skeleton-payment-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:10px}.skeleton-payment-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.chart-skeleton{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.skeleton-chart-bars-horizontal{display:flex;align-items:flex-end;justify-content:space-around;height:100%;gap:8px}.skeleton-chart-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1}.sales-table{width:100%;border-radius:12px;overflow:hidden}.sales-table .table-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.sales-table .table-row{display:grid;grid-template-columns:1.8fr 1.5fr 1fr .8fr 1.2fr 1fr .8fr;align-items:center;padding:0 16px;min-height:48px;border-bottom:1px solid var(--border-color);transition:background .15s ease}.sales-table .table-row.header-row{min-height:40px;border-bottom:1px solid var(--border-color)}.sales-table .table-row.data-row:hover{background:var(--bg-tertiary)}.sales-table .table-cell{font-size:13px;color:var(--text-primary);padding:8px 0}.sales-table .header-row .table-cell{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.customer-info{display:flex;align-items:center;gap:10px}.customer-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.customer-details{display:flex;flex-direction:column;gap:2px;min-width:0}.customer-name{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-id{font-size:11px;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.method-info{display:flex;align-items:center;gap:8px}.method-icon{width:20px;height:20px;padding:3px;border-radius:4px;object-fit:contain}.method-name{font-size:13px;color:var(--text-secondary)}.channel-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.value-container{display:flex;flex-direction:column;gap:4px}.main-value{font-weight:600;color:var(--text-primary);font-size:14px}.commission-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 8px;border-radius:12px;width:fit-content;font-weight:400;border:1px solid var(--border-color)}.commission-badge svg{display:none}.conversion-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--accent-color);background:var(--accent-color)15;padding:2px 6px;border-radius:10px;width:fit-content;cursor:help;margin-left:4px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.status-success{background:#10b98115;color:#10b981}.status-pending{background:#f59e0b15;color:#f59e0b}.status-cancelled{background:#6b728015;color:#6b7280}.product-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.date-cell{color:var(--text-tertiary);white-space:nowrap}.sales-table.clean .table-row{grid-template-columns:1.8fr 1.5fr 1.2fr 1fr .8fr}.sales-table.clean .method-cell,.sales-table.clean .channel-cell{display:none}.no-sales-clean{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-tertiary);gap:12px}@media (max-width: 768px){.sales-table .table-row{grid-template-columns:1fr;padding:12px;gap:8px}.sales-table .header-row{display:none}.sales-table .table-cell{padding:4px 0}.customer-name{white-space:normal}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--accent-light: #dbeafe;--success-color: #10b981;--success-light: #d1fae5;--warning-color: #f59e0b;--danger-color: #ef4444;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--transition: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .25s cubic-bezier(.4, 0, .2, 1)}body.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #475569;--accent-color: #60a5fa;--accent-hover: #3b82f6;--accent-light: #1e3a8a;--success-color: #34d399;--success-light: #065f46;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .35)}.dashboard-container{padding:1.5rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{margin-bottom:2rem}.greeting-section{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.greeting-content{flex:1}.greeting-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2;letter-spacing:-.025em}.greeting-title .user-name{color:var(--accent-color);font-weight:800}.greeting-subtitle{display:none!important}.greeting-date{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;box-shadow:var(--shadow-sm);border:none}.greeting-date svg{color:var(--text-tertiary);opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-primary);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,0 4px 20px #0000000f;display:flex;align-items:center;gap:16px}body.dark-theme .stat-card{background:var(--bg-secondary);box-shadow:0 2px 8px #00000026,0 4px 20px #0003}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;padding:10px}.stat-card:nth-child(1) .stat-icon{background:linear-gradient(135deg,#10b9811f,#10b9810f);color:var(--success-color)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#3b82f61f,#3b82f60f);color:var(--accent-color)}.stat-icon svg{width:20px;height:20px;stroke-width:2;display:block}.stat-content{flex:1;min-width:0}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-label{margin-left:-60px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:10px}.privacy-toggle.desktop{background:transparent;border:1px solid var(--border-color);width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);opacity:.6;flex-shrink:0;margin-left:auto}.privacy-toggle.desktop:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary);opacity:1}.privacy-toggle.desktop svg{width:12px;height:12px}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1;letter-spacing:-.02em;font-family:Inter,-apple-system,sans-serif}.stat-value .blurred-value{font-size:24px;letter-spacing:2px;color:var(--text-secondary);opacity:.8;filter:blur(4px)}.stat-trend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.trend-value.positive{color:var(--success-color);font-weight:600}.trend-value.negative{color:var(--danger-color);font-weight:600}.trend-label{font-size:11px;font-weight:500;color:var(--text-secondary);margin-left:4px;opacity:.8}.stat-trend svg{width:10px;height:10px}.stat-description{font-size:13px;color:var(--text-secondary);margin:0;opacity:.9;font-weight:500}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03);pointer-events:none}body.dark-theme .stat-card:before{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}@keyframes cardAppear{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-card{animation:cardAppear .3s ease-out}.stat-card:nth-child(2){animation-delay:.05s}.dashboard-filters{display:flex;gap:12px;margin-bottom:24px;padding:0;background:transparent;align-items:center}.filter-group{flex:1;min-width:160px}.custom-dropdown .dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:var(--bg-primary);border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;text-align:left;box-shadow:0 1px 4px #00000008,0 2px 8px #0000000d;border:none}body.dark-theme .custom-dropdown .dropdown-trigger{background:var(--bg-secondary);box-shadow:0 1px 4px #0000001a,0 2px 8px #00000026}.custom-dropdown .dropdown-trigger:hover{box-shadow:0 2px 8px #0000000f,0 4px 16px #00000014}.custom-dropdown .dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border-radius:10px;z-index:50;max-height:320px;overflow-y:auto;animation:scaleIn .15s ease-out;box-shadow:0 8px 32px #0000001a,0 4px 16px #00000014;border:none}body.dark-theme .custom-dropdown .dropdown-menu{background:var(--bg-secondary);box-shadow:0 8px 32px #00000040,0 4px 16px #0003}.refresh-button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;border:none;box-shadow:0 1px 4px #00000008,0 2px 8px #0000000d}body.dark-theme .refresh-button{background:var(--bg-secondary);box-shadow:0 1px 4px #0000001a,0 2px 8px #00000026}.refresh-button:hover{background:var(--bg-tertiary);color:var(--accent-color);box-shadow:0 2px 8px #0000000f,0 4px 16px #00000014}.chart-section{display:grid;grid-template-columns:70% 30%;gap:1.5rem;margin-bottom:2rem}.chart-wrapper{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;transition:all var(--transition);box-shadow:var(--shadow-md);border:none;position:relative;overflow:hidden}body.dark-theme .chart-wrapper{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.chart-wrapper:hover{box-shadow:var(--shadow-lg)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.chart-header h3 svg{color:var(--accent-color)}.chart-legend{display:flex;gap:1rem;align-items:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.legend-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-color.primary{background:var(--accent-color)}.legend-color.success{background:var(--success-color)}.chart-container{height:300px;position:relative;margin-top:1rem}.payment-sidebar{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-md);border:none;position:relative;overflow:hidden}body.dark-theme .payment-sidebar{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.payment-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.payment-header small{font-size:.875rem;color:var(--text-tertiary)}.chart-wrapper:before,.payment-sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03);pointer-events:none}body.dark-theme .chart-wrapper:before,body.dark-theme .payment-sidebar:before{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}.sales-section{background:var(--bg-primary);border-radius:12px;padding:1rem;position:relative;overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:none}body.dark-theme .sales-section{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.section-header h3 svg{color:var(--accent-color);width:16px;height:16px}.view-all-button{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--accent-color);font-size:.8125rem;font-weight:500;cursor:pointer;padding:.375rem .625rem;border-radius:6px;transition:all .2s ease}.view-all-button:hover{background:var(--accent-light);gap:.5rem}.sales-table-container{border-radius:8px;overflow:hidden}.sales-table{width:100%;min-width:700px}.table-header{background:var(--bg-tertiary)}.table-row{display:grid;grid-template-columns:1.8fr 1.5fr 1fr 1fr 1fr;gap:.75rem;align-items:center}.header-row{padding:.75rem;border-bottom:1px solid var(--border-color)}.header-row .table-cell{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);text-align:left}.data-row{padding:.75rem;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--bg-tertiary)}.table-cell{font-size:.8125rem;color:var(--text-primary);text-align:left;font-weight:500}.customer-cell{min-width:160px}.customer-info{display:flex;align-items:center;gap:.625rem}.customer-avatar{width:32px!important;height:32px!important;border-radius:8px!important;background:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600!important;flex-shrink:0;box-shadow:var(--shadow-xs)}.customer-details{flex:1;min-width:0}.customer-name{font-weight:600!important;color:var(--text-primary);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem}.customer-id{font-size:.6875rem;color:var(--text-tertiary);font-weight:400!important}.product-cell{min-width:140px;font-weight:500!important;color:var(--text-primary);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.value-cell{font-weight:600!important;color:var(--text-primary);white-space:nowrap;font-size:.8125rem}.date-cell{color:var(--text-secondary);white-space:nowrap;font-weight:500!important;font-size:.8125rem}.status-cell{min-width:100px}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.334rem .75rem!important;border-radius:20px!important;font-size:.6rem;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-xs);border:none;transition:all .2s ease}.status-badge svg{width:12px!important;height:12px!important}.status-success{background:var(--success-light)!important;color:var(--success-color)!important}.status-pending{background:#f59e0b26!important;color:var(--warning-color)!important}.status-cancelled{background:#ef444426!important;color:var(--danger-color)!important}.no-sales-clean{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-tertiary);height:100%;flex:1;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #00000005}.no-sales-clean svg{margin-bottom:.75rem;opacity:.5}.no-sales-clean p{font-size:.875rem;margin:0;opacity:.8}.payment-sidebar-30{background:var(--bg-primary);border-radius:12px;padding:1rem;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);border:none;height:100%}body.dark-theme .payment-sidebar-30{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.payment-header{margin-bottom:.5rem;flex-shrink:0}.payment-header h3{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 .25rem}.payment-header small{font-size:.81rem;color:var(--text-tertiary);display:block}.payment-methods-container{flex:1;min-height:0;overflow-y:auto;padding-right:.5rem}.payment-methods-grid.compact{display:flex;flex-direction:column;gap:.625rem}.payment-method-card.compact{display:flex;align-items:center;padding:.7rem;background:var(--bg-tertiary);border-radius:10px;gap:.7rem;min-height:56px;box-shadow:var(--shadow-xs);border:none}body.dark-theme .payment-method-card.compact{background:var(--bg-tertiary);box-shadow:var(--shadow-xs)}.payment-method-card.compact:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.payment-method-header.compact{display:flex;align-items:center;gap:.75rem;flex:1;margin-bottom:0;min-width:0}.payment-method-icon.compact{width:40px!important;height:40px!important;min-width:40px!important;border-radius:8px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;box-shadow:var(--shadow-xs)}body.dark-theme .payment-method-icon.compact{background:var(--bg-tertiary)}.payment-method-icon.compact img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8p}.payment-method-info.compact{flex:1;min-width:0;overflow:hidden}.payment-method-name.compact{font-size:.8rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.payment-method-percentage.compact{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--accent-color);font-weight:500;line-height:1.2}.payment-method-percentage.compact svg{width:12px!important;height:12px!important;flex-shrink:0}.payment-method-content.compact{text-align:right;min-width:80px;flex-shrink:0;margin-left:.5rem}.payment-method-value.compact{font-size:.8rem;font-weight:500;color:var(--text-primary);margin:0;white-space:nowrap;line-height:1.2}.payment-methods-loading{display:flex;flex-direction:column;gap:.625rem;padding:.25rem 0}.payment-method-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:10px;min-height:56px}.skeleton-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite ease-in-out;flex-shrink:0}.skeleton-text{flex:1;height:12px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite ease-in-out;border-radius:var(--radius-sm);max-width:100px}.skeleton-value{width:60px;height:14px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite ease-in-out;border-radius:var(--radius-sm);flex-shrink:0}.no-payment-methods{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-tertiary);height:100%;flex:1;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #00000005}.no-methods-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:150px}.no-methods-content .payment-method-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center;padding:8px}.no-methods-content img{width:100%;height:100%;object-fit:contain;opacity:.5}.no-payment-methods p{font-size:.875rem;margin:0;color:var(--text-tertiary)}.chart-payment-sidebyside{display:grid;grid-template-columns:70% 30%;gap:1.5rem;margin-bottom:2rem;width:100%;align-items:stretch;min-height:380px}.chart-main-70{width:100%;height:100%}.chart-main-70 .chart-wrapper{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);border:none}body.dark-theme .chart-main-70 .chart-wrapper{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.chart-main-70 .chart-container{flex:1;min-height:300px;height:100%}.chart-main-70 .chart-wrapper:before,.payment-sidebar-30:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);pointer-events:none;background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03)}body.dark-theme .chart-main-70 .chart-wrapper:before,body.dark-theme .payment-sidebar-30:before{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}@media (max-width: 768px){.dashboard-container{padding:1rem}.greeting-section{flex-direction:column;align-items:flex-start;gap:1rem}.greeting-date{align-self:stretch;justify-content:center}.dashboard-filters{flex-direction:column;gap:.75rem}.filter-group{width:100%}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:1.25rem}.stat-value{font-size:24px}.chart-section{grid-template-columns:1fr;gap:1rem}.chart-container{height:250px}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.chart-legend{width:100%;justify-content:flex-start}.sales-table{min-width:600px}.chart-payment-sidebyside{grid-template-columns:1fr;gap:1rem;min-height:auto}.chart-main-70 .chart-wrapper,.payment-sidebar-30{padding:1.25rem;border-radius:var(--radius-lg)}.chart-main-70 .chart-container{height:250px;min-height:250px}.payment-sidebar-30{min-height:280px}.payment-sidebar-30 .payment-methods-container{max-height:280px}.payment-sidebar-30 .payment-method-card.compact{padding:.75rem;min-height:52px}.payment-sidebar-30 .payment-method-icon.compact{width:36px!important;height:36px!important;min-width:36px!important}}@media (max-width: 480px){.greeting-title{font-size:1.75rem}.stat-card{padding:1rem}.stat-value{font-size:22px}.stat-value .blurred-value{font-size:20px}.stat-icon{width:40px;height:40px}.stat-icon svg{width:18px;height:18px}.privacy-toggle.desktop{width:24px;height:24px}.chart-container{height:220px}.chart-main-70 .chart-wrapper,.payment-sidebar-30{padding:1rem;border-radius:var(--radius-lg)}.chart-main-70 .chart-container{height:220px;min-height:220px}.payment-sidebar-30{min-height:250px}.payment-sidebar-30 .payment-methods-container{max-height:250px}.payment-sidebar-30 .payment-method-card.compact{padding:.625rem;min-height:48px}.payment-sidebar-30 .payment-method-icon.compact{width:32px!important;height:32px!important;min-width:32px!important}.payment-sidebar-30 .payment-method-name.compact,.payment-sidebar-30 .payment-method-value.compact{font-size:.8125rem}.sales-section{padding:1rem;border-radius:12px}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.view-all-button{align-self:flex-start}}@media (max-width: 1024px){.chart-payment-sidebyside{grid-template-columns:1fr;gap:1.5rem;min-height:auto}.chart-main-70 .chart-container{height:280px;min-height:280px}.payment-sidebar-30{height:auto;min-height:300px}.payment-sidebar-30 .payment-methods-container{max-height:300px}}@media (min-width: 769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.refresh-button .spinning{animation:spin 1s linear infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-payment-sidebyside>*{min-width:0}.chart-main-70,.payment-sidebar-30{height:100%}.chart-main-70 .chart-wrapper{height:100%;display:flex;flex-direction:column}.chart-main-70 .chart-container{flex:1;position:relative}:root{--color-primary: #0a84ff;--color-primary-hover: #0066cc;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-purple: #8b5cf6;--color-cyan: #06b6d4;--bg-primary: #f8fafc;--bg-card: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--border-color: rgba(0, 0, 0, .08);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--transition: .15s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--bg-primary: #0f172a;--bg-card: #1e293b;--bg-secondary: #334155;--bg-tertiary: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-light: #94a3b8;--border-color: rgba(255, 255, 255, .08);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .35)}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1100;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-modal-overlay.active{opacity:1;visibility:visible}.delete-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1101;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:all .3s ease}.delete-modal-container.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.delete-modal-content{position:relative;background:var(--bg-card);border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:var(--shadow-2xl);animation:delete-modal-appear .2s ease}@keyframes delete-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-header{padding:20px 20px 16px;display:flex;align-items:center;background:var(--bg-card)}.delete-modal-title-container{display:flex;align-items:center;gap:10px;flex:1}.delete-modal-icon{color:var(--color-error)}.delete-modal-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0}.delete-modal-body{padding:0 20px 20px;color:var(--text-secondary);background:var(--bg-card)}.delete-modal-text{font-size:13px;margin:0 0 8px;line-height:1.4;font-weight:400}.delete-modal-text strong{font-weight:600;color:var(--text-primary)}.delete-modal-warning{font-size:12px;color:var(--text-light);margin:0;line-height:1.3;font-weight:400}.delete-modal-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0;animation:delete-success-appear .3s ease}@keyframes delete-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.delete-modal-success-icon{color:var(--color-success);animation:delete-success-icon .5s ease}@keyframes delete-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.delete-modal-success-text{font-size:13px;color:var(--color-success);margin:0;font-weight:500}.delete-modal-actions{padding:16px 20px 20px;display:flex;justify-content:flex-end;gap:10px;background:var(--bg-card)}.delete-modal-cancel{padding:7px 18px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:85px;text-align:center;box-shadow:var(--shadow-sm)}.delete-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.delete-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.delete-modal-confirm{padding:7px 18px;background:var(--color-error);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:400;cursor:pointer;transition:all .3s ease;min-width:85px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.delete-modal-confirm:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.delete-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.delete-modal-confirm-processing{background:var(--color-error)!important;color:transparent!important}.delete-modal-confirm-processing:hover{background:var(--color-error)!important;transform:none!important;box-shadow:var(--shadow-sm)!important}.delete-modal-spinner{position:absolute;animation:spin 1s linear infinite;color:#fff}@media (max-width: 640px){.delete-modal-content{max-width:90%}.delete-modal-header{padding:16px 16px 12px}.delete-modal-body{padding:0 16px 16px}.delete-modal-actions{padding:12px 16px 16px;flex-direction:column}.delete-modal-cancel,.delete-modal-confirm{width:100%;min-width:auto}}.produtos-container{min-height:100vh;background:var(--bg-primary);padding:2rem}@media (max-width: 768px){.produtos-container{padding:1rem}}.produtos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.produtos-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.produtos-stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.stat-item{font-size:.875rem;color:var(--text-secondary)}.stat-item strong{color:var(--color-primary);font-weight:600}.stat-divider{color:var(--text-light)}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-box{position:relative;min-width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-card);color:var(--text-primary);font-size:.875rem;transition:all .2s ease;border-radius:12px;border:none;box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;box-shadow:var(--shadow-md),0 0 0 3px #0a84ff1a}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.produtos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}@media (max-width: 1200px){.produtos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.produtos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.produtos-grid{grid-template-columns:1fr;gap:1rem}}.product-card{background:var(--bg-card);border-radius:16px;overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column;height:100%;min-height:320px;box-shadow:var(--shadow-md);position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.product-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03);pointer-events:none}.dark-mode .product-card:before{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}.product-image-container{position:relative;height:160px;overflow:hidden;flex-shrink:0}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-type-badge{position:absolute;top:.75rem;left:.75rem;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border:none;background:#fffffff2;color:var(--text-primary)}.dark-mode .product-type-badge{background:#1e293bf2;color:var(--text-primary)}.product-sales-badge{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#10b981f2;color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border:none}.product-info{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.product-header{flex:1;min-height:auto;margin-bottom:0}.product-id{font-size:.75rem;color:var(--text-light);font-weight:500;margin-bottom:.25rem;display:block}.product-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.product-price{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--color-success)}.product-status{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:20px;font-size:.65rem;font-weight:600;box-shadow:var(--shadow-xs);border:none}.status-icon{display:flex;align-items:center;justify-content:center}.status-label{line-height:1}.product-actions{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;min-height:40px;gap:.5rem;border-top:1px solid rgba(0,0,0,.05)}.dark-mode .product-actions{border-top:1px solid rgba(255,255,255,.05)}.toggle-slider svg{width:8px;height:8px;color:#fff;opacity:.8;transition:opacity .2s ease;position:relative;z-index:1}.toggle-switch input:not(:checked)+.toggle-slider svg{opacity:.4}.action-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent!important;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0;box-shadow:none!important;border:none!important;opacity:.7}.action-btn:hover{background:transparent!important;opacity:1;transform:translateY(-1px)}.action-btn.edit-btn:hover{color:var(--color-primary)}.action-btn.copy-link-btn:hover{color:var(--color-purple)}.action-btn.delete-btn:hover{color:var(--color-error)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.action-btn:disabled:hover{color:var(--text-secondary);transform:none}.product-status.bg-green-100~.product-actions .copy-link-btn{opacity:.7;pointer-events:auto}.product-status:not(.bg-green-100)~.product-actions .copy-link-btn{opacity:.3;cursor:not-allowed;pointer-events:none}.product-status:not(.bg-green-100)~.product-actions .copy-link-btn:hover{color:var(--text-secondary);transform:none}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-illustration iframe{width:300px;height:300px;border:none;margin:0 auto}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .5rem}.empty-state p{font-size:1rem;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.btn-create-product{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;text-decoration:none;font-size:13px;box-shadow:0 1px 2px #0000000d}.btn-create-product:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.btn-create-product:active{transform:translateY(0)}.filters-search-tabs{margin-bottom:2rem}.tabs-container{position:relative}.tabs-buttons{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border-radius:15px;padding:.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm);border:none}.tabs-buttons:focus-within{box-shadow:var(--shadow-md),0 0 0 3px #0a84ff1a}.tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:28px;padding:0 12px;background:transparent;border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;font-size:.75rem;font-weight:500;border:none}.tab-button:hover{background:#0000000d}.dark-mode .tab-button:hover{background:#ffffff0d}.tab-button.active{background:#0a84ff1f;color:var(--color-primary);box-shadow:var(--shadow-xs)}.tab-button.filter-tab.has-filters{background:#0ea5e91f;color:#0ea5e9;box-shadow:var(--shadow-xs)}.tab-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--shadow-xs)}.search-expand-wrapper{display:inline-block;margin-left:.5rem;vertical-align:middle;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.search-input-container{position:relative;display:flex;align-items:center;background:var(--bg-card);border-radius:15px;padding:.25rem;transition:all .2s ease;width:300px;box-shadow:var(--shadow-sm)}.search-input-container:focus-within{box-shadow:var(--shadow-md),0 0 0 3px #0a84ff1a}.search-inside-icon{position:absolute;left:10px;color:var(--text-secondary);pointer-events:none}.search-tab-input{width:100%;padding:.25rem 2.5rem .25rem 2rem;border:none;background:transparent;color:var(--text-primary);outline:none;font-size:.875rem;height:28px}.search-tab-input::placeholder{color:var(--text-light);font-size:.75rem}.search-shortcut-hint{position:absolute;right:30px;display:flex;align-items:center;gap:2px;opacity:.5}.search-shortcut-hint kbd{background:var(--bg-secondary);border-radius:4px;padding:1px 4px;font-size:9px;font-family:Inter,-apple-system,sans-serif;color:var(--text-secondary);font-weight:500;box-shadow:var(--shadow-xs);border:none}.search-shortcut-hint span{color:var(--text-light);font-size:9px;margin:0 1px}.close-search-button{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-light);cursor:pointer;border-radius:50%;transition:all .2s ease}.close-search-button:hover{background:#0000000d;color:var(--text-secondary)}.dark-mode .close-search-button:hover{background:#ffffff0d}.filters-panel{margin-top:.75rem;animation:slideInDown .2s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.filter-item{display:inline-block}.custom-dropdown-tiny{position:relative;min-width:140px}.dropdown-trigger-tiny{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .75rem;background:#fff;border:1px dashed #e2e8f0;border-radius:8px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;box-sizing:border-box}.dark-mode .dropdown-trigger-tiny{background:var(--bg-card);border-color:#475569}.dropdown-trigger-tiny:hover{border-color:var(--color-primary);background-color:#f8fafc}.dark-mode .dropdown-trigger-tiny:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.dropdown-trigger-tiny:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0a84ff1a}.dropdown-selected-tiny{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.dropdown-icon-tiny{width:12px;height:12px;transition:transform .2s ease;color:#64748b;flex-shrink:0}.dark-mode .dropdown-icon-tiny{color:#cbd5e1}.dropdown-icon-tiny.rotate-180{transform:rotate(180deg)}.dropdown-menu-tiny{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border-radius:8px;box-shadow:var(--shadow-xl);z-index:50;max-height:200px;overflow-y:auto;animation:scaleInTiny .15s ease-out;border:none}.dark-mode .dropdown-menu-tiny{background:#1e293b;box-shadow:0 4px 6px -1px #0000004d}@keyframes scaleInTiny{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-item-tiny{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-item-tiny:hover{background:#f8fafc}.dark-mode .dropdown-item-tiny{color:#cbd5e1}.dark-mode .dropdown-item-tiny:hover{background:#334155}.dropdown-item-tiny.selected{background:#0a84ff1a;color:var(--color-primary);font-weight:500}.dark-mode .dropdown-item-tiny.selected{background:#0a84ff33;color:#60a5fa}.option-label-tiny{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-icon-tiny{width:12px;height:12px;color:var(--color-primary);opacity:0}.dropdown-item-tiny.selected .check-icon-tiny{opacity:1}.clear-filters-button{padding:.35rem .75rem;background:transparent;border-radius:10px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;min-width:110px;box-shadow:var(--shadow-sm);border:none}.clear-filters-button:hover:not(:disabled){background:#ef44441f;color:var(--color-error);transform:translateY(-1px);box-shadow:var(--shadow-md)}.clear-filters-button:disabled{opacity:.5;cursor:not-allowed}.bg-green-100{background-color:#10b9811f;color:#047857}.text-green-700{color:#047857}.text-green-500{color:#10b981}.bg-yellow-100{background-color:#f59e0b1f;color:#b45309}.text-yellow-700{color:#b45309}.text-yellow-500{color:#f59e0b}.bg-orange-100{background-color:#f973161f;color:#c2410c}.text-orange-700{color:#c2410c}.text-orange-500{color:#f97316}.bg-red-100{background-color:#ef44441f;color:#b91c1c}.text-red-700{color:#b91c1c}.text-red-500{color:#ef4444}.bg-gray-100{background-color:#6b72801f;color:#374151}.text-gray-700{color:#374151}.text-gray-500{color:#6b7280}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:16px}.loading-state p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width: 768px){.product-actions.mobile-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:.5rem;padding-top:.75rem;min-height:40px}.toggle-switch{width:40px;height:20px}.action-btn{width:24px;height:24px}.produtos-header{flex-direction:column}.header-actions{width:100%}.search-box{min-width:100%}}@media (max-width: 480px){.produtos-stats{flex-direction:column;align-items:flex-start;gap:.25rem}.stat-divider{display:none}.toggle-switch{width:36px;height:18px}}@media (max-width: 1400px){.produtos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.produtos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.produtos-grid{grid-template-columns:1fr}.delete-modal-content{max-width:90%}.delete-modal-actions{padding:16px 20px 20px;flex-direction:column}.delete-modal-cancel,.delete-modal-confirm{width:100%;min-width:auto}.links-modal-content{width:95%;border-radius:12px;max-height:85vh}.links-modal-header,.links-modal-body,.links-modal-footer{padding:16px}.links-modal-footer{flex-direction:column}.btn-secondary{width:100%;justify-content:center}}.dashboard-error{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.error-content{max-width:400px}.error-content h2{color:var(--text-primary);margin-bottom:1rem}.error-content p{color:var(--text-secondary);margin-bottom:1.5rem}.btn-retry{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-retry:hover{background:var(--color-primary-hover)}.products-error{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;text-align:center}.products-error .error-content{max-width:400px}.toggle-wrapper{display:flex;align-items:center;gap:.5rem;height:24px}.toggle-switch{position:relative;display:inline-block;width:44px;height:20px;flex-shrink:0;margin:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.3s ease;border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;overflow:hidden}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-eye-icon,.toggle-spinner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ffffffe6;border-radius:50%;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.dark-mode .toggle-eye-icon,.dark-mode .toggle-spinner{background:#fffffff2;box-shadow:0 1px 3px #0003}.toggle-eye-icon{position:absolute;left:4px;top:50%;transform:translateY(-50%);opacity:.8}.toggle-switch input:checked+.toggle-slider .toggle-eye-icon{left:auto;right:4px;opacity:1}.toggle-switch input:not(:checked)+.toggle-slider .toggle-eye-icon{opacity:.6}.toggle-spinner{position:absolute;left:4px;top:50%;transform:translateY(-50%);animation:toggle-spin 1s linear infinite;background:#fffffff2}.toggle-switch input:checked+.toggle-slider .toggle-spinner{left:auto;right:4px}@keyframes toggle-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.toggle-eye-icon svg,.toggle-spinner svg{width:8px;height:8px;color:var(--color-success);stroke-width:2.5}.toggle-switch input:not(:checked)+.toggle-slider .toggle-eye-icon svg{color:#64748b}.toggle-spinner svg{color:var(--color-primary)}.toggle-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1}.links-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1100;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.links-modal-overlay.active{opacity:1;visibility:visible}.links-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1101;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:all .3s ease}.links-modal-container.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.links-modal-content{position:relative;background:var(--bg-card);border-radius:12px;width:100%;max-width:460px;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-2xl);animation:links-modal-appear .2s ease;display:flex;flex-direction:column}@keyframes links-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.links-modal-header{padding:20px 20px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:var(--bg-card)}.links-modal-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.links-modal-subtitle{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.3;font-weight:400}.links-modal-close{width:28px;height:28px;background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;padding:0;margin:0;border:none}.links-modal-close:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.links-modal-close:disabled{opacity:.5;cursor:not-allowed}.links-modal-body{padding:0 20px;overflow-y:auto;flex:1;background:var(--bg-card)}.links-container{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}.link-section{display:flex;flex-direction:column;gap:6px}.link-label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px}.link-title{font-weight:500}.link-price-badge{font-size:12px;font-weight:600;color:var(--color-success);background:#10b9811f;padding:3px 8px;border-radius:6px;box-shadow:var(--shadow-xs)}.link-input-wrapper{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-primary);border:1px solid rgba(0,0,0,.08);border-radius:12px;transition:all .2s ease;min-width:0}.dark-mode .link-input-wrapper{border:1px solid rgba(255,255,255,.08)}.link-input-wrapper:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0a84ff1a}.link-url{font-size:11px;color:var(--text-secondary);word-break:break-all;font-family:SF Mono,Monaco,Roboto Mono,monospace;line-height:1.3;font-weight:400;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.link-copy-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--bg-tertiary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0;border:none;flex-shrink:0}.link-copy-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-1px)}.link-copy-btn:disabled{opacity:.3;cursor:not-allowed}.link-copy-btn.copied{background:#10b981;color:#fff;animation:copied-pulse .3s ease}.link-copy-btn.copied:hover:not(:disabled){background:#0da271;color:#fff}@keyframes copied-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.link-copy-btn.small{width:26px;height:26px}.offers-section{margin-top:8px}.section-title{font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:10px;padding:0 2px}.offers-list{display:flex;flex-direction:column;gap:12px}.offer-item{display:flex;flex-direction:column;gap:6px}.links-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:var(--bg-card);border-radius:12px}.links-loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:16px}.links-loading-state p{color:var(--text-secondary);font-size:14px;margin:0;font-weight:400}.empty-state{text-align:center;padding:32px 20px;color:var(--text-secondary);background:var(--bg-card);border-radius:10px}.empty-state svg{color:var(--text-light);margin-bottom:12px}.empty-state p{font-size:14px;color:var(--text-primary);margin:0 0 4px;font-weight:500}.empty-state small{font-size:12px;color:var(--text-secondary);line-height:1.4;font-weight:400}.links-modal-footer{padding:16px 20px 20px;display:flex;justify-content:center;background:var(--bg-card)}.checkout-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;background:var(--color-primary);border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;width:100%;max-width:180px;box-shadow:var(--shadow-sm);border:none}.checkout-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.links-modal-content{max-width:95%;max-height:85vh}.links-modal-header{padding:16px 16px 12px}.links-modal-body{padding:0 16px}.links-modal-footer{padding:12px 16px 16px}.link-input-wrapper{padding:8px 10px;gap:6px}.link-url{font-size:10px}.link-copy-btn{width:28px;height:28px}.link-copy-btn.small{width:24px;height:24px}.checkout-btn{max-width:none}}.filter-type-btn{display:inline-flex;align-items:center;gap:6px;padding:.35rem .75rem;background:transparent;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;color:var(--text-secondary, #64748b);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:32px}.filter-type-btn:hover{border-color:var(--color-primary, #0a84ff);color:var(--color-primary, #0a84ff);background:#0a84ff0d}.filter-type-btn.active{background:var(--color-primary, #0a84ff);border-color:var(--color-primary, #0a84ff);color:#fff}.filter-type-count{font-size:.7rem;padding:1px 6px;background:#0000001a;border-radius:20px}.filter-type-btn.active .filter-type-count{background:#fff3;color:#fff}.filter-separator{width:1px;height:24px;background:var(--border-color, #e2e8f0);margin:0 4px}.dark-mode .filter-separator{background:var(--border-color, #475569)}.filters-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.filter-type-btn{padding:.3rem .6rem;font-size:.7rem}.filter-separator{display:none}}.affiliate-link-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;font-size:12px;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s ease}.affiliate-link-btn:hover{background:#3b82f61a;border-color:var(--accent-color, #3b82f6);color:var(--accent-color, #3b82f6);transform:translateY(-1px)}.affiliate-link-btn svg{width:14px;height:14px;flex-shrink:0}.affiliate-link-btn span{font-size:12px}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.slim-dropdown .dropdown-trigger{padding:.5rem .75rem;min-height:34px;border-width:1px;font-size:.8125rem;border-color:var(--border-color);background:var(--bg-primary);border-radius:10px}.dropdown-trigger:hover:not(:disabled){border-color:var(--accent-color);background:var(--bg-primary)}.dropdown-trigger:focus:not(:disabled){outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--bg-tertiary)}.slim-dropdown .dropdown-trigger:focus:not(:disabled){box-shadow:0 0 0 1px var(--bg-tertiary)}.slim-dropdown .selected-text{font-weight:400}.slim-dropdown .dropdown-icon{width:13px;height:13px}.dropdown-menu{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000f;z-index:50;max-height:240px;overflow-y:auto;animation:fadeIn .12s ease-out;min-width:130px}.slim-dropdown .dropdown-menu{top:calc(100% + 2px);border-radius:10px;box-shadow:0 1px 6px #0000000a;max-height:220px;border-width:1px}.dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer;transition:background-color .12s ease;min-height:34px}.slim-dropdown .dropdown-item{padding:.5rem .625rem;font-size:.8125rem;min-height:32px;gap:.5rem}.dropdown-item.selected{background:var(--bg-tertiary);color:var(--accent-color);font-weight:500}.slim-dropdown .dropdown-item.selected{background:var(--bg-secondary);font-weight:500}.dropdown-item.selected .option-label{font-weight:500}.check-icon{margin-left:auto;color:var(--accent-color);opacity:0;transition:opacity .12s ease;flex-shrink:0}.slim-dropdown .check-icon{width:12px;height:12px}.custom-dropdown.disabled .dropdown-trigger{background:var(--bg-secondary);border-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.dropdown-menu::-webkit-scrollbar{width:5px}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sales-filter-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;justify-content:flex-end;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sales-filter-drawer-overlay.sales-filter-visible{opacity:1;visibility:visible}.sales-filter-drawer-overlay.sales-filter-animating{background:#0000}.sales-filter-drawer{width:420px;max-width:90vw;height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 20px #00000014;border-top-left-radius:24px;border-bottom-left-radius:24px;overflow:hidden}.sales-filter-drawer-overlay.sales-filter-visible .sales-filter-drawer{transform:translate(0);animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sales-filter-drawer-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);border-top-left-radius:24px}.sales-filter-drawer-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;flex-shrink:0}.sales-filter-drawer-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.sales-filter-drawer-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.sales-filter-drawer-title svg{color:var(--text-secondary)}.sales-filter-drawer-actions{display:flex;align-items:center;gap:10px}.sales-filter-action-btn{padding:8px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;outline:none;display:flex;align-items:center;justify-content:center}.sales-filter-clear-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:8px;width:36px;height:36px}.sales-filter-clear-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-tertiary);transform:rotate(45deg)}.sales-filter-clear-btn svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sales-filter-apply-btn{background:var(--accent-color);color:#fff;padding:8px 20px;font-weight:600}.sales-filter-apply-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.sales-filter-drawer-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary)}.sales-filter-drawer-content::-webkit-scrollbar{width:6px}.sales-filter-drawer-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.sales-filter-drawer-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sales-filter-drawer-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sales-filter-section{margin-bottom:28px}.sales-filter-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.sales-filter-checkbox-group{display:flex;flex-direction:column;gap:10px}.sales-filter-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sales-filter-checkbox-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 0;position:relative}.sales-filter-checkbox-block{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sales-filter-checkbox-block:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent-color);opacity:0;transition:opacity .3s;z-index:0}.sales-filter-checkbox-block:hover{border-color:var(--accent-color);background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.sales-filter-checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sales-filter-checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;z-index:1;background:var(--bg-primary)}.sales-filter-checkbox-check{width:10px;height:10px;stroke:#fff;stroke-width:2;fill:none;stroke-dasharray:18;stroke-dashoffset:18;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.sales-filter-checkbox-input:checked~.sales-filter-checkbox-custom{border-color:var(--accent-color);background:var(--accent-color);transform:scale(1.1);animation:checkboxPop .3s cubic-bezier(.4,0,.2,1)}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.sales-filter-checkbox-input:checked~.sales-filter-checkbox-custom .sales-filter-checkbox-check{stroke-dashoffset:0}.sales-filter-checkbox-label{font-size:14px;color:var(--text-primary);-webkit-user-select:none;user-select:none;position:relative;z-index:1;transition:color .3s}.sales-filter-checkbox-input:checked~.sales-filter-checkbox-label{color:var(--accent-color);font-weight:500}.sales-filter-period-wrapper{position:relative}.sales-filter-period-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.sales-filter-period-trigger:hover{border-color:var(--accent-color);background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.sales-filter-period-text{flex:1;text-align:left}.sales-filter-period-trigger svg{color:var(--text-tertiary);transition:all .3s cubic-bezier(.4,0,.2,1)}.sales-filter-period-trigger:hover svg{transform:translate(4px);color:var(--accent-color)}.sales-filter-date-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.sales-filter-date-input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sales-filter-date-input:focus{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 12px #3b82f633}body.dark-theme .sales-filter-drawer{background:var(--bg-primary);box-shadow:-4px 0 20px #0000004d}body.dark-theme .sales-filter-apply-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px #60a5fa4d}body.dark-theme .sales-filter-checkbox-block:hover{box-shadow:0 2px 8px #0003}body.dark-theme .sales-filter-period-trigger:hover,body.dark-theme .sales-filter-date-input:focus{box-shadow:0 2px 8px #60a5fa33}@media (max-width: 768px){.sales-filter-drawer{width:100%;max-width:100vw;border-top-left-radius:20px;border-bottom-left-radius:20px}.sales-filter-drawer-header{padding:16px 20px}.sales-filter-drawer-content{padding:20px}.sales-filter-checkbox-grid,.sales-filter-date-range{grid-template-columns:1fr}.sales-filter-drawer-actions{gap:8px}.sales-filter-action-btn{padding:8px}.sales-filter-apply-btn{padding:8px 16px}}@media (max-width: 480px){.sales-filter-drawer{border-top-left-radius:16px;border-bottom-left-radius:16px}}.sales-filter-reset-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:8px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.sales-filter-reset-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-tertiary);transform:none}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--accent-color: #3b82f6;--success-color: #10b981;--danger-color: #ef4444;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--transition: .15s cubic-bezier(.4, 0, .2, 1)}body.dark-theme{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #475569;--accent-color: #60a5fa;--success-color: #34d399;--danger-color: #f87171;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .25)}.sales-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.sales-stat-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:20px;position:relative;overflow:hidden;transition:transform var(--transition);display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-md);cursor:default}body.dark-theme .sales-stat-card{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.sales-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.sales-stat-card-depth{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03);pointer-events:none;z-index:1}body.dark-theme .sales-stat-card-depth{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}.sales-stat-icon-left{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#3b82f61f,#3b82f60f);color:var(--accent-color)}.sales-stat-card:nth-child(1) .sales-stat-icon-left{background:linear-gradient(135deg,#10b9811f,#10b9810f);color:var(--success-color)}.sales-stat-icon-left svg{width:20px;height:20px;stroke-width:2;display:block}.sales-stat-content{flex:1;min-width:0;position:relative;z-index:2}.sales-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sales-stat-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;opacity:.9}.sales-privacy-toggle{background:transparent;border:1px solid var(--border-color);width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);opacity:.6;flex-shrink:0;margin-left:8px}.sales-privacy-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary);opacity:1}.sales-privacy-toggle svg{width:12px;height:12px}.sales-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1;letter-spacing:-.02em;font-family:Inter,-apple-system,sans-serif}.sales-stat-value .blurred-value{font-size:24px;letter-spacing:2px;color:var(--text-secondary);opacity:.8;filter:blur(4px)}.sales-stat-trend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.sales-stat-trend.positive{color:var(--success-color)}.sales-stat-trend.negative{color:var(--danger-color)}.sales-trend-value{font-weight:600;font-size:12px}.sales-trend-label{font-size:11px;font-weight:500;color:var(--text-secondary);margin-left:4px;opacity:.8}.sales-stat-trend svg{width:12px;height:12px}.sales-stat-description{font-size:13px;color:var(--text-secondary);margin:0;opacity:.9;font-weight:500}@keyframes sales-card-appear{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.sales-stat-card{animation:sales-card-appear .3s ease-out}.sales-stat-card:nth-child(2){animation-delay:.05s}@media (max-width: 768px){.sales-stats-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.sales-stat-card{padding:16px}.sales-stat-value{font-size:24px}.sales-stat-icon-left{width:40px;height:40px}.sales-stat-icon-left svg{width:18px;height:18px}.sales-stat-title{font-size:11px}.sales-privacy-toggle{width:24px;height:24px}}@media (max-width: 480px){.sales-stats-container{grid-template-columns:1fr;gap:12px}.sales-stat-card{padding:14px}.sales-stat-value{font-size:22px}.sales-stat-value .blurred-value{font-size:20px}}.sales-stat-card-skeleton{height:140px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:12px;animation:sales-stats-shimmer 1.5s infinite;box-shadow:var(--shadow-md)}@keyframes sales-stats-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sales-top-products-list{padding:.75rem 1.25rem}.sales-top-product-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);transition:background-color .2s}.sales-top-product-item:hover{background-color:var(--bg-secondary)}.sales-top-product-item:last-child{border-bottom:none}.sales-product-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-tertiary);flex-shrink:0}.sales-rank-number{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.sales-product-info{flex:1;min-width:0}.sales-product-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-product-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.sales-product-quantity{color:var(--text-secondary);font-weight:500}.sales-product-revenue{color:var(--success-color);font-weight:600;background:#10b9811a;padding:.125rem .375rem;border-radius:.25rem}.sales-product-progress{width:60px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;flex-shrink:0}.sales-progress-bar{height:100%;border-radius:2px;transition:width .3s ease}.sales-top-products-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-tertiary)}.sales-top-products-empty p{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0 0 .25rem}.sales-top-products-empty span{font-size:.75rem;color:var(--text-tertiary)}.sales-top-products-skeleton{padding:.75rem 1.25rem}.sales-top-product-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.sales-top-product-skeleton:last-child{border-bottom:none}.sales-product-skeleton-rank{width:28px;height:28px;background:var(--bg-tertiary);border-radius:6px;animation:sales-products-pulse 2s infinite}.sales-product-skeleton-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.sales-product-skeleton-name{height:14px;width:120px;background:var(--bg-tertiary);border-radius:.25rem;animation:sales-products-pulse 2s infinite}.sales-product-skeleton-meta{display:flex;gap:.5rem}.sales-product-skeleton-meta span{height:12px;width:60px;background:var(--bg-tertiary);border-radius:.25rem;animation:sales-products-pulse 2s infinite}@keyframes sales-products-pulse{0%,to{opacity:1}50%{opacity:.5}}body.dark-theme .sales-product-revenue{background:#34d39926}@media (max-width: 768px){.sales-top-products-list{padding:.625rem 1rem}.sales-top-product-item{padding:.625rem 0;gap:.625rem}.sales-product-rank{width:24px;height:24px}.sales-rank-number{font-size:.6875rem}.sales-product-name{font-size:.75rem}.sales-product-meta{font-size:.6875rem}.sales-product-progress{width:50px}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--accent-color: #3B82F6;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition: .15s cubic-bezier(.4, 0, .2, 1)}body.dark-theme{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #475569;--accent-color: #60a5fa}.sales-payment-methods-list{padding:.75rem 1.25rem;max-height:400px;overflow-y:auto}.sales-payment-method-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);transition:all var(--transition)}.sales-payment-method-item:last-child{border-bottom:none}.sales-payment-method-item.sales-payment-no-sales{opacity:.5}.sales-payment-method-item:hover{background-color:var(--bg-secondary);padding-left:.5rem;padding-right:.5rem;margin:0 -.5rem;border-radius:var(--radius-md)}.sales-payment-method-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0;padding:0;margin:0;overflow:hidden;position:relative;transition:all var(--transition)}.sales-payment-method-item:hover .sales-payment-method-icon{transform:scale(1.05);box-shadow:0 4px 12px #3b82f626}.sales-payment-method-img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box;border-radius:var(--radius-lg);transition:all var(--transition)}.sales-payment-method-item:hover .sales-payment-method-img{transform:scale(1.1)}.sales-payment-method-content{flex:1;min-width:0}.sales-payment-method-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sales-payment-method-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-payment-method-percentage{font-size:.8125rem;font-weight:600;color:var(--accent-color);flex-shrink:0;margin-left:.5rem;transition:all var(--transition)}.sales-payment-method-item:hover .sales-payment-method-percentage{transform:translate(-2px)}.sales-payment-method-progress{height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:.375rem;transition:all var(--transition)}.sales-payment-method-item:hover .sales-payment-method-progress{height:5px}.sales-payment-progress-bar{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1);background-color:var(--accent-color)}.sales-payment-method-item:hover .sales-payment-progress-bar{box-shadow:0 0 8px #3b82f64d}.sales-payment-method-footer{display:flex;justify-content:space-between;align-items:center}.sales-payment-method-value{font-size:.75rem;font-weight:500;color:var(--text-primary);transition:all var(--transition)}.sales-payment-method-item:hover .sales-payment-method-value{color:var(--accent-color)}.sales-payment-method-count{font-size:.6875rem;color:var(--text-tertiary);transition:all var(--transition)}.sales-payment-method-item:hover .sales-payment-method-count{color:var(--text-secondary)}.sales-payment-methods-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;justify-content:center;color:var(--text-tertiary);text-align:center}.sales-payment-methods-empty svg{opacity:.5;flex-shrink:0;color:var(--accent-color)}.sales-payment-empty-text span{font-size:.8125rem;color:var(--text-tertiary)}.sales-payment-methods-loading{padding:.75rem 1.25rem}.sales-payment-method-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.sales-payment-method-skeleton:last-child{border-bottom:none}.sales-payment-skeleton-icon{width:40px;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-lg);animation:sales-payment-pulse 2s infinite}.sales-payment-skeleton-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.sales-payment-skeleton-name{height:14px;width:100px;background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:sales-payment-pulse 2s infinite}.sales-payment-skeleton-bar{height:4px;background:var(--bg-tertiary);border-radius:2px;animation:sales-payment-pulse 2s infinite}.sales-payment-skeleton-footer{display:flex;justify-content:space-between;gap:1rem}.sales-payment-skeleton-footer:before,.sales-payment-skeleton-footer:after{content:"";height:12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);animation:sales-payment-pulse 2s infinite}.sales-payment-skeleton-footer:before{width:60px}.sales-payment-skeleton-footer:after{width:40px}@keyframes sales-payment-pulse{0%,to{opacity:1}50%{opacity:.5}}.sales-payment-fallback-icon{width:100%;height:100%;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;background-color:var(--accent-color)}.sales-payment-methods-list::-webkit-scrollbar{width:6px}.sales-payment-methods-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.sales-payment-methods-list::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}.sales-payment-methods-list::-webkit-scrollbar-thumb:hover{background:var(--accent-color);opacity:.8}@media (max-width: 768px){.sales-payment-methods-list{padding:.625rem 1rem;max-height:350px}.sales-payment-method-item{padding:.625rem 0;gap:.625rem}.sales-payment-method-icon{width:36px;height:36px;border-radius:10px}.sales-payment-method-img{padding:7px;border-radius:10px}.sales-payment-skeleton-icon{width:36px;height:36px;border-radius:10px}.sales-payment-method-name,.sales-payment-method-percentage{font-size:.75rem}.sales-payment-method-value{font-size:.6875rem}.sales-payment-method-count{font-size:.625rem}.sales-payment-methods-empty{padding:1.5rem}}.sales-error-tooltip{position:absolute;bottom:calc(100% + 8px);left:100%;transform:translate(-50%);padding:10px 16px;background:#1e293b;color:#f8fafc;font-size:13px;font-weight:400;line-height:1.4;border-radius:8px;white-space:nowrap;max-width:320px;box-shadow:0 8px 20px #0003,0 2px 4px #0000001a;z-index:1000;display:flex;align-items:center;gap:8px;pointer-events:none;border-left:3px solid #ef4444;animation:tooltipFadeIn .15s ease-out}.sales-error-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:7px;border-style:solid;border-color:#1e293b transparent transparent transparent}.sales-error-tooltip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-error-tooltip.long-text{white-space:normal;word-break:break-word;max-width:360px}.sales-error-tooltip.long-text span{white-space:normal;overflow:visible;text-overflow:clip}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sales-detalhes-status-badge{position:relative;cursor:help;display:inline-flex;align-items:center;gap:4px}.sales-detalhes-status-badge:hover{opacity:.9}.sales-detalhes-table-status{position:relative;cursor:help;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:background-color .15s}.sales-detalhes-table-status:hover{filter:brightness(.95)}.sales-error-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:2px}@media (max-width: 768px){.sales-error-tooltip{max-width:280px;white-space:normal}.sales-error-tooltip span{white-space:normal}}.comissao-stepper{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px;padding:16px 0;overflow-x:auto}.stepper-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:120px;position:relative}.step-indicator{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:12px;position:relative}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px #3b82f64d;flex-shrink:0}.step-line{position:absolute;top:16px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:linear-gradient(to right,#3b82f6,#e2e8f0);z-index:1}.stepper-step:last-child .step-line{display:none}.step-content{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.step-label{font-size:12px;font-weight:500;color:#1e293b;text-align:center}.step-label-with-icon{display:flex;align-items:center;justify-content:center;gap:6px}.step-values{display:flex;flex-direction:column;align-items:center;gap:2px}.step-value-primary{font-size:15px;font-weight:600;color:#0f172a}.step-value-secondary{font-size:11px;color:#64748b}.step-description{font-size:10px;color:#64748b;margin-top:2px}@media (max-width: 700px){.comissao-stepper{flex-direction:column;align-items:stretch}.stepper-step{flex-direction:row;align-items:flex-start;text-align:left;min-width:auto}.step-indicator{width:auto;margin-bottom:0;margin-right:16px}.step-line{top:auto;left:16px;right:auto;bottom:-8px;width:2px;height:20px}.step-content{align-items:flex-start}}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-border: #e2e8f0;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #8b5cf6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-2xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}body.dark-theme{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #475569;--color-accent: #60a5fa;--color-accent-hover: #3b82f6;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #a78bfa;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-2xl: 0 20px 25px -5px rgba(0, 0, 0, .8), 0 10px 10px -5px rgba(0, 0, 0, .2)}.sales-clients-wrapper{position:relative}.sales-clients-table-container{background:var(--color-bg-primary);overflow:hidden;border-radius:8px;box-shadow:var(--shadow-md)}.sales-clients-table{width:100%}.sales-clients-table-header{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 1fr 1fr 1fr 40px;gap:.75rem;padding:.75rem 1.25rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.sales-clients-table-body{max-height:400px;overflow-y:auto}.sales-clients-table-body::-webkit-scrollbar{width:4px}.sales-clients-table-body::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.sales-clients-table-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.sales-client-row{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 1fr 1fr 1fr 40px;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border);transition:background-color .2s}.sales-client-row:hover{background:var(--color-bg-secondary)}.sales-client-row:last-child{border-bottom:none}.sales-client-cell{display:flex;align-items:center;min-width:0;font-size:.8125rem;color:var(--color-text-primary)}.sales-client-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#9ca3af;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0;margin-right:.75rem;box-shadow:var(--shadow-sm)}.sales-clients-wrapper.dark .sales-client-avatar,.dark .sales-client-avatar{background:#6b7280}.sales-client-name-wrapper,.sales-client-email-wrapper,.sales-client-phone-wrapper,.sales-client-product-wrapper,.sales-client-method-wrapper,.sales-client-reference-wrapper{display:flex;align-items:center;gap:.375rem;cursor:default;padding:4px 6px;border-radius:4px;transition:background-color .15s;width:100%;min-width:0;position:relative;box-shadow:var(--shadow-sm)}.sales-client-name-wrapper:hover,.sales-client-email-wrapper:hover,.sales-client-phone-wrapper:hover,.sales-client-product-wrapper:hover,.sales-client-method-wrapper:hover,.sales-client-reference-wrapper:hover{background:#0000000a;box-shadow:var(--shadow-md)}.sales-client-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sales-client-email-wrapper svg,.sales-client-phone-wrapper svg,.sales-client-product-wrapper svg,.sales-client-method-wrapper svg{width:.75rem;height:.75rem;color:var(--color-text-tertiary);flex-shrink:0}.sales-client-email-wrapper span,.sales-client-phone-wrapper span,.sales-client-product-wrapper span,.sales-client-method-wrapper span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sales-client-status{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:9999px;font-size:.65rem;font-weight:600;border:1px solid rgba(0,0,0,.07);color:var(--status-color, #6B7280);transition:all .15s ease;background:var(--status-bg, rgba(16, 185, 129, .1));box-shadow:var(--shadow-sm)}.sales-client-status[data-status=aprovado]{--status-color: var(--color-success);--status-bg: rgba(16, 185, 129, .1);border-color:#10b98133}.sales-client-status[data-status=pendente]{--status-color: var(--color-warning);--status-bg: rgba(245, 158, 11, .1);border-color:#f59e0b33}.sales-client-status[data-status=cancelado]{--status-color: var(--color-error);--status-bg: rgba(239, 68, 68, .1);border-color:#ef444433}.sales-client-status[data-status=reembolsado]{--status-color: var(--color-info);--status-bg: rgba(139, 92, 246, .1);border-color:#8b5cf633}.sales-client-status:hover{border-color:var(--status-color);background:#ffffffe6;box-shadow:var(--shadow-md)}.sales-client-status-icon{display:flex;align-items:center;justify-content:center;width:10px;height:10px}.sales-client-status-icon svg{width:100%;height:100%;stroke:currentColor}.sales-client-status-label{font-size:.65rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.sales-client-reference-wrapper{font-family:Menlo,Monaco,Courier New,monospace;font-size:.6875rem;color:var(--color-text-tertiary);background:#00000005;padding:.375rem .5rem;border-radius:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-sm)}.sales-client-tooltip{position:fixed;z-index:999999!important;background:#000000d9;color:#fff;font-size:.75rem;padding:.5rem .75rem;border-radius:.375rem;white-space:nowrap;pointer-events:none;animation:sales-tooltip-fade .15s ease-out;box-shadow:var(--shadow-xl);max-width:300px;overflow:hidden;text-overflow:ellipsis;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sales-no-clients{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--color-text-tertiary);font-size:.875rem;min-height:300px;box-shadow:var(--shadow-sm)}.sales-no-clients-icon{font-size:2rem;margin-bottom:.75rem;opacity:.5}.sales-no-clients small{color:var(--color-text-tertiary);font-size:.75rem;margin-top:.25rem}.sales-clients-table-skeleton{padding:1.25rem}.sales-client-row-skeleton{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 1fr 1fr 1fr 40px;gap:.75rem;padding:.75rem 0;align-items:center}.sales-client-row-skeleton>div{height:1.25rem;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:.25rem;animation:sales-clients-shimmer 1.5s infinite;box-shadow:var(--shadow-sm)}@keyframes sales-clients-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width: 1024px){.sales-clients-table-container{overflow-x:auto}.sales-clients-table{min-width:1100px}}@media (max-width: 768px){.sales-clients-table-header{padding:.625rem 1rem;font-size:.625rem;gap:.5rem;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 1fr 1fr 1fr 30px}.sales-client-row{padding:.625rem 1rem;gap:.5rem;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 1fr 1fr 1fr 30px}.sales-client-avatar{width:28px;height:28px;font-size:.6875rem;margin-right:.5rem}.sales-client-cell{font-size:.75rem}.sales-client-status{font-size:.6rem;padding:.125rem .35rem}.sales-client-reference-wrapper{font-size:.625rem;padding:.25rem .375rem}}.sales-client-actions{position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:32px}.sales-client-actions-trigger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease;padding:0;box-shadow:var(--shadow-sm)}.sales-client-actions-trigger:hover{background:#0000000a;color:var(--color-text-primary);box-shadow:var(--shadow-md)}.sales-client-actions-dropdown{position:absolute;top:100%;right:0;background:var(--color-bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-xl);min-width:180px;z-index:7000;margin-top:4px;animation:sales-dropdown-appear .15s ease}@keyframes sales-dropdown-appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sales-client-actions-item{width:100%;padding:10px 12px;display:flex;align-items:center;gap:10px;background:none;border:none;text-align:left;color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--color-border)}.sales-client-actions-item:last-child{border-bottom:none}.sales-client-actions-item:hover{background:var(--color-bg-secondary)}.sales-client-actions-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.sales-client-actions-label{flex:1;font-weight:400}.text-blue-600{color:var(--color-accent)}.text-orange-600{color:var(--color-warning)}.text-gray-600{color:var(--color-text-tertiary)}.text-green-600{color:var(--color-success)}.text-purple-600{color:var(--color-info)}.sales-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:sales-modal-fade .15s ease}@keyframes sales-modal-fade{0%{opacity:0}to{opacity:1}}.sales-modal-content{background:var(--color-bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-2xl);width:100%;max-width:440px;max-height:90vh;overflow:hidden;animation:sales-modal-appear .2s ease}@keyframes sales-modal-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sales-modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.sales-modal-title-container{display:flex;align-items:center;gap:10px}.sales-modal-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.sales-modal-icon-primary{background:#3b82f61a;color:var(--color-accent)}.sales-modal-icon-warning{background:#f59e0b1a;color:var(--color-warning)}.sales-modal-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0}.sales-modal-close{width:28px;height:28px;background:var(--color-bg-secondary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-tertiary);transition:all .15s ease;padding:0;box-shadow:var(--shadow-sm)}.sales-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.sales-modal-body{padding:20px;max-height:calc(90vh - 120px);overflow-y:auto}.sales-modal-text{font-size:13px;color:var(--color-text-secondary);margin:0 0 16px;line-height:1.5}.sales-modal-input-group{margin-bottom:16px}.sales-modal-input-wrapper{position:relative;display:flex;align-items:center}.sales-input-icon{position:absolute;left:12px;color:var(--color-text-tertiary)}.sales-modal-input{width:100%;padding:10px 10px 10px 36px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;font-size:13px;color:var(--color-text-primary);transition:all .15s ease;font-family:inherit;outline:none}.sales-modal-input:focus{border:1px solid var(--color-accent);box-shadow:0 0 0 2px #3b82f61a,var(--shadow-sm)}.sales-modal-error{font-size:12px;color:var(--color-error);margin:6px 0 0}.sales-modal-info{background:var(--color-bg-secondary);border:none;border-radius:6px;padding:14px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.sales-modal-info-text{font-size:13px;color:var(--color-text-secondary);margin:0 0 6px}.sales-modal-info-text:last-child{margin-bottom:0}.sales-modal-info-text strong{color:var(--color-text-primary);font-weight:600}.sales-modal-success{display:flex;flex-direction:column;align-items:center;padding:32px 20px;text-align:center}.sales-modal-success-icon{color:var(--color-success);width:48px;height:48px;margin-bottom:16px;animation:sales-success-icon .5s ease}@keyframes sales-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.sales-modal-success-text{font-size:16px;color:var(--color-text-primary);font-weight:600;margin:0 0 8px}.sales-modal-success-subtext{font-size:13px;color:var(--color-text-secondary);margin:0}.sales-modal-actions{padding:6px 20px;display:flex;justify-content:flex-end;gap:10px}.sales-modal-cancel{padding:8px 16px;background:var(--color-bg-secondary);border:none;border-radius:6px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:80px;box-shadow:var(--shadow-sm)}.sales-modal-cancel:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.sales-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.sales-modal-confirm{padding:8px 16px;background:var(--color-accent);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:80px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-md)}.sales-modal-confirm:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-lg)}.sales-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.sales-modal-confirm-processing{color:transparent!important;position:relative}.sales-modal-spinner{animation:sales-spin 1s linear infinite;position:absolute;color:#fff}@keyframes sales-spin{to{transform:rotate(360deg)}}.sales-reembolso-valor{display:flex;align-items:center;gap:12px;padding:14px;background:var(--color-bg-secondary);border:none;border-radius:6px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.sales-reembolso-valor-icon{width:32px;height:32px;background:#10b9811a;color:var(--color-success);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.sales-reembolso-valor-content{flex:1}.sales-reembolso-valor-label{display:block;font-size:12px;color:var(--color-text-tertiary);margin-bottom:2px}.sales-reembolso-valor-amount{font-size:18px;color:var(--color-text-primary);font-weight:600}.sales-modal-form-section{margin-bottom:16px}.sales-modal-form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-primary);margin-bottom:6px}.sales-modal-select-wrapper{position:relative}.sales-modal-select{width:100%;padding:10px;background:var(--color-bg-primary);border:none;border-radius:6px;font-size:13px;color:var(--color-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .15s ease;font-family:inherit;outline:none;box-shadow:var(--shadow-sm)}.sales-modal-select:focus{border:1px solid var(--color-accent);box-shadow:0 0 0 2px #3b82f61a,var(--shadow-sm)}.sales-modal-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.sales-modal-textarea{width:100%;padding:10px;background:var(--color-bg-primary);border:none;border-radius:6px;font-size:13px;color:var(--color-text-primary);transition:all .15s ease;font-family:inherit;resize:vertical;min-height:80px;outline:none;box-shadow:var(--shadow-sm)}.sales-modal-textarea:focus{border:1px solid var(--color-accent);box-shadow:0 0 0 2px #3b82f61a,var(--shadow-sm)}.sales-modal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sales-modal-info-label{display:block;font-size:11px;color:var(--color-text-tertiary);margin-bottom:2px}.sales-modal-info-value{display:block;font-size:13px;color:var(--color-text-primary);word-break:break-all}.sales-modal-warning{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f59e0b1a;border:none;border-radius:6px;color:var(--color-warning);font-size:12px;line-height:1.4;margin-top:16px;box-shadow:var(--shadow-sm)}.sales-modal-confirm-warning{background:var(--color-warning);box-shadow:var(--shadow-md)}.sales-modal-confirm-warning:hover:not(:disabled){background:#d97706;box-shadow:var(--shadow-lg)}.sales-detalhes-content{max-width:700px!important}.sales-modal-subtitle{font-size:12px;color:var(--color-text-tertiary);margin:2px 0 0}.sales-detalhes-avatar{width:40px;height:40px;background:var(--color-bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);flex-shrink:0;box-shadow:var(--shadow-sm)}.sales-modal-skeleton{padding:20px}.sales-modal-skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.sales-modal-skeleton-icon{width:32px;height:32px;background:var(--color-bg-tertiary);border-radius:8px;box-shadow:var(--shadow-sm)}.sales-modal-skeleton-title{height:24px;width:180px;background:var(--color-bg-tertiary);border-radius:4px;box-shadow:var(--shadow-sm)}.sales-modal-skeleton-content{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.sales-modal-skeleton-line{height:16px;background:var(--color-bg-tertiary);border-radius:4px;box-shadow:var(--shadow-sm)}.sales-modal-skeleton-line.medium{width:70%}.sales-modal-skeleton-line.short{width:50%}.sales-modal-skeleton-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--color-border)}.sales-modal-skeleton-button{height:36px;width:90px;background:var(--color-bg-tertiary);border-radius:6px;box-shadow:var(--shadow-sm)}.sales-detalhes-skeleton{padding:24px}.sales-detalhes-skeleton-section{margin-bottom:32px}.sales-detalhes-skeleton-section:last-child{margin-bottom:0}.sales-detalhes-skeleton-title{height:20px;width:150px;background:var(--color-bg-tertiary);border-radius:4px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.sales-detalhes-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.sales-detalhes-skeleton-item{display:flex;align-items:center;gap:12px}.sales-detalhes-skeleton-icon{width:32px;height:32px;background:var(--color-bg-tertiary);border-radius:8px;flex-shrink:0;box-shadow:var(--shadow-sm)}.sales-detalhes-skeleton-text{flex:1;display:flex;flex-direction:column;gap:4px}.sales-detalhes-skeleton-label{height:12px;width:60px;background:var(--color-bg-tertiary);border-radius:2px;box-shadow:var(--shadow-sm)}.sales-detalhes-skeleton-value{height:16px;width:100%;background:var(--color-bg-tertiary);border-radius:4px;box-shadow:var(--shadow-sm)}.sales-detalhes-skeleton-table{background:var(--color-bg-primary);border:none;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md)}.sales-detalhes-skeleton-table-header{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:12px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.sales-detalhes-skeleton-table-th{height:14px;background:var(--color-bg-tertiary);border-radius:2px;box-shadow:var(--shadow-sm)}.sales-detalhes-skeleton-table-body{padding:12px}.sales-detalhes-skeleton-table-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}.sales-detalhes-skeleton-table-row:last-child{margin-bottom:0}.sales-detalhes-skeleton-table-td{height:16px;background:var(--color-bg-tertiary);border-radius:4px;box-shadow:var(--shadow-sm)}.sales-modal-skeleton-icon,.sales-modal-skeleton-title,.sales-modal-skeleton-line,.sales-modal-skeleton-button,.sales-detalhes-skeleton-title,.sales-detalhes-skeleton-icon,.sales-detalhes-skeleton-label,.sales-detalhes-skeleton-value,.sales-detalhes-skeleton-table-th,.sales-detalhes-skeleton-table-td{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-border) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:sales-skeleton-shimmer 1.5s infinite}@keyframes sales-skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.sales-modal-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 20px}.sales-modal-error-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 20px;text-align:center}.sales-modal-error-text{font-size:14px;color:var(--color-text-secondary);margin:0}.sales-modal-retry-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-bg-secondary);border:none;border-radius:6px;color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.sales-modal-retry-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.sales-detalhes-section{margin-bottom:20px}.sales-detalhes-section:last-child{margin-bottom:0}.sales-detalhes-section-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.sales-detalhes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.sales-detalhes-info-item{display:flex;align-items:flex-start;gap:12px}.sales-detalhes-info-icon{width:32px;height:32px;background:var(--color-bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0;box-shadow:var(--shadow-sm)}.sales-detalhes-info-label{display:block;font-size:11px;color:var(--color-text-tertiary);margin-bottom:2px}.sales-detalhes-info-value{display:block;font-size:13px;color:var(--color-text-primary);word-break:break-word}.sales-detalhes-status-container{display:flex;align-items:center;gap:20px;padding:16px;background:var(--color-bg-secondary);border:none;border-radius:8px;box-shadow:var(--shadow-sm)}.sales-detalhes-status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:var(--shadow-sm)}.sales-detalhes-status-details{flex:1}.sales-detalhes-status-details div{margin-bottom:6px}.sales-detalhes-status-details div:last-child{margin-bottom:0}.sales-detalhes-status-label{font-size:12px;color:var(--color-text-tertiary);margin-right:8px}.sales-detalhes-status-value{font-size:13px;color:var(--color-text-primary)}.sales-detalhes-referencia{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-secondary);border:none;border-radius:8px;box-shadow:var(--shadow-sm)}.sales-detalhes-referencia-code{flex:1;font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:13px;color:var(--color-text-primary);background:var(--color-bg-primary);padding:8px 12px;border-radius:6px;border:none;word-break:break-all;box-shadow:var(--shadow-sm)}.sales-detalhes-copy-btn{width:32px;height:32px;background:var(--color-bg-primary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-tertiary);transition:all .15s ease;box-shadow:var(--shadow-sm)}.sales-detalhes-copy-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.sales-detalhes-table-container{border:none;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md)}.sales-detalhes-table{width:100%;border-collapse:collapse;font-size:12px}.sales-detalhes-table th{padding:12px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);text-align:left;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.sales-detalhes-table td{padding:12px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-weight:400}.sales-detalhes-table tr:last-child td{border-bottom:none}.sales-detalhes-table-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;box-shadow:var(--shadow-sm)}.sales-detalhes-table-referencia{display:flex;align-items:center;gap:6px}.sales-detalhes-table-copy{width:20px;height:20px;background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);transition:all .15s ease;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.sales-detalhes-table-copy:hover{color:var(--color-text-primary);box-shadow:var(--shadow-md)}.sales-modal-secondary{padding:8px 16px;background:var(--color-bg-secondary);border:none;border-radius:6px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;min-width:80px;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-sm)}.sales-modal-secondary:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);box-shadow:var(--shadow-md)}@media (max-width: 768px){.sales-modal-overlay{padding:12px}.sales-modal-content{max-width:calc(100% - 24px)!important}.sales-modal-header{padding:14px 16px}.sales-modal-body{padding:16px}.sales-modal-actions{padding:14px 16px;flex-direction:column}.sales-modal-cancel,.sales-modal-confirm,.sales-modal-secondary{width:100%;min-width:auto}.sales-detalhes-content{max-width:calc(100% - 24px)!important}.sales-detalhes-grid{grid-template-columns:1fr}.sales-detalhes-status-container{flex-direction:column;align-items:flex-start;gap:12px}.sales-detalhes-table{font-size:11px}.sales-detalhes-table th,.sales-detalhes-table td{padding:8px}}@media (max-width: 480px){.sales-modal-header,.sales-modal-body,.sales-modal-actions{padding:12px}.sales-detalhes-table{font-size:10px}.sales-detalhes-table th,.sales-detalhes-table td{padding:6px}}.sales-clients-table .sales-clients-table-header{display:grid;grid-template-columns:1.5fr 1.8fr 1.2fr 1.5fr .9fr .9fr .8fr .9fr 1fr 1fr 40px;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}.sales-client-row{display:grid;grid-template-columns:1.5fr 1.8fr 1.2fr 1.5fr .9fr .9fr .8fr .9fr 1fr 1fr 40px;gap:8px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--border-color);transition:background .15s ease}.sales-client-row:hover{background:var(--bg-tertiary)}.sales-client-name-wrapper{display:flex;align-items:center;gap:6px}.country-flag{font-size:16px;flex-shrink:0}.sales-client-row-skeleton{display:grid;grid-template-columns:1.5fr 1.8fr 1.2fr 1.5fr .9fr .9fr .8fr .9fr 1fr 1fr 40px;gap:8px;padding:12px 16px}.sales-client-row-skeleton div{height:20px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.sales-clients-table .sales-clients-table-header{display:none}.sales-client-row{grid-template-columns:1fr;gap:8px;padding:16px}.sales-client-cell{display:flex;justify-content:space-between;align-items:center}.sales-client-cell:before{content:attr(data-label);font-weight:500;color:var(--text-tertiary);font-size:12px}}.sales-clients-table .sales-clients-table-header{display:grid;grid-template-columns:1.5fr 1.8fr .9fr .9fr .8fr .9fr 1fr 1fr 40px;gap:8px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}.sales-client-row{display:grid;grid-template-columns:1.5fr 1.8fr .9fr .9fr .8fr .9fr 1fr 1fr 40px;gap:8px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--border-color);transition:background .15s ease}.sales-client-row-skeleton{display:grid;grid-template-columns:1.5fr 1.8fr .9fr .9fr .8fr .9fr 1fr 1fr 40px;gap:8px;padding:12px 16px}.tooltip-container{position:relative;display:inline-flex;cursor:help}.sales-client-status{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:9999px;font-size:.65rem;font-weight:600;border:1px solid rgba(0,0,0,.07);color:var(--status-color, #6B7280);transition:all .15s ease;background:var(--status-bg, rgba(16, 185, 129, .1));box-shadow:var(--shadow-sm);overflow:visible!important}.sales-error-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;padding:8px 12px;background:#1e293b;color:#f8fafc;font-size:12px;font-weight:400;line-height:1.4;border-radius:6px;white-space:nowrap;max-width:280px;box-shadow:0 4px 12px #0000004d;z-index:99999;display:flex;align-items:center;gap:8px;pointer-events:none;border-left:3px solid #ef4444;animation:tooltipFadeIn .15s ease-out}.sales-error-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1e293b transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sales-client-row,.sales-client-cell{overflow:visible!important}.sales-clients-table-container,.sales-clients-wrapper,.sales-clients-table-body,.sales-client-row,.sales-client-cell{overflow:visible!important}.sales-client-status{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:9999px;font-size:.65rem;font-weight:600;border:1px solid rgba(0,0,0,.07);transition:all .15s ease;box-shadow:var(--shadow-sm);cursor:help;background:var(--status-bg, rgba(16, 185, 129, .1))}.error-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:10px 14px;background:#1e293b;color:#f8fafc;font-size:12px;font-weight:400;line-height:1.5;border-radius:10px;max-width:280px;width:max-content;min-width:160px;box-shadow:0 10px 25px -5px #0000004d;z-index:9999999;display:flex;align-items:center;gap:10px;pointer-events:none;border-left:3px solid #ef4444;transition:all .2s ease;white-space:normal;word-break:break-word;text-align:left}.error-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:7px;border-style:solid;border-color:#1e293b transparent transparent transparent}.sales-client-status:hover .error-tooltip{visibility:visible;opacity:1}.error-tooltip svg{flex-shrink:0;width:14px;height:14px}.error-tooltip span{flex:1;display:block;white-space:normal;word-break:break-word}.sales-client-tooltip{position:fixed;z-index:9999999!important;background:#000000d9;color:#fff;font-size:.75rem;padding:.5rem .75rem;border-radius:.375rem;white-space:nowrap;pointer-events:none;animation:sales-tooltip-fade .15s ease-out;box-shadow:var(--shadow-xl);max-width:300px;overflow:hidden;text-overflow:ellipsis;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sales-client-tooltip-arrow{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.85)}@keyframes sales-tooltip-fade{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.oferta-badge,.canal-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.sales-client-value{display:flex;flex-direction:column;gap:2px}.value-main{font-weight:600;color:var(--text-primary)}.value-comissao{font-size:10px;color:#10b981;background:#10b98120;padding:2px 6px;border-radius:10px;width:fit-content}:root{--skeleton-base-light: #e5e7eb;--skeleton-highlight-light: rgba(255, 255, 255, .6);--skeleton-base-dark: #334155;--skeleton-highlight-dark: rgba(255, 255, 255, .08);--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px}body.dark-theme{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-tertiary: #334155;--border-color: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-base-light);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-highlight-light),transparent);animation:shimmer 1.8s infinite}body.dark-theme .skeleton{background:var(--skeleton-base-dark)}body.dark-theme .skeleton:after{background:linear-gradient(90deg,transparent,var(--skeleton-highlight-dark),transparent)}@keyframes shimmer{to{transform:translate(100%)}}.sales-skeleton{padding:20px;max-width:1400px;margin:0 auto;background:var(--bg-primary)}.sales-skeleton__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sales-skeleton__title{width:200px;height:32px;border-radius:var(--radius-md)}.sales-skeleton__actions{display:flex;gap:12px}.sales-skeleton__button{width:100px;height:40px;border-radius:var(--radius-md)}.sales-skeleton__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.sales-skeleton__filter{height:60px;border-radius:var(--radius-lg)}.sales-skeleton__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.sales-skeleton__stat-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:20px;display:flex;align-items:center;gap:16px;border:none}.sales-skeleton__stat-card .skeleton:after{animation-delay:calc(var(--delay, 0) * .1s)}.sales-skeleton__stat-icon{width:48px;height:48px;border-radius:12px}.sales-skeleton__stat-content{flex:1;display:flex;flex-direction:column;gap:12px}.sales-skeleton__stat-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.sales-skeleton__stat-label{width:120px;height:13px}.sales-skeleton__privacy-toggle{width:26px;height:26px;border-radius:7px}.sales-skeleton__stat-value{width:100px;height:28px}.sales-skeleton__stat-trend{width:150px;height:24px;border-radius:8px}.sales-skeleton__content-grid{display:grid;grid-template-columns:70% 30%;gap:24px;margin-bottom:24px}@media (max-width: 1024px){.sales-skeleton__content-grid{grid-template-columns:1fr}}.sales-skeleton__chart-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:24px}.sales-skeleton__chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sales-skeleton__chart-title{width:150px;height:24px}.sales-skeleton__chart-legend{display:flex;gap:16px;align-items:center}.sales-skeleton__legend-item{width:80px;height:16px}.sales-skeleton__chart-container{height:300px;width:100%;border-radius:var(--radius-lg);margin-top:16px}.sales-skeleton__payments-sidebar{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:24px}.sales-skeleton__payment-header{margin-bottom:20px}.sales-skeleton__payment-title{width:140px;height:22px;margin-bottom:8px}.sales-skeleton__payment-subtitle{width:100px;height:16px}.sales-skeleton__payment-methods{display:flex;flex-direction:column;gap:12px}.sales-skeleton__payment-method{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.sales-skeleton__payment-icon{width:40px;height:40px;border-radius:10px}.sales-skeleton__payment-info{flex:1;display:flex;justify-content:space-between;align-items:center}.sales-skeleton__payment-name{width:80px;height:16px}.sales-skeleton__payment-percentage{width:40px;height:16px}.sales-skeleton__sales-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:24px}.sales-skeleton__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sales-skeleton__section-title{width:120px;height:22px}.sales-skeleton__view-button{width:80px;height:28px;border-radius:var(--radius-md)}.sales-skeleton__table-container{background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}body.dark-theme .sales-skeleton__table-container{background:var(--bg-tertiary);border-color:var(--border-color)}.sales-skeleton__table-header{display:grid;grid-template-columns:1.8fr 1.5fr 1fr 1fr 1fr;gap:16px;padding:16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.sales-skeleton__table-header-cell{height:16px;background:transparent!important;color:var(--text-tertiary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.sales-skeleton__table-header-cell:after{content:none!important}.sales-skeleton__table-row{display:grid;grid-template-columns:1.8fr 1.5fr 1fr 1fr 1fr;gap:16px;padding:16px;border-bottom:1px solid var(--border-color);align-items:center}.sales-skeleton__table-row:last-child{border-bottom:none}.sales-skeleton__customer-cell{display:flex;align-items:center;gap:12px;background:transparent!important}.sales-skeleton__customer-cell:after{content:none!important}.sales-skeleton__customer-avatar{width:32px;height:32px;border-radius:8px}.sales-skeleton__customer-details{flex:1;display:flex;flex-direction:column;gap:6px}.sales-skeleton__customer-name{width:100px;height:14px}.sales-skeleton__customer-id{width:60px;height:12px}.sales-skeleton__product-cell{width:100%;height:16px}.sales-skeleton__value-cell{width:80px;height:16px}.sales-skeleton__date-cell{width:90px;height:16px}.sales-skeleton__status-cell{width:100px;height:24px;border-radius:20px}@media (max-width: 768px){.sales-skeleton{padding:16px}.sales-skeleton__header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.sales-skeleton__actions{width:100%;justify-content:flex-end}.sales-skeleton__stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.sales-skeleton__stat-card{padding:16px}.sales-skeleton__stat-icon{width:40px;height:40px}.sales-skeleton__filters{grid-template-columns:repeat(2,1fr);gap:12px}.sales-skeleton__filter{height:52px}.sales-skeleton__content-grid{gap:16px}.sales-skeleton__chart-section,.sales-skeleton__payments-sidebar,.sales-skeleton__sales-section{padding:20px}.sales-skeleton__chart-container{height:250px}.sales-skeleton__table-header,.sales-skeleton__table-row{grid-template-columns:2fr 1fr 1fr;gap:12px}.sales-skeleton__table-header-cell:nth-child(4),.sales-skeleton__table-header-cell:nth-child(5),.sales-skeleton__table-row>*:nth-child(4),.sales-skeleton__table-row>*:nth-child(5){display:none}.sales-skeleton__customer-cell{grid-column:1}.sales-skeleton__product-cell{grid-column:2}.sales-skeleton__value-cell{grid-column:3}}@media (max-width: 480px){.sales-skeleton__stats-grid,.sales-skeleton__filters{grid-template-columns:1fr}.sales-skeleton__chart-container{height:200px}.sales-skeleton__payment-method{padding:12px}.sales-skeleton__payment-icon{width:36px;height:36px}.sales-skeleton__table-header,.sales-skeleton__table-row{grid-template-columns:1fr 1fr;gap:10px}.sales-skeleton__table-header-cell:nth-child(3),.sales-skeleton__table-row>*:nth-child(3){display:none}.sales-skeleton__customer-cell{grid-column:span 2}.sales-skeleton__product-cell{grid-column:1}.sales-skeleton__value-cell{grid-column:2}}.datepicker-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.datepicker-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:360px;box-shadow:var(--shadow-xl);overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-color)}.datepicker-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:500;color:var(--text-primary)}.datepicker-close{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-tertiary);border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.datepicker-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.datepicker-body{padding:20px}.datepicker-month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.datepicker-month-nav button{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-tertiary);border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.datepicker-month-nav button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.datepicker-month-year{font-size:14px;font-weight:500;color:var(--text-primary)}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.datepicker-weekdays span{text-align:center;font-size:11px;color:var(--text-tertiary);font-weight:500;padding:6px 0;text-transform:uppercase;letter-spacing:.3px}.datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.datepicker-day{aspect-ratio:1;border:none;background:none;border-radius:10px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .12s ease;font-weight:400}.datepicker-day:hover:not(.empty){background:var(--bg-tertiary)}.datepicker-day.empty{cursor:default}.datepicker-day.in-range{background:color-mix(in srgb,var(--accent-color) 12%,transparent);border-radius:0}.datepicker-day.start-date{background:var(--accent-color);color:#fff;border-radius:10px 0 0 10px;font-weight:500}.datepicker-day.end-date{background:var(--accent-color);color:#fff;border-radius:0 10px 10px 0;font-weight:500}.datepicker-day.start-date.end-date{border-radius:10px}.datepicker-selected-info{margin-top:18px;padding-top:18px;border-top:1px solid var(--border-color);display:flex;gap:20px}.selected-date{display:flex;flex-direction:column;gap:4px}.selected-date .label{font-size:11px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.selected-date .value{font-size:13px;color:var(--text-primary);font-weight:500}.datepicker-footer{display:flex;gap:12px;padding:18px 20px;border-top:1px solid var(--border-color)}.datepicker-btn{flex:1;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.datepicker-clear{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.datepicker-clear:hover{background:var(--bg-tertiary)}.datepicker-apply{background:var(--accent-color);border:none;color:#fff;box-shadow:var(--shadow-sm)}.datepicker-apply:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.datepicker-apply:disabled{opacity:.5;cursor:not-allowed}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--transition: .15s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .35)}.sales-container{padding:1.5rem;max-width:1400px;margin:0 auto;background:var(--bg-primary, #f8fafc);min-height:100vh}.sales-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.header-left{display:flex;align-items:center;gap:1rem}.page-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.filter-loading-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#3b82f61a;border-radius:8px;font-size:12px;color:var(--accent-color, #3b82f6);animation:fadeIn .3s ease}.loading-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--accent-color, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.basic-filters{margin-bottom:1.5rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:flex-end}@media (min-width: 769px){.filter-row{grid-template-columns:repeat(5,1fr)}.filter-icon-group{grid-column:5}}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-icon-group{display:flex;justify-content:center;align-items:flex-end;height:44px}.filter-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--bg-card, #ffffff);border:none;border-radius:8px;color:var(--text-secondary, #64748b);cursor:pointer;transition:all var(--transition);padding:0;margin:0;box-shadow:var(--shadow-sm)}.filter-icon-btn:hover:not(:disabled){background:var(--bg-secondary, #f1f5f9);color:var(--accent-color, #3b82f6);transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-icon-btn:active:not(:disabled){transform:translateY(0)}.filter-icon-btn:disabled{opacity:.5;cursor:not-allowed}.products-payments-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.products-section,.payments-section,.clients-section{background:var(--bg-card, #ffffff);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.products-section:before,.payments-section:before,.clients-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03);pointer-events:none;z-index:1}.dark-mode .products-section:before,.dark-mode .payments-section:before,.dark-mode .clients-section:before{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;position:relative;z-index:2}.section-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.section-actions{display:flex;align-items:center;gap:1rem}.search-box-wrapper{position:relative}.search-box{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;min-width:200px;position:relative;transition:all .2s}.search-box:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61a}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.search-client-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.75rem;outline:none;min-width:0;padding-right:70px}.search-client-input::placeholder{color:var(--text-tertiary, #94a3b8)}.sales-search-shortcut{position:absolute;right:.75rem;display:flex;align-items:center;gap:.25rem;opacity:.5;transition:opacity .2s}.search-box:focus-within .sales-search-shortcut,.search-client-input:not(:placeholder-shown)+.sales-search-shortcut{opacity:0;pointer-events:none}.sales-kbd-key{background:#f1f5f9;border:none;border-radius:4px;padding:1px 4px;font-size:9px;font-family:Inter,-apple-system,sans-serif;color:#475569;font-weight:500;min-width:20px;text-align:center;line-height:1.2;display:inline-block;box-shadow:0 1px 2px #0000001a}.dark-mode .sales-kbd-key{background:#334155;color:#cbd5e1;box-shadow:0 1px 2px #0003}.sales-kbd-plus{font-size:9px;color:#94a3b8;line-height:1.2}.dark-mode .sales-kbd-plus{color:#64748b}.clear-search{background:transparent;border:none;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:.125rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px;margin-left:auto;flex-shrink:0}.clear-search:hover:not(:disabled){color:var(--text-secondary, #64748b);background:var(--bg-tertiary, #e2e8f0)}.clear-search:disabled{opacity:.5;cursor:not-allowed}.result-count{font-size:.75rem;color:var(--text-secondary, #64748b);white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:1rem;border-top:none;position:relative;z-index:2}.pagination-btn{min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f1f5f9);border:none;border-radius:8px;color:var(--text-secondary, #64748b);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition);padding:0 .25rem;box-shadow:var(--shadow-xs)}.pagination-btn:hover:not(.disabled):not(.active){background:var(--bg-tertiary, #e2e8f0);color:var(--text-primary, #1e293b);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-btn.active{background:var(--accent-color, #3b82f6);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-md)}.pagination-dots{color:var(--text-tertiary, #94a3b8);font-size:.75rem;padding:0 .25rem}@media (max-width: 768px){.sales-container{padding:1rem}.sales-header{flex-direction:column;gap:.75rem}.products-payments-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:repeat(2,1fr)}.filter-icon-group{grid-column:1 / -1;height:auto;margin-top:.5rem}.filter-icon-btn{width:100%;height:44px}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.search-box{min-width:0;flex:1}.search-client-input{padding-right:.5rem}.sales-search-shortcut{display:none}.result-count{font-size:.6875rem;margin-left:auto}.pagination{flex-wrap:wrap;gap:.25rem}}@media (min-width: 769px) and (max-width: 1024px){.filter-row{grid-template-columns:repeat(3,1fr)}.filter-icon-group{grid-column:1 / -1;height:auto;margin-top:.5rem}.filter-icon-btn{width:100%}.search-client-input{padding-right:80px}}@media (min-width: 1025px){.search-client-input{padding-right:85px}}.filter-group select:disabled,.search-client-input:disabled{opacity:.6;cursor:not-allowed}.conversion-info-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:linear-gradient(135deg,var(--accent-color)15,var(--accent-color)10);color:var(--accent-color);border-radius:20px;font-size:11px;font-weight:500;margin-left:auto;margin-right:12px;cursor:help;border:1px solid var(--accent-color)30;transition:all .2s ease}.conversion-info-badge:hover{background:linear-gradient(135deg,var(--accent-color)25,var(--accent-color)20);border-color:var(--accent-color)50}.conversion-info-badge svg{animation:spin-slow 3s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sales-clients-table-body{overflow-y:auto!important;overflow-x:visible!important}.sales-clients-table-container,.sales-client-row,.sales-client-cell,.sales-clients-wrapper,.clients-section{overflow:visible!important}body.product-creation-page,body.product-edit-page{overflow-x:hidden}.product-creation-page{width:100%;min-height:100vh;background:var(--bg-primary, #f8fafc);position:relative}.dark-mode .product-creation-page{background:var(--bg-primary, #0f172a)}.product-creation-container{display:flex;width:100%;min-height:100vh;margin-left:72px;transition:margin-left .3s ease}body:not(.sidebar-minimized) .product-creation-container{margin-left:240px}.product-stepper-sidebar{width:280px;background:var(--bg-secondary, #ffffff);border-right:1px solid var(--border-color, #e2e8f0);padding:24px 20px;height:calc(100vh - 64px);position:fixed;top:64px;left:72px;overflow-y:auto;z-index:99;transition:left .3s ease}body:not(.sidebar-minimized) .product-stepper-sidebar{left:240px}.dark-mode .product-stepper-sidebar{background:var(--bg-secondary, #111827);border-right:1px solid var(--border-color, #334155)}.product-creation-main{flex:1;display:flex;flex-direction:column;width:100%;background:transparent;margin-left:280px;min-height:calc(100vh - 64px);margin-top:64px}.content-wrapper{flex:1;display:flex;flex-direction:column;width:100%;overflow-y:auto;padding:32px}.stepper-header{margin-bottom:32px;padding:0 8px}.stepper-title{font-size:18px;font-weight:500;color:var(--text-primary, #1e293b);margin-bottom:4px;letter-spacing:-.01em}.dark-mode .stepper-title{color:var(--text-primary, #f1f5f9)}.stepper-subtitle{font-size:12px;color:var(--text-tertiary, #64748b);line-height:1.4;font-weight:400}.dark-mode .stepper-subtitle{color:var(--text-tertiary, #94a3b8)}.stepper-container{display:flex;flex-direction:column;gap:16px}.stepper-item{position:relative;padding-left:44px;min-height:36px;cursor:default;transition:all .2s ease;opacity:.6}.stepper-item.permitted{cursor:pointer;opacity:1}.stepper-item.permitted:hover{opacity:.8}.stepper-item.not-permitted{opacity:.4;cursor:not-allowed}.stepper-icon{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #f1f5f9);border:1px solid var(--border-color, #cbd5e1);z-index:2;font-size:12px;font-weight:500;color:var(--text-tertiary, #64748b);transition:all .2s ease}.dark-mode .stepper-icon{background:var(--bg-tertiary, #1f2937);border-color:var(--border-color, #4b5563);color:var(--text-tertiary, #9ca3af)}.stepper-item.completed .stepper-icon{background:var(--success-color, #10b981);border-color:var(--success-color, #10b981);color:#fff}.stepper-item.active .stepper-icon{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff}.stepper-line{position:absolute;left:15px;top:32px;bottom:-16px;width:1.5px;background:var(--border-color, #e2e8f0);z-index:1}.dark-mode .stepper-line{background:var(--border-color, #334155)}.stepper-item:last-child .stepper-line{display:none}.stepper-item.completed .stepper-line{background:var(--success-color, #10b981)}.stepper-content h3{margin:0 0 2px;font-weight:500;font-size:13px;color:var(--text-primary, #1e293b);letter-spacing:-.01em}.dark-mode .stepper-content h3{color:var(--text-primary, #e5e7eb)}.stepper-content p{margin:0;font-size:10px;color:var(--text-tertiary, #64748b);line-height:1.3;font-weight:400}.dark-mode .stepper-content p{color:var(--text-tertiary, #9ca3af)}.step-content-container{width:100%;max-width:800px;margin:0 auto;padding:0 16px}.product-navigation-footer{background:var(--bg-secondary, #ffffff);padding:16px 0;border-top:1px solid var(--border-color, #e2e8f0);width:100%}.dark-mode .product-navigation-footer{background:var(--bg-secondary, #111827);border-top:1px solid var(--border-color, #334155)}.footer-content{width:100%;max-width:800px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;gap:12px}.btn-navigation{padding:9px 20px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;min-width:110px;justify-content:center;letter-spacing:-.01em}.btn-back{background:var(--bg-tertiary, #f8fafc);color:var(--text-secondary, #475569);border:1px solid var(--border-color, #e2e8f0)}.dark-mode .btn-back{background:var(--bg-tertiary, #1f2937);color:var(--text-secondary, #d1d5db);border:1px solid var(--border-color, #4b5563)}.btn-back:hover:not(:disabled){background:var(--bg-hover, #f1f5f9);border-color:var(--border-color, #cbd5e1)}.dark-mode .btn-back:hover:not(:disabled){background:var(--bg-hover, #374151);border-color:var(--border-color, #6b7280)}.btn-next{background:var(--accent-color, #3b82f6);color:#fff;border:1px solid var(--accent-color, #3b82f6);font-weight:500}.btn-next:hover:not(:disabled){background:var(--accent-hover, #2563eb);border-color:var(--accent-hover, #2563eb);transform:translateY(-1px)}.btn-publish{background:linear-gradient(135deg,var(--accent-color, #3b82f6),var(--accent-hover, #2563eb));color:#fff;border:none}.btn-publish:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-navigation:disabled{opacity:.5;cursor:not-allowed;transform:none}.processing-overlay{position:fixed;top:64px;left:352px;right:0;bottom:0;background:#f8fafcf2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s}body:not(.sidebar-minimized) .processing-overlay{left:520px}.dark-mode .processing-overlay{background:#111827f2}.processing-overlay.active{opacity:1;visibility:visible}.processing-content{text-align:center;background:var(--bg-primary, #ffffff);padding:28px 24px;border-radius:14px;box-shadow:0 10px 25px -5px #00000014;border:1px solid var(--border-color, #e2e8f0);max-width:300px;width:90%}.dark-mode .processing-content{background:var(--bg-secondary, #1f2937);border:1px solid var(--border-color, #374151)}.processing-spinner{width:40px;height:40px;border:2px solid var(--border-color, #e2e8f0);border-top-color:var(--accent-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.processing-content p{font-size:13px;color:var(--text-primary, #1e293b);font-weight:500}.dark-mode .processing-content p{color:var(--text-primary, #f1f5f9)}.product-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}.product-type-card{background:var(--bg-secondary, #ffffff);border-radius:14px;padding:20px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;border:1px solid var(--border-color, #e2e8f0);box-shadow:0 1px 2px #00000005}.dark-mode .product-type-card{background:var(--bg-secondary, #1f2937);border:1px solid var(--border-color, #334155)}.product-type-card:hover:not(.disabled){border-color:var(--accent-color, #3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f614}.product-type-card.selected{border-color:var(--accent-color, #3b82f6);background:#3b82f60a}.dark-mode .product-type-card.selected{background:#3b82f614}.product-type-card.disabled{opacity:.5;cursor:not-allowed}.product-type-card.disabled:hover{transform:none;border-color:var(--border-color, #e2e8f0)}.type-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color, #3b82f6),#6366f1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:#fff}.type-name{font-size:15px;font-weight:500;color:var(--text-primary, #1e293b);margin-bottom:6px}.dark-mode .type-name{color:var(--text-primary, #f1f5f9)}.type-description{color:var(--text-tertiary, #64748b);font-size:12px;line-height:1.4;font-weight:400}.dark-mode .type-description{color:var(--text-tertiary, #94a3b8)}.coming-soon-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:20px;font-size:9px;font-weight:500;text-transform:uppercase;margin-top:8px;display:inline-block}.processing-spinner-small{width:14px;height:14px;border:2px solid var(--border-color, #e2e8f0);border-top-color:var(--accent-color, #3b82f6);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;margin-right:6px}@media (max-width: 1024px){.product-creation-container{margin-left:0}.product-stepper-sidebar{position:relative;top:0;left:0;width:100%;height:auto;padding:16px;border-right:none;border-bottom:1px solid var(--border-color, #e2e8f0)}.product-creation-main{margin-left:0;margin-top:0}.processing-overlay{top:0;left:0}.stepper-container{flex-direction:row;flex-wrap:wrap;gap:10px}.stepper-item{flex:1;min-width:110px;padding-left:0;padding-top:36px;text-align:center}.stepper-icon{left:50%;top:0;transform:translate(-50%)}.stepper-line{display:none}.content-wrapper{padding:20px}}@media (max-width: 768px){.content-wrapper{padding:16px}.product-type-grid{grid-template-columns:1fr;gap:12px}.footer-content{flex-direction:column-reverse}.btn-navigation{width:100%}}@media (max-width: 480px){.product-stepper-sidebar{padding:12px}.stepper-title{font-size:16px}.content-wrapper{padding:12px}.step-content-container{padding:0 8px}.processing-content{padding:20px 16px}}.profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.profile-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.profile-modal-content{position:relative;background:var(--cor-fundo);border-radius:12px;width:100%;max-width:400px;overflow:hidden;box-shadow:var(--shadow-2xl);animation:modalAppear .2s ease}@keyframes modalAppear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal-header{padding:20px 20px 16px;background:var(--cor-fundo)}.profile-modal-title-container{display:flex;align-items:center;gap:10px}.profile-modal-icon{color:var(--cor-ativo)}.profile-modal-title{font-size:15px;font-weight:500;color:var(--cor-texto);margin:0}.profile-modal-body{padding:0 20px 20px;color:var(--cor-texto-secundaria)}.profile-modal-text{font-size:13px;margin:0 0 8px;line-height:1.4}.profile-modal-actions{padding:16px 20px 20px;display:flex;justify-content:flex-end;gap:10px}.profile-modal-cancel,.profile-modal-confirm{padding:7px 18px;border:none;border-radius:8px;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:85px;text-align:center;box-shadow:var(--shadow-sm)}.profile-modal-cancel{background:var(--cor-fundo-hover);color:var(--cor-texto)}.profile-modal-cancel:hover:not(:disabled){background:var(--cor-borda);transform:translateY(-1px);box-shadow:var(--shadow-md)}.profile-modal-confirm{background:var(--cor-ativo);color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;overflow:hidden}.profile-modal-confirm:hover:not(:disabled){background:#0a73e6;transform:translateY(-1px);box-shadow:var(--shadow-md)}.profile-modal-confirm.profile-modal-processing{background:var(--cor-ativo)!important;color:transparent!important}.profile-modal-spinner{position:absolute;animation:spin 1s linear infinite;color:#fff}.otp-instructions{text-align:center;margin-bottom:20px}.otp-text{font-size:13px;color:var(--cor-texto-secundaria);margin-bottom:4px}.otp-email{font-size:13px;font-weight:600;color:var(--cor-texto)}.otp-inputs-container{display:flex;justify-content:center;gap:8px;margin:24px 0}.otp-input{width:40px;height:40px;text-align:center;font-size:18px;font-weight:600;color:var(--cor-texto);border:1px solid var(--cor-borda);border-radius:6px;background:var(--cor-fundo);transition:var(--transition-smooth)}.otp-input:focus{border-color:var(--cor-ativo);outline:none;box-shadow:0 0 0 3px #0a84ff1a}.otp-timer{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0;color:var(--cor-texto-secundaria);font-size:12px}.otp-clock-icon{color:var(--cor-texto-secundaria)}.otp-time{color:var(--cor-texto);font-weight:500}.otp-time.warning{color:#f59e0b}.otp-time.expired{color:#ef4444}.otp-resend{text-align:center;margin-top:16px}.otp-resend-btn{background:none;border:none;color:var(--cor-ativo);font-size:12px;cursor:pointer;text-decoration:underline;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:4px}.otp-resend-btn:hover:not(:disabled){color:#0a73e6}.otp-resend-btn:disabled{opacity:.5;cursor:not-allowed}.otp-resend-spinner{animation:spin 1s linear infinite}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1115;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.success-modal{background:var(--cor-fundo);border-radius:12px;padding:30px;text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow-2xl);animation:modalAppear .3s ease}.success-icon{color:#16a34a;margin-bottom:16px}.success-message{font-size:14px;color:var(--cor-texto);margin-bottom:20px;line-height:1.4}.success-ok-btn{padding:10px 24px;background:var(--cor-ativo);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.success-ok-btn:hover{background:#0a73e6;transform:translateY(-1px)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--cor-texto)}.info-item svg{color:var(--cor-texto-secundaria)}.info-display{padding:10px 12px;background:var(--cor-fundo-hover);border-radius:6px;color:var(--cor-texto);font-size:.875rem;min-height:40px;display:flex;align-items:center}.input-like{border:1px solid var(--cor-borda);background:var(--cor-fundo);transition:var(--transition-smooth)}.input-like:hover{border-color:var(--cor-ativo)}.verified-badge-inline{margin-left:auto;color:#16a34a;background:#22c55e1a;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.currency-info{display:flex;align-items:center;gap:12px}.currency-symbol-large{font-weight:600;font-size:1.125rem;color:var(--cor-texto);background:var(--cor-fundo-hover);padding:6px 10px;border-radius:6px;min-width:44px;text-align:center}.currency-details{display:flex;flex-direction:column}.currency-code{font-weight:600;color:var(--cor-texto);font-size:.875rem}.currency-name{font-size:.75rem;color:var(--cor-texto-secundaria)}.bio-display{white-space:pre-line;line-height:1.5;min-height:80px;align-items:flex-start}.editing-field{position:relative}.input-field{width:100%;padding:10px 12px;border:1px solid var(--cor-borda);border-radius:6px;background:var(--cor-fundo);color:var(--cor-texto);font-size:.875rem;transition:var(--transition-smooth)}.input-field:focus{border-color:var(--cor-ativo);outline:none;box-shadow:0 0 0 3px #0a84ff1a}.input-field.textarea{min-height:80px;resize:vertical}.input-error{border-color:#ef4444}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-text{color:#ef4444;font-size:.75rem;margin-top:4px}.security-container{display:flex;flex-direction:column;gap:24px}.security-section{display:flex;flex-direction:column;gap:16px}.security-section-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--cor-texto-escuro);margin:0}.security-section-title svg{color:var(--cor-ativo)}.security-card{background:var(--cor-fundo);border:1px solid var(--cor-borda);border-radius:12px;overflow:hidden;transition:var(--transition-smooth)}.security-card:hover{border-color:var(--cor-ativo);box-shadow:var(--shadow-md)}.security-card-header{display:flex;align-items:center;gap:12px;padding:20px;background:var(--cor-fundo-hover);border-bottom:1px solid var(--cor-borda)}.security-card-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--cor-ativo) 0%,rgba(10,132,255,.2) 100%);display:flex;align-items:center;justify-content:center;color:var(--cor-ativo);flex-shrink:0}.security-card-title{flex:1}.security-card-title h4{font-size:.875rem;font-weight:600;color:var(--cor-texto);margin:0 0 4px}.security-card-title p{font-size:.75rem;color:var(--cor-texto-secundaria);margin:0;line-height:1.4}.security-card-body{padding:20px}.security-status{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-indicator{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500}.status-indicator.verified{background:#22c55e1a;color:#16a34a}.status-indicator.unverified{background:#f59e0b1a;color:#f59e0b}.security-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500}.security-badge.success{background:#22c55e1a;color:#16a34a}.btn-security-action{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--cor-ativo);color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-security-action:hover:not(:disabled){background:#0a73e6;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-security-action:disabled{opacity:.5;cursor:not-allowed}.btn-security-action.outline{background:transparent;color:var(--cor-texto);border:1px solid var(--cor-borda)}.btn-security-action.outline:hover:not(:disabled){background:var(--cor-fundo-hover);border-color:var(--cor-ativo)}.password-form{max-width:500px;margin:0 auto}.password-requirements{display:flex;gap:12px;padding:16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:24px;font-size:.875rem}.password-requirements svg{color:var(--cor-ativo);flex-shrink:0;margin-top:2px}.password-requirements ul{margin:4px 0 0;padding-left:16px;color:var(--cor-texto-secundaria)}.password-requirements li{margin-bottom:2px}.form-grid{display:grid;gap:20px}.form-group label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:var(--cor-texto)}.password-input{position:relative}.password-input input{padding-right:40px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--cor-texto-secundaria);cursor:pointer;padding:4px;transition:var(--transition-smooth)}.password-toggle:hover{color:var(--cor-texto)}.form-actions{margin-top:32px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--cor-ativo);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition-smooth)}.btn-primary:hover:not(:disabled){background:#0a73e6;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.info-grid{grid-template-columns:1fr;gap:20px}.security-status,.security-toggle-section{flex-direction:column;align-items:stretch;gap:12px}.security-toggle{justify-content:flex-start}.passkey-registered{align-items:stretch}}.passkey-loading{display:flex;align-items:center;gap:8px;padding:16px;background:var(--cor-fundo-hover);border-radius:8px}.support-message{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:8px;margin-bottom:16px}.support-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.support-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.device-info{font-size:.875rem;color:var(--cor-texto-secundaria);margin:4px 0}.feature-info{font-size:.75rem;color:var(--cor-texto-secundaria);margin:4px 0}.reason-text{font-size:.875rem;color:#dc2626;margin:4px 0}.passkey-warning{display:flex;gap:8px;align-items:center;padding:12px;background:#f59e0b1a;border-radius:6px;margin:12px 0}.passkey-warning svg{color:#f59e0b}.passkey-setup-instructions{margin-top:16px}.passkey-setup-instructions h5{font-size:.875rem;font-weight:600;margin-bottom:8px}.passkey-setup-instructions ol{margin-left:20px;margin-bottom:16px;font-size:.875rem;color:var(--cor-texto-secundaria)}.passkey-setup-instructions li{margin-bottom:4px}.troubleshooting{margin-top:16px;padding:16px;background:var(--cor-fundo-hover);border-radius:8px}.troubleshooting h5{font-size:.875rem;font-weight:600;margin-bottom:8px}.troubleshooting ul{margin-left:20px;margin-bottom:16px;font-size:.875rem;color:var(--cor-texto-secundaria)}.troubleshooting li{margin-bottom:4px}.quick-check{margin-top:16px;padding-top:16px;border-top:1px solid var(--cor-borda)}.btn-diagnostic{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--cor-fundo-hover);border:1px solid var(--cor-borda);border-radius:6px;color:var(--cor-texto);font-size:.75rem;cursor:pointer;transition:var(--transition-smooth)}.btn-diagnostic:hover{background:var(--cor-borda)}.sec-container,.sec-section{display:flex;flex-direction:column;gap:.75rem}.sec-section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem;padding:.25rem 0}.sec-section-title svg{color:var(--accent-color)}.sec-card{background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #00000008,0 1px 3px #0000000d;transition:box-shadow .2s ease,transform .2s ease}.sec-card:hover{box-shadow:0 4px 6px #0000000a,0 2px 4px #00000008;transform:translateY(-1px)}.sec-card-header{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:var(--bg-tertiary)}.sec-card-icon{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sec-card-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 .125rem}.sec-card-desc{font-size:.75rem;color:var(--text-tertiary);margin:0;line-height:1.3}.sec-status{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sec-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500}.sec-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.sec-btn:active:not(:disabled){transform:translateY(0)}.sec-btn:disabled{opacity:.5;cursor:not-allowed}.sec-btn.outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.sec-btn.outline:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary)}.sec-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--border-color)}.sec-toggle{position:relative;width:38px;height:20px;flex-shrink:0}.sec-toggle.sm{width:30px;height:16px}.sec-toggle-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.sec-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--text-tertiary);border-radius:10px;transition:background-color .2s ease}.sec-toggle-input:checked~.sec-toggle-slider{background:var(--success-color)}.sec-toggle-input:disabled~.sec-toggle-slider{opacity:.4}.sec-toggle-icon{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:left .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a;z-index:1}.sec-toggle.sm .sec-toggle-icon{width:12px;height:12px;left:2px}.sec-toggle-input:checked~.sec-toggle-slider .sec-toggle-icon{left:20px;background:#fff}.sec-toggle.sm .sec-toggle-input:checked~.sec-toggle-slider .sec-toggle-icon{left:16px}.sec-toggle-icon svg{width:8px;height:8px;color:var(--success-color);transition:color .2s ease}.sec-toggle-input:not(:checked)~.sec-toggle-slider .sec-toggle-icon svg{color:var(--text-tertiary)}.sec-toggle-loader{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a;animation:sec-spin 1s linear infinite}.sec-toggle.sm .sec-toggle-loader{width:12px;height:12px}.passkey-status{display:flex;flex-direction:column;gap:.75rem}.passkey-info{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:var(--bg-tertiary);border-radius:4px}.passkey-info-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.passkey-info-label{font-size:.75rem;color:var(--text-tertiary)}.passkey-info-value{font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:2px}.passkey-info-value.supported{color:var(--success-color);background:#10b9811f}.passkey-info-value.unsupported{color:var(--notification-color);background:#ef44441f}.passkey-info-value.platform{color:var(--text-secondary);background:#3b82f61a}.passkey-registered{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:#10b98114;border-radius:4px}.passkey-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;background:#10b9811f;color:var(--success-color)}.passkey-unsupported{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:#f59e0b14;border-radius:4px}.passkey-unsupported svg{color:var(--warning-color);flex-shrink:0;margin-top:.125rem}.passkey-unsupported-title{font-size:.75rem;font-weight:500;color:var(--warning-color);margin:0 0 .125rem}.passkey-unsupported-desc{font-size:.6875rem;color:var(--text-tertiary);margin:0;line-height:1.2}@media (max-width: 640px){.sec-status{flex-direction:column;align-items:flex-start;gap:.5rem}.sec-btn{width:100%;justify-content:center}.passkey-info-row{flex-direction:column;align-items:flex-start;gap:.125rem}.passkey-info-value{align-self:flex-start}}.sec-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--text-tertiary);border-radius:12px;transition:background-color .2s ease}.sec-toggle-input:checked+.sec-toggle-slider .sec-toggle-icon{left:22px;background:#fff}.sec-toggle-input:not(:checked)+.sec-toggle-slider .sec-toggle-icon svg{color:var(--text-tertiary)}.sec-toggle-wrap{display:contents}.sec-status-badge.verified{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#10b9811f;color:var(--success-color);border-radius:4px;font-size:.75rem;font-weight:500}.sec-status-badge.verified svg{width:10px;height:10px}.sec-badge.success{display:none}.passkey-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#10b9811f;color:var(--success-color);border-radius:4px;font-size:.75rem;font-weight:500}.passkey-badge svg{width:10px;height:10px}.sec-status{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sec-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:12px;transition:background-color .2s ease}.sec-toggle-input:checked+.sec-toggle-slider{background-color:var(--success-color)}.sec-toggle-input:disabled+.sec-toggle-slider{opacity:.4}.sec-toggle-icon{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:left .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a;z-index:2}.sec-toggle-icon svg{width:10px;height:10px;color:var(--success-color)}.sec-toggle-loader{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;animation:sec-spin 1s linear infinite}.sec-toggle.sm .sec-toggle-loader{right:-20px;width:12px;height:12px}.sec-toggle-loader svg{color:var(--accent-color)}@keyframes sec-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.sec-card-body{padding:.875rem}.sec-status{display:none}.sec-btn{margin-top:.5rem}@media (max-width: 640px){.sec-card-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.sec-status-badge{align-self:flex-start}}.sec-toggle-wrapper{display:flex;align-items:center;gap:.5rem;position:relative}.sec-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.sec-toggle.sm{width:36px;height:20px}.sec-toggle-input{position:absolute;width:100%;height:100%;opacity:0;z-index:3;cursor:pointer;margin:0}.sec-toggle-input:disabled{cursor:not-allowed}.sec-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.sec-toggle-input:checked+.sec-toggle-slider{background-color:var(--success-color);opacity:1}.sec-toggle-input:disabled+.sec-toggle-slider{opacity:.5;cursor:not-allowed}.sec-toggle-icon{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:left .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;z-index:2}.sec-toggle.sm .sec-toggle-icon{width:16px;height:16px}.sec-toggle-input:checked+.sec-toggle-slider .sec-toggle-icon{left:22px}.sec-toggle.sm .sec-toggle-input:checked+.sec-toggle-slider .sec-toggle-icon{left:18px}.sec-toggle-icon svg{width:10px;height:10px;transition:color .2s ease}.sec-toggle-input:checked+.sec-toggle-slider .sec-toggle-icon svg{color:var(--success-color)}.sec-toggle-input:not(:checked)+.sec-toggle-slider .sec-toggle-icon svg{color:#64748b}.sec-toggle-loader{width:16px;height:16px;display:flex;align-items:center;justify-content:center;animation:sec-spin 1s linear infinite;color:var(--accent-color);flex-shrink:0}.sec-toggle-loader.sm{width:12px;height:12px}.sec-toggle-loader svg{width:100%;height:100%}@keyframes sec-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sec-toggle.processing .sec-toggle-slider{opacity:.6}.sec-toggle.processing .sec-toggle-icon{animation:sec-pulse 1.5s ease-in-out infinite}@keyframes sec-pulse{0%,to{opacity:1}50%{opacity:.5}}.sec-card-content{flex:1}.sec-card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;gap:.75rem}.sec-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.sec-status-badge.verified{background:#10b9811f;color:var(--success-color)}.sec-status-badge.unverified{background:#f59e0b1f;color:var(--warning-color)}.sec-card-body{padding:1rem}.sec-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.sec-toggle-row:last-child{border-bottom:none}.sec-toggle-sub{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.sec-toggle-title{font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.sec-toggle-desc{font-size:.75rem;color:var(--text-tertiary)}.sec-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:.5rem}.sec-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.sec-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sec-spin{animation:sec-spin 1s linear infinite}@media (max-width: 640px){.sec-card-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.sec-toggle-row{flex-direction:column;align-items:flex-start;gap:.75rem}.sec-toggle-wrapper{align-self:flex-start}}.profile-container{max-width:720px;margin:0 auto;padding:0 20px 20px}.profile-header{margin:0 0 20px;padding:20px 0 12px;border-bottom:1px solid var(--border-color)}.profile-header h1{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px;letter-spacing:.01em}.profile-header p{font-size:12px;color:var(--text-tertiary);margin:0;line-height:1.4}.profile-top-section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 20px;margin:0 0 20px;border-bottom:1px solid var(--border-color)}.profile-photo-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.photo-container{width:48px;height:48px;flex-shrink:0;position:relative}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid var(--border-color)}.photo-initials{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;border-radius:50%;position:relative}.photo-add-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;cursor:pointer}.photo-initials:hover .photo-add-overlay{opacity:1}.photo-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.photo-with-actions{position:relative;width:100%;height:100%;border-radius:50%}.photo-action-buttons{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.photo-with-actions:hover .photo-action-buttons{opacity:1}.photo-action-btn{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:12px}.photo-action-btn.change{background:var(--accent-color);color:#fff;box-shadow:0 1px 2px #0000001a}.photo-action-btn.change:hover{background:var(--accent-hover);transform:scale(1.1)}.photo-action-btn.remove{background:#ef4444e6;color:#fff;box-shadow:0 1px 2px #0000001a}.photo-action-btn.remove:hover{background:#dc2626;transform:scale(1.1)}.profile-info-display{flex:1;min-width:0}.name-section{display:flex;align-items:center;gap:6px;margin:0 0 2px}.name-section h2{font-size:15px;font-weight:500;color:var(--text-primary);margin:0;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verification-badge-small{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:#10b98114;color:var(--success-color);border:1px solid rgba(16,185,129,.2);border-radius:3px;font-size:10px;font-weight:500;white-space:nowrap}.verification-badge-small svg{width:10px;height:10px}.email-section{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-control{display:flex;gap:6px}.edit-btny,.cancel-btn,.save-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:4px;border:1px solid transparent;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;height:28px}.edit-btny{background:#3b82f60f;color:var(--accent-color);border-color:#3b82f633}.edit-btny:hover{background:#3b82f61f;border-color:#3b82f64d}.edit-btny svg{width:12px;height:12px}.cancel-btn{background:#6b72800f;color:var(--text-secondary);border-color:#6b728033}.cancel-btn:hover{background:#6b72801f;border-color:#6b72804d}.cancel-btn svg{width:12px;height:12px}.save-btn{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.save-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn svg{width:12px;height:12px}.edit-actions{display:flex;gap:6px}.profile-tabs-wrapper{margin:0 0 20px;position:relative}.profile-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);padding:0 0 1px}.tab{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--text-tertiary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover:not(.active){color:var(--text-secondary)}.tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.tab svg{width:14px;height:14px}.tab-indicator{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-color)}.tab-content{position:relative;min-height:300px}.tab-content.slide-out{opacity:0;transform:translate(-10px);transition:opacity .15s ease,transform .15s ease}.tab-content.slide-in{opacity:1;transform:translate(0);transition:opacity .15s ease,transform .15s ease}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.profile-loading p{color:var(--text-tertiary);font-size:12px;margin:0}.spinning{animation:spin 1s linear infinite}@media (max-width: 640px){.profile-container{padding:0 16px 16px}.profile-top-section{flex-direction:column;align-items:stretch;gap:12px;padding:12px 0 16px}.profile-photo-section,.edit-control,.edit-actions{width:100%}.cancel-btn,.save-btn{flex:1;justify-content:center}.tab{flex:1;justify-content:center;padding:8px}.tab svg{display:none}}@media (max-width: 480px){.profile-header{padding:16px 0 10px;margin-bottom:16px}.profile-header h1{font-size:16px}.name-section h2{font-size:14px}.photo-container{width:40px;height:40px}.photo-initials{font-size:12px}}.success-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.success-modal{background:var(--bg-primary);border-radius:8px;padding:20px;max-width:320px;width:100%;text-align:center;box-shadow:0 8px 32px #0000001a;animation:modal-appear .2s ease}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-icon{color:var(--success-color);margin-bottom:12px}.success-message{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.4}.success-ok-btn{padding:6px 20px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.success-ok-btn:hover{background:var(--accent-hover)}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .06);--transition: .15s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .25)}.refund-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px}.refund-stat-card{background:var(--bg-primary);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:all var(--transition);display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-md);cursor:default}body.dark-theme .refund-stat-card{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.refund-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.refund-stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03);pointer-events:none}body.dark-theme .refund-stat-card:before{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}.refund-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#3b82f61f,#3b82f60f);color:var(--accent-color)}.refund-stat-pendente .refund-stat-icon{background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);color:var(--warning-color)}.refund-stat-aprovado .refund-stat-icon{background:linear-gradient(135deg,#10b9811f,#10b9810f);color:var(--success-color)}.refund-stat-recusado .refund-stat-icon{background:linear-gradient(135deg,#ef44441f,#ef44440f);color:var(--notification-color)}.refund-stat-disputa .refund-stat-icon{background:linear-gradient(135deg,#8b5cf61f,#8b5cf60f);color:var(--warning-color)}.refund-stat-icon svg{width:20px;height:20px;stroke-width:2;display:block}.refund-stat-content{flex:1;min-width:0;position:relative;z-index:2}.refund-stat-header{margin-bottom:8px}.refund-stat-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin:0}.refund-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;font-family:Inter,-apple-system,sans-serif;line-height:1.2;letter-spacing:-.02em}@keyframes refund-card-appear{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.refund-stat-card{animation:refund-card-appear .3s ease-out}.refund-stat-card:nth-child(2){animation-delay:.05s}.refund-stats-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.refund-stat-card-skeleton{height:110px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:14px;animation:refund-stats-shimmer 1.5s infinite;box-shadow:var(--shadow-md)}@keyframes refund-stats-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.refund-stats-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.refund-stat-card{padding:16px}.refund-stat-value{font-size:24px}.refund-stat-icon{width:40px;height:40px}.refund-stat-icon svg{width:18px;height:18px}.refund-stat-title{font-size:11px}}@media (max-width: 480px){.refund-stats-container{grid-template-columns:1fr;gap:12px}.refund-stat-card{padding:14px}.refund-stat-value{font-size:22px}.refund-stat-icon{width:36px;height:36px}}:root{--refunds-bg-primary: #ffffff;--refunds-bg-secondary: #f8fafc;--refunds-bg-tertiary: #f1f5f9;--refunds-text-primary: #0f172a;--refunds-text-secondary: #475569;--refunds-text-tertiary: #94a3b8;--refunds-accent: #3b82f6;--refunds-success: #10b981;--refunds-warning: #f59e0b;--refunds-error: #ef4444;--refunds-info: #8b5cf6;--refunds-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--refunds-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--refunds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--refunds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--refunds-status-pendente: #f59e0b;--refunds-status-aprovado: #10b981;--refunds-status-recusado: #ef4444;--refunds-status-disputa: #8b5cf6}body.dark-theme{--refunds-bg-primary: #0f172a;--refunds-bg-secondary: #1e293b;--refunds-bg-tertiary: #334155;--refunds-text-primary: #f1f5f9;--refunds-text-secondary: #cbd5e1;--refunds-text-tertiary: #94a3b8;--refunds-accent: #60a5fa;--refunds-success: #34d399;--refunds-warning: #fbbf24;--refunds-error: #f87171;--refunds-info: #a78bfa;--refunds-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--refunds-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--refunds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--refunds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2)}.refunds-table-wrapper{position:relative}.refunds-table-container{background:var(--refunds-bg-primary);border-radius:12px;overflow:hidden;box-shadow:var(--refunds-shadow-md)}.refunds-table{width:100%}.refunds-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 2fr 1fr 1.2fr;gap:.75rem;padding:1rem 1.25rem;background:var(--refunds-bg-secondary);font-size:.6875rem;font-weight:600;color:var(--refunds-text-secondary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10;box-shadow:var(--refunds-shadow-xs)}.refunds-table-body{max-height:500px;overflow-y:auto}.refunds-table-body::-webkit-scrollbar{width:4px}.refunds-table-body::-webkit-scrollbar-track{background:var(--refunds-bg-secondary)}.refunds-table-body::-webkit-scrollbar-thumb{background:var(--refunds-bg-tertiary);border-radius:2px}.refunds-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr 1fr 1.2fr;gap:.75rem;padding:.875rem 1.25rem;transition:background-color .2s;position:relative}.refunds-table-row:hover{background:var(--refunds-bg-secondary)}.refunds-table-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:1.25rem;right:1.25rem;height:1px;background:var(--refunds-bg-tertiary)}.refunds-table-cell{display:flex;align-items:center;min-width:0;font-size:.8125rem;color:var(--refunds-text-primary)}.refunds-client-cell{min-width:0}.refunds-client-info{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0}.refunds-client-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#9ca3af;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0;box-shadow:var(--refunds-shadow-xs)}.refunds-client-name-wrapper,.refunds-value-wrapper,.refunds-motivo-wrapper,.refunds-date-wrapper{display:flex;align-items:center;gap:.375rem;cursor:default;padding:6px 8px;border-radius:6px;transition:background-color .15s;width:100%;min-width:0;position:relative;flex:1;overflow:hidden;background:var(--refunds-bg-primary)}.refunds-client-name-wrapper:hover,.refunds-value-wrapper:hover,.refunds-motivo-wrapper:hover,.refunds-date-wrapper:hover{background:var(--refunds-bg-tertiary)}.refunds-client-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.refunds-value-wrapper{box-shadow:var(--refunds-shadow-xs)}.refunds-value-wrapper span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.refunds-value-wrapper svg{color:var(--refunds-text-tertiary);flex-shrink:0;width:14px;height:14px}.refunds-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.65rem;font-weight:600;border:none;transition:all .15s ease;box-shadow:var(--refunds-shadow-xs);background:var(--status-bg, rgba(16, 185, 129, .12));color:var(--status-color, var(--refunds-success))}.refunds-status-pendente{--status-color: var(--refunds-warning);--status-bg: rgba(245, 158, 11, .12)}.refunds-status-aprovado{--status-color: var(--refunds-success);--status-bg: rgba(16, 185, 129, .12)}.refunds-status-recusado{--status-color: var(--refunds-error);--status-bg: rgba(239, 68, 68, .12)}.refunds-status-disputa{--status-color: var(--refunds-info);--status-bg: rgba(139, 92, 246, .12)}.refunds-status-badge:hover{box-shadow:var(--refunds-shadow-sm)}.refunds-status-icon{display:flex;align-items:center;justify-content:center;width:10px;height:10px}.refunds-status-icon svg{width:100%;height:100%;stroke:currentColor}.refunds-status-label{font-size:.65rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.refunds-motivo-wrapper{box-shadow:var(--refunds-shadow-xs)}.refunds-motivo-wrapper span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.refunds-date-wrapper{box-shadow:var(--refunds-shadow-xs)}.refunds-date-wrapper span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.refunds-date-wrapper svg{color:var(--refunds-text-tertiary);flex-shrink:0;width:14px;height:14px}.refunds-actions-cell{display:flex;align-items:center;justify-content:flex-end}.refunds-actions-buttons{display:flex;gap:.5rem}.refunds-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#3b82f61f;color:var(--refunds-accent);box-shadow:var(--refunds-shadow-xs)}.refunds-action-btn:hover{background:#3b82f62e;box-shadow:var(--refunds-shadow-sm)}.refunds-action-btn svg{width:14px;height:14px}.refunds-action-disabled{color:var(--refunds-text-tertiary);font-size:.75rem;padding:.5rem .875rem}.refunds-tooltip{position:fixed;z-index:999999!important;background:#000000d9;color:#fff;font-size:.75rem;padding:.5rem .75rem;border-radius:6px;white-space:nowrap;pointer-events:none;animation:refunds-tooltip-fade .15s ease-out;box-shadow:var(--refunds-shadow-lg);max-width:300px;overflow:hidden;text-overflow:ellipsis;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.refunds-tooltip-arrow{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.85)}@keyframes refunds-tooltip-fade{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.refunds-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--refunds-text-tertiary);font-size:.875rem;min-height:300px}.refunds-no-data-icon{font-size:2rem;margin-bottom:.75rem;opacity:.5}.refunds-no-data small{color:var(--refunds-text-tertiary);font-size:.75rem;margin-top:.25rem}.refunds-table-skeleton{padding:1.25rem}.refunds-row-skeleton{display:grid;grid-template-columns:2fr 1fr 1fr 2fr 1fr 1.2fr;gap:.75rem;padding:.875rem 0;align-items:center}.refunds-row-skeleton>div{height:1.25rem;background:linear-gradient(90deg,var(--refunds-bg-tertiary) 25%,var(--refunds-bg-secondary) 50%,var(--refunds-bg-tertiary) 75%);background-size:200% 100%;border-radius:6px;animation:refunds-shimmer 1.5s infinite}@keyframes refunds-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width: 1024px){.refunds-table-container{overflow-x:auto}.refunds-table{min-width:900px}}@media (max-width: 768px){.refunds-table-header{padding:.875rem 1rem;font-size:.625rem;gap:.5rem;grid-template-columns:2fr 1fr 1fr 2fr 1fr 1.2fr}.refunds-table-row{padding:.75rem 1rem;gap:.5rem;grid-template-columns:2fr 1fr 1fr 2fr 1fr 1.2fr}.refunds-table-row:not(:last-child):after{left:1rem;right:1rem}.refunds-client-avatar{width:28px;height:28px;font-size:.6875rem}.refunds-table-cell{font-size:.75rem}.refunds-status-badge{font-size:.6rem;padding:.25rem .5rem}.refunds-action-btn{padding:.375rem .625rem;font-size:.6875rem}}@media (max-width: 480px){.refunds-table-header,.refunds-table-row{grid-template-columns:2fr 1fr 1fr 2fr 1fr 1fr}.refunds-action-btn span{display:none}.refunds-action-btn{padding:.5rem;width:36px;height:36px;justify-content:center}}:root{--reembolsos-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--reembolsos-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--reembolsos-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--reembolsos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--reembolsos-transition: .15s cubic-bezier(.4, 0, .2, 1);--reembolsos-bg-primary: #ffffff;--reembolsos-bg-secondary: #f8fafc;--reembolsos-bg-tertiary: #f1f5f9;--reembolsos-text-primary: #0f172a;--reembolsos-text-secondary: #475569;--reembolsos-text-tertiary: #94a3b8;--reembolsos-accent: #3b82f6;--reembolsos-success: #10b981;--reembolsos-warning: #f59e0b;--reembolsos-danger: #ef4444;--reembolsos-info: #8b5cf6}body.dark-theme{--reembolsos-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--reembolsos-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--reembolsos-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--reembolsos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2);--reembolsos-bg-primary: #0f172a;--reembolsos-bg-secondary: #1e293b;--reembolsos-bg-tertiary: #334155;--reembolsos-text-primary: #f1f5f9;--reembolsos-text-secondary: #cbd5e1;--reembolsos-text-tertiary: #94a3b8;--reembolsos-accent: #60a5fa;--reembolsos-success: #34d399;--reembolsos-warning: #fbbf24;--reembolsos-danger: #f87171;--reembolsos-info: #a78bfa}.reembolsos-page{min-height:100vh;background:var(--reembolsos-bg-primary);padding:2rem;max-width:1400px;margin:0 auto}.reembolsos-header{margin-bottom:2rem}.reembolsos-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.reembolsos-title{font-size:2rem;font-weight:700;color:var(--reembolsos-text-primary);margin:0 0 .5rem;line-height:1.2}.reembolsos-subtitle{font-size:.875rem;color:var(--reembolsos-text-secondary);margin:0;line-height:1.5}.reembolsos-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--reembolsos-bg-primary);border:none;border-radius:8px;color:var(--reembolsos-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--reembolsos-shadow-sm)}.reembolsos-refresh-btn:hover:not(:disabled){background:var(--reembolsos-bg-secondary);color:var(--reembolsos-text-primary)}.reembolsos-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.reembolsos-spinning{animation:reembolsos-spin 1s linear infinite}.reembolsos-filters-tabs{margin-bottom:2rem}.reembolsos-tabs-container{position:relative}.reembolsos-tabs-buttons{display:inline-flex;align-items:center;gap:.5rem;background:var(--reembolsos-bg-primary);border:none;border-radius:12px;padding:.25rem;transition:all .2s ease;box-shadow:var(--reembolsos-shadow-sm)}.reembolsos-tabs-buttons:focus-within{box-shadow:var(--reembolsos-shadow-md),0 0 0 2px #3b82f61a}.reembolsos-tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:28px;padding:0 12px;background:transparent;border:none;border-radius:8px;color:var(--reembolsos-text-primary);cursor:pointer;transition:all .2s ease;position:relative;font-size:.75rem;font-weight:500}.reembolsos-tab-button:hover{background:var(--reembolsos-bg-secondary)}.reembolsos-tab-active{background:#3b82f61a;color:var(--reembolsos-accent)}.reembolsos-has-filters{background:#0ea5e91a;color:#0ea5e9}.reembolsos-tab-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600}.reembolsos-search-expand{display:inline-block;margin-left:.5rem;vertical-align:middle;animation:reembolsos-slideRight .3s ease}@keyframes reembolsos-slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.reembolsos-search-container{position:relative;display:flex;align-items:center;background:var(--reembolsos-bg-primary);border:none;border-radius:12px;padding:.25rem;transition:all .2s ease;width:300px;box-shadow:var(--reembolsos-shadow-sm)}.reembolsos-search-container:focus-within{box-shadow:var(--reembolsos-shadow-md),0 0 0 2px #3b82f61a}.reembolsos-search-icon{position:absolute;left:10px;color:var(--reembolsos-text-tertiary);pointer-events:none}.reembolsos-search-input{width:100%;padding:.25rem 2.5rem .25rem 2rem;border:none;background:transparent;color:var(--reembolsos-text-primary);outline:none;font-size:.875rem;height:28px}.reembolsos-search-input::placeholder{color:var(--reembolsos-text-tertiary);font-size:.75rem}.reembolsos-search-hint{position:absolute;right:30px;display:flex;align-items:center;gap:2px;opacity:.5}.reembolsos-search-hint kbd{background:var(--reembolsos-bg-secondary);border:none;border-radius:4px;padding:1px 4px;font-size:9px;font-family:Inter,-apple-system,sans-serif;color:var(--reembolsos-text-secondary);font-weight:500}.reembolsos-search-hint span{color:var(--reembolsos-text-tertiary);font-size:9px;margin:0 1px}.reembolsos-close-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--reembolsos-text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s ease}.reembolsos-close-search:hover{background:var(--reembolsos-bg-secondary);color:var(--reembolsos-text-secondary)}.reembolsos-filters-panel{margin-top:.75rem;animation:reembolsos-slideDown .2s ease}@keyframes reembolsos-slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.reembolsos-filters-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.reembolsos-filter-item{display:inline-block}.reembolsos-custom-dropdown{position:relative;min-width:140px}.reembolsos-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .75rem;background:var(--reembolsos-bg-primary);border:1px dashed var(--border-color);border-radius:8px;color:var(--reembolsos-text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;box-sizing:border-box;box-shadow:var(--reembolsos-shadow-sm)}.reembolsos-dropdown-trigger:hover{background:var(--reembolsos-bg-secondary)}.reembolsos-dropdown-trigger:focus{outline:none;box-shadow:var(--reembolsos-shadow-md),0 0 0 2px #3b82f61a}.reembolsos-dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.reembolsos-dropdown-icon{width:12px;height:12px;transition:transform .2s ease;color:var(--reembolsos-text-tertiary);flex-shrink:0}.reembolsos-dropdown-icon.reembolsos-dropdown-open{transform:rotate(180deg)}.reembolsos-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--reembolsos-bg-primary);border:none;border-radius:8px;box-shadow:var(--reembolsos-shadow-lg);z-index:50;max-height:200px;overflow-y:auto;animation:reembolsos-scaleIn .15s ease-out}@keyframes reembolsos-scaleIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.reembolsos-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--reembolsos-text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.reembolsos-dropdown-item:hover{background:var(--reembolsos-bg-secondary)}.reembolsos-dropdown-item.reembolsos-dropdown-selected{background:#3b82f61a;color:var(--reembolsos-accent);font-weight:500}.reembolsos-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reembolsos-check-icon{width:12px;height:12px;color:var(--reembolsos-accent);opacity:0}.reembolsos-dropdown-item.reembolsos-dropdown-selected .reembolsos-check-icon{opacity:1}.reembolsos-clear-filters-btn{padding:.35rem .75rem;background:var(--reembolsos-bg-primary);border:none;border-radius:8px;color:var(--reembolsos-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;min-width:110px;box-shadow:var(--reembolsos-shadow-sm)}.reembolsos-clear-filters-btn:hover:not(:disabled){background:#ef44441a;color:#ef4444}.reembolsos-clear-filters-btn:disabled{opacity:.5;cursor:not-allowed}.reembolsos-stats-section{margin-bottom:2rem}.reembolsos-stats-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.reembolsos-stat-card{background:var(--reembolsos-bg-primary);border:none;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--reembolsos-shadow-md)}.reembolsos-stat-card-blue,.reembolsos-stat-card-orange{border-left:none}.reembolsos-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reembolsos-stat-card-blue .reembolsos-stat-icon{background:#3b82f61a;color:#3b82f6}.reembolsos-stat-card-orange .reembolsos-stat-icon{background:#f59e0b1a;color:#f59e0b}.reembolsos-stat-content{flex:1}.reembolsos-stat-value{font-size:28px;font-weight:700;color:var(--reembolsos-text-primary);margin:0 0 4px;line-height:1}.reembolsos-stat-label{font-size:14px;color:var(--reembolsos-text-secondary);margin:0}.reembolsos-table-section{background:var(--reembolsos-bg-primary);border:none;border-radius:12px;overflow:hidden;box-shadow:var(--reembolsos-shadow-md)}.reembolsos-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--reembolsos-bg-tertiary)}.reembolsos-section-title{font-size:.875rem;font-weight:600;color:var(--reembolsos-text-primary);margin:0}.reembolsos-section-actions{display:flex;align-items:center;gap:1rem}.reembolsos-result-count{font-size:.75rem;color:var(--reembolsos-text-secondary);white-space:nowrap}.reembolsos-table-wrapper{position:relative}.reembolsos-table-container{overflow-x:auto}.reembolsos-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 2fr 1fr 2fr;gap:1rem;padding:.75rem 1.5rem;background:var(--reembolsos-bg-secondary);font-size:.6875rem;font-weight:600;color:var(--reembolsos-text-secondary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:10}.reembolsos-table-body{max-height:500px;overflow-y:auto}.reembolsos-table-body::-webkit-scrollbar{width:4px}.reembolsos-table-body::-webkit-scrollbar-track{background:var(--reembolsos-bg-secondary)}.reembolsos-table-body::-webkit-scrollbar-thumb{background:var(--reembolsos-bg-tertiary);border-radius:2px}.reembolsos-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr 1fr 2fr;gap:1rem;padding:.75rem 1.5rem;align-items:center}.reembolsos-table-row:hover{background:var(--reembolsos-bg-secondary)}.reembolsos-table-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:1.5rem;right:1.5rem;height:1px;background:var(--reembolsos-bg-tertiary)}.reembolsos-table-cell{font-size:.8125rem;color:var(--reembolsos-text-primary);text-align:left;font-weight:500}.reembolsos-client-info{display:flex;align-items:center;gap:.75rem}.reembolsos-client-avatar{width:36px;height:36px;border-radius:8px;background:#3b82f61a;color:var(--reembolsos-accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.reembolsos-client-details{flex:1;min-width:0}.reembolsos-client-name{font-weight:600;color:var(--reembolsos-text-primary);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reembolsos-client-id{font-size:.6875rem;color:var(--reembolsos-text-tertiary)}.reembolsos-value-info{display:flex;align-items:center;gap:.5rem;font-weight:600}.reembolsos-value-info svg{color:var(--reembolsos-text-tertiary);flex-shrink:0}.reembolsos-value{color:var(--reembolsos-text-primary)}.reembolsos-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:none;border-radius:20px;font-size:.65rem;font-weight:600;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-status-badge svg{width:12px;height:12px;flex-shrink:0}.reembolsos-status-label{font-size:.65rem;font-weight:600;letter-spacing:.02em}.reembolsos-status-pendente{background:#f59e0b1f;color:var(--reembolsos-warning)}.reembolsos-status-aprovado{background:#10b9811f;color:var(--reembolsos-success)}.reembolsos-status-recusado{background:#ef44441f;color:var(--reembolsos-danger)}.reembolsos-status-disputa{background:#8b5cf61f;color:var(--reembolsos-info)}.reembolsos-motivo-badge{display:inline-block;padding:4px 8px;background:var(--reembolsos-bg-tertiary);color:var(--reembolsos-text-secondary);border-radius:4px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.reembolsos-date-info{display:flex;align-items:center;gap:.5rem;color:var(--reembolsos-text-secondary)}.reembolsos-date-info svg{color:var(--reembolsos-text-tertiary);flex-shrink:0}.reembolsos-actions-cell{display:flex;align-items:center}.reembolsos-actions-buttons{display:flex;gap:.5rem}.reembolsos-action-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-action-ver{background:#3b82f61f;color:var(--reembolsos-accent)}.reembolsos-action-ver:hover{background:#3b82f62e}.reembolsos-action-contestar{background:#ef44441f;color:var(--reembolsos-danger)}.reembolsos-action-contestar:hover{background:#ef44442e}.reembolsos-action-aceitar{background:#10b9811f;color:var(--reembolsos-success)}.reembolsos-action-aceitar:hover{background:#10b9812e}.reembolsos-action-btn:disabled{opacity:.5;cursor:not-allowed}.reembolsos-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:reembolsos-modal-fade .15s ease;border:none}@keyframes reembolsos-modal-fade{0%{opacity:0}to{opacity:1}}.reembolsos-modal-content{background:var(--reembolsos-bg-primary);border:none;border-radius:8px;box-shadow:var(--reembolsos-shadow-lg);width:100%;max-height:90vh;overflow:hidden;animation:reembolsos-modal-appear .2s ease}@keyframes reembolsos-modal-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reembolsos-modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.reembolsos-modal-title-container{display:flex;align-items:center;gap:10px}.reembolsos-modal-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-modal-icon-info{background:#3b82f61f;color:var(--reembolsos-accent)}.reembolsos-modal-icon-warning{background:#f59e0b1f;color:var(--reembolsos-warning)}.reembolsos-modal-title{font-size:16px;font-weight:600;color:var(--reembolsos-text-primary);margin:0}.reembolsos-modal-subtitle{font-size:12px;color:var(--reembolsos-text-tertiary);margin:2px 0 0}.reembolsos-modal-close{width:32px;height:32px;background:var(--reembolsos-bg-secondary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--reembolsos-text-tertiary);transition:all .15s ease;padding:0}.reembolsos-modal-close:hover:not(:disabled){background:var(--reembolsos-bg-tertiary);color:var(--reembolsos-text-primary)}.reembolsos-modal-close:disabled{opacity:.5;cursor:not-allowed}.reembolsos-modal-body{padding:20px;max-height:calc(90vh - 120px);overflow-y:auto}.reembolsos-modal-section{margin-bottom:24px}.reembolsos-modal-section-title{font-size:14px;font-weight:600;color:var(--reembolsos-text-primary);margin:0 0 12px}.reembolsos-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.reembolsos-info-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--reembolsos-bg-secondary);border-radius:8px;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-info-icon{width:32px;height:32px;background:var(--reembolsos-bg-primary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--reembolsos-text-tertiary);flex-shrink:0}.reembolsos-info-label{display:block;font-size:11px;color:var(--reembolsos-text-tertiary);margin-bottom:2px}.reembolsos-info-value{display:block;font-size:13px;color:var(--reembolsos-text-primary);font-weight:500}.reembolsos-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--reembolsos-bg-tertiary)}.reembolsos-info-row:last-child{border-bottom:none}.reembolsos-provas-content{background:var(--reembolsos-bg-secondary);border:none;border-radius:8px;padding:16px;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-provas-text{font-size:13px;color:var(--reembolsos-text-primary);line-height:1.5;margin:0 0 16px}.reembolsos-anexos{display:flex;flex-direction:column;gap:8px}.reembolsos-anexo-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--reembolsos-bg-primary);border:none;border-radius:6px;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-anexo-item svg{color:var(--reembolsos-text-tertiary)}.reembolsos-anexo-link{flex:1;display:flex;align-items:center;justify-content:space-between;color:var(--reembolsos-accent);text-decoration:none;font-size:13px}.reembolsos-anexo-link:hover{color:var(--reembolsos-accent)}.reembolsos-action-text{font-size:13px;color:var(--reembolsos-text-secondary);margin:0 0 16px}.reembolsos-action-buttons{display:flex;gap:12px}.reembolsos-action-btn-primary,.reembolsos-action-btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.reembolsos-action-btn-primary{background:var(--reembolsos-success);color:#fff}.reembolsos-action-btn-primary:hover{background:#0da271}.reembolsos-action-btn-secondary{background:var(--reembolsos-danger);color:#fff}.reembolsos-action-btn-secondary:hover{background:#dc2626}.reembolsos-form-help{font-size:11px;color:var(--reembolsos-text-tertiary);margin-left:auto}.reembolsos-textarea{width:100%;padding:12px;background:var(--reembolsos-bg-primary);border:none;border-radius:6px;font-size:13px;color:var(--reembolsos-text-primary);font-family:inherit;resize:vertical;outline:none;transition:all .2s ease;box-shadow:var(--reembolsos-shadow-sm)}.reembolsos-textarea:focus{box-shadow:var(--reembolsos-shadow-md),0 0 0 2px #3b82f61a}.reembolsos-upload-area{border:2px dashed var(--reembolsos-bg-tertiary);border-radius:8px;padding:32px;text-align:center;transition:all .2s ease;background:var(--reembolsos-bg-secondary)}.reembolsos-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--reembolsos-text-secondary);cursor:pointer}.reembolsos-upload-label svg{color:var(--reembolsos-text-tertiary)}.reembolsos-upload-hint{font-size:11px;color:var(--reembolsos-text-tertiary)}.reembolsos-file-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--reembolsos-bg-secondary);border-radius:6px;margin-bottom:8px;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-file-name{flex:1;font-size:12px;color:var(--reembolsos-text-primary)}.reembolsos-file-size{font-size:11px;color:var(--reembolsos-text-tertiary)}.reembolsos-info-box,.reembolsos-error-box{display:flex;align-items:flex-start;gap:10px;padding:12px;border:none;border-radius:6px;font-size:12px;line-height:1.4;margin-bottom:16px}.reembolsos-info-box{background:#3b82f61f;color:var(--reembolsos-accent)}.reembolsos-modal-cancel,.reembolsos-modal-confirm{padding:10px 20px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.reembolsos-modal-cancel{background:var(--reembolsos-bg-secondary);color:var(--reembolsos-text-secondary)}.reembolsos-modal-cancel:hover:not(:disabled){background:var(--reembolsos-bg-tertiary);color:var(--reembolsos-text-primary)}.reembolsos-modal-confirm{background:var(--reembolsos-accent);color:#fff}.reembolsos-modal-confirm:hover:not(:disabled){background:var(--reembolsos-accent)}.reembolsos-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.reembolsos-empty-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--reembolsos-text-secondary)}.reembolsos-empty-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.reembolsos-empty-icon{color:var(--reembolsos-text-tertiary)}.reembolsos-empty-title{font-size:1.125rem;font-weight:600;color:var(--reembolsos-text-primary);margin:0}.reembolsos-empty-text{font-size:.875rem;margin:0}.reembolsos-page{padding:24px;max-width:1200px;margin:0 auto}.reembolsos-header{margin-bottom:32px}.reembolsos-header-content{display:flex;justify-content:space-between;align-items:flex-start}.reembolsos-stats-section{margin-bottom:32px}.reembolsos-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.reembolsos-stat-card{background:var(--bg-secondary);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start}.reembolsos-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reembolsos-table-wrapper{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-top:16px}.reembolsos-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr .5fr;gap:16px;margin-bottom:20px}.reembolsos-table-body{display:flex;flex-direction:column}.reembolsos-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr .5fr;gap:16px;margin-bottom:14px;padding:12px 0}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-base);border-radius:4px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-highlight),transparent);animation:skeleton-shimmer 1.8s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}body.light-theme .skeleton{--skeleton-base: #e5e7eb;--skeleton-highlight: rgba(255, 255, 255, .6)}body.light-theme .reembolsos-stat-card,body.light-theme .reembolsos-table-wrapper{background:var(--bg-secondary)}body.dark-theme .skeleton{--skeleton-base: #334155;--skeleton-highlight: rgba(255, 255, 255, .08)}body.dark-theme .reembolsos-stat-card,body.dark-theme .reembolsos-table-wrapper{background:var(--bg-secondary)}@media (max-width: 768px){.reembolsos-page{padding:16px}.reembolsos-stats-cards{grid-template-columns:1fr}.reembolsos-table-header,.reembolsos-table-row{grid-template-columns:repeat(3,1fr)!important}.reembolsos-table-header :nth-child(4),.reembolsos-table-header :nth-child(5),.reembolsos-table-row :nth-child(4),.reembolsos-table-row :nth-child(5){display:none}.reembolsos-header-content{flex-direction:column;gap:16px}}@media (max-width: 1200px){.reembolsos-stats-cards{grid-template-columns:1fr}}@media (max-width: 900px){.reembolsos-page{padding:1.5rem}.reembolsos-table-header,.reembolsos-table-row{grid-template-columns:2fr 1fr 1fr 2fr 1fr}.reembolsos-actions-buttons{flex-direction:column}.reembolsos-action-btn{justify-content:center;width:100%}.reembolsos-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.reembolsos-page{padding:1rem}.reembolsos-header-content{flex-direction:column;gap:1rem}.reembolsos-refresh-btn{align-self:flex-start}.reembolsos-table-header,.reembolsos-table-row{grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem 1rem}.reembolsos-table-header-cell:nth-child(n+4),.reembolsos-table-cell:nth-child(n+4){display:none}.reembolsos-client-avatar{width:24px;height:24px;font-size:.625rem}.reembolsos-filters-row{flex-direction:column;align-items:stretch}.reembolsos-custom-dropdown,.reembolsos-clear-filters-btn,.reembolsos-search-container{width:100%}.reembolsos-action-buttons{flex-direction:row;flex-wrap:wrap}.reembolsos-action-btn{flex:1;min-width:80px}}@media (max-width: 480px){.reembolsos-table-header,.reembolsos-table-row{grid-template-columns:1fr}.reembolsos-actions-buttons{flex-direction:column}.reembolsos-action-btn{width:100%}}body.dark-theme .reembolsos-tabs-buttons{background:var(--reembolsos-bg-secondary)}body.dark-theme .reembolsos-tab-button:hover{background:#ffffff0d}body.dark-theme .reembolsos-search-container{background:var(--reembolsos-bg-secondary)}body.dark-theme .reembolsos-search-hint kbd{background:var(--reembolsos-bg-primary);color:var(--reembolsos-text-secondary)}body.dark-theme .reembolsos-close-search:hover{background:var(--reembolsos-bg-primary)}body.dark-theme .reembolsos-dropdown-trigger,body.dark-theme .reembolsos-dropdown-menu{background:var(--reembolsos-bg-secondary)}.reembolsos-modal-content .reembolsos-modal-info{background:var(--reembolsos-bg-secondary);border:none;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-modal-info-text{margin:0 0 8px;font-size:13px;color:var(--reembolsos-text-primary);display:flex;align-items:center;gap:6px}.reembolsos-modal-info-text:last-child{margin-bottom:0}.reembolsos-modal-info-text strong{font-weight:600;color:var(--reembolsos-text-secondary);min-width:120px}.reembolsos-form-group{margin-bottom:20px}.reembolsos-form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--reembolsos-text-primary);margin-bottom:8px}.reembolsos-form-help{font-size:11px;color:var(--reembolsos-text-tertiary);margin-left:auto;font-weight:400}.reembolsos-textarea{width:100%;padding:12px;background:var(--reembolsos-bg-secondary);border:none;border-radius:8px;font-size:13px;color:var(--reembolsos-text-primary);font-family:inherit;resize:vertical;min-height:100px;outline:none;transition:all .2s ease;box-shadow:var(--reembolsos-shadow-sm);line-height:1.5}.reembolsos-textarea:focus{box-shadow:var(--reembolsos-shadow-md),0 0 0 2px #3b82f61a;background:var(--reembolsos-bg-primary)}.reembolsos-textarea::placeholder{color:var(--reembolsos-text-tertiary);font-size:12px;font-style:italic}.reembolsos-upload-area{border:2px dashed var(--reembolsos-bg-tertiary);border-radius:8px;padding:24px;text-align:center;transition:all .2s ease;background:var(--reembolsos-bg-secondary);cursor:pointer}.reembolsos-upload-area:hover{border-color:var(--reembolsos-accent);background:var(--reembolsos-bg-tertiary)}.reembolsos-file-input{display:none}.reembolsos-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--reembolsos-text-secondary);cursor:pointer;transition:all .2s ease}.reembolsos-upload-label svg{color:var(--reembolsos-text-tertiary);transition:all .2s ease}.reembolsos-upload-label:hover svg{color:var(--reembolsos-accent)}.reembolsos-upload-hint{font-size:11px;color:var(--reembolsos-text-tertiary);margin-top:4px}.reembolsos-files-list{margin-top:12px}.reembolsos-file-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--reembolsos-bg-secondary);border:none;border-radius:6px;margin-bottom:8px;box-shadow:var(--reembolsos-shadow-xs);transition:all .2s ease}.reembolsos-file-item:last-child{margin-bottom:0}.reembolsos-file-item:hover{background:var(--reembolsos-bg-tertiary)}.reembolsos-file-item svg{color:var(--reembolsos-text-tertiary);flex-shrink:0}.reembolsos-file-name{flex:1;font-size:12px;color:var(--reembolsos-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reembolsos-file-size{font-size:11px;color:var(--reembolsos-text-tertiary);flex-shrink:0}.reembolsos-info-box,.reembolsos-error-box{display:flex;align-items:flex-start;gap:10px;padding:12px;border:none;border-radius:8px;font-size:13px;line-height:1.4;margin-bottom:16px}.reembolsos-info-box{background:#3b82f614;color:var(--reembolsos-accent)}.reembolsos-info-box svg{color:var(--reembolsos-accent);flex-shrink:0;margin-top:2px}.reembolsos-error-box{background:#ef44441f;color:var(--reembolsos-danger)}.reembolsos-error-box svg{color:var(--reembolsos-danger);flex-shrink:0;margin-top:2px}.reembolsos-modal-footer.contestar-footer{display:flex;justify-content:flex-end;padding:16px 20px;border-top:none;background:var(--reembolsos-bg-primary);box-shadow:var(--reembolsos-shadow-sm)}.reembolsos-modal-confirm.contestar-button{background:var(--reembolsos-danger);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px;box-shadow:var(--reembolsos-shadow-md);display:flex;align-items:center;justify-content:center;gap:6px}.reembolsos-modal-confirm.contestar-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:var(--reembolsos-shadow-lg)}.reembolsos-modal-cancel{display:none!important}@media (max-width: 768px){.reembolsos-modal-content{margin:16px;max-width:calc(100% - 32px)!important}.reembolsos-modal-info-text{flex-direction:column;align-items:flex-start;gap:2px}.reembolsos-modal-info-text strong{min-width:auto}.reembolsos-upload-area{padding:16px}.reembolsos-modal-confirm.contestar-button{min-width:100%}}@media (max-width: 480px){.reembolsos-modal-header{padding:12px 16px}.reembolsos-modal-body{padding:16px}.reembolsos-modal-footer.contestar-footer{padding:12px 16px}}body.dark-theme .reembolsos-textarea{background:var(--reembolsos-bg-tertiary)}body.dark-theme .reembolsos-textarea:focus{background:var(--reembolsos-bg-secondary)}body.dark-theme .reembolsos-upload-area{background:var(--reembolsos-bg-tertiary)}body.dark-theme .reembolsos-upload-area:hover{background:var(--reembolsos-bg-secondary)}body.dark-theme .reembolsos-file-item{background:var(--reembolsos-bg-tertiary)}body.dark-theme .reembolsos-file-item:hover{background:var(--reembolsos-bg-secondary)}.reembolsos-upload-container{background:var(--reembolsos-bg-secondary);border:none;border-radius:8px;padding:16px;margin-top:8px;box-shadow:var(--reembolsos-shadow-xs)}.reembolsos-table-upload{background:transparent!important;border:none!important;padding:0!important}.reembolsos-table-upload .border{border:1px solid var(--reembolsos-bg-tertiary)!important;border-radius:6px!important}.reembolsos-table-upload .border-dashed{border-color:var(--reembolsos-bg-tertiary)!important}.reembolsos-table-upload .border-dashed:hover{border-color:var(--reembolsos-accent)!important;background:var(--reembolsos-bg-tertiary)!important}.reembolsos-table-upload .text-primary{color:var(--reembolsos-accent)!important}.reembolsos-table-upload .text-muted-foreground{color:var(--reembolsos-text-tertiary)!important}.reembolsos-table-upload .bg-muted{background:var(--reembolsos-bg-tertiary)!important}.reembolsos-upload-instructions{margin-top:12px;padding:12px;background:var(--reembolsos-bg-secondary);border:none;border-radius:6px;font-size:12px;color:var(--reembolsos-text-secondary)}.reembolsos-upload-instruction-text{margin:4px 0;font-size:11px;line-height:1.4}.reembolsos-upload-instruction-text strong{color:var(--reembolsos-text-primary);font-weight:600}body.dark-theme .reembolsos-table-upload .border,body.dark-theme .reembolsos-table-upload .border-dashed{border-color:var(--reembolsos-bg-tertiary)!important}body.dark-theme .reembolsos-table-upload .border-dashed:hover{border-color:var(--reembolsos-accent)!important;background:var(--reembolsos-bg-primary)!important}.reembolsos-files-status{margin-top:12px;padding:10px;background:var(--reembolsos-bg-secondary);border-radius:6px;font-size:13px}.reembolsos-files-count{margin:0;color:var(--reembolsos-text-secondary)}.reembolsos-files-count strong{color:var(--reembolsos-text-primary);font-weight:600}.reembolsos-modal-success{animation:reembolsos-success-appear .3s ease}@keyframes reembolsos-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reembolsos-success-message{background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:16px;margin-bottom:16px}.reembolsos-success-content{display:flex;align-items:flex-start;gap:12px}.reembolsos-success-icon{color:var(--color-success);flex-shrink:0;margin-top:2px;animation:reembolsos-success-icon .5s ease}@keyframes reembolsos-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.reembolsos-success-text-container{flex:1}.reembolsos-success-title{font-size:14px;font-weight:600;color:var(--color-success);margin:0 0 4px}.reembolsos-success-text{font-size:12px;color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.reembolsos-success-info{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid rgba(34,197,94,.1)}.reembolsos-success-info-item{display:flex;align-items:center;gap:8px;font-size:11px}.reembolsos-success-info-label{color:var(--text-tertiary);font-weight:400;min-width:100px}.reembolsos-success-info-value{color:var(--text-secondary);font-weight:500}.reembolsos-modal-icon-success{background:#22c55e1a;color:var(--color-success)}.reembolsos-button-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contestar-button.processing{background:var(--color-warning);color:transparent;position:relative}.contestar-button.processing:hover{background:var(--color-warning);transform:none;box-shadow:var(--shadow-sm)}@media (max-width: 640px){.reembolsos-success-message{padding:14px}.reembolsos-success-content{gap:10px}.reembolsos-success-info-item{flex-direction:column;align-items:flex-start;gap:2px}.reembolsos-success-info-label{min-width:auto}}.reembolsos-confirm-modal{max-width:420px!important}.reembolsos-modal-icon-success{background:#10b9811f!important;color:var(--reembolsos-success)!important}body.dark-theme .reembolsos-modal-confirm.contestar-button{background:var(--reembolsos-success)!important}body.dark-theme .reembolsos-modal-confirm.contestar-button:hover:not(:disabled){background:#0da271!important}.reembolsos-modal-overlay{z-index:9999}.reembolsos-confirm-modal{z-index:10000!important}.reembolsos-modal-cancel{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 20px;background:var(--reembolsos-bg-secondary);border:none;border-radius:8px;color:var(--reembolsos-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;box-shadow:var(--reembolsos-shadow-sm)}.reembolsos-modal-cancel:hover:not(:disabled){background:var(--reembolsos-bg-tertiary);color:var(--reembolsos-text-primary);transform:translateY(-1px);box-shadow:var(--reembolsos-shadow-md)}.reembolsos-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.reembolsos-modal-confirm.contestar-button{background:var(--reembolsos-success)!important;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px;box-shadow:var(--reembolsos-shadow-md);display:flex;align-items:center;justify-content:center;gap:6px}.reembolsos-modal-confirm.contestar-button:hover:not(:disabled){background:#0da271!important;transform:translateY(-1px);box-shadow:var(--reembolsos-shadow-lg)}.reembolsos-modal-confirm.contestar-button:disabled{opacity:.6;cursor:not-allowed}.contestar-button.processing{background:var(--reembolsos-warning)!important;color:transparent!important;position:relative}.contestar-button.processing:hover{background:var(--reembolsos-warning)!important;transform:none!important;box-shadow:var(--reembolsos-shadow-sm)!important}.reembolsos-button-spinner{position:absolute;animation:reembolsos-spin 1s linear infinite;color:#fff}@keyframes reembolsos-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.reembolsos-confirm-modal{max-width:90%!important;margin:16px}.reembolsos-modal-footer{flex-direction:column}.reembolsos-modal-cancel,.reembolsos-modal-confirm.contestar-button{width:100%;min-width:auto}}body.dark-theme .reembolsos-modal-cancel{background:var(--reembolsos-bg-tertiary);color:var(--reembolsos-text-secondary)}body.dark-theme .reembolsos-modal-cancel:hover:not(:disabled){background:var(--reembolsos-bg-tertiary);color:var(--reembolsos-text-primary)}:root{--wallet-bg: linear-gradient(145deg, #1e293b, #0f172a);--pocket-bg: linear-gradient(to bottom, #1f2937, #111827);--card-purple: linear-gradient(135deg, #c4b5fd, #8b5cf6);--card-green: linear-gradient(135deg, #86efac, #22c55e);--card-white: linear-gradient(135deg, #ffffff, #e2e8f0)}.wallet-wrapper{position:relative;width:360px;height:350px;display:flex;justify-content:center;align-items:flex-end;overflow:visible}.wallet-back{position:absolute;bottom:0;width:340px;height:350px;background:var(--wallet-bg);border-radius:40px;z-index:1;box-shadow:0 20px 50px #0000004d}.card-stack{position:absolute;bottom:120px;width:300px;height:220px;z-index:2;transition:all .5s ease}.bank-card{width:100%;height:180px;border-radius:16px;position:absolute;padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .5s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border-top:1px solid rgba(255,255,255,.2);box-shadow:0 -4px 10px #0000001a}.card-logo{width:45px;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;border-radius:16px}.card-purple{background:var(--card-purple);transform:translateY(0) scale(.92);z-index:1;color:#4c1d95}.card-green{background:var(--card-green);transform:translateY(40px) scale(.96);z-index:2;color:#064e3b}.card-white{background:var(--card-white);transform:translateY(80px) scale(1);z-index:3;color:#1e293b}.wallet-wrapper:hover .card-purple.hovered{transform:translateY(-110px) scale(.92)}.wallet-wrapper:hover .card-green.hovered{transform:translateY(-40px) scale(.96)}.wallet-wrapper:hover .card-white.hovered{transform:translateY(30px) scale(1)}.pocket{position:absolute;bottom:0;width:340px;height:280px;background:var(--pocket-bg);z-index:10;border-radius:40px;clip-path:path("M 0,40 Q 170,75 340,40 L 340,280 L 0,280 Z");display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 2px 10px #ffffff0d}.stitching-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none;display:flex;align-items:center;justify-content:center}.stitching-layer svg{width:100%;height:100%}.balance-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:40px;z-index:12}.balance-val{font-size:2rem;font-weight:600;letter-spacing:-1.5px;line-height:1;transition:all .3s ease;color:#10b981}.balance-label{color:#94a3b8;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:1.2px;margin-top:6px}.buttons-container{display:flex;gap:16px;margin-top:25px;z-index:12}.eye-toggle{width:44px;height:44px;background:#1e293b;border:1px solid #334155;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;cursor:pointer;transition:all .3s;border:none}.eye-toggle:hover{background:#334155;transform:scale(1.1)}.btn-withdraw{width:44px;height:44px;background:#1e293b;border:1px solid #334155;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981;cursor:pointer;transition:all .3s;border:none}.btn-withdraw:hover:not(:disabled){background:#065f46;transform:scale(1.1)}.btn-withdraw:disabled{opacity:.5;cursor:not-allowed;background:#374151}.hidden-balance{filter:blur(10px);opacity:.5}.blurred-balance{filter:blur(6px);opacity:.7;font-size:1.25rem;font-weight:600}.font-bold.text-xl{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.card-balance{display:flex;flex-direction:column;align-items:flex-end;flex:1;padding-left:20px;text-align:right}.tooltip{position:relative}.tooltip-text{visibility:hidden;width:80px;background-color:#1e293b;color:#fff;text-align:center;border-radius:6px;padding:5px 8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-40px;font-size:.75rem;opacity:0;transition:opacity .3s;border:1px solid #334155}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1e293b transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width: 768px){.wallet-wrapper{width:320px;height:420px}.wallet-back{width:300px;height:340px}.card-stack{width:280px;bottom:110px}.bank-card{height:160px;padding:16px 20px}.pocket{width:300px;height:240px}.balance-container{margin-top:35px}.balance-val{font-size:1.75rem}.font-bold.text-xl{font-size:1.125rem}.buttons-container{margin-top:20px;gap:14px}.eye-toggle,.btn-withdraw{width:40px;height:40px}}@media (max-width: 480px){.wallet-wrapper{width:280px;height:380px}.wallet-back{width:260px;height:300px}.card-stack{width:240px;bottom:100px}.bank-card{height:140px;padding:12px 16px}.card-logo{width:36px}.pocket{width:260px;height:220px}.balance-container{margin-top:30px}.balance-val{font-size:1.5rem}.balance-label{font-size:.75rem}.buttons-container{margin-top:18px;gap:12px}.eye-toggle,.btn-withdraw{width:36px;height:36px}.blurred-balance{font-size:1.125rem}.tooltip-text{width:70px;font-size:.6875rem;margin-left:-35px}}.balance-section{background:var(--bg-card);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0;font-weight:500}.cards-inline{display:flex;gap:.75rem;align-items:stretch}@media (max-width: 768px){.cards-inline{flex-direction:column;gap:.5rem}}.balance-card{flex:1;background:var(--bg-primary);border-radius:10px;padding:.875rem;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);border:1px solid transparent}.balance-card:hover{box-shadow:var(--shadow-md);border-color:#3b82f633;transform:translateY(-1px)}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-title-wrapper{flex:1;display:flex;justify-content:space-between;align-items:center}.card-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.tooltip-container{position:relative;flex-shrink:0}.info-button{background:none;border:none;color:var(--text-tertiary);cursor:help;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:20px;height:20px}.info-button:hover{color:var(--accent-blue);background:#3b82f614}.tooltip-content{position:absolute;top:100%;right:-8px;margin-top:.5rem;background:var(--bg-card);border-radius:8px;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;padding:.75rem;min-width:200px;max-width:240px;z-index:100;display:none;font-size:.75rem;opacity:0;animation:tooltipFade .15s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none}.tooltip-container:hover .tooltip-content{display:block}@keyframes tooltipFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.conversion-tooltip{color:var(--text-primary)}.tooltip-header{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-weight:600;font-size:.75rem}.tooltipDescription{font-size:.6875rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.4;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.dark-mode .tooltipDescription{border-bottom-color:#ffffff0d}.conversion-section{margin-top:.5rem;padding-top:.5rem}.conversion-section .section-title{font-size:.6875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.currency-conversions{display:flex;flex-direction:column;gap:.375rem}.conversion-item{display:flex;justify-content:space-between;align-items:center;padding:.125rem 0}.currency-label{color:var(--text-secondary);font-weight:500;font-size:.6875rem}.currency-value{color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-weight:600;font-size:.75rem}.card-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:1;display:flex;align-items:flex-end}.card-description{font-size:.6875rem;color:var(--text-secondary);margin:0;line-height:1.2}.balance-card.loading{opacity:.7}.balance-card.loading .card-icon{animation:pulse 1.5s infinite}.balance-card.error{background:#ef44440d}.balance-card.error:hover{transform:none;box-shadow:var(--shadow-xs)}.text-gray-300{color:var(--text-tertiary)}.bg-gray-100{background-color:#9ca3af14}.text-red-500{color:var(--error-red)}.bg-red-100{background-color:#ef444414}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.dark-mode .balance-card{background:var(--bg-primary-dark)}.dark-mode .tooltip-content{background:var(--bg-card-dark);box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a}.dark-mode .balance-card:hover{border-color:#60a5fa33}.available-balance,.summary-footer,.available-info,.available-label,.available-value,.summary-item,.summary-label,.summary-value,.summary-formula,.section-title{display:none}.hidden-value{filter:blur(6px);opacity:.7;letter-spacing:2px}.hide-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:28px;height:28px}.hide-button:hover{color:var(--accent-blue);background:#3b82f614}.hide-button:disabled{opacity:.5;cursor:not-allowed}:root{--tabs-bg: #ffffff;--tabs-border: #e2e8f0;--tab-inactive: #64748b;--tab-active: #3b82f6;--tab-hover: #f8fafc}.dark-mode{--tabs-bg: #1e293b;--tabs-border: #334155;--tab-inactive: #94a3b8;--tab-active: #60a5fa;--tab-hover: #2d3748}.tabs{width:100%;margin:1.5rem 0}.tabs__container{display:flex;background:var(--tabs-bg);border-radius:10px;padding:.375rem;border:1px solid var(--tabs-border);box-shadow:0 1px 2px #0000000d;-webkit-overflow-scrolling:touch;position:relative}.tabs__container::-webkit-scrollbar{height:3px}.tabs__container::-webkit-scrollbar-track{background:transparent}.tabs__container::-webkit-scrollbar-thumb{background:var(--tab-inactive);border-radius:2px;opacity:.3}.tabs__button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:28px;padding:0 12px;background:transparent;border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;font-size:.75rem;font-weight:500;border:none}.tabs__button:hover:not(.tabs__button--active){background:var(--tab-hover);color:var(--tab-inactive)}.tabs__button:focus-visible{outline:2px solid var(--tab-active);outline-offset:2px}.tabs__button--active{color:var(--tab-active);font-weight:600}.tabs__icon{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;transition:transform .2s ease}.tabs__button--active .tabs__icon{transform:translateY(-1px)}.tabs__label{font-weight:inherit;transition:transform .2s ease}.tabs__button--active .tabs__label{transform:translateY(-1px)}.tabs__indicator-container{position:absolute;bottom:0;left:0;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tabs__indicator{width:100%;height:100%;background:var(--tab-active);border-radius:1px;box-shadow:0 1px 3px #3b82f64d}@media (max-width: 768px){.tabs{margin:1rem 0}.tabs__container{padding:.25rem;border-radius:8px}.tabs__button{min-width:90px;padding:.5rem .625rem;gap:.375rem;font-size:.8125rem}.tabs__icon{width:1rem;height:1rem}}@media (max-width: 480px){.tabs__button{min-width:80px;padding:.5rem;flex-direction:column;gap:.25rem}.tabs__label{font-size:.75rem}}.withdraw-modal-content{background:var(--bg-card);border-radius:12px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:withdraw-modal-appear .3s ease}@keyframes withdraw-modal-appear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.withdraw-modal-header{padding:1.25rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-card)}.withdraw-modal-title-container{display:flex;align-items:center;gap:.75rem}.withdraw-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.withdraw-modal-close{padding:.5rem;border-radius:8px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.withdraw-modal-close:hover{background:#0000000d;color:var(--text-primary)}.dark-mode .withdraw-modal-close:hover{background:#ffffff0d}.withdraw-balance-info{padding:1rem 1.5rem;background:var(--bg-primary);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.withdraw-balance-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.withdraw-balance-value{font-size:1rem;font-weight:700;color:var(--success-green);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.withdraw-form{padding:1.5rem}.withdraw-form-group{margin-bottom:1.25rem}.withdraw-form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.withdraw-amount-input-wrapper{position:relative;width:100%}.withdraw-amount-input{width:100%;padding:.75rem 4rem .75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:all .2s ease}.withdraw-amount-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f61a}.withdraw-currency-symbol{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-primary);font-size:.875rem;font-weight:500;pointer-events:none}.withdraw-smart-suggestions{margin-top:.75rem}.withdraw-suggestions-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem;font-weight:500}.withdraw-suggestions-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.withdraw-suggestion-btn{padding:.375rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;min-width:0}.withdraw-suggestion-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.withdraw-validation-messages{margin-top:.5rem;display:flex;flex-direction:column;gap:.375rem}.withdraw-validation-error{display:flex;align-items:center;gap:.375rem;color:var(--error-red);font-size:.75rem;font-weight:500}.withdraw-no-methods{display:flex;align-items:center;gap:.5rem;background:#f59e0b1a;color:var(--warning-yellow);padding:.75rem;border-radius:8px;margin-top:.75rem;font-size:.8125rem}.withdraw-no-methods span{flex:1}.withdraw-action-btn{width:100%;padding:.75rem 1.5rem;background:var(--accent-blue);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.withdraw-action-btn:hover:not(:disabled){background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.withdraw-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.withdraw-confirmation-step{padding:1.5rem}.withdraw-summary-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.withdraw-summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.withdraw-summary-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.withdraw-summary-content{display:flex;flex-direction:column;gap:1rem}.withdraw-summary-row{display:flex;justify-content:space-between;align-items:center}.withdraw-summary-row.total{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:.25rem}.withdraw-summary-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.withdraw-summary-value{font-weight:600;color:var(--text-primary);font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.withdraw-summary-value.negative{color:var(--error-red)}.withdraw-summary-value.positive{color:var(--success-green);font-weight:700;font-size:.9375rem}.withdraw-summary-divider{height:1px;background:var(--border-color);margin:.375rem 0}.withdraw-summary-timeline{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#3b82f60d;border-radius:8px;margin-top:.5rem;border:1px solid rgba(59,130,246,.1)}.withdraw-timeline-info{display:flex;flex-direction:column;gap:.125rem}.withdraw-timeline-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.withdraw-timeline-desc{font-size:.75rem;color:var(--text-secondary)}.withdraw-confirmation-actions{display:flex;gap:.75rem}.withdraw-back-btn{flex:1;padding:.75rem 1.5rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.withdraw-back-btn:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-1px)}.withdraw-confirm-btn{flex:1;padding:.75rem 1.5rem;background:var(--success-green);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.withdraw-confirm-btn:hover:not(:disabled){background:#0da271;transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.withdraw-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.withdraw-processing-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:withdraw-spin .8s linear infinite}@keyframes withdraw-spin{to{transform:rotate(360deg)}}.custom-dropdown{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .875rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.8125rem;font-weight:400;cursor:pointer;transition:all .15s ease;text-align:left;min-height:36px;line-height:1.4}.slim-dropdown .dropdown-trigger{padding:.5625rem .75rem;min-height:36px;border-width:1px;font-size:.8125rem;border-color:var(--border-color);background:var(--bg-primary);border-radius:10px}.dropdown-trigger:hover:not(:disabled){border-color:var(--accent-blue);background:var(--bg-primary)}.dropdown-trigger:focus:not(:disabled){outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f61a}.dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.selected-text{font-weight:400;color:var(--text-primary);font-size:.8125rem}.placeholder-text{color:var(--text-tertiary);font-weight:400}.dropdown-icon{width:14px;height:14px;transition:transform .2s ease;color:var(--text-tertiary);flex-shrink:0;opacity:.8}.dropdown-icon.rotate-180{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:1000;max-height:200px;overflow-y:auto;animation:fadeIn .12s ease-out;min-width:130px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.8125rem;text-align:left;cursor:pointer;transition:background-color .12s ease;min-height:36px}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.selected{background:var(--bg-tertiary);color:var(--accent-blue);font-weight:500}.option-label{flex:1;font-weight:400;color:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.check-icon{margin-left:auto;color:var(--accent-blue);opacity:0;transition:opacity .12s ease;flex-shrink:0}.dropdown-item.selected .check-icon{opacity:1}.custom-dropdown.disabled .dropdown-trigger{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.withdraw-modal-content{margin:1rem;max-width:calc(100% - 2rem)}.withdraw-modal-header{padding:1rem 1.25rem .875rem}.withdraw-form,.withdraw-confirmation-step{padding:1.25rem}.withdraw-balance-info{padding:.875rem 1.25rem}.withdraw-amount-input{font-size:1rem;padding:.625rem 3.5rem .625rem .875rem}.withdraw-confirmation-actions{flex-direction:column}.withdraw-summary-card{padding:1.25rem}}.success-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.success-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1201;animation:fadeIn .2s ease}.success-modal-content{position:relative;background:var(--bg-primary, #ffffff);border-radius:20px;width:100%;max-width:420px;padding:32px 28px;text-align:center;box-shadow:0 25px 50px -12px #00000040;z-index:1202;animation:slideUp .3s ease;border:1px solid var(--border-color, #e2e8f0)}.success-modal-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.success-modal-icon{color:var(--success-color, #10b981);animation:scaleIn .4s ease}.success-modal-icon svg{width:24px;height:24px}.success-modal-title{font-size:18px;font-weight:600;color:var(--text-primary, #111827);margin:0}.success-modal-message{font-size:14px;color:var(--text-secondary, #475569);margin:0 0 16px;line-height:1.5}.success-modal-details{background:var(--bg-tertiary, #f1f5f9);border-radius:12px;padding:12px 16px;margin-bottom:24px}.success-modal-details p{font-size:13px;color:var(--text-secondary, #475569);margin:0}.success-modal-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,var(--success-color, #10b981),#059669);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.success-modal-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.success-modal-button:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}body.dark-theme .success-modal-content{background:var(--bg-primary, #0f172a);border-color:var(--border-color, #334155)}body.dark-theme .success-modal-details{background:var(--bg-tertiary, #334155)}body.dark-theme .success-modal-details p{color:var(--text-secondary, #cbd5e1)}@media (max-width: 640px){.success-modal-content{padding:24px 20px;margin:16px}.success-modal-header{gap:10px}.success-modal-title{font-size:16px}.success-modal-message{font-size:13px}.success-modal-icon svg{width:20px;height:20px}}.withdrawals-tab{padding:1.25rem}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.dark-mode .tab-header{border-bottom-color:#ffffff0d}.tab-header h3{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0;letter-spacing:-.01em}.tab-actions{display:flex;gap:.75rem;align-items:center}.filter-dropdown{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border-radius:8px;padding:.3rem .75rem;min-width:160px;transition:all .15s ease;box-shadow:var(--shadow-xs)}.filter-dropdown:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.filter-dropdown svg{color:var(--text-tertiary);flex-shrink:0;opacity:.7}.status-filter{flex:1;background:none;border:none;color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.5 4L5 6.5L7.5 4' stroke='%2364748b' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:10px;padding-right:1.25rem}.dark-mode .status-filter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.5 4L5 6.5L7.5 4' stroke='%2394a3b8' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.status-filter:focus{color:var(--accent-blue)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);margin-top:1rem}.empty-state svg{margin-bottom:1rem;opacity:.4;color:var(--text-tertiary)}.empty-state h4{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0 0 .375rem}.empty-state p{font-size:.8125rem;color:var(--text-tertiary);margin:0;max-width:280px;line-height:1.4}.table-container{overflow-x:auto;border-radius:12px;background:var(--bg-card);position:relative}.table-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03);pointer-events:none;z-index:1}.dark-mode .table-container:before{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}.withdrawals-table{width:100%;border-collapse:collapse;font-size:.8125rem;position:relative;z-index:2}.withdrawals-table thead{background:linear-gradient(to right,#f8fafc99,#f1f5f966);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-mode .withdrawals-table thead{background:linear-gradient(to right,#1e293b99,#0f172a66)}.withdrawals-table th{padding:.875rem 1rem;text-align:left;font-weight:500;color:var(--text-primary);white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.05);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.dark-mode .withdrawals-table th{border-bottom-color:#ffffff0d}.withdrawals-table tbody tr{transition:all .15s ease;position:relative}.withdrawals-table tbody tr:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:1px;background:#00000008;transition:opacity .15s ease}.dark-mode .withdrawals-table tbody tr:after{background:#ffffff08}.withdrawals-table tbody tr:last-child:after{opacity:0}.withdrawals-table tbody tr:hover{background:#00000004;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dark-mode .withdrawals-table tbody tr:hover{background:#ffffff04}.withdrawals-table td{padding:.875rem 1rem;color:var(--text-primary);position:relative;z-index:1}.date-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.8125rem;font-weight:500;letter-spacing:-.01em}.date-cell svg{flex-shrink:0;opacity:.6}.value-cell,.fee-cell,.net-cell{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;letter-spacing:-.01em;white-space:nowrap;font-size:.875rem;line-height:1.3}.value-cell,.fee-cell,.net-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.value-cell{color:var(--text-primary)}.fee-cell{color:var(--error-red);opacity:.9}.net-cell{color:var(--success-green);font-weight:500}.method-badge{display:inline-block;padding:.25rem .75rem;background:#3b82f614;color:var(--accent-blue);border-radius:6px;font-size:.8125rem;font-weight:500;letter-spacing:-.01em;transition:all .15s ease;line-height:1.3}.method-badge:hover{background:#3b82f61f;transform:translateY(-1px)}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:9999px;font-size:.65rem;font-weight:600;border:1px solid rgba(0,0,0,.07);color:var(--status-color, #6B7280);transition:all .15s ease;background:var(--status-bg, rgba(16, 185, 129, .1));box-shadow:var(--shadow-sm)}.status-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-pendente{background:#f59e0b1f;color:var(--warning-yellow)}.status-aprovado{background:#10b9811f;color:var(--success-green)}.status-recusado{background:#ef44441f;color:var(--error-red)}.status-processando{background:#3b82f61f;color:var(--accent-blue)}.status-default{background:#94a3b81f;color:var(--text-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:1.25rem 1rem .75rem;position:relative;z-index:2}.pagination-btn{min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;padding:0 .25rem;box-shadow:var(--shadow-xs)}.pagination-btn:hover:not(.disabled):not(.active){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-btn.active{background:var(--accent-blue);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-md)}.pagination-btn.disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pagination-dots{color:var(--text-tertiary);font-size:.75rem;padding:0 .25rem}.page-numbers{display:flex;gap:.375rem}@media (max-width: 768px){.withdrawals-tab{padding:1rem}.tab-header{flex-direction:column;align-items:stretch;gap:.75rem}.tab-actions{justify-content:flex-start}.filter-dropdown{min-width:140px}.withdrawals-table th,.withdrawals-table td{padding:.75rem .5rem;font-size:.75rem}.date-cell{font-size:.75rem}.value-cell,.fee-cell,.net-cell{font-size:.8125rem}.method-badge,.status-badge{font-size:.75rem;padding:.25rem .625rem}.pagination{flex-wrap:wrap;gap:.25rem;padding:1rem .5rem .5rem}.page-numbers{order:-1;width:100%;justify-content:center;margin-bottom:.5rem}.pagination-btn{min-width:1.75rem;height:1.75rem;font-size:.6875rem}}@media (min-width: 769px) and (max-width: 1024px){.table-container{margin:0 -.5rem}.withdrawals-table th,.withdrawals-table td{padding:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-container{animation:fadeInUp .3s ease-out}.withdrawals-table tbody tr{animation:fadeInUp .4s ease-out backwards}.withdrawals-table tbody tr:nth-child(1){animation-delay:.05s}.withdrawals-table tbody tr:nth-child(2){animation-delay:.1s}.withdrawals-table tbody tr:nth-child(3){animation-delay:.15s}.withdrawals-table tbody tr:nth-child(4){animation-delay:.2s}.withdrawals-table tbody tr:nth-child(5){animation-delay:.25s}.withdrawals-table tbody tr:nth-child(6){animation-delay:.3s}.withdrawals-table tbody tr:nth-child(7){animation-delay:.35s}.withdrawals-table tbody tr:nth-child(8){animation-delay:.4s}.withdrawals-table tbody tr:nth-child(9){animation-delay:.45s}.withdrawals-table tbody tr:nth-child(10){animation-delay:.5s}.finance-modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.finance-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1101;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.finance-modal-content{position:relative;background:var(--bg-primary, #ffffff);border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;z-index:1102;animation:finance-modal-appear .2s ease}@keyframes finance-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.finance-modal-header{padding:24px 24px 16px;display:flex;align-items:center;justify-content:space-between}.finance-modal-title-container{display:flex;align-items:center;gap:12px;flex:1}.finance-modal-icon-danger{color:var(--notification-color, #ef4444)}.finance-modal-icon-warning{color:var(--warning-color, #f59e0b)}.finance-modal-icon-success{color:var(--success-color, #10b981)}.finance-modal-icon-info{color:var(--accent-color, #3b82f6)}.finance-modal-title{font-size:16px;font-weight:600;color:var(--text-primary, #111827);margin:0}.finance-modal-close{width:28px;height:28px;background:var(--bg-tertiary, #f1f5f9);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary, #94a3b8);transition:all .2s ease}.finance-modal-close:hover{background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #111827)}.finance-modal-body{padding:0 24px 24px;color:var(--text-secondary, #475569)}.finance-modal-text{font-size:14px;margin:0 0 8px;line-height:1.5;color:var(--text-primary, #111827)}.finance-modal-text strong{font-weight:600;color:var(--text-primary, #111827)}.finance-modal-warning{font-size:13px;color:var(--text-tertiary, #94a3b8);margin:0;line-height:1.4}.finance-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;animation:finance-success-appear .3s ease}@keyframes finance-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.finance-modal-success-icon-wrapper{width:56px;height:56px;background:#10b9811a;border-radius:50%;display:flex;align-items:center;justify-content:center}.finance-modal-success-icon{color:var(--success-color, #10b981);animation:finance-success-icon .5s ease}@keyframes finance-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.finance-modal-success-text{font-size:14px;color:var(--success-color, #10b981);margin:0;font-weight:500}.finance-modal-actions{padding:20px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.finance-modal-cancel{padding:8px 20px;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;color:var(--text-secondary, #475569);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center}.finance-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary, #f1f5f9);color:var(--text-primary, #111827);transform:translateY(-1px)}.finance-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.finance-modal-confirm{padding:8px 20px;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative}.finance-modal-confirm-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.finance-modal-confirm-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.finance-modal-confirm-default{background:linear-gradient(135deg,var(--accent-color, #3b82f6),var(--accent-hover, #2563eb))}.finance-modal-confirm-success{background:linear-gradient(135deg,#10b981,#059669)}.finance-modal-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.finance-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.finance-modal-confirm-processing{color:transparent!important}.finance-modal-spinner{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:finance-spin .6s linear infinite}@keyframes finance-spin{to{transform:rotate(360deg)}}body.dark-theme .finance-modal-content{background:var(--bg-primary, #0f172a)}body.dark-theme .finance-modal-text,body.dark-theme .finance-modal-text strong{color:var(--text-primary, #f1f5f9)}body.dark-theme .finance-modal-close{background:var(--bg-tertiary, #334155);color:var(--text-tertiary, #94a3b8)}body.dark-theme .finance-modal-cancel{background:var(--bg-tertiary, #334155);border-color:var(--border-color, #475569);color:var(--text-secondary, #cbd5e1)}@media (max-width: 640px){.finance-modal-content{max-width:90%}.finance-modal-header{padding:20px 20px 16px}.finance-modal-body{padding:0 20px 20px}.finance-modal-actions{padding:16px 20px 20px;flex-direction:column}.finance-modal-cancel,.finance-modal-confirm{width:100%;min-width:auto}}.financial-data-tab{padding:1rem;animation:fadeIn .2s ease}.tab-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.tab-header .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}.tab-header .btn-primary:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tab-header .btn-primary svg{width:14px;height:14px}.info-card{background:var(--bg-card);border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);display:flex;gap:.75rem;align-items:flex-start}.info-icon{color:var(--accent-blue);flex-shrink:0;margin-top:.125rem}.info-icon svg{width:18px;height:18px}.info-content h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .375rem}.info-content p{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.method-form{background:var(--bg-card);border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.05)}.dark-mode .form-header{border-bottom-color:#ffffff0d}.form-header h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.form-header .btn-icon{padding:.375rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.form-header .btn-icon:hover{background:#0000000d}.dark-mode .form-header .btn-icon:hover{background:#ffffff0d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-input,.form-select{width:100%;padding:.625rem .75rem;background:var(--bg-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:.8125rem;transition:all .15s ease;box-shadow:inset 0 0 0 1px var(--border-color)}.form-input:focus,.form-select:focus{outline:none;box-shadow:inset 0 0 0 1px var(--accent-blue),0 0 0 3px #3b82f614}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.25rem}.dark-mode .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e")}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:var(--text-secondary)}.checkbox-input{width:16px;height:16px;accent-color:var(--accent-blue);cursor:pointer}.full-width{grid-column:1 / -1}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.form-actions .btn-secondary,.form-actions .btn-primary{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.5rem}.form-actions .btn-secondary{background:var(--bg-primary);color:var(--text-secondary);box-shadow:inset 0 0 0 1px var(--border-color)}.form-actions .btn-secondary:hover{background:#0000000d}.dark-mode .form-actions .btn-secondary:hover{background:#ffffff0d}.form-actions .btn-primary{background:var(--accent-blue);color:#fff;box-shadow:var(--shadow-sm)}.form-actions .btn-primary:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.form-actions .btn-primary svg{width:14px;height:14px}.methods-list h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.empty-methods{background:var(--bg-primary);border-radius:10px;padding:2rem 1rem;text-align:center;margin-top:.5rem}.empty-methods svg{color:var(--text-tertiary);opacity:.4;margin-bottom:.75rem}.empty-methods p{font-size:.875rem;color:var(--text-secondary);margin:0}.empty-methods .subtext{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.methods-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.5rem}@media (min-width: 768px){.methods-grid{grid-template-columns:repeat(2,1fr)}}.method-card{background:var(--bg-card);border-radius:10px;padding:1rem;box-shadow:var(--shadow-sm);transition:all .15s ease}.method-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.method-card.primary{border-left:3px solid var(--accent-blue)}.method-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.method-icon{color:var(--accent-blue);flex-shrink:0}.method-icon svg{width:18px;height:18px}.method-title{flex:1}.method-title h5{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.primary-badge{display:inline-block;padding:.125rem .5rem;background:#3b82f61a;color:var(--accent-blue);border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.method-actions{display:flex;gap:.25rem}.method-actions .btn-icon{padding:.375rem;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.method-actions .btn-icon svg{width:12px;height:12px}.method-actions .btn-icon{color:var(--text-tertiary)}.method-actions .btn-icon:hover{background:#0000000d}.method-actions .btn-icon.danger{color:var(--error-red)}.method-actions .btn-icon.danger:hover{background:#ef44441a}.dark-mode .method-actions .btn-icon:hover{background:#ffffff0d}.method-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary);font-weight:500;text-align:right;max-width:60%;word-break:break-word}@media (max-width: 480px){.financial-data-tab{padding:.75rem}.tab-header{flex-direction:column;align-items:stretch;gap:.75rem}.tab-header .btn-primary{align-self:flex-start}.methods-grid{grid-template-columns:1fr}}.fees-tab{padding:1rem;animation:fadeIn .2s ease}.tab-header{margin-bottom:1rem}.tab-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.tab-header h3:before{content:"";width:3px;height:16px;background:var(--accent-blue);border-radius:1.5px}.fees-card,.calculator-card{background:var(--bg-card);border-radius:10px;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:all .15s ease}.fees-card:hover,.calculator-card:hover{box-shadow:var(--shadow-md)}.fees-card h4,.calculator-header h4{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.table-container{overflow-x:auto;border-radius:8px;background:var(--bg-primary)}.fees-table{width:100%;border-collapse:collapse;font-size:.8125rem}.fees-table thead{background:#00000004}.dark-mode .fees-table thead{background:#ffffff04}.fees-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.6875rem;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-color)}.fees-table tbody tr{transition:background-color .1s ease}.fees-table tbody tr:hover{background:#00000003}.dark-mode .fees-table tbody tr:hover{background:#ffffff03}.fees-table td{padding:.75rem 1rem;color:var(--text-primary);border-bottom:1px solid rgba(0,0,0,.03)}.dark-mode .fees-table td{border-bottom-color:#ffffff08}.fees-table tbody tr:last-child td{border-bottom:none}.method-cell{font-weight:500;font-size:.8125rem}.tax-cell{text-align:center}.tax-badge{display:inline-block;padding:.25rem .625rem;background:#ef444414;color:var(--error-red);border-radius:4px;font-size:.75rem;font-weight:600;min-width:50px}.deadline-cell{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.75rem}.deadline-cell svg{color:var(--text-tertiary);width:12px;height:12px}.calculator-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.05)}.dark-mode .calculator-header{border-bottom-color:#ffffff0d}.calculator-header svg{color:var(--accent-blue);width:16px;height:16px}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.calculator-grid{grid-template-columns:1fr;gap:.75rem}}.form-group label{display:block;font-size:.75rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.input-with-currency{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:.75rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;pointer-events:none;z-index:1}.calculator-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;background:var(--bg-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;transition:all .15s ease;box-shadow:inset 0 0 0 1px var(--border-color)}.calculator-input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--accent-blue),0 0 0 3px #3b82f614}.calculator-input::placeholder{color:var(--text-tertiary)}.quick-amounts{display:flex;gap:.375rem;margin-top:.5rem}.quick-btn{padding:.375rem .5rem;background:var(--bg-primary);border:none;border-radius:6px;color:var(--text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .1s ease;flex:1;min-width:0;box-shadow:inset 0 0 0 1px var(--border-color)}.quick-btn:hover{background:var(--accent-blue);color:#fff;box-shadow:inset 0 0 0 1px var(--accent-blue)}.form-select{width:100%;padding:.625rem 2.25rem .625rem .75rem;background:var(--bg-primary);border:none;border-radius:8px;color:var(--text-primary);font-size:.8125rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .15s ease;box-shadow:inset 0 0 0 1px var(--border-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em}.dark-mode .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e")}.form-select:focus{outline:none;box-shadow:inset 0 0 0 1px var(--accent-blue),0 0 0 3px #3b82f614}.calculator-results{background:var(--bg-primary);border-radius:8px;padding:.875rem;margin-top:1rem;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8125rem}.result-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.03)}.dark-mode .result-row:not(:last-child){border-bottom-color:#ffffff08}.result-label{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary)}.result-label svg{color:var(--text-tertiary);width:12px;height:12px}.result-value{font-weight:500;color:var(--text-primary)}.tax-row .result-value{color:var(--error-red)}.net-row .result-label{color:var(--text-primary);font-weight:600}.net-row .result-value{color:var(--success-green);font-weight:600}.deadline-row .result-value{color:var(--warning-yellow);font-weight:600}.info-note{background:#3b82f608;border-radius:8px;padding:.75rem .875rem;margin-top:1rem;position:relative;font-size:.75rem;line-height:1.4}.info-note:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--accent-blue);border-radius:1px}.info-note p{margin:0;color:var(--text-secondary)}.info-note strong{color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-tertiary);background:var(--bg-primary);border-radius:8px;margin-top:.5rem}.empty-state svg{margin-bottom:.5rem;opacity:.4;width:32px;height:32px}.empty-state h4{margin:0 0 .25rem;font-size:.875rem;color:var(--text-secondary)}.empty-state p{margin:0;font-size:.75rem;max-width:200px}.fees-card,.calculator-card,.info-note{animation:fadeInUp .25s ease-out backwards}.fees-card{animation-delay:.05s}.calculator-card{animation-delay:.1s}.info-note{animation-delay:.15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .06);--transition: .15s cubic-bezier(.4, 0, .2, 1);--bg-primary: #f8fafc;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--success-green: #10b981;--error-red: #ef4444;--warning-yellow: #f59e0b}.dark-mode{--bg-primary: #0f172a;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--accent-blue: #60a5fa;--accent-blue-hover: #3b82f6;--success-green: #34d399;--error-red: #f87171;--warning-yellow: #fbbf24}.finance-container{padding:1.5rem;max-width:1400px;margin:0 auto;background:var(--bg-primary);min-height:100vh;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.finance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.page-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.finance-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;align-items:start}@media (max-width: 768px){.finance-main-grid{grid-template-columns:1fr;gap:1rem}.finance-header{flex-direction:column;align-items:stretch}}.tab-content-container{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.finance-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:3px solid rgba(59,130,246,.1);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.finance-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;text-align:center}.error-content{background:var(--bg-card);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);max-width:400px}.btn-retry{background:var(--accent-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all var(--transition);margin-top:1rem}.btn-retry:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-section{min-height:auto}.balance-section-wrapper{height:100%;display:flex;flex-direction:column}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@media (max-width: 768px){.finance-container{padding:1rem}}:root{--integracoes-bg-primary: #ffffff;--integracoes-bg-secondary: #f8fafc;--integracoes-bg-tertiary: #f1f5f9;--integracoes-text-primary: #0f172a;--integracoes-text-secondary: #475569;--integracoes-text-tertiary: #94a3b8;--integracoes-border: #e2e8f0;--integracoes-accent: #3b82f6;--integracoes-accent-hover: #2563eb;--integracoes-success: #10b981;--integracoes-warning: #f59e0b;--integracoes-danger: #ef4444;--integracoes-info: #8b5cf6;--integracoes-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--integracoes-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--integracoes-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--integracoes-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--integracoes-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}body.dark-theme{--integracoes-bg-primary: #0f172a;--integracoes-bg-secondary: #1e293b;--integracoes-bg-tertiary: #334155;--integracoes-text-primary: #f1f5f9;--integracoes-text-secondary: #cbd5e1;--integracoes-text-tertiary: #94a3b8;--integracoes-border: #475569;--integracoes-accent: #60a5fa;--integracoes-accent-hover: #3b82f6;--integracoes-success: #34d399;--integracoes-warning: #fbbf24;--integracoes-danger: #f87171;--integracoes-info: #a78bfa}.integracoes-page{min-height:100vh;background:var(--integracoes-bg-primary);padding:2rem;max-width:1400px;margin:0 auto}.integracoes-header{margin-bottom:2rem}.integracoes-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.integracoes-title{font-size:2rem;font-weight:700;color:var(--integracoes-text-primary);margin:0 0 .5rem;line-height:1.2}.integracoes-subtitle{font-size:.875rem;color:var(--integracoes-text-secondary);margin:0;line-height:1.5}.integracoes-stats{display:flex;gap:1.5rem}.integracoes-stat-item{display:flex;flex-direction:column;align-items:center;min-width:80px;background:var(--integracoes-bg-secondary);padding:.75rem;border-radius:8px;box-shadow:var(--integracoes-shadow-md);transition:all .2s ease}.integracoes-stat-item:hover{transform:translateY(-2px);box-shadow:var(--integracoes-shadow-lg)}.integracoes-stat-value{font-size:1.5rem;font-weight:700;color:var(--integracoes-accent);line-height:1}.integracoes-stat-label{font-size:.75rem;color:var(--integracoes-text-secondary);margin-top:.25rem;text-align:center}.integracoes-filters-tabs{margin-bottom:2rem}.integracoes-tabs-container{position:relative}.integracoes-tabs-buttons{display:inline-flex;align-items:center;gap:.5rem;background:var(--integracoes-bg-secondary);border:none;border-radius:15px;padding:.25rem;transition:all .2s ease;box-shadow:var(--integracoes-shadow-md)}.integracoes-tabs-buttons:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--integracoes-shadow-lg)}.integracoes-tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:28px;padding:0 12px;border:none;background:transparent;border-radius:10px;color:var(--integracoes-text-primary);cursor:pointer;transition:all .2s ease;position:relative;font-size:.75rem;font-weight:500}.integracoes-tab-button:hover{background:var(--integracoes-border);transform:translateY(-1px)}.integracoes-tab-active{background:#3b82f626;color:var(--integracoes-accent);box-shadow:var(--integracoes-shadow-sm)}.integracoes-has-filters{background:#0ea5e926;color:#0ea5e9;box-shadow:var(--integracoes-shadow-sm)}.integracoes-tab-badge{position:absolute;top:-4px;right:-4px;background:var(--integracoes-danger);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--integracoes-shadow-sm)}.integracoes-search-expand{display:inline-block;margin-left:.5rem;vertical-align:middle;animation:integracoes-slideRight .3s ease}@keyframes integracoes-slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.integracoes-search-container{position:relative;display:flex;align-items:center;background:var(--integracoes-bg-primary);border:none;border-radius:15px;padding:.25rem;transition:all .2s ease;width:300px;box-shadow:var(--integracoes-shadow-md)}.integracoes-search-container:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--integracoes-shadow-lg)}.integracoes-search-icon{position:absolute;left:10px;color:var(--integracoes-text-tertiary);pointer-events:none}.integracoes-search-input{width:100%;padding:.25rem 2.5rem .25rem 2rem;border:none;background:transparent;color:var(--integracoes-text-primary);outline:none;font-size:.875rem;height:28px}.integracoes-search-input::placeholder{color:var(--integracoes-text-tertiary);font-size:.75rem}.integracoes-search-hint{position:absolute;right:30px;display:flex;align-items:center;gap:2px;opacity:.5}.integracoes-search-hint kbd{background:var(--integracoes-bg-secondary);border:none;border-radius:4px;padding:1px 4px;font-size:9px;font-family:Inter,-apple-system,sans-serif;color:var(--integracoes-text-secondary);font-weight:500;box-shadow:var(--integracoes-shadow-sm)}.integracoes-search-hint span{color:var(--integracoes-text-tertiary);font-size:9px;margin:0 1px}.integracoes-close-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--integracoes-text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s ease}.integracoes-close-search:hover{background:var(--integracoes-border);color:var(--integracoes-text-secondary)}.integracoes-filters-panel{margin-top:.75rem;animation:integracoes-slideDown .2s ease}@keyframes integracoes-slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.integracoes-filters-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.integracoes-filter-item{display:inline-block}.integracoes-custom-dropdown{position:relative;min-width:140px}.integracoes-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .75rem;background:var(--integracoes-bg-primary);border:1px dashed var(--integracoes-border);border-radius:8px;color:var(--integracoes-text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;box-sizing:border-box}.integracoes-dropdown-trigger:hover{background-color:var(--integracoes-bg-secondary);transform:translateY(-1px);box-shadow:var(--integracoes-shadow-lg)}.integracoes-dropdown-trigger:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a,var(--integracoes-shadow-lg)}.integracoes-dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.integracoes-dropdown-icon{width:12px;height:12px;transition:transform .2s ease;color:var(--integracoes-text-tertiary);flex-shrink:0}.integracoes-dropdown-icon.rotate-180{transform:rotate(180deg)}.integracoes-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--integracoes-bg-primary);border:none;border-radius:8px;box-shadow:var(--integracoes-shadow-xl);z-index:50;max-height:200px;overflow-y:auto;animation:integracoes-scaleIn .15s ease-out}@keyframes integracoes-scaleIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.integracoes-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--integracoes-text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.integracoes-dropdown-item:hover{background:var(--integracoes-bg-secondary);transform:translate(2px)}.integracoes-dropdown-item.integracoes-dropdown-selected{background:#3b82f626;color:var(--integracoes-accent);font-weight:500}.integracoes-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integracoes-check-icon{width:12px;height:12px;color:var(--integracoes-accent);opacity:0}.integracoes-dropdown-item.integracoes-dropdown-selected .integracoes-check-icon{opacity:1}.integracoes-dropdown-menu::-webkit-scrollbar{width:4px}.integracoes-dropdown-menu::-webkit-scrollbar-track{background:var(--integracoes-bg-secondary);border-radius:4px}.integracoes-dropdown-menu::-webkit-scrollbar-thumb{background:var(--integracoes-border);border-radius:4px}.integracoes-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--integracoes-text-tertiary)}.integracoes-clear-filters{padding:.35rem .75rem;background:var(--integracoes-bg-secondary);border:none;border-radius:8px;color:var(--integracoes-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;min-width:110px;box-shadow:var(--integracoes-shadow-sm)}.integracoes-clear-filters:hover:not(:disabled){background:#ef444426;color:var(--integracoes-danger);transform:translateY(-1px);box-shadow:var(--integracoes-shadow-md)}.integracoes-clear-filters:disabled{opacity:.5;cursor:not-allowed}.integracoes-grid-section{margin-top:2rem}.integracoes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--integracoes-text-secondary);background:var(--integracoes-bg-secondary);border-radius:12px;box-shadow:var(--integracoes-shadow-md)}.integracoes-empty-icon{color:var(--integracoes-text-tertiary);margin-bottom:1rem;background:var(--integracoes-bg-tertiary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--integracoes-shadow-sm)}.integracoes-empty-title{font-size:1.25rem;font-weight:600;color:var(--integracoes-text-primary);margin:0 0 .5rem}.integracoes-empty-text{font-size:.875rem;margin:0}.integracoes-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.integracoes-app-card{display:flex;flex-direction:column;background:var(--integracoes-bg-primary);border:none;border-radius:12px;overflow:hidden;transition:all .2s ease;text-decoration:none;color:inherit;height:100%;min-height:280px;box-shadow:var(--integracoes-shadow-md)}.integracoes-app-card:hover{transform:translateY(-4px);box-shadow:var(--integracoes-shadow-xl);border-color:transparent}.integracoes-card-top{padding:1rem;border-bottom:1px solid var(--integracoes-border)}.integracoes-card-icon{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.integracoes-icon-bg{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:var(--integracoes-bg-secondary);box-shadow:var(--integracoes-shadow-sm)}.integracoes-app-svg{width:100%;height:100%;border-radius:10px}.integracoes-app-status{display:inline-flex;align-items:center}.integracoes-status-on{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#10b98126;border:none;border-radius:6px;color:var(--integracoes-success);font-size:.75rem;font-weight:500;box-shadow:var(--integracoes-shadow-sm)}.integracoes-status-off{padding:.25rem .5rem;background:#94a3b826;border:none;border-radius:6px;color:var(--integracoes-text-tertiary);font-size:.75rem;font-weight:500;box-shadow:var(--integracoes-shadow-sm)}.integracoes-app-title{font-size:1rem;font-weight:600;color:var(--integracoes-text-primary);margin:0 0 .5rem;line-height:1.3}.integracoes-app-description{font-size:.875rem;color:var(--integracoes-text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.integracoes-card-middle{padding:1rem;flex:1}.integracoes-app-features{display:flex;flex-direction:column;gap:.5rem}.integracoes-feature{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--integracoes-text-secondary)}.integracoes-feature svg{color:var(--integracoes-success);flex-shrink:0}.integracoes-card-bottom{padding:1rem;border-top:1px solid var(--integracoes-border);display:flex;justify-content:space-between;align-items:center;background:var(--integracoes-bg-secondary)}.integracoes-app-action{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--integracoes-accent);transition:color .2s ease;padding:.5rem .75rem;background:#3b82f61a;border:none;border-radius:6px;box-shadow:var(--integracoes-shadow-sm)}.integracoes-app-card:hover .integracoes-app-action{color:var(--integracoes-accent-hover);background:#3b82f626;transform:translate(2px)}.integracoes-category-tag{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;background:var(--integracoes-bg-tertiary);color:var(--integracoes-text-secondary);box-shadow:var(--integracoes-shadow-sm)}@media (max-width: 768px){.integracoes-page{padding:1rem}.integracoes-header-content{flex-direction:column;gap:1.5rem}.integracoes-stats{width:100%;justify-content:space-between}.integracoes-stat-item{min-width:auto;flex:1}.integracoes-tabs-buttons{width:100%;justify-content:center}.integracoes-search-expand{display:block;margin-left:0;margin-top:.5rem;width:100%}.integracoes-search-container{width:100%}.integracoes-filters-row{flex-direction:column;align-items:stretch}.integracoes-custom-dropdown,.integracoes-clear-filters{width:100%}.integracoes-apps-grid{grid-template-columns:1fr;gap:1rem}.integracoes-app-card{min-height:260px}}@media (min-width: 769px) and (max-width: 1024px){.integracoes-apps-grid{grid-template-columns:repeat(2,1fr)}.integracoes-tabs-container{display:flex;align-items:center;gap:.5rem}.integracoes-search-expand{display:inline-block}}body.dark-theme .integracoes-tabs-buttons{background:var(--integracoes-bg-secondary);border-color:var(--integracoes-border)}body.dark-theme .integracoes-tab-button:hover{background:#ffffff0d}body.dark-theme .integracoes-search-container{background:var(--integracoes-bg-secondary);border-color:var(--integracoes-border)}body.dark-theme .integracoes-search-hint kbd{background:var(--integracoes-bg-primary);border-color:var(--integracoes-border);color:var(--integracoes-text-secondary)}body.dark-theme .integracoes-close-search:hover{background:var(--integracoes-bg-primary)}body.dark-theme .integracoes-dropdown-trigger{background:var(--integracoes-bg-secondary);border-color:var(--integracoes-border)}body.dark-theme .integracoes-dropdown-menu{background:var(--integracoes-bg-secondary);border-color:var(--integracoes-border);box-shadow:0 4px 6px -1px #0000004d}body.dark-theme .integracoes-app-card{background:var(--integracoes-bg-secondary);border-color:var(--integracoes-border)}body.dark-theme .integracoes-card-bottom{background:#0000001a}.pixel-meta-page{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-primary);position:relative}.pixel-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;border-bottom:none}.pixel-back-btn{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.pixel-back-btn:hover{background:var(--accent-color);color:#fff;transform:translate(-2px);box-shadow:var(--shadow-md)}.pixel-title-container{display:flex;align-items:center;gap:12px;flex:1}.pixel-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0;box-shadow:var(--shadow-md)}.pixel-main-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.pixel-subtitle{font-size:13px;color:var(--text-tertiary);margin:2px 0 0;font-weight:400}.pixel-add-btn{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-md)}.pixel-add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pixel-content-area{padding:0}.pixel-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pixel-section-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.pixel-section-count{font-size:13px;font-weight:500;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 10px;border-radius:12px;border:none;box-shadow:var(--shadow-sm)}.pixel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md)}.pixel-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:pixel-spin 1s linear infinite;margin-bottom:12px}@keyframes pixel-spin{to{transform:rotate(360deg)}}.pixel-loading-text{font-size:13px;color:var(--text-tertiary);margin:0;font-weight:400}.pixel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;text-align:center;box-shadow:var(--shadow-md)}.pixel-empty-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:1px solid rgba(59,130,246,.3);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.pixel-empty-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.pixel-empty-desc{font-size:13px;color:var(--text-tertiary);max-width:320px;margin:0 0 20px;line-height:1.4;font-weight:400}.pixel-empty-action{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.pixel-empty-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pixel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pixel-item{background:var(--bg-secondary);border:none;border-radius:12px;padding:16px;transition:all .2s ease;position:relative;box-shadow:var(--shadow-md)}.pixel-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.pixel-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.pixel-item-icon{width:32px;height:32px;background:#3b82f626;border:none;color:var(--accent-color);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.pixel-item-actions{display:flex;gap:6px}.pixel-action-btn{width:28px;height:28px;background:var(--bg-primary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease;box-shadow:var(--shadow-sm)}.pixel-action-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pixel-copy-btn:hover{color:var(--accent-color);background:#3b82f626}.pixel-delete-btn:hover{color:var(--notification-color);background:#ef444426}.pixel-item-body{margin-bottom:16px}.pixel-item-name{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 12px}.pixel-item-info{display:flex;flex-direction:column;gap:8px}.pixel-info-line{display:flex;align-items:center;gap:8px;min-height:20px}.pixel-info-label{font-size:12px;font-weight:500;color:var(--text-tertiary);min-width:40px;flex-shrink:0}.pixel-info-value{font-size:12px;color:var(--text-secondary);word-break:break-all;flex:1;font-family:SF Mono,Monaco,Roboto Mono,monospace;font-weight:400}.pixel-info-value code{background:var(--bg-tertiary);padding:3px 6px;border-radius:4px;font-size:11px;color:var(--text-primary);border:none;box-shadow:var(--shadow-sm)}.pixel-status{font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px;display:inline-block;box-shadow:var(--shadow-sm)}.pixel-status-active{background:#10b98126;color:var(--success-color)}.pixel-item-footer{padding-top:12px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.pixel-external-link{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-color);text-decoration:none;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .2s ease;border:none;background:var(--bg-primary);box-shadow:var(--shadow-sm)}.pixel-external-link:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pixel-custom-dropdown{position:relative;width:100%;margin-top:4px}.pixel-dropdown-disabled{opacity:.5;cursor:not-allowed}.pixel-dropdown-trigger{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-primary);font-size:13px;transition:all .2s ease}.pixel-dropdown-trigger:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pixel-dropdown-selected{color:var(--text-primary);font-weight:400}.pixel-dropdown-icon{color:var(--text-tertiary);transition:transform .2s ease}.pixel-dropdown-rotate{transform:rotate(180deg)}.pixel-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-xl);max-height:180px;overflow-y:auto;z-index:100}.pixel-dropdown-item{width:100%;padding:8px 12px;background:var(--bg-primary);border:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:13px;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}.pixel-dropdown-item:last-child{border-bottom:none}.pixel-dropdown-item:hover{background:var(--bg-tertiary);transform:translate(2px)}.pixel-dropdown-selected{color:var(--accent-color);font-weight:500}.pixel-option-label{flex:1;text-align:left;font-weight:400}.pixel-check-icon{color:var(--accent-color)}.pixel-create-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pixel-create-drawer-open{transform:translate(0)}.pixel-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.pixel-drawer-content{position:absolute;top:0;right:0;bottom:0;width:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:1000;box-shadow:var(--shadow-2xl);border-radius:16px 0 0 16px}.pixel-drawer-header{padding:20px;display:flex;align-items:center;flex-shrink:0}.pixel-drawer-header-left{display:flex;align-items:center;gap:12px;flex:1}.pixel-drawer-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.pixel-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.pixel-drawer-title{font-size:17px;font-weight:500;color:var(--text-primary);margin:0}.pixel-drawer-form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.pixel-form-section{display:flex;flex-direction:column;gap:6px}.pixel-form-label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column;gap:6px}.pixel-form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pixel-form-label-text{font-size:13px;font-weight:500;color:var(--text-primary)}.pixel-form-input{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);transition:all .2s ease;font-family:inherit;font-weight:400}.pixel-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.pixel-input-error{border-color:var(--notification-color)}.pixel-error-msg{font-size:12px;color:var(--notification-color);margin-top:2px;font-weight:400}.pixel-form-hint{font-size:11px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.3;font-weight:400}.pixel-event-actions{display:flex;gap:12px}.pixel-event-action-link{background:none;border:none;color:var(--accent-color);font-size:11px;cursor:pointer;padding:0;font-weight:500;text-decoration:underline;text-underline-offset:2px;opacity:.8}.pixel-event-action-link:hover{opacity:1}.pixel-eventos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.pixel-evento-option{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-secondary);border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;box-shadow:var(--shadow-sm)}.pixel-evento-option:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pixel-evento-selected{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-md)}.pixel-evento-checkbox{width:14px;height:14px;border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-primary)}.pixel-evento-selected .pixel-evento-checkbox{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pixel-evento-label{font-size:12px;color:var(--text-secondary);font-weight:400}.pixel-evento-selected .pixel-evento-label{color:var(--accent-color)}.pixel-escopo-options{display:flex;flex-direction:column;gap:6px}.pixel-escopo-option{display:flex;align-items:center;cursor:pointer}.pixel-escopo-radio{display:none}.pixel-escopo-content{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border:none;border-radius:8px;flex:1;transition:all .15s ease;box-shadow:var(--shadow-sm)}.pixel-escopo-option input:checked+.pixel-escopo-content{background:#3b82f626;box-shadow:var(--shadow-md)}.pixel-escopo-icon{color:var(--text-tertiary)}.pixel-escopo-option input:checked+.pixel-escopo-content .pixel-escopo-icon{color:var(--accent-color)}.pixel-escopo-label{font-size:13px;color:var(--text-primary);font-weight:500}.pixel-form-error{display:flex;align-items:center;gap:6px;padding:10px;background:#ef44441a;border:none;border-radius:6px;color:var(--notification-color);font-size:12px;font-weight:500;box-shadow:var(--shadow-sm)}.pixel-form-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#3b82f61a;border:none;border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.4;font-weight:400;box-shadow:var(--shadow-sm)}.pixel-form-info svg{color:var(--accent-color);flex-shrink:0;margin-top:1px}.pixel-drawer-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}.pixel-cancel-btn{flex:1;padding:10px 16px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.pixel-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pixel-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.pixel-submit-btn{flex:1;padding:10px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-md)}.pixel-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pixel-submit-btn:disabled{opacity:.7;cursor:not-allowed}.pixel-submit-spinner{animation:pixel-spin 1s linear infinite}.pixel-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.pixel-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1101;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pixel-modal-content{position:relative;background:var(--bg-primary);border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:var(--shadow-2xl);z-index:1102;animation:pixel-modal-appear .2s ease}@keyframes pixel-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pixel-modal-header{padding:24px 24px 16px;display:flex;align-items:center}.pixel-modal-title-container{display:flex;align-items:center;gap:12px;flex:1}.pixel-modal-icon{color:var(--notification-color)}.pixel-modal-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.pixel-modal-body{padding:0 24px 24px;color:var(--text-secondary)}.pixel-modal-text{font-size:14px;margin:0 0 8px;line-height:1.4;font-weight:400}.pixel-modal-text strong{font-weight:600;color:var(--text-primary)}.pixel-modal-warning{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.3;font-weight:400}.pixel-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;animation:pixel-success-appear .3s ease}@keyframes pixel-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pixel-modal-success-icon{color:var(--success-color);animation:pixel-success-icon .5s ease}@keyframes pixel-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pixel-modal-success-text{font-size:14px;color:var(--success-color);margin:0;font-weight:500}.pixel-modal-actions{padding:20px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.pixel-modal-cancel{padding:8px 20px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center;box-shadow:var(--shadow-sm)}.pixel-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pixel-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.pixel-modal-confirm{padding:8px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.pixel-modal-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pixel-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.pixel-modal-confirm-processing{color:transparent!important}.pixel-modal-confirm-processing:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.pixel-modal-spinner{position:absolute;animation:pixel-spin 1s linear infinite;color:#fff}body.pixel-modal-open{overflow:hidden}@media (max-width: 768px){.pixel-meta-page{padding:16px}.pixel-header{gap:10px;margin-bottom:24px}.pixel-title-icon{width:36px;height:36px}.pixel-main-title{font-size:18px}.pixel-grid{grid-template-columns:1fr;gap:12px}.pixel-create-drawer{max-width:100%}.pixel-eventos-grid{grid-template-columns:1fr}.pixel-drawer-actions{flex-direction:column}.pixel-modal-content{max-width:90%}.pixel-modal-header{padding:20px 20px 16px}.pixel-modal-body{padding:0 20px 20px}.pixel-modal-actions{padding:16px 20px 20px;flex-direction:column}.pixel-modal-cancel,.pixel-modal-confirm{width:100%;min-width:auto}}@media (max-width: 480px){.pixel-drawer-header,.pixel-drawer-form{padding:16px}.pixel-modal-header{padding:16px 16px 12px}.pixel-modal-body{padding:0 16px 16px}.pixel-modal-actions{padding:12px 16px 16px}}.webhooks-page{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-primary);position:relative}.webhooks-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;border-bottom:none}.webhooks-back-btn{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.webhooks-back-btn:hover{background:var(--accent-color);color:#fff;transform:translate(-2px);box-shadow:var(--shadow-md)}.webhooks-title-container{display:flex;align-items:center;gap:12px;flex:1}.webhooks-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#ec489926,#ec489940);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ec4899;flex-shrink:0;box-shadow:var(--shadow-md)}.webhooks-main-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.webhooks-subtitle{font-size:13px;color:var(--text-tertiary);margin:2px 0 0;font-weight:400}.webhooks-add-btn{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-md)}.webhooks-add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.webhooks-content-area{padding:0}.webhooks-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.webhooks-section-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.webhooks-section-count{font-size:13px;font-weight:500;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 10px;border-radius:12px;border:none;box-shadow:var(--shadow-sm)}.webhooks-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md)}.webhooks-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:webhooks-spin 1s linear infinite;margin-bottom:12px}.webhooks-loading-text{font-size:13px;color:var(--text-tertiary);margin:0;font-weight:400}.webhooks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;text-align:center;box-shadow:var(--shadow-md)}.webhooks-empty-icon{width:48px;height:48px;background:linear-gradient(135deg,#ec489926,#ec489940);border:1px solid rgba(236,72,153,.3);color:#ec4899;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.webhooks-empty-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.webhooks-empty-desc{font-size:13px;color:var(--text-tertiary);max-width:320px;margin:0 0 20px;line-height:1.4;font-weight:400}.webhooks-empty-action{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.webhooks-empty-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.webhooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.webhooks-item{background:var(--bg-secondary);border:none;border-radius:12px;padding:16px;transition:all .2s ease;position:relative;box-shadow:var(--shadow-md)}.webhooks-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.webhooks-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.webhooks-item-icon{width:32px;height:32px;background:#ec489926;border:none;color:#ec4899;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.webhooks-item-actions{display:flex;gap:6px}.webhooks-action-btn{width:28px;height:28px;background:var(--bg-primary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease;box-shadow:var(--shadow-sm)}.webhooks-action-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.webhooks-copy-btn:hover{color:var(--accent-color);background:#3b82f626}.webhooks-delete-btn:hover{color:var(--notification-color);background:#ef444426}.webhooks-item-body{margin-bottom:16px}.webhooks-item-name{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 12px}.webhooks-item-info{display:flex;flex-direction:column;gap:8px}.webhooks-info-line{display:flex;align-items:center;gap:8px;min-height:20px}.webhooks-info-label{font-size:12px;font-weight:500;color:var(--text-tertiary);min-width:50px;flex-shrink:0}.webhooks-info-value{font-size:12px;color:var(--text-secondary);word-break:break-all;flex:1;font-weight:400}.webhooks-info-value code{font-family:SF Mono,Monaco,Roboto Mono,monospace;background:var(--bg-tertiary);padding:3px 6px;border-radius:4px;font-size:11px;color:var(--text-primary);border:none;box-shadow:var(--shadow-sm)}.webhooks-eventos-tags{display:flex;flex-wrap:wrap;gap:4px}.webhooks-evento-tag{font-size:10px;font-weight:500;padding:2px 6px;background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-secondary);text-transform:capitalize;box-shadow:var(--shadow-sm)}.webhooks-evento-tag.more{background:var(--bg-primary);color:var(--text-tertiary);font-style:italic}.webhooks-item-footer{padding-top:12px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.webhooks-external-link{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-color);text-decoration:none;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .2s ease;border:none;background:var(--bg-primary);box-shadow:var(--shadow-sm)}.webhooks-external-link:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.webhooks-custom-dropdown{position:relative;width:100%;margin-top:4px}.webhooks-dropdown-disabled{opacity:.5;cursor:not-allowed}.webhooks-dropdown-trigger{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-primary);font-size:13px;transition:all .2s ease}.webhooks-dropdown-trigger:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.webhooks-dropdown-selected{color:var(--text-primary);font-weight:400}.webhooks-dropdown-icon{color:var(--text-tertiary);transition:transform .2s ease}.webhooks-dropdown-rotate{transform:rotate(180deg)}.webhooks-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-xl);max-height:180px;overflow-y:auto;z-index:100}.webhooks-dropdown-item{width:100%;padding:8px 12px;background:var(--bg-primary);border:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:13px;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}.webhooks-dropdown-item:hover{background:var(--bg-tertiary);transform:translate(2px)}.webhooks-dropdown-selected{color:var(--accent-color);font-weight:500}.webhooks-option-label{flex:1;text-align:left;font-weight:400}.webhooks-check-icon{color:var(--accent-color)}.webhooks-create-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.webhooks-create-drawer-open{transform:translate(0)}.webhooks-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.webhooks-drawer-content{position:absolute;top:0;right:0;bottom:0;width:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:1000;box-shadow:var(--shadow-2xl);border-radius:16px 0 0 16px}.webhooks-drawer-header{padding:20px;display:flex;align-items:center;flex-shrink:0}.webhooks-drawer-header-left{display:flex;align-items:center;gap:12px;flex:1}.webhooks-drawer-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.webhooks-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.webhooks-drawer-title{font-size:17px;font-weight:500;color:var(--text-primary);margin:0}.webhooks-drawer-form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.webhooks-form-section{display:flex;flex-direction:column;gap:6px}.webhooks-form-label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column;gap:6px}.webhooks-form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.webhooks-form-label-text{font-size:13px;font-weight:500;color:var(--text-primary)}.webhooks-form-input{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);transition:all .2s ease;font-family:inherit;font-weight:400}.webhooks-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.webhooks-input-error{border-color:var(--notification-color)}.webhooks-error-msg{font-size:12px;color:var(--notification-color);margin-top:2px;font-weight:400}.webhooks-form-hint{font-size:11px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.3;font-weight:400}.webhooks-event-actions{display:flex;gap:12px}.webhooks-event-action-link{background:none;border:none;color:var(--accent-color);font-size:11px;cursor:pointer;padding:0;font-weight:500;text-decoration:underline;text-underline-offset:2px;opacity:.8}.webhooks-event-action-link:hover{opacity:1}.webhooks-eventos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.webhooks-evento-option{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-secondary);border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:left;box-shadow:var(--shadow-sm)}.webhooks-evento-option:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.webhooks-evento-selected{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-md)}.webhooks-evento-checkbox{width:14px;height:14px;border:1px solid var(--border-color);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-primary)}.webhooks-evento-selected .webhooks-evento-checkbox{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.webhooks-evento-label{font-size:12px;color:var(--text-secondary);font-weight:400;text-transform:capitalize}.webhooks-evento-selected .webhooks-evento-label{color:var(--accent-color)}.webhooks-escopo-options{display:flex;flex-direction:column;gap:6px}.webhooks-escopo-option{display:flex;align-items:center;cursor:pointer}.webhooks-escopo-radio{display:none}.webhooks-escopo-content{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border:none;border-radius:8px;flex:1;transition:all .15s ease;box-shadow:var(--shadow-sm)}.webhooks-escopo-option input:checked+.webhooks-escopo-content{background:#3b82f626;box-shadow:var(--shadow-md)}.webhooks-escopo-icon{color:var(--text-tertiary)}.webhooks-escopo-option input:checked+.webhooks-escopo-content .webhooks-escopo-icon{color:var(--accent-color)}.webhooks-escopo-label{font-size:13px;color:var(--text-primary);font-weight:500}.webhooks-form-error{display:flex;align-items:center;gap:6px;padding:10px;background:#ef44441a;border:none;border-radius:6px;color:var(--notification-color);font-size:12px;font-weight:500;box-shadow:var(--shadow-sm)}.webhooks-form-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#3b82f61a;border:none;border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.4;font-weight:400;box-shadow:var(--shadow-sm)}.webhooks-form-info svg{color:var(--accent-color);flex-shrink:0;margin-top:1px}.webhooks-drawer-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}.webhooks-cancel-btn{flex:1;padding:10px 16px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.webhooks-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.webhooks-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.webhooks-submit-btn{flex:1;padding:10px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-md)}.webhooks-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.webhooks-submit-btn:disabled{opacity:.7;cursor:not-allowed}.webhooks-submit-spinner{animation:webhooks-spin 1s linear infinite}.webhooks-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;border:none}.webhooks-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1101;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes webhooks-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.webhooks-modal-header{padding:24px 24px 16px;display:flex;align-items:center}.webhooks-modal-title-container{display:flex;align-items:center;gap:12px;flex:1}.webhooks-modal-icon{color:var(--notification-color)}.webhooks-modal-icon-success{color:var(--success-color)}.webhooks-modal-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.webhooks-modal-body{padding:0 24px 24px;color:var(--text-secondary)}.webhooks-modal-text{font-size:14px;margin:0 0 8px;line-height:1.4;font-weight:400}.webhooks-modal-text strong{font-weight:600;color:var(--text-primary)}.webhooks-modal-warning{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.3;font-weight:400}.webhooks-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;animation:webhooks-success-appear .3s ease}@keyframes webhooks-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.webhooks-modal-success-icon{color:var(--success-color);animation:webhooks-success-icon .5s ease}@keyframes webhooks-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.webhooks-modal-success-text{font-size:14px;color:var(--success-color);margin:0;font-weight:500}.webhooks-modal-actions{padding:20px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.webhooks-modal-cancel{padding:8px 20px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center;box-shadow:var(--shadow-sm)}.webhooks-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.webhooks-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.webhooks-modal-confirm{padding:8px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.webhooks-modal-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.webhooks-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.webhooks-modal-confirm-processing{color:transparent!important}.webhooks-modal-confirm-processing:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.webhooks-modal-spinner{position:absolute;animation:webhooks-spin 1s linear infinite;color:#fff}.webhooks-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.webhooks-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1101}.webhooks-modal-content{position:relative;background:var(--bg-primary);border-radius:12px;width:100%;max-width:480px;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-2xl);z-index:1102;animation:webhooks-modal-appear .2s ease;margin:0 auto;display:flex;flex-direction:column;border:none}.webhooks-modal-with-payload{max-height:90vh;max-width:520px}@keyframes webhooks-modal-appear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.webhooks-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-primary);z-index:1;border:none}.webhooks-modal-title-container{display:flex;align-items:center;gap:12px}.webhooks-modal-icon{color:var(--accent-color)}.webhooks-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.webhooks-test-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.webhooks-test-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.webhooks-modal-body{padding:24px;flex:1;overflow-y:auto;max-height:calc(85vh - 140px)}.webhooks-modal-with-payload .webhooks-modal-body{max-height:calc(90vh - 140px)}.webhooks-test-content{display:flex;flex-direction:column;gap:20px;min-height:min-content}.webhooks-payload-container{margin-top:8px}.webhooks-payload-example{padding:16px;background:var(--bg-secondary);border:none;border-radius:8px;animation:webhooks-payload-appear .3s ease;box-shadow:var(--shadow-md)}@keyframes webhooks-payload-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.webhooks-payload-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.webhooks-payload-desc{font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.4;font-weight:400}.webhooks-code-container{max-height:300px;overflow-y:auto;border-radius:6px;background:var(--bg-tertiary);border:none;box-shadow:var(--shadow-md)}.webhooks-code-example{padding:16px;font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:12px;color:var(--text-primary);line-height:1.4;white-space:pre-wrap;word-wrap:break-word;margin:0;min-width:min-content}.webhooks-payload-link{background:none;border:none;color:var(--accent-color);font-size:13px;cursor:pointer;padding:0;text-align:left;font-weight:500;text-decoration:none;transition:all .2s ease;width:fit-content;margin-top:4px;display:inline-block}.webhooks-payload-link:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}.webhooks-test-actions{padding:20px 24px;display:flex;justify-content:center;flex-shrink:0;background:var(--bg-primary);z-index:1}.webhooks-success-message{display:flex;gap:12px;padding:16px;background:#10b9811a;border:none;border-radius:8px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.webhooks-success-icon{width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:2px;box-shadow:var(--shadow-sm)}.webhooks-success-content{flex:1}.webhooks-test-message{font-size:14px;color:#047857;margin:0 0 6px;line-height:1.4;font-weight:500}.webhooks-test-message strong{color:#065f46;font-weight:600}.webhooks-test-description{font-size:13px;color:#059669;margin:0;line-height:1.4;font-weight:400}.webhooks-test-btn{padding:10px 24px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-md)}.webhooks-test-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.webhooks-test-btn:disabled{opacity:.7;cursor:not-allowed}.webhooks-test-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center;min-height:150px}.webhooks-test-spinner{animation:webhooks-spin 1s linear infinite;color:var(--accent-color)}.webhooks-test-processing-text{font-size:14px;color:var(--text-secondary);margin:0;font-weight:400;max-width:300px}.webhooks-test-result{display:flex;flex-direction:column;gap:16px}.webhooks-test-result-status{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;border:none;box-shadow:var(--shadow-sm)}.webhooks-test-success{background:#10b9811a}.webhooks-test-error{background:#ef44441a}.webhooks-test-result-icon{flex-shrink:0;margin-top:2px}.webhooks-test-success .webhooks-test-result-icon{color:#10b981}.webhooks-test-error .webhooks-test-result-icon{color:#ef4444}.webhooks-test-result-content{flex:1}.webhooks-test-result-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.webhooks-test-result-message{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4;font-weight:400}.webhooks-modal-ok{padding:10px 24px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center;box-shadow:var(--shadow-md)}.webhooks-modal-ok:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.webhooks-test-cta{margin-top:8px;padding-left:16px}.webhooks-test-hint{font-size:12px;color:var(--text-tertiary);font-style:italic;margin:0;font-weight:400}.webhooks-modal-body::-webkit-scrollbar,.webhooks-code-container::-webkit-scrollbar{width:6px}.webhooks-modal-body::-webkit-scrollbar-track,.webhooks-code-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.webhooks-modal-body::-webkit-scrollbar-thumb,.webhooks-code-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.webhooks-modal-body::-webkit-scrollbar-thumb:hover,.webhooks-code-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 600px){.webhooks-modal{padding:16px}.webhooks-modal-content{max-width:100%;max-height:90vh}.webhooks-modal-with-payload{max-height:95vh}.webhooks-modal-header{padding:16px}.webhooks-modal-body{padding:16px;max-height:calc(90vh - 120px)}.webhooks-modal-with-payload .webhooks-modal-body{max-height:calc(95vh - 120px)}.webhooks-test-actions{padding:16px}.webhooks-success-message{padding:12px;flex-direction:column;gap:8px}.webhooks-success-icon{align-self:flex-start}.webhooks-test-result-status,.webhooks-payload-example{padding:12px}.webhooks-code-example{padding:12px;font-size:11px}.webhooks-code-container{max-height:250px}}@media (max-height: 700px){.webhooks-modal-content{max-height:95vh}.webhooks-modal-with-payload{max-height:98vh}.webhooks-modal-body{max-height:calc(95vh - 140px)}.webhooks-modal-with-payload .webhooks-modal-body{max-height:calc(98vh - 140px)}.webhooks-code-container{max-height:200px}}body.webhooks-modal-open{overflow:hidden}@keyframes webhooks-spin{to{transform:rotate(360deg)}}.webhooks-textarea{min-height:80px;resize:vertical;font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:12px;line-height:1.4}.small-code{font-size:11px;padding:2px 6px}.url-demo{margin-top:12px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:11px;color:var(--text-secondary);line-height:1.4;word-break:break-all}:root{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .03);--transition: .15s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .35);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .15)}.ferramentas-page{min-height:100vh;background:var(--bg-primary);padding:2rem;max-width:1400px;margin:0 auto}.ferramentas-header{margin-bottom:2rem}.ferramentas-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.ferramentas-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.ferramentas-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.ferramentas-filters-tabs{margin-bottom:2rem}.ferramentas-tabs-container{position:relative}.ferramentas-tabs-buttons{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border-radius:12px;padding:.25rem;transition:all var(--transition);box-shadow:var(--shadow-sm)}.ferramentas-tabs-buttons:hover{box-shadow:var(--shadow-md)}.ferramentas-tabs-buttons:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md)}.ferramentas-tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:32px;padding:0 12px;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);position:relative;font-size:.75rem;font-weight:500;box-shadow:none}.ferramentas-tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ferramentas-tab-active{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-xs)}.ferramentas-has-filters{background:#0ea5e926;color:#0ea5e9;box-shadow:var(--shadow-xs)}.ferramentas-tab-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--shadow-sm)}.ferramentas-search-expand{display:inline-block;margin-left:.5rem;vertical-align:middle;animation:ferramentas-slideRight .3s ease}@keyframes ferramentas-slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ferramentas-search-container{position:relative;display:flex;align-items:center;background:var(--bg-primary);border-radius:12px;padding:.25rem;transition:all var(--transition);width:320px;box-shadow:var(--shadow-md);z-index:10}.ferramentas-search-container:hover{box-shadow:var(--shadow-lg)}.ferramentas-search-container:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--shadow-lg)}.ferramentas-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none;z-index:11}.ferramentas-search-input{width:100%;padding:.35rem 2.5rem .35rem 2rem;border:none;background:transparent;color:var(--text-primary);outline:none;font-size:.875rem;height:32px;position:relative;z-index:11}.ferramentas-search-input::placeholder{color:var(--text-tertiary);font-size:.75rem}.ferramentas-search-hint{position:absolute;right:30px;display:flex;align-items:center;gap:2px;opacity:.5;z-index:11;pointer-events:none}.ferramentas-search-hint kbd{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1px 4px;font-size:9px;font-family:Inter,-apple-system,sans-serif;color:var(--text-secondary);font-weight:500}.ferramentas-search-hint span{color:var(--text-tertiary);font-size:9px;margin:0 1px}.ferramentas-close-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s ease;z-index:12;pointer-events:auto}.ferramentas-close-search:hover{background:var(--border-color);color:var(--text-secondary)}.ferramentas-filters-panel{margin-top:.75rem;animation:ferramentas-slideDown .2s ease}@keyframes ferramentas-slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ferramentas-filters-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.ferramentas-filter-item{display:inline-block}.ferramentas-custom-dropdown{position:relative;min-width:160px}.ferramentas-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all var(--transition);height:36px;box-sizing:border-box;box-shadow:var(--shadow-md)}.ferramentas-dropdown-trigger:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ferramentas-dropdown-trigger:focus{outline:none;box-shadow:0 0 0 3px #3b82f626,var(--shadow-lg)}.ferramentas-dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.ferramentas-dropdown-icon{width:12px;height:12px;transition:transform .2s ease;color:var(--text-tertiary);flex-shrink:0}.ferramentas-dropdown-icon.ferramentas-dropdown-open{transform:rotate(180deg)}.ferramentas-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-primary);border-radius:12px;z-index:50;max-height:240px;overflow-y:auto;animation:ferramentas-scaleIn .15s ease-out;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes ferramentas-scaleIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ferramentas-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:all var(--transition);border-radius:8px;margin:2px}.ferramentas-dropdown-item:hover{background:var(--bg-tertiary)}.ferramentas-dropdown-item.ferramentas-dropdown-selected{background:#3b82f626;color:var(--accent-color);font-weight:500;box-shadow:var(--shadow-inner)}.ferramentas-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ferramentas-check-icon{width:12px;height:12px;color:var(--accent-color);opacity:0;transition:opacity .2s ease}.ferramentas-dropdown-item.ferramentas-dropdown-selected .ferramentas-check-icon{opacity:1}.ferramentas-clear-filters{padding:.5rem .75rem;background:var(--bg-primary);border:none;border-radius:10px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition);height:36px;min-width:110px;box-shadow:var(--shadow-md)}.ferramentas-clear-filters:hover:not(:disabled){background:#ef444426;color:#ef4444;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ferramentas-clear-filters:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm)}.ferramentas-grid-section{margin-top:2rem}.ferramentas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-md);min-height:300px}.ferramentas-empty-icon{color:var(--text-tertiary);margin-bottom:1.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.ferramentas-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.ferramentas-empty-text{font-size:.875rem;margin:0}.ferramentas-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.ferramentas-tool-card{display:flex;flex-direction:column;background:var(--bg-primary);border-radius:16px;overflow:hidden;transition:all var(--transition);text-decoration:none;color:inherit;height:100%;min-height:220px;padding:1.75rem;position:relative;box-shadow:var(--shadow-md);border:1px solid transparent}.ferramentas-tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(135deg,#ffffff05,#fff0,#ffffff03);pointer-events:none;z-index:1}.dark-mode .ferramentas-tool-card:before{background:linear-gradient(135deg,#ffffff03,#fff0,#ffffff01)}.ferramentas-tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl);border-color:#3b82f64d}.ferramentas-card-top{flex:1;position:relative;z-index:2}.ferramentas-card-icon{margin-bottom:1.25rem}.ferramentas-icon-bg{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:var(--shadow-lg);transition:all var(--transition)}.ferramentas-tool-card:hover .ferramentas-icon-bg{transform:scale(1.05);box-shadow:var(--shadow-xl)}.ferramentas-tool-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;line-height:1.3;transition:color .2s ease}.ferramentas-tool-card:hover .ferramentas-tool-title{color:var(--accent-color)}.ferramentas-tool-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ferramentas-card-bottom{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;position:relative;z-index:2}.ferramentas-category-tag{padding:.5rem .875rem;border-radius:20px;font-size:.75rem;font-weight:500;box-shadow:var(--shadow-sm);transition:all var(--transition)}.ferramentas-tool-card:hover .ferramentas-category-tag{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1200px){.ferramentas-tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.ferramentas-tools-grid{grid-template-columns:repeat(2,1fr)}.ferramentas-page{max-width:100%;padding:1.5rem}.ferramentas-search-container{width:280px}}@media (max-width: 768px){.ferramentas-page{padding:1rem}.ferramentas-header-content{flex-direction:column;gap:1.5rem}.ferramentas-tabs-buttons{width:100%;justify-content:center}.ferramentas-search-expand{display:block;margin-left:0;margin-top:.75rem;width:100%}.ferramentas-search-container{width:100%}.ferramentas-filters-row{flex-direction:column;align-items:stretch}.ferramentas-custom-dropdown,.ferramentas-clear-filters{width:100%}.ferramentas-tools-grid{grid-template-columns:1fr;gap:1rem}.ferramentas-tool-card{min-height:180px;padding:1.5rem}.ferramentas-search-hint{right:40px}}.dark-mode .ferramentas-tabs-buttons{background:var(--bg-secondary)}.dark-mode .ferramentas-tab-button:hover{background:var(--bg-tertiary)}.dark-mode .ferramentas-search-container{background:var(--bg-secondary)}.dark-mode .ferramentas-search-hint kbd{background:var(--bg-tertiary);color:var(--text-secondary)}.dark-mode .ferramentas-close-search:hover{background:var(--border-color);color:var(--text-secondary)}.dark-mode .ferramentas-dropdown-trigger{background:var(--bg-secondary)}.dark-mode .ferramentas-dropdown-menu{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .ferramentas-clear-filters{background:var(--bg-secondary)}.dark-mode .ferramentas-empty{background:var(--bg-tertiary)}.dark-mode .ferramentas-tool-card{background:var(--bg-secondary)}.dark-mode .ferramentas-card-bottom{border-top-color:var(--border-color)}@media (min-width: 1400px){.ferramentas-tools-grid{grid-template-columns:repeat(4,1fr);gap:2rem}.ferramentas-tool-card{min-height:240px;padding:2rem}}.ferramentas-tab-button:focus-visible,.ferramentas-dropdown-trigger:focus-visible,.ferramentas-search-input:focus-visible,.ferramentas-clear-filters:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.ferramentas-close-search:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ferramentas-tool-card,.ferramentas-tab-button,.ferramentas-dropdown-trigger,.ferramentas-clear-filters,.ferramentas-icon-bg,.ferramentas-category-tag,.ferramentas-close-search{transition:none}.ferramentas-search-expand,.ferramentas-filters-panel,.ferramentas-dropdown-menu{animation:none}}.ferramentas-search-container *{position:relative;z-index:11}.ferramentas-close-search{z-index:12!important}.lead-recovery-page{min-height:100vh;background:var(--bg-primary);padding:2rem;max-width:1400px;margin:0 auto}.lead-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:0 .25rem}.lead-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm);border:none}.lead-back-btn:hover{background:var(--bg-tertiary);color:var(--accent-color);transform:translate(-2px);box-shadow:var(--shadow-md)}.lead-title-container{display:flex;align-items:center;gap:.75rem;flex:1}.lead-title-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),#6366F1);color:#fff;border-radius:10px;flex-shrink:0;box-shadow:var(--shadow-md)}.lead-main-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.lead-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.lead-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.lead-stats-cards{grid-template-columns:repeat(2,1fr)}}.lead-stat-card{background:var(--bg-primary);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-md);border:1px solid transparent}.lead-stat-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:var(--shadow-lg)}.lead-stat-card-active{border-color:var(--accent-color);background:var(--bg-secondary);box-shadow:var(--shadow-xl)}.lead-stat-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color)20,var(--accent-color)40);color:var(--accent-color);flex-shrink:0;box-shadow:var(--shadow-sm)}.lead-stat-card:nth-child(1) .lead-stat-card-icon{background:linear-gradient(135deg,#f59e0b1a,#f59e0b33);color:#f59e0b}.lead-stat-card:nth-child(2) .lead-stat-card-icon{background:linear-gradient(135deg,#10b9811a,#10b98133);color:#10b981}.lead-stat-card-content{flex:1;min-width:0}.lead-stat-card-value{display:block;font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.lead-stat-card-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.lead-stat-card-indicator{position:absolute;top:0;right:0;width:4px;height:100%;border-radius:0 12px 12px 0}.lead-filters-tabs{margin-bottom:2rem}.lead-tabs-container{position:relative}.lead-tabs-buttons{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border-radius:15px;padding:.25rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.lead-tabs-buttons:hover{box-shadow:var(--shadow-md)}.lead-tabs-buttons:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md)}.lead-tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:28px;padding:0 12px;background:transparent;border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;font-size:.75rem;font-weight:500;border:none}.lead-tab-button:hover{background:var(--bg-tertiary)}.lead-tab-active{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-xs)}.lead-has-filters{background:#0ea5e926;color:#0ea5e9;box-shadow:var(--shadow-xs)}.lead-tab-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--shadow-sm)}.lead-spin{animation:lead-spin 1s linear infinite}@keyframes lead-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lead-search-expand{display:inline-block;margin-left:.5rem;vertical-align:middle;animation:lead-slideRight .3s ease}@keyframes lead-slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.lead-search-container{position:relative;display:flex;align-items:center;background:var(--bg-primary);border-radius:15px;padding:.25rem;transition:all .2s ease;width:300px;box-shadow:var(--shadow-md)}.lead-search-container:hover{box-shadow:var(--shadow-lg)}.lead-search-container:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--shadow-lg)}.lead-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none;z-index:1}.lead-search-input{width:100%;padding:.25rem 2.5rem .25rem 2rem;border:none;background:transparent;color:var(--text-primary);outline:none;font-size:.875rem;height:28px;position:relative;z-index:2}.lead-search-input::placeholder{color:var(--text-tertiary);font-size:.75rem}.lead-search-hint{position:absolute;right:30px;display:flex;align-items:center;gap:2px;opacity:.5;z-index:1;pointer-events:none}.lead-search-hint kbd{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1px 4px;font-size:9px;font-family:Inter,-apple-system,sans-serif;color:var(--text-secondary);font-weight:500}.lead-search-hint span{color:var(--text-tertiary);font-size:9px;margin:0 1px}.lead-close-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s ease;z-index:12;pointer-events:auto}.lead-close-search:hover{background:var(--border-light);color:var(--text-secondary)}.lead-filters-panel{margin-top:.75rem;animation:lead-slideDown .2s ease}@keyframes lead-slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.lead-filters-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.lead-filter-item{display:inline-block}.lead-custom-dropdown{position:relative;min-width:180px}.lead-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .75rem;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;box-sizing:border-box;box-shadow:var(--shadow-sm)}.lead-dropdown-trigger:hover{border-color:var(--accent-color);background-color:var(--bg-secondary);box-shadow:var(--shadow-md)}.lead-dropdown-trigger:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md)}.lead-dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.lead-dropdown-icon{width:12px;height:12px;transition:transform .2s ease;color:var(--text-tertiary);flex-shrink:0}.lead-dropdown-icon.lead-dropdown-rotate{transform:rotate(180deg)}.lead-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-xl);z-index:50;max-height:200px;overflow-y:auto;animation:lead-scaleIn .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes lead-scaleIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.lead-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.lead-dropdown-item:hover{background:var(--bg-secondary)}.lead-dropdown-item.lead-dropdown-selected{background:#3b82f61a;color:var(--accent-color);font-weight:500}.lead-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-check-icon{width:12px;height:12px;color:var(--accent-color);opacity:0}.lead-dropdown-item.lead-dropdown-selected .lead-check-icon{opacity:1}.lead-clear-filters{padding:.35rem .75rem;background:var(--bg-primary);border:none;border-radius:8px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;min-width:110px;box-shadow:var(--shadow-sm)}.lead-clear-filters:hover:not(:disabled){background:#ef444426;color:#ef4444;transform:translateY(-2px);box-shadow:var(--shadow-md)}.lead-clear-filters:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lead-export-options{display:flex;gap:.5rem;flex-wrap:wrap}.lead-export-btn{padding:.35rem .75rem;background:linear-gradient(135deg,#10b981,#0da271);border:none;border-radius:8px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:32px;display:flex;align-items:center;gap:.5rem;min-width:140px;box-shadow:var(--shadow-md)}.lead-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#0da271,#0b8a5f);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.lead-export-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lead-content-area{margin-top:2rem}.lead-error-state,.lead-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary);background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md)}.lead-error-state{color:#ef4444}.lead-error-state svg{margin-bottom:1rem;opacity:.5}.lead-retry-btn{margin-top:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.lead-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lead-empty-state svg{color:var(--text-tertiary);margin-bottom:1rem;opacity:.5}.lead-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.lead-empty-state p{font-size:.875rem;margin:0 0 1rem}.lead-clear-filters-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.lead-clear-filters-btn:hover{color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.lead-skeleton-container{display:flex;flex-direction:column;gap:2rem}.lead-header-skeleton{padding:0 .25rem}.skeleton-title{width:200px;height:24px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:.5rem;animation:skeleton-pulse 1.5s infinite}.skeleton-subtitle{width:300px;height:16px;background:var(--bg-tertiary);border-radius:4px;animation:skeleton-pulse 1.5s infinite}.lead-stats-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}@media (min-width: 768px){.lead-stats-skeleton{grid-template-columns:repeat(2,1fr)}}.skeleton-stat-card{background:var(--bg-primary);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-md)}.skeleton-stat-icon{width:48px;height:48px;border-radius:10px;background:var(--bg-tertiary);animation:skeleton-pulse 1.5s infinite}.skeleton-stat-content{flex:1}.skeleton-stat-value{width:60px;height:32px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:.5rem;animation:skeleton-pulse 1.5s infinite}.skeleton-stat-label{width:100px;height:16px;background:var(--bg-tertiary);border-radius:4px;animation:skeleton-pulse 1.5s infinite}.lead-table-skeleton{background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.skeleton-table-header{display:grid;grid-template-columns:1.5fr 1.2fr 1.5fr 1.5fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.skeleton-header-cell{height:20px;background:var(--bg-tertiary);border-radius:4px;animation:skeleton-pulse 1.5s infinite}.skeleton-table-row{display:grid;grid-template-columns:1.5fr 1.2fr 1.5fr 1.5fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.skeleton-table-cell{height:20px;background:var(--bg-tertiary);border-radius:4px;animation:skeleton-pulse 1.5s infinite}.skeleton-table-row:last-child{border-bottom:none}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.lead-table-container{background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}.lead-table{width:100%}.lead-table-header{display:grid;grid-template-columns:1.5fr 1.2fr 1.5fr 1.5fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-color);font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.lead-header-cell{display:flex;align-items:center;min-width:0}.lead-table-body{max-height:500px;overflow-y:auto}.lead-table-body::-webkit-scrollbar{width:4px}.lead-table-body::-webkit-scrollbar-track{background:var(--bg-secondary)}.lead-table-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.lead-table-row{display:grid;grid-template-columns:1.5fr 1.2fr 1.5fr 1.5fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:all .2s ease}.lead-table-row:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.lead-table-row:last-child{border-bottom:none}.lead-table-cell{display:flex;align-items:center;min-width:0}.lead-cell-name{display:flex;align-items:center;gap:.75rem}.lead-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#9ca3af;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0;box-shadow:var(--shadow-sm)}.lead-name-info{flex:1;min-width:0}.lead-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-phone,.lead-email,.lead-product{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);min-width:0}.lead-phone svg,.lead-email svg,.lead-product svg{width:12px;height:12px;color:var(--text-tertiary);flex-shrink:0}.lead-phone span,.lead-email span,.lead-product span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-status{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;width:fit-content;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-xs)}.lead-status-pendente{background:linear-gradient(135deg,#f59e0b26,#f59e0b40);color:var(--warning-color)}.lead-status-abandonada{background:linear-gradient(135deg,#ef444426,#ef444440);color:var(--notification-color)}.lead-status-pago{background:linear-gradient(135deg,#10b98126,#10b98140);color:var(--success-color)}.lead-contact-status{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:500;padding:.25rem .5rem;border-radius:.375rem;width:fit-content;box-shadow:var(--shadow-xs)}.lead-contact-status.contactado{background:linear-gradient(135deg,#10b98126,#10b98140);color:var(--success-color)}.lead-contact-status.nao-contactado{background:linear-gradient(135deg,#94a3b826,#94a3b840);color:var(--text-tertiary)}.lead-contact-status svg{width:12px;height:12px}.lead-actions{display:flex;gap:.5rem}.lead-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fff;box-shadow:var(--shadow-md)}.lead-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.lead-action-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lead-email-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.lead-email-btn:not(:disabled):hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.lead-whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c4a)}.lead-whatsapp-btn:not(:disabled):hover{background:linear-gradient(135deg,#128c4a,#0d6839)}.lead-pagination{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}@media (max-width: 768px){.lead-pagination{flex-direction:column;gap:1rem}.lead-pagination-nav,.lead-pagination-pages{width:100%;justify-content:center}}.lead-pagination-nav{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.lead-pagination-nav:hover:not(:disabled){color:var(--accent-color);background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.lead-pagination-nav:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lead-pagination-pages{display:flex;align-items:center;gap:.375rem}.lead-pagination-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:none;border-radius:6px;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.lead-pagination-btn:hover:not(.lead-pagination-active){border-color:var(--text-tertiary);background:var(--bg-secondary)}.lead-pagination-active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.lead-pagination-dots{color:var(--text-tertiary);font-size:.75rem;padding:0 .25rem}.lead-page-info{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-secondary);text-align:center;background:var(--bg-secondary)}@media (max-width: 1024px){.lead-table-container{overflow-x:auto}.lead-table{min-width:900px}}@media (max-width: 768px){.lead-recovery-page{padding:1rem}.lead-filters-row{flex-direction:column;align-items:stretch}.lead-custom-dropdown,.lead-clear-filters,.lead-export-btn,.lead-export-options{width:100%}.lead-export-btn{min-width:100%;justify-content:center}}.dark-mode .lead-stat-card{background:var(--bg-secondary)}.dark-mode .lead-stat-card-active{background:var(--bg-tertiary);box-shadow:var(--shadow-xl)}.dark-mode .lead-tabs-buttons{background:var(--bg-secondary)}.dark-mode .lead-tab-button:hover{background:var(--bg-tertiary)}.dark-mode .lead-search-container{background:var(--bg-secondary)}.dark-mode .lead-search-hint kbd{background:var(--bg-tertiary);color:var(--text-secondary)}.dark-mode .lead-close-search:hover{background:var(--border-color)}.dark-mode .lead-table-container{background:var(--bg-secondary)}.dark-mode .lead-table-header{background:linear-gradient(135deg,var(--bg-tertiary),#334155)}.dark-mode .lead-table-row:hover{background:var(--bg-tertiary)}.dark-mode .lead-pagination{background:linear-gradient(135deg,var(--bg-tertiary),#334155)}.dark-mode .lead-pagination-nav{background:var(--bg-secondary)}.dark-mode .lead-pagination-nav:hover:not(:disabled){background:var(--bg-tertiary)}.dark-mode .lead-pagination-btn:hover:not(.lead-pagination-active){background:var(--bg-tertiary)}.ferramentas-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.ferramentas-tab-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--notification-color, #ef4444),#dc2626);color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.lead-search-container *{position:relative;z-index:11}.lead-close-search{z-index:12!important}.lead-dropdown-menu::-webkit-scrollbar{width:4px}.lead-dropdown-menu::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.lead-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.lead-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.thankyou-page{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-primary);position:relative}.thankyou-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;border-bottom:none}.thankyou-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm);border:none}.thankyou-back-btn:hover{background:var(--accent-color);color:#fff;transform:translate(-2px);box-shadow:var(--shadow-md)}.thankyou-title-container{display:flex;align-items:center;gap:12px;flex:1}.thankyou-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0;box-shadow:var(--shadow-md)}.thankyou-main-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.thankyou-subtitle{font-size:13px;color:var(--text-tertiary);margin:2px 0 0;font-weight:400}.thankyou-add-btn{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-md)}.thankyou-add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.thankyou-content-area{padding:0}.thankyou-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.thankyou-section-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.thankyou-section-count{font-size:13px;font-weight:500;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 10px;border-radius:12px;border:none;box-shadow:var(--shadow-sm)}.thankyou-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md)}.thankyou-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:thankyou-spin 1s linear infinite;margin-bottom:12px}.thankyou-loading-text{font-size:13px;color:var(--text-tertiary);margin:0;font-weight:400}.thankyou-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;text-align:center;gap:12px;box-shadow:var(--shadow-md)}.thankyou-error svg{color:#ef4444}.thankyou-error-text{font-size:14px;color:var(--text-secondary);margin:0}.thankyou-retry-btn{padding:8px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.thankyou-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.thankyou-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;text-align:center;box-shadow:var(--shadow-md)}.thankyou-empty-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:1px solid rgba(59,130,246,.3);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.thankyou-empty-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.thankyou-empty-desc{font-size:13px;color:var(--text-tertiary);max-width:320px;margin:0 0 20px;line-height:1.4;font-weight:400}.thankyou-empty-action{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.thankyou-empty-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.thankyou-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.thankyou-item{background:var(--bg-secondary);border:none;border-radius:12px;padding:16px;transition:all .2s ease;position:relative;box-shadow:var(--shadow-md)}.thankyou-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.thankyou-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.thankyou-item-icon{width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.thankyou-item-actions{display:flex;gap:6px}.thankyou-action-btn{width:28px;height:28px;background:var(--bg-primary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease;box-shadow:var(--shadow-sm)}.thankyou-action-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.thankyou-copy-btn:hover{color:var(--accent-color);background:#3b82f626}.thankyou-delete-btn:hover{color:#ef4444;background:#ef444426}.thankyou-item-body{display:flex;flex-direction:column;gap:12px}.thankyou-link-info{margin-bottom:4px}.thankyou-link-url{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--accent-color);text-decoration:none;font-weight:500;padding:8px 0;transition:all .2s ease;word-break:break-all}.thankyou-link-url:hover{text-decoration:underline}.thankyou-link-url svg{flex-shrink:0}.thankyou-item-meta{display:flex;align-items:center;gap:8px;min-height:20px}.thankyou-meta-label{font-size:11px;font-weight:500;color:var(--text-tertiary);min-width:50px;flex-shrink:0}.thankyou-meta-value{font-size:12px;color:var(--text-secondary);flex:1;font-weight:400}.thankyou-product-icon-svg{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.thankyou-item-icon .thankyou-product-icon-svg{width:24px;height:24px}.thankyou-product-icon-svg svg{width:100%;height:100%}.thankyou-product-img{width:100%;height:100%;object-fit:cover}.thankyou-custom-dropdown{position:relative;width:100%;margin-top:4px}.thankyou-dropdown-disabled{opacity:.5;cursor:not-allowed}.thankyou-dropdown-trigger{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-primary);font-size:13px;transition:all .2s ease}.thankyou-dropdown-trigger:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.thankyou-dropdown-selected{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.thankyou-option-image{width:24px;height:24px;border-radius:4px;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.thankyou-dropdown-selected .thankyou-product-icon-svg{width:24px;height:24px;flex-shrink:0}.thankyou-option-label{flex:1;text-align:left;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thankyou-dropdown-icon{color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0}.thankyou-dropdown-rotate{transform:rotate(180deg)}.thankyou-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-xl);max-height:240px;overflow-y:auto;z-index:100}.thankyou-dropdown-item{width:100%;padding:10px 12px;background:var(--bg-primary);border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;color:var(--text-primary);font-size:13px;display:flex;align-items:center;gap:10px;transition:all .15s ease}.thankyou-dropdown-item:last-child{border-bottom:none}.thankyou-dropdown-item:hover{background:var(--bg-tertiary)}.thankyou-dropdown-selected{color:var(--accent-color)}.thankyou-dropdown-item .thankyou-product-icon-svg{width:24px;height:24px;flex-shrink:0}.thankyou-option-content{flex:1;display:flex;flex-direction:column;gap:2px}.thankyou-option-text{font-weight:500;color:var(--text-primary);text-align:left}.thankyou-dropdown-selected .thankyou-option-text{color:var(--accent-color)}.thankyou-option-description{font-size:11px;color:var(--text-tertiary);text-align:left}.thankyou-check-icon{color:var(--accent-color);opacity:0;flex-shrink:0}.thankyou-dropdown-selected .thankyou-check-icon{opacity:1}.thankyou-create-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.thankyou-create-drawer-open{transform:translate(0)}.thankyou-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.thankyou-drawer-content{position:absolute;top:0;right:0;bottom:0;width:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:1000;box-shadow:var(--shadow-2xl);border-radius:16px 0 0 16px}.thankyou-drawer-header{padding:20px;display:flex;align-items:center;flex-shrink:0}.thankyou-drawer-header-left{display:flex;align-items:center;gap:12px;flex:1}.thankyou-drawer-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.thankyou-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.thankyou-drawer-title{font-size:17px;font-weight:500;color:var(--text-primary);margin:0}.thankyou-drawer-form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.thankyou-form-section{display:flex;flex-direction:column;gap:6px}.thankyou-form-label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column;gap:6px}.thankyou-form-input{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);transition:all .2s ease;font-family:inherit;font-weight:400}.thankyou-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.thankyou-input-error{border-color:#ef4444}.thankyou-error-msg{font-size:12px;color:#ef4444;margin-top:2px;font-weight:400}.thankyou-form-hint{font-size:11px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.3;font-weight:400}.thankyou-form-error{display:flex;align-items:center;gap:6px;padding:10px;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;font-size:12px;font-weight:500;box-shadow:var(--shadow-sm)}.thankyou-form-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#3b82f61a;border:none;border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.4;font-weight:400;box-shadow:var(--shadow-sm)}.thankyou-form-info svg{color:var(--accent-color);flex-shrink:0;margin-top:1px}.thankyou-drawer-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}.thankyou-cancel-btn{flex:1;padding:10px 16px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.thankyou-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.thankyou-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.thankyou-submit-btn{flex:1;padding:10px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-md)}.thankyou-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.thankyou-submit-btn:disabled{opacity:.7;cursor:not-allowed}.thankyou-submit-spinner{animation:thankyou-spin 1s linear infinite}.thankyou-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.thankyou-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1101;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.thankyou-modal-content{position:relative;background:var(--bg-primary);border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:var(--shadow-2xl);z-index:1102;animation:thankyou-modal-appear .2s ease}@keyframes thankyou-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.thankyou-modal-header{padding:24px 24px 16px;display:flex;align-items:center}.thankyou-modal-title-container{display:flex;align-items:center;gap:12px;flex:1}.thankyou-modal-icon{color:#ef4444}.thankyou-modal-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.thankyou-modal-body{padding:0 24px 24px;color:var(--text-secondary)}.thankyou-modal-text{font-size:14px;margin:0 0 8px;line-height:1.4;font-weight:400}.thankyou-modal-warning{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.3;font-weight:400}.thankyou-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;animation:thankyou-success-appear .3s ease}@keyframes thankyou-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.thankyou-modal-success-icon{color:#10b981;animation:thankyou-success-icon .5s ease}@keyframes thankyou-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.thankyou-modal-success-text{font-size:14px;color:#10b981;margin:0;font-weight:500}.thankyou-modal-actions{padding:20px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.thankyou-modal-cancel{padding:8px 20px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center;box-shadow:var(--shadow-sm)}.thankyou-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.thankyou-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.thankyou-modal-confirm{padding:8px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.thankyou-modal-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.thankyou-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.thankyou-modal-confirm-processing{background:#ef4444!important;color:transparent!important}.thankyou-modal-confirm-processing:hover{background:#ef4444!important;transform:none!important;box-shadow:var(--shadow-md)!important}.thankyou-modal-spinner{position:absolute;animation:thankyou-spin 1s linear infinite;color:#fff}@keyframes thankyou-spin{to{transform:rotate(360deg)}}body.thankyou-modal-open{overflow:hidden}@media (max-width: 768px){.thankyou-modal-content{max-width:90%}.thankyou-modal-header{padding:20px 20px 16px}.thankyou-modal-body{padding:0 20px 20px}.thankyou-modal-actions{padding:16px 20px 20px;flex-direction:column}.thankyou-modal-cancel,.thankyou-modal-confirm{width:100%;min-width:auto}}@media (max-width: 480px){.thankyou-modal-header{padding:16px 16px 12px}.thankyou-modal-body{padding:0 16px 16px}.thankyou-modal-actions{padding:12px 16px 16px}}.memberarea-page{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--bg-primary);position:relative}.memberarea-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;border-bottom:none}.memberarea-back-btn{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.memberarea-back-btn:hover{background:var(--accent-color);color:#fff;transform:translate(-2px);box-shadow:var(--shadow-md)}.memberarea-title-container{display:flex;align-items:center;gap:12px;flex:1}.memberarea-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0;box-shadow:var(--shadow-md)}.memberarea-main-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.memberarea-subtitle{font-size:13px;color:var(--text-tertiary);margin:2px 0 0;font-weight:400}.memberarea-add-btn{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-md)}.memberarea-add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.memberarea-content-area{padding:0}.memberarea-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.memberarea-section-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.memberarea-section-count{font-size:13px;font-weight:500;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 10px;border-radius:12px;border:none;box-shadow:var(--shadow-sm)}.memberarea-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md)}.memberarea-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:memberarea-spin 1s linear infinite;margin-bottom:12px}.memberarea-loading-text{font-size:13px;color:var(--text-tertiary);margin:0;font-weight:400}@keyframes memberarea-spin{to{transform:rotate(360deg)}}.memberarea-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;text-align:center;gap:12px;box-shadow:var(--shadow-md)}.memberarea-error svg{color:#ef4444}.memberarea-error-text{font-size:14px;color:var(--text-secondary);margin:0}.memberarea-retry-btn{padding:8px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.memberarea-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.memberarea-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;text-align:center;box-shadow:var(--shadow-md)}.memberarea-empty-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:1px solid rgba(59,130,246,.3);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.memberarea-empty-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.memberarea-empty-desc{font-size:13px;color:var(--text-tertiary);max-width:320px;margin:0 0 20px;line-height:1.4;font-weight:400}.memberarea-empty-action{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.memberarea-empty-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.memberarea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.memberarea-item{background:var(--bg-secondary);border:none;border-radius:12px;padding:16px;transition:all .2s ease;position:relative;box-shadow:var(--shadow-md)}.memberarea-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.memberarea-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.memberarea-item-icon{width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.memberarea-item-actions{display:flex;gap:6px}.memberarea-action-btn{width:28px;height:28px;background:var(--bg-primary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease;box-shadow:var(--shadow-sm)}.memberarea-action-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.memberarea-settings-btn:hover{color:var(--accent-color);background:#3b82f626}.memberarea-delete-btn:hover{color:#ef4444;background:#ef444426}.memberarea-item-body{display:flex;flex-direction:column;gap:12px}.memberarea-item-title{margin-bottom:4px}.memberarea-area-name{font-size:15px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.memberarea-item-meta{display:flex;align-items:center;gap:8px;min-height:20px}.memberarea-meta-label{font-size:11px;font-weight:500;color:var(--text-tertiary);min-width:50px;flex-shrink:0}.memberarea-meta-value{font-size:12px;color:var(--text-secondary);flex:1;font-weight:400;word-break:break-word}.memberarea-item-info{margin-top:4px}.memberarea-info-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#3b82f626;border:none;border-radius:12px;color:var(--accent-color);font-size:11px;font-weight:500;box-shadow:var(--shadow-sm)}.memberarea-info-dot{width:6px;height:6px;background:var(--accent-color);border-radius:50%}.memberarea-product-icon-svg{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.memberarea-item-icon .memberarea-product-icon-svg{width:24px;height:24px}.memberarea-product-icon-svg svg{width:100%;height:100%}.memberarea-product-img{width:100%;height:100%;object-fit:cover}.memberarea-custom-dropdown{position:relative;width:100%;margin-top:4px}.memberarea-dropdown-disabled{opacity:.5;cursor:not-allowed}.memberarea-dropdown-trigger{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-primary);font-size:13px;transition:all .2s ease}.memberarea-dropdown-trigger:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.memberarea-dropdown-selected{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.memberarea-option-image{width:24px;height:24px;border-radius:4px;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.memberarea-dropdown-selected .memberarea-product-icon-svg{width:24px;height:24px;flex-shrink:0}.memberarea-option-label{flex:1;text-align:left;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memberarea-dropdown-icon{color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0}.memberarea-dropdown-rotate{transform:rotate(180deg)}.memberarea-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-xl);max-height:240px;overflow-y:auto;z-index:100}.memberarea-dropdown-item{width:100%;padding:10px 12px;background:var(--bg-primary);border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;color:var(--text-primary);font-size:13px;display:flex;align-items:center;gap:10px;transition:all .15s ease}.memberarea-dropdown-item:last-child{border-bottom:none}.memberarea-dropdown-item:hover{background:var(--bg-tertiary)}.memberarea-dropdown-selected{color:var(--accent-color)}.memberarea-dropdown-item .memberarea-product-icon-svg{width:24px;height:24px;flex-shrink:0}.memberarea-option-content{flex:1;display:flex;flex-direction:column;gap:2px}.memberarea-option-text{font-weight:500;color:var(--text-primary);text-align:left}.memberarea-dropdown-selected .memberarea-option-text{color:var(--accent-color)}.memberarea-option-description{font-size:11px;color:var(--text-tertiary);text-align:left}.memberarea-check-icon{color:var(--accent-color);opacity:0;flex-shrink:0}.memberarea-dropdown-selected .memberarea-check-icon{opacity:1}.memberarea-type-selector{display:flex;gap:8px;margin-top:4px}.memberarea-type-btn{flex:1;padding:12px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:500;transition:all .2s ease;text-align:center;box-shadow:var(--shadow-sm)}.memberarea-type-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.memberarea-type-btn:disabled{opacity:.5;cursor:not-allowed}.memberarea-type-selected{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-md)}.memberarea-type-disabled{opacity:.6;cursor:not-allowed!important}.memberarea-type-badge{padding:2px 6px;background:var(--bg-tertiary);border-radius:10px;font-size:10px;font-weight:500;color:var(--text-tertiary);margin-top:2px}.memberarea-type-selected .memberarea-type-badge{background:#3b82f633;color:var(--accent-color)}.memberarea-create-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.memberarea-create-drawer-open{transform:translate(0)}.memberarea-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.memberarea-drawer-content{position:absolute;top:0;right:0;bottom:0;width:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:1000;box-shadow:var(--shadow-2xl);border-radius:16px 0 0 16px}.memberarea-drawer-header{padding:20px;display:flex;align-items:center;flex-shrink:0}.memberarea-drawer-header-left{display:flex;align-items:center;gap:12px;flex:1}.memberarea-drawer-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.memberarea-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.memberarea-drawer-title{font-size:17px;font-weight:500;color:var(--text-primary);margin:0}.memberarea-drawer-form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.memberarea-form-section{display:flex;flex-direction:column;gap:6px}.memberarea-form-label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column;gap:6px}.memberarea-form-input{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);transition:all .2s ease;font-family:inherit;font-weight:400}.memberarea-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.memberarea-input-error{border-color:#ef4444}.memberarea-error-msg{font-size:12px;color:#ef4444;margin-top:2px;font-weight:400}.memberarea-form-hint{font-size:11px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.3;font-weight:400}.memberarea-form-error{display:flex;align-items:center;gap:6px;padding:10px;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;font-size:12px;font-weight:500;box-shadow:var(--shadow-sm)}.memberarea-form-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#3b82f61a;border:none;border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.4;font-weight:400;box-shadow:var(--shadow-sm)}.memberarea-form-info svg{color:var(--accent-color);flex-shrink:0;margin-top:1px}.memberarea-form-info code{background:#0000001a;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:11px}.memberarea-drawer-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}.memberarea-cancel-btn{flex:1;padding:10px 16px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.memberarea-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.memberarea-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.memberarea-submit-btn{flex:1;padding:10px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-md)}.memberarea-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.memberarea-submit-btn:disabled{opacity:.7;cursor:not-allowed}.memberarea-submit-spinner{animation:memberarea-spin 1s linear infinite}.memberarea-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.memberarea-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1101;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.memberarea-modal-content{position:relative;background:var(--bg-primary);border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:var(--shadow-2xl);z-index:1102;animation:memberarea-modal-appear .2s ease}@keyframes memberarea-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.memberarea-modal-header{padding:24px 24px 16px;display:flex;align-items:center}.memberarea-modal-title-container{display:flex;align-items:center;gap:12px;flex:1}.memberarea-modal-icon{color:#ef4444}.memberarea-modal-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.memberarea-modal-body{padding:0 24px 24px;color:var(--text-secondary)}.memberarea-modal-text{font-size:14px;margin:0 0 8px;line-height:1.4;font-weight:400}.memberarea-modal-warning{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.3;font-weight:400}.memberarea-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;animation:memberarea-success-appear .3s ease}@keyframes memberarea-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.memberarea-modal-success-icon{color:#10b981;animation:memberarea-success-icon .5s ease}@keyframes memberarea-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.memberarea-modal-success-text{font-size:14px;color:#10b981;margin:0;font-weight:500}.memberarea-modal-actions{padding:20px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.memberarea-modal-cancel{padding:8px 20px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center;box-shadow:var(--shadow-sm)}.memberarea-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.memberarea-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.memberarea-modal-confirm{padding:8px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.memberarea-modal-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.memberarea-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.memberarea-modal-confirm-processing{background:#ef4444!important;color:transparent!important}.memberarea-modal-confirm-processing:hover{background:#ef4444!important;transform:none!important;box-shadow:var(--shadow-md)!important}.memberarea-modal-spinner{position:absolute;animation:memberarea-spin 1s linear infinite;color:#fff}body.memberarea-modal-open{overflow:hidden}@media (max-width: 768px){.memberarea-page{padding:16px}.memberarea-header{gap:10px;margin-bottom:24px}.memberarea-title-icon{width:36px;height:36px}.memberarea-main-title{font-size:18px}.memberarea-grid{grid-template-columns:1fr;gap:12px}.memberarea-type-selector{flex-direction:column}.memberarea-create-drawer{max-width:100%}.memberarea-drawer-actions{flex-direction:column}.memberarea-modal-content{max-width:90%}.memberarea-modal-header{padding:20px 20px 16px}.memberarea-modal-body{padding:0 20px 20px}.memberarea-modal-actions{padding:16px 20px 20px;flex-direction:column}.memberarea-modal-cancel,.memberarea-modal-confirm{width:100%;min-width:auto}}@media (max-width: 480px){.memberarea-drawer-header,.memberarea-drawer-form{padding:16px}.memberarea-modal-header{padding:16px 16px 12px}.memberarea-modal-body{padding:0 16px 16px}.memberarea-modal-actions{padding:12px 16px 16px}}.funil-vendas-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--bg-primary);position:relative}.funil-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:none}.funil-back-btn{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.funil-back-btn:hover{background:var(--accent-color);color:#fff;transform:translate(-2px);box-shadow:var(--shadow-md)}.funil-title-container{display:flex;align-items:center;gap:12px;flex:1}.funil-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf626,#8b5cf640);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0;box-shadow:var(--shadow-md)}.funil-main-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.funil-subtitle{font-size:13px;color:var(--text-tertiary);margin:2px 0 0;font-weight:400}.funil-add-btn{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-md)}.funil-add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.funil-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.funil-stat-card{background:var(--bg-secondary);border:none;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:var(--shadow-md)}.funil-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.funil-stat-content{display:flex;flex-direction:column;align-items:center;text-align:center}.funil-stat-value{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.funil-stat-label{font-size:12px;color:var(--text-tertiary);font-weight:500}.funil-validation-alert{background:#ef44441a;border:none;border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:flex-start;gap:12px;animation:funil-fadeIn .3s ease;box-shadow:var(--shadow-md)}@keyframes funil-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.funil-alert-content{flex:1;display:flex;align-items:flex-start;gap:8px}.funil-alert-icon{color:var(--notification-color);flex-shrink:0;margin-top:2px}.funil-alert-text{flex:1}.funil-alert-title{display:block;font-size:13px;font-weight:600;color:var(--notification-color);margin-bottom:4px}.funil-alert-description{font-size:12px;color:var(--text-secondary);margin-bottom:8px;line-height:1.4}.funil-alert-hint{font-size:11px;color:var(--text-tertiary);margin-bottom:6px;font-weight:500}.funil-alert-list{margin:4px 0 8px 16px;padding:0}.funil-alert-list li{font-size:11px;color:var(--text-tertiary);margin-bottom:2px;line-height:1.3}.funil-alert-actions{margin-top:8px}.funil-alert-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#8b5cf626;border:none;border-radius:6px;color:#8b5cf6;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.funil-alert-action-btn:hover{background:#8b5cf640;transform:translateY(-1px);box-shadow:var(--shadow-md)}.funil-alert-close{width:24px;height:24px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.funil-alert-close:hover{background:#0000000d;color:var(--text-secondary)}.funil-filters-tabs{margin-bottom:24px}.funil-tabs-container{position:relative}.funil-tabs-buttons{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:none;border-radius:15px;padding:.25rem;transition:all .2s ease;box-shadow:var(--shadow-md)}.funil-tabs-buttons:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--shadow-lg)}.funil-tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:28px;padding:0 12px;border:none;background:transparent;border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;font-size:.75rem;font-weight:500}.funil-tab-button:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.funil-tab-active{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-sm)}.funil-has-filters{background:#0ea5e926;color:#0ea5e9;box-shadow:var(--shadow-sm)}.funil-tab-badge{position:absolute;top:-4px;right:-4px;background:var(--notification-color);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--shadow-sm)}@keyframes funil-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.funil-spin{animation:funil-spin 1s linear infinite}.funil-search-expand{display:inline-block;margin-left:.5rem;vertical-align:middle;animation:funil-slideRight .3s ease}@keyframes funil-slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.funil-search-container{position:relative;display:flex;align-items:center;background:var(--bg-primary);border:none;border-radius:15px;padding:.25rem;transition:all .2s ease;width:300px;box-shadow:var(--shadow-md)}.funil-search-container:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--shadow-lg)}.funil-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.funil-search-input{width:100%;padding:.25rem 2.5rem .25rem 2rem;border:none;background:transparent;color:var(--text-primary);outline:none;font-size:.875rem;height:28px}.funil-search-input::placeholder{color:var(--text-tertiary);font-size:.75rem}.funil-search-hint{position:absolute;right:30px;display:flex;align-items:center;gap:2px;opacity:.5}.funil-search-hint kbd{background:var(--bg-secondary);border:none;border-radius:4px;padding:1px 4px;font-size:9px;font-family:Inter,-apple-system,sans-serif;color:var(--text-secondary);font-weight:500;box-shadow:var(--shadow-sm)}.funil-search-hint span{color:var(--text-tertiary);font-size:9px;margin:0 1px}.funil-close-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s ease}.funil-close-search:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.funil-filters-panel{margin-top:.75rem;animation:funil-slideDown .2s ease}@keyframes funil-slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.funil-filters-row{display:flex;align-items:center;gap:.75rem}.funil-filter-item{min-width:140px}.funil-custom-dropdown{position:relative;min-width:140px;z-index:100}.funil-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .75rem;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;box-sizing:border-box}.funil-dropdown-trigger:hover{background-color:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.funil-dropdown-trigger:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a,var(--shadow-lg)}.funil-dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.funil-dropdown-placeholder{color:var(--text-tertiary)}.funil-dropdown-icon{width:12px;height:12px;transition:transform .2s ease;color:var(--text-tertiary);flex-shrink:0}.funil-dropdown-rotate{transform:rotate(180deg)}.funil-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-xl);z-index:1000;max-height:200px;overflow-y:auto;animation:funil-scaleIn .15s ease-out}@keyframes funil-scaleIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.funil-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.funil-dropdown-item:hover{background:var(--bg-secondary)}.funil-dropdown-selected{color:var(--accent-color);font-weight:500}.funil-option-with-color{display:flex;align-items:center;gap:.5rem;flex:1}.funil-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.funil-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.funil-check-icon{width:12px;height:12px;color:var(--accent-color);opacity:1}.funil-clear-filters{padding:.35rem .75rem;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;min-width:110px;box-shadow:var(--shadow-sm)}.funil-clear-filters:hover:not(:disabled){background:#ef444426;color:var(--notification-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.funil-clear-filters:disabled{opacity:.5;cursor:not-allowed}.funil-content-area{padding:0}.funil-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;min-height:400px;box-shadow:var(--shadow-md)}.funil-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:funil-spin 1s linear infinite;margin-bottom:12px}.funil-loading-text{font-size:13px;color:var(--text-tertiary);margin:0;font-weight:400}.funil-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;text-align:center;min-height:400px;box-shadow:var(--shadow-md)}.funil-empty-icon{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf626,#8b5cf640);border:1px solid rgba(139,92,246,.3);color:#8b5cf6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.funil-empty-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.funil-empty-desc{font-size:13px;color:var(--text-tertiary);max-width:320px;margin:0 0 20px;line-height:1.4;font-weight:400}.funil-empty-action{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.funil-empty-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.funil-table-container{position:relative;background:var(--bg-primary);border:none;border-radius:12px;overflow-x:auto;z-index:1;box-shadow:var(--shadow-md)}.funil-table{width:100%;border-collapse:collapse;min-width:1000px}.funil-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.funil-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.funil-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.funil-table tbody tr:hover{background:var(--bg-secondary)}.funil-table td{padding:16px 20px;vertical-align:middle;position:relative}.funil-name-cell{display:flex;flex-direction:column;gap:4px}.funil-name-text{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.funil-id-text{font-size:11px;color:var(--text-tertiary);font-weight:400}.funil-product-cell{display:flex;align-items:center}.funil-product-info-container{display:flex;align-items:center;gap:8px}.funil-product-img{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.funil-product-icon{color:var(--accent-color);flex-shrink:0}.funil-product-name{font-size:13px;font-weight:500;color:var(--text-primary)}.funil-status-cell{display:flex;align-items:center}.funil-status-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;min-width:100px;box-shadow:var(--shadow-sm)}.funil-status-toggle:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.funil-status-toggle:disabled{opacity:.6;cursor:not-allowed}.funil-status-active{background:#10b98126;box-shadow:var(--shadow-md)}.funil-toggle-slider{width:36px;height:20px;background:var(--border-color);border-radius:10px;position:relative;transition:background .3s ease}.funil-status-active .funil-toggle-slider{background:var(--success-color)}.funil-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:var(--shadow-md)}.funil-status-active .funil-toggle-knob{transform:translate(16px)}.funil-status-label{font-size:12px;font-weight:500;color:var(--text-secondary);min-width:50px;text-align:center}.funil-status-active .funil-status-label{color:var(--success-color)}.funil-status-spinner{animation:funil-spin 1s linear infinite}.funil-date-cell{font-size:13px;color:var(--text-secondary);font-weight:400}.funil-actions-cell{display:flex;gap:6px;position:relative;z-index:100}.funil-action-btn{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease;box-shadow:var(--shadow-sm)}.funil-action-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.funil-more-btn:hover{color:var(--accent-color);background:#3b82f626}.funil-more-options-floating{position:fixed!important;z-index:9999!important}.funil-more-options-content{background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-2xl);min-width:180px;animation:funil-fadeIn .15s ease-out;overflow:visible}.funil-more-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease;white-space:nowrap}.funil-more-option:hover{background:var(--bg-tertiary);transform:translate(2px)}.funil-more-options-divider{height:1px;background:var(--border-color);margin:4px 0}.funil-more-option-danger{color:var(--notification-color)}.funil-more-option-danger:hover{background:#ef444426!important}.funil-create-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;z-index:1100;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.funil-create-drawer-open{transform:translate(0)}.funil-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1099}.funil-drawer-content{position:absolute;top:0;right:0;bottom:0;width:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:1100;box-shadow:var(--shadow-2xl);border-radius:16px 0 0 16px}.funil-drawer-header{padding:20px;display:flex;align-items:center;flex-shrink:0}.funil-drawer-header-left{display:flex;align-items:center;gap:12px;flex:1}.funil-drawer-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.funil-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.funil-drawer-title{font-size:17px;font-weight:500;color:var(--text-primary);margin:0}.funil-drawer-form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.funil-form-section{display:flex;flex-direction:column;gap:6px}.funil-form-label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column;gap:6px}.funil-form-input{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);transition:all .2s ease;font-family:inherit;font-weight:400}.funil-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.funil-input-error{border-color:var(--notification-color)!important}.funil-error-msg{font-size:12px;color:var(--notification-color);margin-top:2px;font-weight:400}.funil-form-hint{font-size:11px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.3;font-weight:400}.funil-form-error{display:flex;align-items:center;gap:6px;padding:10px;background:#ef44441a;border:none;border-radius:6px;color:var(--notification-color);font-size:12px;font-weight:500;box-shadow:var(--shadow-sm)}.funil-form-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#3b82f61a;border:none;border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.4;font-weight:400;box-shadow:var(--shadow-sm)}.funil-drawer-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}.funil-cancel-btn{flex:1;padding:10px 16px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.funil-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.funil-submit-btn{flex:1;padding:10px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-md)}.funil-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.funil-submit-spinner{animation:funil-spin 1s linear infinite}.funil-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.funil-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1201}.funil-modal-content{position:relative;background:var(--bg-primary);border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:var(--shadow-2xl);z-index:1202;animation:funil-modal-appear .2s ease}@keyframes funil-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.funil-modal-header{padding:24px 24px 16px;display:flex;align-items:center}.funil-modal-title-container{display:flex;align-items:center;gap:12px;flex:1}.funil-modal-icon{color:var(--notification-color)}.funil-modal-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.funil-modal-body{padding:0 24px 24px;color:var(--text-secondary)}.funil-modal-text{font-size:14px;margin:0 0 8px;line-height:1.4;font-weight:400}.funil-modal-text strong{font-weight:600;color:var(--text-primary)}.funil-modal-warning{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.3;font-weight:400}.funil-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;animation:funil-success-appear .3s ease}@keyframes funil-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.funil-modal-success-icon{color:var(--success-color);animation:funil-success-icon .5s ease}@keyframes funil-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.funil-modal-success-text{font-size:14px;color:var(--success-color);margin:0;font-weight:500}.funil-modal-actions{padding:2px 24px 4px;display:flex;justify-content:flex-end;gap:12px}.funil-modal-cancel{padding:8px 20px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center;box-shadow:var(--shadow-sm)}.funil-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.funil-modal-confirm{padding:8px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.funil-modal-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.funil-modal-confirm-processing{color:transparent!important}.funil-modal-confirm-processing:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.funil-modal-spinner{position:absolute;animation:funil-spin 1s linear infinite;color:#fff}.funil-selected-produto{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.funil-produto-image{width:20px;height:20px;border-radius:4px;object-fit:cover;flex-shrink:0}.funil-produto-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.funil-produto-icon svg{width:16px;height:16px}.funil-produto-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.funil-produto-nome{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funil-produto-preco{font-size:11px;color:var(--text-tertiary);font-weight:400}.funil-produto-dropdown{min-width:280px;max-width:320px}.funil-produto-item{display:flex;align-items:center;gap:8px;padding:8px 12px!important}.funil-produto-option-image{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.funil-produto-option-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.funil-produto-option-icon svg{width:14px;height:14px}.funil-produto-option-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.funil-produto-option-nome{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funil-produto-option-preco{font-size:11px;color:var(--text-tertiary);font-weight:400}.funil-custom-dropdown.funil-dropdown-open .funil-dropdown-menu{display:block!important;opacity:1!important;visibility:visible!important}.funil-custom-dropdown:not(.funil-dropdown-open) .funil-dropdown-menu{display:none!important;opacity:0!important;visibility:hidden!important}@media (max-width: 768px){.funil-vendas-page{padding:16px}.funil-header{gap:10px;margin-bottom:20px}.funil-title-icon{width:36px;height:36px}.funil-main-title{font-size:18px}.funil-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.funil-stat-card{padding:12px}.funil-stat-value{font-size:20px}.funil-tabs-buttons{width:100%;justify-content:center}.funil-search-expand{display:block;margin-left:0;margin-top:.5rem;width:100%}.funil-search-container{width:100%}.funil-filters-row{flex-direction:column;align-items:stretch}.funil-filter-item,.funil-clear-filters{width:100%}.funil-table{min-width:auto}.funil-table th,.funil-table td{padding:12px 16px}.funil-actions-cell{flex-wrap:wrap}.funil-create-drawer{max-width:100%}.funil-drawer-content{border-radius:0}.funil-drawer-actions{flex-direction:column}.funil-modal-content{max-width:90%}.funil-modal-header{padding:20px 20px 16px}.funil-modal-body{padding:0 20px 20px}.funil-modal-actions{padding:16px 20px 20px;flex-direction:column}.funil-modal-cancel,.funil-modal-confirm{width:100%;min-width:auto}.funil-produto-dropdown{min-width:250px;max-width:280px}.funil-produto-nome{font-size:12px}.funil-produto-preco{font-size:10px}}@media (max-width: 480px){.funil-stats-grid{grid-template-columns:1fr}.funil-drawer-header,.funil-drawer-form{padding:16px}.funil-modal-header{padding:16px 16px 12px}.funil-modal-body{padding:0 16px 16px}.funil-modal-actions{padding:12px 16px 16px}.funil-table th,.funil-table td{padding:10px 12px;font-size:12px}.funil-name-text{font-size:13px}}.dark-mode .funil-tabs-buttons{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .funil-tab-button:hover{background:#ffffff0d}.dark-mode .funil-search-container{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .funil-search-hint kbd{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .funil-dropdown-trigger{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .funil-dropdown-menu{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 6px -1px #0000004d}.dark-mode .funil-more-options-content{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .funil-alert-close:hover{background:#ffffff0d}.funil-notification{position:fixed;top:20px;right:20px;background:var(--bg-primary);border:none;border-radius:8px;padding:12px 16px;display:flex;align-items:flex-start;gap:12px;max-width:400px;box-shadow:var(--shadow-xl);z-index:10000;animation:funil-slideInRight .3s ease}@keyframes funil-slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.funil-notification-success{border-left:3px solid var(--success-color)}.funil-notification-error{border-left:3px solid var(--notification-color)}.funil-notification-icon{flex-shrink:0;margin-top:2px}.funil-notification-success .funil-notification-icon{color:var(--success-color)}.funil-notification-error .funil-notification-icon{color:var(--notification-color)}.funil-notification-content{flex:1;min-width:0}.funil-notification-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.funil-notification-message{font-size:12px;color:var(--text-secondary);line-height:1.4;white-space:pre-line}.funil-notification-close{width:20px;height:20px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.funil-notification-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.funil-analytics-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.funil-analytics-content{padding:0}.funil-analytics-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.funil-analytics-stat-card{background:var(--bg-secondary);border:none;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.funil-analytics-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.funil-analytics-stat-icon{width:32px;height:32px;background:#3b82f626;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.funil-analytics-stat-content{flex:1}.funil-analytics-stat-value{display:block;font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.funil-analytics-stat-label{display:block;font-size:11px;color:var(--text-tertiary);font-weight:500}.funil-analytics-chart-section{margin-bottom:24px}.funil-analytics-chart-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.funil-analytics-chart-container{background:var(--bg-secondary);border:none;border-radius:8px;padding:16px}.funil-analytics-chart-bars{display:flex;height:40px;border-radius:6px;overflow:hidden;margin-bottom:12px}.funil-analytics-chart-bar{height:100%;display:flex;align-items:center;justify-content:center;transition:width .3s ease;position:relative}.funil-analytics-chart-bar-accepted{background:linear-gradient(135deg,#10b981,#059669)}.funil-analytics-chart-bar-rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}.funil-analytics-chart-bar-label{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;padding:0 8px}.funil-analytics-chart-legend{display:flex;gap:16px;justify-content:center}.funil-analytics-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.funil-analytics-chart-legend-color{width:12px;height:12px;border-radius:3px}.funil-analytics-funnel-chart{display:flex;flex-direction:column;gap:12px}.funil-analytics-funnel-step{display:flex;align-items:center;gap:12px}.funil-analytics-funnel-step-bar{flex:1;height:30px;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;position:relative}.funil-analytics-funnel-step-fill{height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;transition:width .3s ease}.funil-analytics-funnel-step-info{display:flex;align-items:center;justify-content:space-between;min-width:120px}.funil-analytics-funnel-step-name{font-size:12px;color:var(--text-secondary);font-weight:500}.funil-analytics-funnel-step-value{font-size:14px;font-weight:600;color:var(--text-primary)}.funil-analytics-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.funil-analytics-etapas-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.funil-analytics-bars-chart{display:flex;flex-direction:column;gap:12px}.funil-analytics-bar-row{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid var(--border-color)}.funil-analytics-bar-row:last-child{border-bottom:none}.funil-analytics-bar-info{min-width:200px}.funil-analytics-bar-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.funil-analytics-bar-order{font-size:13px;font-weight:600;color:var(--text-tertiary);min-width:20px}.funil-analytics-bar-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.funil-analytics-bar-type{font-size:10px;font-weight:500;padding:2px 8px;border-radius:12px;border:1px solid;white-space:nowrap}.funil-analytics-bar-container{flex:1;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;position:relative}.funil-analytics-bar-fill{height:100%;border-radius:12px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;transition:width .3s ease;min-width:40px;position:relative}.funil-analytics-bar-percent{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.funil-analytics-bar-stats{min-width:100px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.funil-analytics-bar-count{font-size:13px;font-weight:600;color:var(--text-primary)}.funil-analytics-bar-label{font-size:11px;color:var(--text-tertiary)}.funil-analytics-bar-empty{font-size:12px;color:var(--text-tertiary);font-style:italic}.funil-analytics-conversion-summary{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.funil-analytics-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.funil-analytics-summary-item{background:var(--bg-tertiary);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center}.funil-analytics-summary-label{font-size:11px;color:var(--text-tertiary);margin-bottom:4px}.funil-analytics-summary-value{font-size:18px;font-weight:600;color:var(--text-primary)}.funil-analytics-color-legend{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.funil-analytics-legend-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.funil-analytics-legend-items{display:flex;flex-wrap:wrap;gap:12px}.funil-analytics-legend-item{display:flex;align-items:center;gap:6px}.funil-analytics-legend-color{width:12px;height:12px;border-radius:3px}.funil-analytics-no-data{text-align:center;padding:40px 20px}.funil-analytics-no-data-icon{font-size:32px;margin-bottom:12px;opacity:.5}.funil-analytics-no-data-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.funil-analytics-no-data-desc{font-size:12px;color:var(--text-tertiary);max-width:300px;margin:0 auto;line-height:1.4}@media (max-width: 768px){.funil-analytics-bar-row{flex-direction:column;align-items:stretch;gap:8px}.funil-analytics-bar-info{min-width:auto}.funil-analytics-bar-stats{min-width:auto;align-items:flex-start;text-align:left}.funil-analytics-summary-grid{grid-template-columns:1fr}.funil-analytics-legend-items{flex-direction:column;gap:8px}}body.light-theme{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--notification-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--primary-purple: #8b5cf6;--primary-purple-hover: #7c3aed;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}body.dark-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #475569;--accent-color: #60a5fa;--accent-hover: #3b82f6;--notification-color: #f87171;--success-color: #34d399;--warning-color: #fbbf24;--primary-purple: #a78bfa;--primary-purple-hover: #8b5cf6}.coproducao-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--bg-primary);position:relative}.coproducao-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:none}.coproducao-back-btn{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.coproducao-back-btn:hover{background:var(--accent-color);color:#fff;transform:translate(-2px);box-shadow:var(--shadow-md)}.coproducao-title-container{display:flex;align-items:center;gap:12px;flex:1}.coproducao-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf626,#8b5cf640);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0;box-shadow:var(--shadow-md)}.coproducao-main-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.coproducao-subtitle{font-size:13px;color:var(--text-tertiary);margin:2px 0 0;font-weight:400}.coproducao-add-btn{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-md)}.coproducao-add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.coproducao-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.coproducao-stat-card{background:var(--bg-secondary);border:none;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:var(--shadow-md)}.coproducao-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.coproducao-stat-content{display:flex;flex-direction:column;align-items:center;text-align:center}.coproducao-stat-value{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.coproducao-stat-label{font-size:12px;color:var(--text-tertiary);font-weight:500}.coproducao-filters-tabs{margin-bottom:24px}.coproducao-tabs-container{position:relative}.coproducao-tabs-buttons{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:none;border-radius:15px;padding:.25rem;transition:all .2s ease;box-shadow:var(--shadow-md)}.coproducao-tabs-buttons:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--shadow-lg)}.coproducao-tab-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:28px;padding:0 12px;border:none;background:transparent;border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;position:relative;font-size:.75rem;font-weight:500}.coproducao-tab-button:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.coproducao-tab-active{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-sm)}.coproducao-has-filters{background:#0ea5e926;color:#0ea5e9;box-shadow:var(--shadow-sm)}.coproducao-tab-badge{position:absolute;top:-4px;right:-4px;background:var(--notification-color);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:var(--shadow-sm)}@keyframes coproducao-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coproducao-spin{animation:coproducao-spin 1s linear infinite}.coproducao-search-expand{display:inline-block;margin-left:.5rem;vertical-align:middle;animation:coproducao-slideRight .3s ease}@keyframes coproducao-slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.coproducao-search-container{position:relative;display:flex;align-items:center;background:var(--bg-primary);border:none;border-radius:15px;padding:.25rem;transition:all .2s ease;width:300px;box-shadow:var(--shadow-md)}.coproducao-search-container:focus-within{box-shadow:0 0 0 3px #3b82f61a,var(--shadow-lg)}.coproducao-search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.coproducao-search-input{width:100%;padding:.25rem 2.5rem .25rem 2rem;border:none;background:transparent;color:var(--text-primary);outline:none;font-size:.875rem;height:28px}.coproducao-search-input::placeholder{color:var(--text-tertiary);font-size:.75rem}.coproducao-search-hint{position:absolute;right:30px;display:flex;align-items:center;gap:2px;opacity:.5}.coproducao-search-hint kbd{background:var(--bg-secondary);border:none;border-radius:4px;padding:1px 4px;font-size:9px;font-family:Inter,-apple-system,sans-serif;color:var(--text-secondary);font-weight:500;box-shadow:var(--shadow-sm)}.coproducao-search-hint span{color:var(--text-tertiary);font-size:9px;margin:0 1px}.coproducao-close-search{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s ease}.coproducao-close-search:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.coproducao-filters-panel{margin-top:.75rem;animation:coproducao-slideDown .2s ease}@keyframes coproducao-slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.coproducao-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.coproducao-filter-group{display:flex;flex-direction:column;gap:.5rem}.coproducao-filter-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.coprod-custom-dropdown{position:relative;min-width:140px;z-index:100}.coprod-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .75rem;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;box-sizing:border-box}.coprod-dropdown-trigger:hover{background-color:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.coprod-dropdown-trigger:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a,var(--shadow-lg)}.coprod-dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.coprod-dropdown-icon{width:12px;height:12px;transition:transform .2s ease;color:var(--text-tertiary);flex-shrink:0}.coprod-dropdown-rotate{transform:rotate(180deg)}.coprod-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-xl);z-index:1000;max-height:200px;overflow-y:auto;animation:coproducao-scaleIn .15s ease-out}@keyframes coproducao-scaleIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.coprod-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.coprod-dropdown-item:hover{background:var(--bg-secondary)}.coprod-dropdown-selected{color:var(--accent-color);font-weight:500}.coprod-option-with-color{display:flex;align-items:center;gap:.5rem;flex:1}.coprod-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.coprod-option-with-icon{display:flex;align-items:center;gap:.5rem;flex:1}.coprod-role-icon{color:var(--text-tertiary)}.coprod-role-owner{color:var(--accent-color)}.coprod-role-partner{color:#8b5cf6}.coprod-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coprod-check-icon{width:12px;height:12px;color:var(--accent-color);opacity:1}.coproducao-clear-filters{padding:.35rem .75rem;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease;height:32px;min-width:110px;align-self:flex-end;box-shadow:var(--shadow-sm)}.coproducao-clear-filters:hover:not(:disabled){background:#ef444426;color:var(--notification-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.coproducao-clear-filters:disabled{opacity:.5;cursor:not-allowed}.coproducao-content-area{padding:0}.coproducao-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border-radius:12px;min-height:400px;box-shadow:var(--shadow-md)}.coproducao-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:coproducao-spin 1s linear infinite;margin-bottom:12px}.coproducao-loading-text{font-size:13px;color:var(--text-tertiary);margin:0;font-weight:400}.coproducao-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;text-align:center;min-height:400px;box-shadow:var(--shadow-md)}.coproducao-empty-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:1px solid rgba(59,130,246,.3);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.coproducao-empty-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.coproducao-empty-desc{font-size:13px;color:var(--text-tertiary);max-width:320px;margin:0 0 20px;line-height:1.4;font-weight:400}.coproducao-empty-action{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.coproducao-empty-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.coproducao-table-container{position:relative;background:var(--bg-primary);border:none;border-radius:12px;overflow-x:auto;z-index:1;box-shadow:var(--shadow-md)}.coproducao-table{width:100%;border-collapse:collapse;min-width:1000px}.coproducao-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.coproducao-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.coproducao-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.coproducao-table tbody tr:hover{background:var(--bg-secondary)}.coproducao-table tbody tr.coproducao-row-abandoned{opacity:.7}.coproducao-table tbody tr.coproducao-row-abandoned:hover{opacity:.9}.coproducao-table td{padding:16px 20px;vertical-align:middle;position:relative}.coproducao-partner-cell{display:flex;flex-direction:column;gap:4px}.coproducao-partner-name{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.coproducao-partner-email{font-size:11px;color:var(--text-tertiary);font-weight:400}.coproducao-product-cell{display:flex;align-items:center;gap:8px}.coproducao-product-img{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.coproducao-product-icon{color:var(--accent-color);flex-shrink:0}.coproducao-product-info{display:flex;flex-direction:column;gap:2px}.coproducao-product-name{font-size:13px;font-weight:500;color:var(--text-primary)}.coproducao-product-price{font-size:11px;color:var(--text-tertiary);font-weight:400}.coproducao-role-cell{display:flex;align-items:center}.coproducao-role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.coproducao-role-owner{background:#3b82f626;color:var(--accent-color)}.coproducao-role-partner{background:#8b5cf626;color:#8b5cf6}.coproducao-commission-cell{display:flex;align-items:center;gap:6px}.coproducao-commission-value{font-size:13px;font-weight:600;color:var(--text-primary)}.coproducao-value-cell{display:flex;align-items:center;gap:6px}.coproducao-value-amount{font-size:13px;font-weight:600;color:var(--text-primary)}.coproducao-status-cell{display:flex;align-items:center}.coproducao-status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .2s ease;min-width:70px;text-align:center;box-shadow:var(--shadow-sm)}.coproducao-status-badge:disabled{cursor:not-allowed;opacity:.7}.coproducao-status-badge:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.coproducao-status-ativo{background:#10b98126;color:var(--success-color)}.coproducao-status-ativo:not(:disabled):hover{background:#10b98140}.coproducao-status-inativo{background:#8e8e9326;color:#8e8e93}.coproducao-status-inativo:not(:disabled):hover{background:#8e8e9340}.coproducao-status-abandonado{background:#ef444426;color:var(--notification-color);cursor:default}.coproducao-actions-cell{display:flex;gap:6px;position:relative;z-index:100}.coproducao-owner-actions{display:flex;gap:6px}.coproducao-action-btn{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease;box-shadow:var(--shadow-sm)}.coproducao-action-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.coproducao-edit-btn:hover{color:var(--accent-color);background:#3b82f626}.coproducao-leave-btn:hover{color:var(--warning-color);background:#f59e0b26}.coproducao-return-btn:hover{color:var(--success-color);background:#10b98126}.coproducao-more-options-floating{position:fixed!important;z-index:9999!important}.coproducao-more-options-content{background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-2xl);min-width:180px;animation:coproducao-fadeIn .15s ease-out;overflow:visible}@keyframes coproducao-fadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.coproducao-more-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease;white-space:nowrap}.coproducao-more-option:hover{background:var(--bg-tertiary);transform:translate(2px)}.coproducao-more-option-success{color:var(--success-color)}.coproducao-more-option-success:hover{background:#10b98126!important}.coproducao-more-option-warning{color:var(--warning-color)}.coproducao-more-option-warning:hover{background:#f59e0b26!important}.coproducao-more-option-danger{color:var(--notification-color)}.coproducao-more-option-danger:hover{background:#ef444426!important}.coproducao-create-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;z-index:1100;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.coproducao-create-drawer-open{transform:translate(0)}.coproducao-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1099}.coproducao-drawer-content{position:absolute;top:0;right:0;bottom:0;width:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;z-index:1100;box-shadow:var(--shadow-2xl);border-radius:16px 0 0 16px}.coproducao-drawer-header{padding:20px;display:flex;align-items:center;flex-shrink:0}.coproducao-drawer-header-left{display:flex;align-items:center;gap:12px;flex:1}.coproducao-drawer-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.coproducao-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.coproducao-drawer-title{font-size:17px;font-weight:500;color:var(--text-primary);margin:0}.coproducao-drawer-form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.coproducao-form-section{display:flex;flex-direction:column;gap:6px}.coproducao-form-label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column;gap:6px}.coproducao-form-input{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);transition:all .2s ease;font-family:inherit;font-weight:400}.coproducao-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.coproducao-input-error{border-color:var(--notification-color)!important}.coproducao-error-msg{font-size:12px;color:var(--notification-color);margin-top:2px;font-weight:400}.coproducao-form-hint{font-size:11px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.3;font-weight:400}.coproducao-form-error{display:flex;align-items:center;gap:6px;padding:10px;background:#ef44441a;border:none;border-radius:6px;color:var(--notification-color);font-size:12px;font-weight:500;box-shadow:var(--shadow-sm)}.coproducao-form-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#3b82f61a;border:none;border-radius:8px;color:var(--text-secondary);font-size:12px;line-height:1.4;font-weight:400;box-shadow:var(--shadow-sm)}.coproducao-drawer-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}.coproducao-cancel-btn{flex:1;padding:10px 16px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.coproducao-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.coproducao-submit-btn{flex:1;padding:10px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-md)}.coproducao-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.coproducao-submit-spinner{animation:coproducao-spin 1s linear infinite}.coproducao-action-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.coproducao-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1201}.coproducao-modal-content{position:relative;background:var(--bg-primary);border-radius:12px;width:100%;max-width:380px;overflow:hidden;box-shadow:var(--shadow-2xl);z-index:1202;animation:coproducao-modal-appear .2s ease}@keyframes coproducao-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.coproducao-modal-header{padding:24px 24px 16px;display:flex;align-items:center}.coproducao-modal-title-container{display:flex;align-items:center;gap:12px;flex:1}.coproducao-modal-icon{color:var(--text-secondary)}.coproducao-modal-icon-danger{color:var(--notification-color)}.coproducao-modal-icon-warning{color:var(--warning-color)}.coproducao-modal-icon-success{color:var(--success-color)}.coproducao-modal-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.coproducao-modal-body{padding:0 24px 24px;color:var(--text-secondary)}.coproducao-modal-text{font-size:14px;margin:0 0 8px;line-height:1.4;font-weight:400}.coproducao-modal-text strong{font-weight:600;color:var(--text-primary)}.coproducao-modal-warning{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.3;font-weight:400}.coproducao-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;animation:coproducao-success-appear .3s ease}@keyframes coproducao-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.coproducao-modal-success-icon{color:var(--success-color);animation:coproducao-success-icon .5s ease}@keyframes coproducao-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.coproducao-modal-success-text{font-size:14px;color:var(--success-color);margin:0;font-weight:500}.coproducao-modal-actions{padding:20px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.coproducao-modal-cancel{padding:8px 20px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center;box-shadow:var(--shadow-sm)}.coproducao-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.coproducao-modal-confirm{padding:8px 20px;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;min-width:90px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.coproducao-modal-confirm-delete{background:linear-gradient(135deg,#ef4444,#dc2626)}.coproducao-modal-confirm-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.coproducao-modal-confirm-abandonar{background:linear-gradient(135deg,var(--warning-color),#d97706)}.coproducao-modal-confirm-abandonar:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.coproducao-modal-confirm-retornar{background:linear-gradient(135deg,var(--success-color),#059669)}.coproducao-modal-confirm-retornar:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.coproducao-modal-confirm-processing{color:transparent!important}.coproducao-modal-confirm-processing:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.coproducao-modal-spinner{position:absolute;animation:coproducao-spin 1s linear infinite;color:#fff}.coprod-produto-dropdown-wrapper{width:100%}.coprod-selected-produto{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.coprod-produto-image{width:20px;height:20px;border-radius:4px;object-fit:cover;flex-shrink:0}.coprod-produto-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.coprod-produto-icon svg{width:16px;height:16px}.coprod-produto-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.coprod-produto-nome{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coprod-produto-preco{font-size:11px;color:var(--text-tertiary);font-weight:400}.coprod-produto-dropdown{min-width:280px;max-width:320px}.coprod-produto-item{display:flex;align-items:center;gap:8px;padding:8px 12px!important}.coprod-produto-option-image{width:24px;height:24px;border-radius:4px;object-fit:cover;flex-shrink:0}.coprod-produto-option-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.coprod-produto-option-icon svg{width:14px;height:14px}.coprod-produto-option-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.coprod-produto-option-nome{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coprod-produto-option-preco{font-size:11px;color:var(--text-tertiary);font-weight:400}@media (max-width: 768px){.coproducao-page{padding:16px}.coproducao-header{gap:10px;margin-bottom:20px}.coproducao-title-icon{width:36px;height:36px}.coproducao-main-title{font-size:18px}.coproducao-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.coproducao-stat-card{padding:12px}.coproducao-stat-value{font-size:20px}.coproducao-tabs-buttons{width:100%;justify-content:center}.coproducao-search-expand{display:block;margin-left:0;margin-top:.5rem;width:100%}.coproducao-search-container{width:100%}.coproducao-filters-grid{grid-template-columns:1fr}.coprod-custom-dropdown,.coproducao-clear-filters{width:100%}.coproducao-table{min-width:auto}.coproducao-table th,.coproducao-table td{padding:12px 16px}.coproducao-actions-cell{flex-wrap:wrap}.coproducao-create-drawer{max-width:100%}.coproducao-drawer-content{border-radius:0}.coproducao-drawer-actions{flex-direction:column}.coproducao-modal-content{max-width:90%}.coproducao-modal-header{padding:20px 20px 16px}.coproducao-modal-body{padding:0 20px 20px}.coproducao-modal-actions{padding:16px 20px 20px;flex-direction:column}.coproducao-modal-cancel,.coproducao-modal-confirm{width:100%;min-width:auto}.coprod-produto-dropdown{min-width:250px;max-width:280px}.coprod-produto-nome{font-size:12px}.coprod-produto-preco{font-size:10px}}@media (max-width: 480px){.coproducao-stats-grid{grid-template-columns:1fr}.coproducao-drawer-header,.coproducao-drawer-form{padding:16px}.coproducao-modal-header{padding:16px 16px 12px}.coproducao-modal-body{padding:0 16px 16px}.coproducao-modal-actions{padding:12px 16px 16px}.coproducao-table th,.coproducao-table td{padding:10px 12px;font-size:12px}.coproducao-partner-name{font-size:13px}}.dark-mode .coproducao-tabs-buttons{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .coproducao-tab-button:hover{background:#ffffff0d}.dark-mode .coproducao-search-container{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .coproducao-search-hint kbd{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .coprod-dropdown-trigger{background:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .coprod-dropdown-menu{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 4px 6px -1px #0000004d}.dark-mode .coproducao-more-options-content{background:var(--bg-secondary);border-color:var(--border-color)}.coproducao-table th:nth-child(5),.coproducao-table td:nth-child(5){text-align:center;min-width:120px}.coproducao-table th:nth-child(4),.coproducao-table td:nth-child(4){min-width:100px}@keyframes coprod-dropdown-fadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.coprod-dropdown-menu[style*="display: block"]{animation:coprod-dropdown-fadeIn .15s ease-out}.coproducao-role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.coproducao-status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .2s ease;min-width:70px;text-align:center;white-space:nowrap}.coproducao-table td{vertical-align:middle;height:60px}.coproducao-modal-success{text-align:center;padding:20px 0}.coproducao-modal-success-icon{color:#10b981;margin-bottom:10px}.coproducao-status-processing{opacity:.7;cursor:wait!important}.coproducao-status-spinner{animation:coproducao-spin 1s linear infinite;margin-right:5px}.coproducao-commission-value,.coproducao-value-amount{font-weight:400!important}.coproducao-create-drawer{transition:transform .3s cubic-bezier(.4,0,.2,1)}.coproducao-create-drawer-open{transform:translate(0)!important}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.coprod-dropdown-menu{display:block!important;opacity:1!important;visibility:visible!important;transform:translateY(0)!important;transition:all .2s ease!important}.coprod-custom-dropdown:not(:hover) .coprod-dropdown-menu:not(:focus-within){opacity:0!important;visibility:hidden!important;transform:translateY(-10px)!important}.coproducao-product-img{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.coproducao-table td{font-weight:400}.coproducao-commission-cell,.coproducao-value-cell{color:var(--text-primary)}.coproducao-stat-value,.coproducao-value-amount,.coproducao-product-price{font-weight:500}@media (max-width: 480px){.coproducao-value-amount,.coproducao-product-price{font-size:11px}}.qrcode-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--bg-primary)}.qrcode-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;border-bottom:none}.qrcode-back-btn{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.qrcode-back-btn:hover{background:var(--accent-color);color:#fff;transform:translate(-2px);box-shadow:var(--shadow-md)}.qrcode-title-container{display:flex;align-items:center;gap:12px;flex:1}.qrcode-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0;box-shadow:var(--shadow-md)}.qrcode-main-title{font-size:20px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.3}.qrcode-subtitle{font-size:13px;color:var(--text-tertiary);margin:2px 0 0;font-weight:400}.qrcode-add-btn{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-md)}.qrcode-add-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.qrcode-stats-section{display:flex;gap:16px;margin-bottom:32px}.qrcode-stat-card{flex:1;background:var(--bg-secondary);border:none;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:var(--shadow-md)}.qrcode-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.stat-icon.total{background:linear-gradient(135deg,#3b82f626,#3b82f640);color:var(--accent-color)}.stat-icon.active{background:linear-gradient(135deg,#22c55e26,#22c55e40);color:#10b981}.stat-icon.expired{background:linear-gradient(135deg,#ef444426,#ef444440);color:#ef4444}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:24px;font-weight:600;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-tertiary);font-weight:500}.qrcode-content-area{padding:0}.qrcode-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qrcode-section-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.qrcode-section-count{font-size:13px;font-weight:500;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 10px;border-radius:12px;border:none;box-shadow:var(--shadow-sm)}.qrcode-loading,.qrcode-error,.qrcode-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-secondary);border:none;border-radius:12px;text-align:center;gap:12px;box-shadow:var(--shadow-md)}.qrcode-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:qrcode-spin 1s linear infinite}@keyframes qrcode-spin{to{transform:rotate(360deg)}}.qrcode-error svg{color:#ef4444}.qrcode-retry-btn{padding:8px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.qrcode-retry-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.qrcode-empty-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f626,#3b82f640);border:1px solid rgba(59,130,246,.3);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:var(--shadow-sm)}.qrcode-empty-action{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.qrcode-empty-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.qrcode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.qrcode-item{background:var(--bg-secondary);border:none;border-radius:12px;padding:16px;transition:all .2s ease;box-shadow:var(--shadow-md)}.qrcode-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.qrcode-item.expired{opacity:.7}.qrcode-item.expired:hover{box-shadow:0 0 0 1px #ef4444,var(--shadow-md)}.qrcode-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.qrcode-item-icon{width:64px;height:64px;border-radius:8px;overflow:hidden;border:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;padding:8px;box-shadow:var(--shadow-md)}.qrcode-item-actions{display:flex;gap:6px}.qrcode-action-btn{width:28px;height:28px;background:var(--bg-primary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease;box-shadow:var(--shadow-sm)}.qrcode-action-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qrcode-preview-btn:hover{color:var(--accent-color);background:#3b82f626}.qrcode-download-btn:hover{color:#10b981;background:#10b98126}.qrcode-delete-btn:hover{color:#ef4444;background:#ef444426}.qrcode-item-body{display:flex;flex-direction:column;gap:10px}.qrcode-item-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.qrcode-item-title h3{font-size:15px;font-weight:500;color:var(--text-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrcode-status-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:8px;flex-shrink:0;box-shadow:var(--shadow-sm)}.qrcode-status-badge.ativo{background:#10b98126;color:#10b981}.qrcode-status-badge.expirado{background:#ef444426;color:#ef4444}.qrcode-item-meta{display:flex;align-items:center;gap:8px;min-height:20px}.qrcode-meta-label{font-size:11px;font-weight:500;color:var(--text-tertiary);min-width:50px;flex-shrink:0}.qrcode-meta-value{font-size:12px;color:var(--text-secondary);flex:1;font-weight:400;word-break:break-word}.qrcode-create-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:700px;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.qrcode-create-drawer-open{transform:translate(0)}.qrcode-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.qrcode-drawer-content{position:absolute;top:0;right:0;bottom:0;background:var(--bg-primary);display:flex;flex-direction:column;width:100%;max-width:700px;z-index:1001;box-shadow:var(--shadow-2xl);border-radius:16px 0 0 16px}.qrcode-drawer-content.wide{max-width:700px}.qrcode-drawer-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;background:var(--bg-primary);flex-shrink:0}.qrcode-drawer-header-left{display:flex;align-items:center;gap:12px;flex:1}.qrcode-drawer-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.qrcode-drawer-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.qrcode-drawer-title{font-size:17px;font-weight:500;color:var(--text-primary);margin:0}.qrcode-drawer-form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;background:var(--bg-primary)}.qrcode-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.qrcode-form-column{display:flex;flex-direction:column;gap:20px}.qrcode-form-section{display:flex;flex-direction:column;gap:8px}.qrcode-form-label{font-size:13px;font-weight:500;color:var(--text-primary);display:flex;flex-direction:column;gap:8px}.qrcode-form-label svg{margin-right:6px;vertical-align:middle}.qrcode-custom-dropdown{position:relative;width:100%}.qrcode-dropdown-trigger{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.qrcode-dropdown-trigger:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.qrcode-dropdown-trigger:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.qrcode-dropdown-selected{display:flex;align-items:center;gap:8px;flex:1}.qrcode-option-image{width:24px;height:24px;border-radius:4px;object-fit:cover;border:1px solid var(--border-color)}.qrcode-option-label{font-weight:500}.qrcode-option-description{font-size:11px;color:var(--text-tertiary);margin-left:auto}.qrcode-dropdown-icon{transition:transform .2s ease}.qrcode-dropdown-rotate{transform:rotate(180deg)}.qrcode-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:none;border-radius:8px;box-shadow:var(--shadow-xl);max-height:300px;overflow-y:auto;z-index:1002}.qrcode-dropdown-item{width:100%;padding:10px 12px;background:transparent;border:none;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.qrcode-dropdown-item:last-child{border-bottom:none}.qrcode-dropdown-item:hover{background:var(--bg-tertiary);transform:translate(2px)}.qrcode-dropdown-selected{color:#60a5fa}.qrcode-option-content{display:flex;flex-direction:column;gap:2px;flex:1}.qrcode-option-text{font-size:13px;font-weight:500;color:var(--text-primary)}.qrcode-check-icon{color:var(--accent-color);margin-left:auto}.qrcode-dropdown-disabled .qrcode-dropdown-trigger{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.qrcode-form-input,.qrcode-form-select{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);transition:all .2s ease;font-family:inherit;font-weight:400;width:100%}.qrcode-form-input:focus,.qrcode-form-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f61a}.qrcode-input-error{border-color:#ef4444!important}.qrcode-error-msg{font-size:12px;color:#ef4444;margin-top:4px;font-weight:400}.qrcode-form-hint{font-size:11px;color:var(--text-tertiary);margin:4px 0 0;line-height:1.3;font-weight:400}.qrcode-oferta-container{display:flex;gap:8px;margin-top:4px}.qrcode-btn-criar-oferta{padding:0 12px;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;white-space:nowrap;height:38px;box-shadow:var(--shadow-sm)}.qrcode-modal-oferta{margin-top:12px;background:var(--bg-tertiary);border:none;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md)}.qrcode-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.qrcode-modal-header h4{font-size:13px;font-weight:500;margin:0;color:var(--text-primary)}.qrcode-modal-header button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qrcode-modal-header button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.qrcode-modal-body{padding:12px;display:flex;flex-direction:column;gap:8px}.qrcode-modal-footer{padding:12px;display:flex;justify-content:flex-end;gap:8px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.qrcode-btn-secondary,.qrcode-btn-primary{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;box-shadow:var(--shadow-sm)}.qrcode-btn-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.qrcode-btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.qrcode-btn-primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff}.qrcode-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.qrcode-btn-primary:disabled{opacity:.5;cursor:not-allowed}.qrcode-validade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}.qrcode-validade-option{padding:12px;background:var(--bg-secondary);border:none;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px;font-family:inherit;box-shadow:var(--shadow-sm)}.qrcode-validade-option:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qrcode-validade-selected{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-md)}.qrcode-validade-option strong{font-size:12px;font-weight:600}.qrcode-validade-option small{font-size:10px;color:var(--text-tertiary)}.qrcode-validade-selected small{color:var(--accent-color)}.qrcode-cores-container{display:flex;flex-direction:column;gap:12px;margin:12px 0}.qrcode-cor-input{display:flex;align-items:center;justify-content:space-between}.qrcode-cor-input span{font-size:12px;font-weight:500;color:var(--text-secondary)}.qrcode-color-picker{display:flex;align-items:center;gap:8px}.qrcode-color-picker input[type=color]{width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:0;box-shadow:var(--shadow-sm)}.qrcode-color-picker code{font-size:11px;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 8px;border-radius:4px;font-family:monospace;box-shadow:var(--shadow-sm)}.qrcode-formatos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.qrcode-formato-option{padding:12px;background:var(--bg-secondary);border:none;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;box-shadow:var(--shadow-sm)}.qrcode-formato-option:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qrcode-formato-selected{background:#3b82f626;color:var(--accent-color);box-shadow:var(--shadow-md)}.qrcode-formato-visual{width:32px;height:32px;background:var(--text-primary);border-radius:4px;box-shadow:var(--shadow-sm)}.qrcode-formato-visual.arredondado{border-radius:8px}.qrcode-formato-option strong{font-size:12px;font-weight:600}.qrcode-formato-option small{font-size:10px;color:var(--text-tertiary)}.qrcode-formato-selected small{color:var(--accent-color)}.qrcode-form-error{display:flex;align-items:center;gap:6px;padding:10px;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;font-size:12px;font-weight:500;box-shadow:var(--shadow-sm)}.qrcode-drawer-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color)}.qrcode-cancel-btn,.qrcode-submit-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;border:none;box-shadow:var(--shadow-md)}.qrcode-cancel-btn{background:var(--bg-secondary);color:var(--text-secondary)}.qrcode-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qrcode-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.qrcode-submit-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff}.qrcode-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.qrcode-submit-btn:disabled{opacity:.7;cursor:not-allowed}.qrcode-submit-spinner{animation:qrcode-spin 1s linear infinite}.qrcode-preview-modal,.qrcode-delete-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.qrcode-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1101}.qrcode-modal-content{position:relative;background:var(--bg-primary);border-radius:12px;width:100%;max-width:500px;overflow:hidden;box-shadow:var(--shadow-2xl);z-index:1102;animation:qrcode-modal-appear .2s ease}.qrcode-modal-content.large{max-width:600px}@keyframes qrcode-modal-appear{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.qrcode-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.qrcode-modal-title-container{display:flex;align-items:center;gap:12px;flex:1}.qrcode-modal-icon{color:var(--accent-color)}.qrcode-modal-title{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.qrcode-modal-close{width:32px;height:32px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.qrcode-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.qrcode-modal-body{padding:24px}.qrcode-preview-container{display:flex;gap:24px;align-items:flex-start}.qrcode-image-wrapper{position:relative;flex-shrink:0;box-shadow:var(--shadow-md);border-radius:8px;overflow:hidden}.qrcode-logo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:8px;border-radius:8px;box-shadow:var(--shadow-md)}.qrcode-logo{width:40px;height:40px}.qrcode-preview-info{flex:1}.qrcode-preview-info h4{font-size:16px;font-weight:500;color:var(--text-primary);margin:0 0 16px}.qrcode-info-grid{display:flex;flex-direction:column;gap:12px}.qrcode-info-item{display:flex;flex-direction:column;gap:4px}.qrcode-info-item strong{font-size:12px;font-weight:500;color:var(--text-tertiary)}.qrcode-info-item span{font-size:13px;color:var(--text-secondary)}.qrcode-url-container{display:flex;align-items:center;gap:8px}.qrcode-url{flex:1;font-size:11px;color:var(--text-secondary);background:var(--bg-secondary);padding:6px 10px;border-radius:6px;border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;box-shadow:var(--shadow-sm)}.qrcode-copy-btn{width:32px;height:32px;background:var(--bg-primary);border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;box-shadow:var(--shadow-sm)}.qrcode-copy-btn:hover{background:var(--bg-tertiary);color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qrcode-modal-actions{padding:20px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color)}.qrcode-modal-secondary,.qrcode-modal-primary{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;border:none;box-shadow:var(--shadow-md)}.qrcode-modal-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.qrcode-modal-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qrcode-modal-primary{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff}.qrcode-modal-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.qrcode-modal-warning{font-size:13px;color:var(--text-tertiary);margin:8px 0 0;font-weight:400}.qrcode-modal-success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;animation:qrcode-success-appear .3s ease}@keyframes qrcode-success-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qrcode-modal-success-icon{color:#10b981;animation:qrcode-success-icon .5s ease}@keyframes qrcode-success-icon{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.qrcode-modal-cancel,.qrcode-modal-confirm{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px;text-align:center;border:none;box-shadow:var(--shadow-md)}.qrcode-modal-cancel{background:var(--bg-secondary);color:var(--text-secondary)}.qrcode-modal-cancel:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.qrcode-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.qrcode-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.qrcode-modal-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.qrcode-modal-confirm:disabled{opacity:.7;cursor:not-allowed}.qrcode-modal-confirm-processing{color:transparent!important}.qrcode-modal-confirm-processing:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.qrcode-modal-spinner{position:absolute;animation:qrcode-spin 1s linear infinite;color:#fff}body.qrcode-modal-open{overflow:hidden}.qrcode-option-image-placeholder{width:24px;height:24px;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;box-shadow:var(--shadow-sm)}.modern-qr-container{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:none;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.qrcode-preview-mini{margin-top:8px;padding:16px;background:var(--bg-secondary);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:160px;box-shadow:var(--shadow-md)}.qrcode-mini-container{position:relative;display:flex;align-items:center;justify-content:center}.qrcode-mini-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:4px;border-radius:4px;box-shadow:var(--shadow-sm)}.qrcode-preview-placeholder{text-align:center;color:var(--text-tertiary)}.qrcode-preview-placeholder svg{margin-bottom:8px;color:var(--border-color)}.qrcode-preview-placeholder p{font-size:12px;margin:0}.qrcode-color-picker-wrapper{display:flex;align-items:center;gap:8px}.qrcode-color-input{width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:0;box-shadow:var(--shadow-sm)}.qrcode-color-value{font-size:11px;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 8px;border-radius:4px;font-family:monospace;min-width:70px;box-shadow:var(--shadow-sm)}.qrcode-colors-display{display:flex;gap:8px;align-items:center}.qrcode-color-chip{width:20px;height:20px;border-radius:4px;border:1px solid var(--border-color);cursor:help;box-shadow:var(--shadow-sm)}.qrcode-btn-criar-oferta{margin-top:8px;padding:6px 12px;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;width:100%;justify-content:center;box-shadow:var(--shadow-sm)}.qrcode-btn-criar-oferta:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.qrcode-visual{position:relative;border-radius:8px;overflow:hidden;display:inline-block;box-shadow:var(--shadow-md)}.qrcode-visual.arredondado path{border-radius:2px}.qrcode-visual-large{position:relative;border-radius:12px;overflow:hidden;display:inline-block;border:none;padding:10px;background:#fff;box-shadow:var(--shadow-lg)}.qrcode-visual-preview{position:relative;border-radius:8px;overflow:hidden;display:inline-block;border:none;padding:5px;background:#fff;box-shadow:var(--shadow-md)}.qrcode-logo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:3px;border-radius:4px;box-shadow:var(--shadow-sm)}.qrcode-logo-overlay-large{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:8px;border-radius:8px;box-shadow:var(--shadow-md)}.qrcode-logo-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:3px;border-radius:3px;box-shadow:var(--shadow-sm)}.qrcode-formato-visual{width:32px;height:32px;background:var(--text-primary);margin-bottom:4px;box-shadow:var(--shadow-sm)}.qrcode-formato-visual.quadrado{border-radius:0}.qrcode-formato-visual.arredondado{border-radius:6px}.qrcode-formato-visual.dots{border-radius:50%}.qrcode-preview-modal .qrcode-modal-content.large{max-width:600px}.qrcode-preview-modal .qrcode-modal-body{padding:24px}.qrcode-preview-modal .qrcode-preview-container{display:flex;gap:24px;align-items:flex-start}.simple-qrcode{border-radius:8px;border:none;background:#fff;box-shadow:var(--shadow-md)}.qrcode-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.preview-url{font-size:12px;color:var(--text-tertiary);background:var(--bg-secondary);padding:4px 8px;border-radius:4px;box-shadow:var(--shadow-sm)}canvas.simple-qrcode{display:block}@media (max-width: 1024px){.qrcode-form-grid{grid-template-columns:1fr}.qrcode-create-drawer,.qrcode-drawer-content.wide{max-width:100%}}@media (max-width: 768px){.qrcode-page{padding:16px}.qrcode-stats-section{flex-direction:column}.qrcode-grid{grid-template-columns:1fr}.qrcode-preview-container{flex-direction:column;align-items:center}.qrcode-modal-content.large{max-width:90%}.qrcode-drawer-actions,.qrcode-modal-actions{flex-direction:column}.qrcode-modal-cancel,.qrcode-modal-confirm,.qrcode-modal-secondary,.qrcode-modal-primary{width:100%;min-width:auto}}@media (max-width: 480px){.qrcode-stat-card{padding:16px}.stat-icon{width:40px;height:40px}.stat-number{font-size:20px}.qrcode-formatos-grid,.qrcode-validade-grid{grid-template-columns:repeat(2,1fr)}}:root{--stage-bg-primary: #ffffff;--stage-bg-secondary: #f8fafc;--stage-bg-tertiary: #f1f5f9;--stage-text-primary: #0f172a;--stage-text-secondary: #475569;--stage-text-tertiary: #94a3b8;--stage-border-color: #e2e8f0;--stage-accent-color: #3b82f6;--stage-accent-hover: #2563eb;--stage-error-color: #ef4444;--stage-success-color: #10b981;--stage-warning-color: #f59e0b;--stage-shadow-color: rgba(0, 0, 0, .1)}body.dark-theme{--stage-bg-primary: #0f172a;--stage-bg-secondary: #1e293b;--stage-bg-tertiary: #334155;--stage-text-primary: #f1f5f9;--stage-text-secondary: #cbd5e1;--stage-text-tertiary: #94a3b8;--stage-border-color: #475569;--stage-accent-color: #60a5fa;--stage-accent-hover: #3b82f6;--stage-error-color: #f87171;--stage-success-color: #34d399;--stage-warning-color: #fbbf24;--stage-shadow-color: rgba(0, 0, 0, .3)}.stage-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:stage-fadeIn .3s ease}@keyframes stage-fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.stage-modal-container{background:var(--stage-bg-primary);border-radius:20px;width:90%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px var(--stage-shadow-color);overflow:hidden;border:1px solid var(--stage-border-color);animation:stage-slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes stage-slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stage-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--stage-border-color);display:flex;justify-content:space-between;align-items:center;background:var(--stage-bg-primary)}.stage-modal-header-left{display:flex;align-items:center;gap:.625rem}.stage-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--stage-text-primary);letter-spacing:-.025em}.stage-back-btn,.stage-close-btn{background:none;border:none;padding:.375rem;border-radius:8px;cursor:pointer;color:var(--stage-text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--stage-bg-tertiary)}.stage-back-btn:hover,.stage-close-btn:hover{background:var(--stage-bg-secondary);color:var(--stage-text-secondary);transform:translateY(-1px)}.stage-steps-indicator{padding:1.25rem 1.5rem 0;background:var(--stage-bg-primary)}.stage-step-track{display:flex;justify-content:space-between;position:relative;padding:0 .5rem}.stage-step-track:before{content:"";position:absolute;top:12px;left:0;right:0;height:2px;background:var(--stage-border-color);z-index:1}.stage-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.stage-step:last-child{flex:0}.stage-step-circle{width:26px;height:26px;border-radius:50%;background:var(--stage-bg-primary);border:2px solid var(--stage-border-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--stage-text-tertiary);margin-bottom:.375rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.stage-step.active .stage-step-circle{border-color:var(--stage-accent-color);background:var(--stage-accent-color);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--stage-accent-color) 20%,transparent)}.stage-step.completed .stage-step-circle{border-color:var(--stage-success-color);background:var(--stage-success-color);color:#fff}.stage-step.completed .stage-step-circle:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem}.stage-step-label{font-size:.6875rem;color:var(--stage-text-tertiary);font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:.05em}.stage-step.active .stage-step-label,.stage-step.completed .stage-step-label{color:var(--stage-text-primary);font-weight:600}.stage-modal-body{padding:1.5rem;overflow-y:auto;flex:1;background:var(--stage-bg-primary)}.stage-step-content{animation:stage-contentFadeIn .3s ease}@keyframes stage-contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stage-form-group{margin-bottom:1.125rem}.stage-form-label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;color:var(--stage-text-primary);letter-spacing:-.01em}.stage-error-msg{color:var(--stage-error-color);font-weight:400;font-size:.75rem;margin-left:.375rem;float:right}.stage-form-input,.stage-form-select{width:100%;padding:.5rem .75rem;border:1px solid var(--stage-border-color);border-radius:10px;font-size:.875rem;color:var(--stage-text-primary);background:var(--stage-bg-primary);transition:all .2s;font-family:inherit}.stage-form-input.error,.stage-form-select.error{border-color:var(--stage-error-color)}.stage-form-input:focus,.stage-form-select:focus{outline:none;border-color:var(--stage-accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--stage-accent-color) 20%,transparent)}.stage-form-hint{margin-top:.25rem;font-size:.75rem;color:var(--stage-text-tertiary);line-height:1.4}.stage-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.375rem}.stage-type-option{padding:.625rem;border:2px solid var(--stage-border-color);border-radius:10px;background:var(--stage-bg-primary);cursor:pointer;font-weight:500;font-size:.8125rem;color:var(--stage-text-secondary);text-align:center;transition:all .2s}.stage-type-option:hover{border-color:color-mix(in srgb,var(--stage-border-color) 80%,var(--stage-text-secondary));color:var(--stage-text-primary)}.stage-type-option.active{border-color:var(--stage-accent-color);background:color-mix(in srgb,var(--stage-accent-color) 10%,transparent);color:var(--stage-accent-color);font-weight:600}.stage-previous-info{background:var(--stage-bg-tertiary);border-radius:10px;padding:.75rem;font-size:.875rem;color:var(--stage-text-secondary)}.stage-previous-name{font-weight:500;color:var(--stage-text-primary)}.stage-action-type{color:var(--stage-accent-color);font-weight:600;font-size:.75rem;margin-left:.375rem;text-transform:uppercase;letter-spacing:.05em}.produto-oferta-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 640px){.produto-oferta-row{grid-template-columns:1fr}}.oferta-select-container{position:relative;width:100%}.oferta-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;background:var(--stage-bg-primary);border:1px solid var(--stage-border-color);border-radius:10px;color:var(--stage-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left}.oferta-select-trigger:hover{border-color:var(--stage-accent-color)}.oferta-select-trigger:disabled{opacity:.6;cursor:not-allowed}.oferta-selected-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oferta-select-icon{width:16px;height:16px;transition:transform .2s;color:var(--stage-text-tertiary);flex-shrink:0}.oferta-select-icon.rotate-180{transform:rotate(180deg)}.oferta-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--stage-bg-primary);border:1px solid var(--stage-border-color);border-radius:10px;box-shadow:0 10px 25px -5px var(--stage-shadow-color);z-index:60;max-height:250px;overflow-y:auto;animation:stage-scaleIn .15s ease-out}.oferta-option-item{padding:.625rem .875rem;border-bottom:1px solid var(--stage-border-color);cursor:pointer;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.oferta-option-item:last-child{border-bottom:none}.oferta-option-item:hover{background:var(--stage-bg-tertiary)}.oferta-option-item.selected{background:color-mix(in srgb,var(--stage-accent-color) 10%,transparent)}.oferta-option-name{font-weight:500;color:var(--stage-text-primary);font-size:.875rem;display:flex;align-items:center;gap:6px}.oferta-option-price{font-weight:600;color:var(--stage-accent-color);font-size:.9rem}.custom-product-dropdown{position:relative;width:100%}.product-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;background:var(--stage-bg-primary);border:1px solid var(--stage-border-color);border-radius:10px;color:var(--stage-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left}.product-dropdown-trigger:hover{border-color:var(--stage-accent-color)}.product-dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-product-info{display:flex;align-items:center;gap:.75rem}.selected-product-img{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid var(--stage-border-color)}.selected-product-details{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.selected-product-name{font-weight:500;color:var(--stage-text-primary);font-size:.875rem}.product-dropdown-icon{width:16px;height:16px;transition:transform .2s;color:var(--stage-text-tertiary);flex-shrink:0}.product-dropdown-icon.rotate-180{transform:rotate(180deg)}.product-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--stage-bg-primary);border:1px solid var(--stage-border-color);border-radius:10px;box-shadow:0 10px 25px -5px var(--stage-shadow-color);z-index:50;max-height:280px;overflow-y:auto;animation:stage-scaleIn .15s ease-out}@keyframes stage-scaleIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.product-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;background:transparent;border:none;color:var(--stage-text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:background-color .1s;border-bottom:1px solid var(--stage-border-color)}.product-dropdown-item:last-child{border-bottom:none}.product-dropdown-item:hover{background:var(--stage-bg-tertiary)}.product-dropdown-item.selected{background:color-mix(in srgb,var(--stage-accent-color) 10%,transparent)}.product-option-content{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.product-option-image{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid var(--stage-border-color);flex-shrink:0}.product-option-placeholder{width:36px;height:36px;border-radius:8px;background:var(--stage-bg-tertiary);color:var(--stage-text-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-option-details{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.product-option-name{font-weight:500;color:var(--stage-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-check-icon{color:var(--stage-accent-color);flex-shrink:0}.stage-checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-size:.875rem;color:var(--stage-text-primary);-webkit-user-select:none;user-select:none}.stage-checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;border-radius:6px;border:2px solid var(--stage-border-color);cursor:pointer;background:var(--stage-bg-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;transition:all .2s}.stage-checkbox-label input[type=checkbox]:checked{background-color:var(--stage-accent-color);border-color:var(--stage-accent-color)}.stage-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.stage-button-custom-section{background:var(--stage-bg-tertiary);border-radius:12px;padding:1.125rem;margin-top:1.125rem;border:1px solid var(--stage-border-color)}.stage-section-title{margin:0 0 .875rem;font-size:.9375rem;font-weight:600;color:var(--stage-text-primary)}.stage-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.875rem}@media (max-width: 640px){.stage-form-row{grid-template-columns:1fr}}.stage-color-input{display:flex;align-items:center;gap:.625rem}.stage-color-input input[type=color]{width:44px;height:44px;border:2px solid var(--stage-border-color);border-radius:10px;cursor:pointer;padding:2px;background:var(--stage-bg-primary);transition:border-color .2s}.stage-color-input input[type=color]:hover{border-color:var(--stage-accent-color)}.stage-color-value{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:var(--stage-text-secondary);background:var(--stage-bg-tertiary);padding:.25rem .5rem;border-radius:6px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-button-preview{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--stage-border-color)}.stage-step-subtitle{margin:0 0 1.125rem;font-size:1rem;font-weight:600;color:var(--stage-text-primary)}.stage-preview-box{background:var(--stage-bg-tertiary);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border:1px dashed var(--stage-border-color)}.preview-two-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.preview-sim-button,.preview-nao-button{padding:10px 20px;border-radius:10px;font-weight:500;font-size:.9rem;min-width:200px;text-align:center;cursor:default;transition:all .2s}.preview-sim-button:hover,.preview-nao-button:hover{transform:translateY(-2px)}.stage-final-preview{background:var(--stage-bg-tertiary);border-radius:12px;padding:1.25rem;border:1px solid var(--stage-border-color)}.stage-preview-card{background:var(--stage-bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px var(--stage-shadow-color)}.stage-product-image-preview{width:100%;height:120px;object-fit:cover;border-bottom:1px solid var(--stage-border-color)}.stage-preview-header{padding:1rem 1.25rem .75rem;text-align:center}.stage-preview-header h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--stage-text-primary)}.stage-preview-price{font-size:1.125rem;font-weight:700;color:var(--stage-accent-color);font-family:SF Mono,Monaco,Courier New,monospace}.stage-preview-body{padding:0 1.25rem 1.25rem;text-align:center}.stage-preview-body p{margin:0 0 1rem;color:var(--stage-text-secondary);font-size:.875rem;line-height:1.5}.stage-preview-buttons{display:flex;flex-direction:column;gap:.625rem;margin:1.25rem 0}.stage-btn-success{background:linear-gradient(135deg,var(--stage-success-color) 0%,color-mix(in srgb,var(--stage-success-color) 80%,black) 100%);color:#fff;border:none;border-radius:10px;padding:.75rem;font-weight:600;cursor:default;font-size:.875rem;transition:transform .2s}.stage-btn-success:hover{transform:translateY(-1px)}.stage-btn-danger{background:var(--stage-bg-tertiary);color:var(--stage-text-secondary);border:1px solid var(--stage-border-color);border-radius:10px;padding:.75rem;font-weight:600;cursor:default;font-size:.875rem;transition:all .2s}.stage-btn-danger:hover{background:var(--stage-bg-secondary)}.stage-preview-footer{border-top:1px solid var(--stage-border-color);padding-top:.75rem;color:var(--stage-text-tertiary);font-size:.75rem}.stage-form-info{background:color-mix(in srgb,var(--stage-accent-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--stage-accent-color) 30%,transparent);border-radius:10px;padding:.875rem;margin-top:1.25rem;display:flex;align-items:flex-start;gap:.75rem;color:var(--stage-accent-color)}.stage-form-info p{margin:0;font-size:.8125rem;line-height:1.4;color:var(--stage-accent-color)}.stage-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--stage-border-color);display:flex;justify-content:flex-end;align-items:center;background:var(--stage-bg-primary)}.stage-footer-actions{display:flex;gap:.75rem;align-items:center}.stage-btn-outline{background:transparent;border:1px solid var(--stage-border-color);color:var(--stage-text-primary);padding:.5rem 1rem;border-radius:10px;font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.stage-btn-outline:hover{background:var(--stage-bg-tertiary);border-color:var(--stage-accent-color);color:var(--stage-accent-color)}.stage-btn-primary{background:linear-gradient(135deg,var(--stage-accent-color) 0%,var(--stage-accent-hover) 100%);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.stage-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--stage-accent-color) 30%,transparent)}.stage-btn-primary:active{transform:translateY(0)}@media (max-width: 640px){.stage-modal-container{width:95%;max-height:95vh;border-radius:16px}.stage-modal-header,.stage-modal-body,.stage-modal-footer{padding:1rem}.stage-steps-indicator{padding:1rem 1rem 0}.stage-step-label{font-size:.625rem}.stage-type-options{grid-template-columns:1fr}.stage-preview-buttons{flex-direction:column}}.loading-ofertas{text-align:center;padding:20px;background:var(--stage-bg-tertiary);border-radius:10px}.loading-spinner{width:24px;height:24px;border:3px solid var(--stage-border-color);border-top-color:var(--stage-accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--stage-text-tertiary);font-size:.9rem;font-weight:400;margin-left:5px}.widget-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:widget-fade-in .2s ease}@keyframes widget-fade-in{0%{opacity:0}to{opacity:1}}.widget-modal{background:var(--funnel-bg-primary);border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;border:1px solid var(--funnel-border-color)}.widget-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--funnel-border-color);display:flex;justify-content:space-between;align-items:center;background:var(--funnel-bg-secondary)}.widget-modal-header-left{display:flex;align-items:center;gap:.75rem}.widget-modal-header-left h3{margin:0;font-size:1rem;font-weight:600;color:var(--funnel-text-primary)}.widget-close-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:var(--funnel-text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.widget-close-btn:hover{background:var(--funnel-bg-tertiary);color:var(--funnel-text-primary)}.widget-modal-tabs{display:flex;border-bottom:1px solid var(--funnel-border-color);background:var(--funnel-bg-secondary);padding:0 1rem}.widget-tab{padding:.875rem 1rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--funnel-text-secondary);display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.widget-tab:hover{color:var(--funnel-text-primary)}.widget-tab.active{color:var(--funnel-accent-color);border-bottom-color:var(--funnel-accent-color);background:var(--funnel-bg-primary)}.widget-modal-content{flex:1;overflow-y:auto;padding:1.5rem}.widget-script-section,.widget-embed-section,.widget-preview-section,.widget-settings-section{animation:widget-slide-up .3s ease}@keyframes widget-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.widget-description{margin:.5rem 0 1.5rem;color:var(--funnel-text-secondary);font-size:.875rem;line-height:1.5}.widget-code-container{position:relative;margin-bottom:1rem}.widget-code{background:var(--funnel-bg-tertiary);border:1px solid var(--funnel-border-color);border-radius:8px;padding:1.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.5;color:var(--funnel-text-primary);white-space:pre-wrap;word-break:break-all;overflow-x:auto;margin:0}.widget-copy-btn{position:absolute;top:.75rem;right:.75rem;padding:.5rem 1rem;background:var(--funnel-accent-color);border:none;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.widget-copy-btn:hover{background:var(--funnel-accent-hover)}.widget-link-container{display:flex;gap:.5rem;margin-top:1rem}.widget-link-input{flex:1;padding:.75rem 1rem;border:1px solid var(--funnel-border-color);border-radius:8px;background:var(--funnel-bg-primary);color:var(--funnel-text-primary);font-size:.875rem}.widget-link-input:focus{outline:none;border-color:var(--funnel-accent-color);box-shadow:0 0 0 3px #3b82f61a}.widget-preview-container{background:var(--funnel-bg-secondary);border:1px solid var(--funnel-border-color);border-radius:12px;padding:2rem;margin-top:1rem}.widget-preview-content{max-width:400px;margin:0 auto}.product-preview{text-align:center;margin-bottom:2rem}.product-image-preview{width:120px;height:120px;margin:0 auto 1rem;border-radius:12px;overflow:hidden;background:var(--funnel-bg-tertiary)}.product-image-preview img{width:100%;height:100%;object-fit:cover}.product-info-preview h4{margin:0 0 .5rem;font-size:1.125rem;color:var(--funnel-text-primary)}.product-price{font-size:1.5rem;font-weight:700;color:var(--funnel-success-color);margin:0 0 .5rem}.offer-price{font-size:1rem;color:var(--funnel-text-secondary);text-decoration:line-through;margin:0}.buttons-preview{display:flex;flex-direction:column;gap:1rem}.preview-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.preview-button:hover{opacity:.9;transform:translateY(-1px)}.preview-button-sim{background:var(--funnel-sim);color:#fff}.preview-button-nao{background:var(--funnel-nao);color:#fff}.preview-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.preview-checkbox{display:flex;align-items:center;gap:.5rem;color:var(--funnel-text-secondary);font-size:.875rem;cursor:pointer}.preview-checkbox input{margin:0}.preview-select{padding:.5rem 1rem;border:1px solid var(--funnel-border-color);border-radius:6px;background:var(--funnel-bg-primary);color:var(--funnel-text-primary);font-size:.875rem;cursor:pointer}.widget-settings-info{background:var(--funnel-bg-secondary);border:1px solid var(--funnel-border-color);border-radius:8px;padding:1.5rem}.setting-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--funnel-border-color)}.setting-item:last-child{border-bottom:none}.setting-label{font-weight:500;color:var(--funnel-text-secondary)}.setting-value{color:var(--funnel-text-primary);font-weight:500}.widget-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--funnel-border-color);background:var(--funnel-bg-secondary)}.widget-help{margin:0;font-size:.8125rem;color:var(--funnel-text-secondary);line-height:1.5}.widget-help strong{color:var(--funnel-text-primary)}.widget-modal-loading{padding:3rem;text-align:center;color:var(--funnel-text-secondary);font-size:.875rem}body.light-theme{--funnel-bg-primary: #ffffff;--funnel-bg-secondary: #f8fafc;--funnel-bg-tertiary: #f1f5f9;--funnel-text-primary: #0f172a;--funnel-text-secondary: #475569;--funnel-text-tertiary: #94a3b8;--funnel-border-color: #e2e8f0;--funnel-accent-color: #3b82f6;--funnel-accent-hover: #2563eb;--funnel-success-color: #10b981;--funnel-warning-color: #f59e0b;--funnel-error-color: #ef4444;--funnel-shadow: 0 1px 3px rgba(0, 0, 0, .1);--funnel-radius: 8px;--funnel-initial: #10b981;--funnel-upsell: #3b82f6;--funnel-downsell: #f59e0b;--funnel-thanks: #8b5cf6;--funnel-sim: #10b981;--funnel-nao: #ef4444;background-color:var(--funnel-bg-primary);color:var(--funnel-text-primary)}body.dark-theme{--funnel-bg-primary: #0f172a;--funnel-bg-secondary: #1e293b;--funnel-bg-tertiary: #334155;--funnel-text-primary: #f1f5f9;--funnel-text-secondary: #cbd5e1;--funnel-text-tertiary: #94a3b8;--funnel-border-color: #475569;--funnel-accent-color: #60a5fa;--funnel-accent-hover: #3b82f6;--funnel-success-color: #34d399;--funnel-warning-color: #fbbf24;--funnel-error-color: #f87171;--funnel-shadow: 0 1px 3px rgba(0, 0, 0, .3);--funnel-radius: 8px;--funnel-initial: #34d399;--funnel-upsell: #60a5fa;--funnel-downsell: #fbbf24;--funnel-thanks: #a78bfa;--funnel-sim: #34d399;--funnel-nao: #f87171;background-color:var(--funnel-bg-primary);color:var(--funnel-text-primary)}.funnel-builder-page{height:100vh;display:flex;flex-direction:column;background:var(--funnel-bg-secondary);overflow:hidden;color:var(--funnel-text-primary);transition:background .3s ease,color .3s ease}.funnel-builder-page.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.funnel-header-area{background:var(--funnel-bg-primary);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--funnel-border-color);box-shadow:var(--funnel-shadow);z-index:50;flex-shrink:0;position:relative}.funnel-title-container{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.funnel-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--funnel-text-primary)}.funnel-status-toggle-container{position:relative;display:flex;align-items:center}.funnel-status-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--funnel-bg-tertiary);border:1px solid var(--funnel-border-color);border-radius:20px;cursor:pointer;transition:all .2s ease;min-width:100px}.funnel-status-toggle:hover:not(:disabled){background:var(--funnel-bg-secondary);border-color:var(--funnel-accent-color)}.funnel-status-toggle:disabled{opacity:.5;cursor:not-allowed}.funnel-status-toggle.funnel-status-active{background:#10b9811a;border-color:var(--funnel-success-color)}body.dark-theme .funnel-status-toggle.funnel-status-active{background:#34d3991a;border-color:var(--funnel-success-color)}.funnel-toggle-slider{width:36px;height:20px;background:var(--funnel-border-color);border-radius:10px;position:relative;transition:background .2s ease}.funnel-status-active .funnel-toggle-slider{background:var(--funnel-success-color)}.funnel-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--funnel-bg-primary);border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #0000001a}.funnel-status-active .funnel-toggle-knob{transform:translate(16px)}.funnel-status-label{font-size:.75rem;font-weight:600;color:var(--funnel-text-secondary);transition:color .2s ease}.funnel-status-active .funnel-status-label{color:var(--funnel-success-color)}.funnel-status-spinner{animation:funnel-spin 1s linear infinite}@keyframes funnel-spin{to{transform:rotate(360deg)}}.funnel-back-button,.funnel-fullscreen-btn{padding:.5rem 1rem;background:var(--funnel-bg-primary);border:1px solid var(--funnel-border-color);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--funnel-text-primary);transition:all .2s ease;white-space:nowrap}.funnel-back-button:hover,.funnel-fullscreen-btn:hover{background:var(--funnel-bg-secondary);border-color:var(--funnel-accent-color);color:var(--funnel-accent-color)}.funnel-header-actions{display:flex;gap:.5rem;align-items:center}.funnel-canvas-area{flex:1;overflow:auto;position:relative;background:var(--funnel-bg-secondary);min-height:calc(100vh - 64px);cursor:grab}.funnel-canvas-area:active{cursor:grabbing}.funnel-canvas-area.funnel-disabled{cursor:not-allowed;opacity:.7}.funnel-canvas-area.funnel-disabled:before{content:"Funil Ativo - Desative para editar";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--funnel-bg-primary);padding:1rem 2rem;border-radius:var(--funnel-radius);border:2px solid var(--funnel-border-color);color:var(--funnel-text-secondary);font-weight:500;z-index:1000;box-shadow:var(--funnel-shadow);pointer-events:none}.funnel-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.funnel-connection-line{fill:none;stroke-width:3;stroke-linecap:round;pointer-events:none;transition:stroke-width .2s ease}.funnel-connection-line:hover{stroke-width:4}.funnel-connection-initial{stroke:var(--funnel-initial);opacity:.8}.funnel-connection-sim{stroke:var(--funnel-sim);opacity:.8}.funnel-connection-nao{stroke:var(--funnel-nao);opacity:.8}.funnel-stage-card{position:absolute;width:180px;background:var(--funnel-bg-primary);border-radius:var(--funnel-radius);box-shadow:var(--funnel-shadow);border:1px solid var(--funnel-border-color);cursor:move;z-index:20;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;transform-origin:center}.funnel-stage-card:hover:not(.funnel-stage-initial){box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px);border-color:var(--funnel-accent-color)}body.dark-theme .funnel-stage-card:hover:not(.funnel-stage-initial){box-shadow:0 10px 25px -5px #0000004d}.funnel-stage-card.selected{border-color:var(--funnel-accent-color);box-shadow:0 0 0 3px #3b82f633}body.dark-theme .funnel-stage-card.selected{box-shadow:0 0 0 3px #60a5fa33}.funnel-stage-card.dragging{opacity:.9;z-index:100;box-shadow:0 20px 50px -10px #0003;transform:scale(1.02);cursor:grabbing}body.dark-theme .funnel-stage-card.dragging{box-shadow:0 20px 50px -10px #0006}.funnel-stage-card.initial{cursor:move;border-color:var(--funnel-initial);background:var(--funnel-bg-primary)}.funnel-stage-card.initial:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}.funnel-stage-header{padding:.5rem .75rem;border-radius:calc(var(--funnel-radius) - 1px) calc(var(--funnel-radius) - 1px) 0 0;display:flex;justify-content:space-between;align-items:center;min-height:32px}.funnel-stage-initial .funnel-stage-header{background:var(--funnel-initial);color:#fff}.funnel-stage-upsell .funnel-stage-header{background:var(--funnel-upsell);color:#fff}.funnel-stage-downsell .funnel-stage-header{background:var(--funnel-downsell);color:#fff}.funnel-stage-pagina_agradecimento .funnel-stage-header{background:var(--funnel-thanks);color:#fff}.funnel-stage-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:inherit}.funnel-stage-controls{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.funnel-stage-card:hover .funnel-stage-controls{opacity:1}.funnel-stage-icon-btn{background:#fff3;border:none;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:.75rem;padding:0;transition:all .2s ease}.funnel-stage-icon-btn:hover{background:#ffffff4d;transform:scale(1.1)}.funnel-stage-icon-btn.funnel-icon-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.funnel-stage-icon-btn.funnel-icon-disabled:hover{background:#fff3;transform:none}.funnel-stage-icon-btn.delete{background:#ef444433}.funnel-stage-icon-btn.delete:hover{background:#ef44444d}body.dark-theme .funnel-stage-icon-btn.delete{background:#f8717133}body.dark-theme .funnel-stage-icon-btn.delete:hover{background:#f871714d}.funnel-stage-body{padding:.75rem;text-align:center;background:var(--funnel-bg-primary)}.stage-product-image{width:64px;height:64px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:var(--funnel-bg-tertiary);transition:all .2s ease}.funnel-stage-card:hover .stage-product-image{transform:scale(1.05)}.stage-product-image img{width:100%;height:100%;object-fit:cover}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--funnel-bg-tertiary);border-radius:8px}.product-image-placeholder.obrigado{background:#8b5cf61a}body.dark-theme .product-image-placeholder.obrigado{background:#a78bfa1a}.funnel-stage-name{margin:0 0 .25rem;font-size:.8125rem;font-weight:600;color:var(--funnel-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-product-name{font-size:.75rem;color:var(--funnel-text-secondary);margin:.25rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-stage-price{color:var(--funnel-sim);font-weight:700;font-size:.875rem;margin:.25rem 0 0}.funnel-stage-actions{padding:.5rem .75rem .75rem;display:flex;flex-direction:column;gap:.375rem;background:var(--funnel-bg-primary);border-radius:0 0 var(--funnel-radius) var(--funnel-radius)}.funnel-stage-button{padding:.375rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.75rem;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.funnel-stage-button:active{transform:translateY(1px)}.funnel-stage-button.funnel-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.funnel-start-button{background:var(--funnel-initial);color:#fff;border:1px solid var(--funnel-initial)!important}.funnel-start-button:hover:not(.disabled):not(.funnel-button-disabled){background:var(--funnel-success-color);border-color:var(--funnel-success-color)!important}.funnel-start-button.disabled{background:var(--funnel-border-color);border-color:var(--funnel-border-color)!important;color:var(--funnel-text-tertiary);cursor:not-allowed}.funnel-sim-button{background:var(--funnel-sim);color:#fff}.funnel-sim-button:hover:not(.funnel-button-disabled){background:var(--funnel-success-color);opacity:.9}.funnel-sim-button.connected{background:var(--funnel-success-color)}.funnel-nao-button{background:var(--funnel-bg-tertiary);color:var(--funnel-text-secondary);border:1px solid var(--funnel-border-color)!important}.funnel-nao-button:hover:not(.funnel-button-disabled){background:var(--funnel-bg-secondary);color:var(--funnel-text-primary)}.funnel-nao-button.connected{background:var(--funnel-nao);color:#fff;border-color:var(--funnel-nao)!important}.funnel-sim-button.connected:after,.funnel-nao-button.connected:after{content:"✓";position:absolute;right:8px;font-weight:700}.funnel-connection-point{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid;cursor:pointer;z-index:30;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;transform-origin:center}.funnel-connection-point:hover{transform:scale(1.3);box-shadow:0 0 0 4px var(--funnel-accent-hover)}body.dark-theme .funnel-connection-point:hover{box-shadow:0 0 0 4px #60a5fa4d}.funnel-point-input{border-color:var(--funnel-accent-color);background:var(--funnel-accent-color)}.funnel-point-output{background:var(--funnel-bg-primary)}.funnel-point-sim{border-color:var(--funnel-sim)}.funnel-point-sim.connected{background:var(--funnel-sim);border-color:var(--funnel-sim)}.funnel-point-nao{border-color:var(--funnel-nao)}.funnel-point-nao.connected{background:var(--funnel-nao);border-color:var(--funnel-nao)}.funnel-point-initial{border-color:var(--funnel-initial);background:var(--funnel-initial);border:2px solid white;box-shadow:0 0 0 2px var(--funnel-initial)}.funnel-point-initial:hover{transform:scale(1.3);box-shadow:0 0 0 4px var(--funnel-initial)}.funnel-activation-alert{position:fixed;top:20px;right:20px;background:var(--funnel-bg-primary);border:1px solid var(--funnel-border-color);border-radius:var(--funnel-radius);padding:1rem;max-width:400px;z-index:2000;box-shadow:0 10px 25px -5px #0000001a;animation:funnel-slide-in .3s cubic-bezier(.4,0,.2,1)}body.dark-theme .funnel-activation-alert{box-shadow:0 10px 25px -5px #0000004d}@keyframes funnel-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.funnel-alert-content{display:flex;flex-direction:column;gap:.5rem}.funnel-alert-content strong{color:var(--funnel-text-primary);font-size:.875rem;font-weight:600}.funnel-alert-content p{margin:0;font-size:.75rem;color:var(--funnel-text-secondary);line-height:1.4}.funnel-alert-actions{display:flex;gap:.5rem;margin-top:.75rem}.funnel-alert-btn-secondary,.funnel-alert-btn-primary{padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;flex:1}.funnel-alert-btn-secondary{background:transparent;border-color:var(--funnel-border-color);color:var(--funnel-text-secondary)}.funnel-alert-btn-secondary:hover{background:var(--funnel-bg-tertiary);border-color:var(--funnel-text-tertiary);color:var(--funnel-text-primary)}.funnel-alert-btn-primary{background:var(--funnel-accent-color);border-color:var(--funnel-accent-color);color:#fff}.funnel-alert-btn-primary:hover{background:var(--funnel-accent-hover);border-color:var(--funnel-accent-hover)}.funnel-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:.875rem;color:var(--funnel-text-secondary);background:var(--funnel-bg-secondary);flex-direction:column;gap:1rem}.funnel-spinner{animation:funnel-spin 1s linear infinite;color:var(--funnel-accent-color)}@media (max-width: 768px){.funnel-header-area{padding:.75rem 1rem}.funnel-title{font-size:1rem}.funnel-status-toggle{min-width:80px;padding:.375rem .5rem}.funnel-back-button span,.funnel-fullscreen-btn span{display:none}.funnel-activation-alert{left:1rem;right:1rem;max-width:none}}