.bot-status-indicator{border:1px solid var(--gray-200);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.bot-status-indicator.loading .bot-status-main{align-items:center;gap:.75rem;padding:1rem;display:flex}.bot-status-indicator.loading .bot-emoji{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sleep-breathe{0%,to{opacity:.7;transform:scale(1)translateY(0)}50%{opacity:.9;transform:scale(1.05)translateY(-2px)}}@keyframes sleep-zzz{0%,to{opacity:0;transform:translateY(0)scale(.5)}25%{opacity:.7;transform:translateY(-5px)scale(.8)}50%{opacity:1;transform:translateY(-10px)scale(1)}75%{opacity:.5;transform:translateY(-15px)scale(.8)}}.bot-status-indicator.idle{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(135deg,#ffffff40 0%,#ffffff1a 50%,#ffffff26 100%);border:1px solid #ffffff4d;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff80,inset 0 -1px #0000000d}.bot-status-indicator.idle:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);width:200%;height:200%;animation:5s ease-in-out infinite liquid-shimmer;position:absolute;top:-50%;left:-50%}.bot-status-indicator.idle:after{content:"";pointer-events:none;background:linear-gradient(#fff3 0%,#0000 100%);border-radius:16px 16px 0 0;height:50%;position:absolute;top:0;left:0;right:0}@keyframes liquid-shimmer{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.bot-status-indicator.idle .bot-status-main{z-index:1;align-items:center;gap:.75rem;padding:1rem;display:flex;position:relative}.bot-status-indicator.idle .bot-emoji{opacity:.7;font-size:1.5rem;animation:3s ease-in-out infinite sleep-breathe;position:relative}.bot-status-indicator.idle .bot-emoji:after{content:"z";color:var(--gray-400);font-family:Comic Sans MS,cursive,sans-serif;font-size:.6rem;font-style:italic;font-weight:700;animation:2s ease-in-out infinite sleep-zzz;position:absolute;top:-8px;right:-6px}.bot-status-indicator.idle .bot-info{flex-direction:column;display:flex}.bot-status-indicator.idle .bot-text{color:#fffffff2;text-shadow:0 1px 2px #0003;font-size:.9rem;font-weight:600}.bot-status-indicator.idle .bot-subtitle{color:#ffffffbf;text-shadow:0 1px 2px #00000026;font-size:.75rem}.bot-status-indicator.processing{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:2px solid #3b82f6;animation:2s ease-in-out infinite processing-glow}@keyframes processing-glow{0%,to{box-shadow:0 0 15px #3b82f64d}50%{box-shadow:0 0 25px #3b82f680}}.bot-status-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem;transition:background-color .2s;display:flex}.bot-status-header:hover{background:#ffffff0d}.bot-header-left{align-items:center;gap:.75rem;display:flex}.bot-emoji{font-size:1.75rem;line-height:1}.bot-emoji.working{animation:1s ease-in-out infinite bot-bounce}@keyframes bot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bot-header-info{flex-direction:column;gap:.125rem;display:flex}.bot-text{color:#f8fafc;font-size:1rem;font-weight:700}.bot-order-id{color:#94a3b8;font-family:monospace;font-size:.8rem}.bot-toggle{color:#64748b;font-size:.75rem}.bot-progress-section{padding:0 1rem .75rem}.bot-progress-info{justify-content:space-between;margin-bottom:.375rem;display:flex}.bot-step-label{color:#94a3b8;font-size:.75rem;font-weight:500}.bot-progress-percent{color:#3b82f6;font-size:.75rem;font-weight:600}.bot-progress{background-color:#334155;border-radius:4px;height:8px;overflow:hidden}.bot-progress-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .5s;position:relative}.bot-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite progress-shimmer;position:absolute;inset:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bot-current-step-section{background:#ffffff0d;border-top:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.bot-step-status-badge{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;display:flex}.bot-step-status-badge.running{background:#fbbf2433;animation:1.5s infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.bot-step-status-badge.success{background:#22c55e33}.bot-step-status-badge.error{background:#ef444433}.bot-current-step-text{color:#e2e8f0;flex:1;font-size:.875rem;font-weight:500}.bot-details-panel{background:#0003;border-top:1px solid #ffffff1a;padding:1rem}.bot-detail-item{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.bot-detail-item:last-of-type{margin-bottom:1rem}.bot-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:500}.bot-detail-value{color:#cbd5e1;font-size:.875rem}.bot-items-progress{flex-direction:column;gap:.375rem;display:flex}.bot-items-count{color:#cbd5e1;font-size:.875rem;font-weight:500}.bot-items-bar{background:#334155;border-radius:3px;height:6px;overflow:hidden}.bot-actions{flex-direction:column;gap:.5rem;display:flex}.bot-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.bot-action-btn.view-btn{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.bot-action-btn.view-btn:hover{background:#3b82f64d}.bot-action-btn.stop-btn{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.bot-action-btn.stop-btn:hover:not(:disabled){background:#ef444440}.bot-action-btn.stop-btn:disabled{opacity:.5;cursor:not-allowed}.bot-detail-item.timer-item{background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.bot-detail-item.timer-item .bot-detail-label{color:#60a5fa;font-size:.75rem}.timer-value{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#60a5fa!important;font-size:1.5rem!important;font-weight:700!important}.bot-detail-item.products-item{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;padding:.75rem 1rem}.bot-detail-item.products-item .bot-detail-label{color:#4ade80}.bot-detail-item.url-item{background:#94a3b81a;border-radius:6px;padding:.5rem .75rem}.url-value{word-break:break-all;font-family:monospace;color:#94a3b8!important;font-size:.75rem!important}.bot-detail-item.error-item{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:.75rem 1rem}.bot-detail-item.error-item .bot-detail-label{color:#f87171}.error-value{color:#fca5a5!important}.bot-detail-item.product-item{background:#a855f726;border:1px solid #a855f74d;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;animation:2s ease-in-out infinite product-pulse}@keyframes product-pulse{0%,to{box-shadow:0 0 #a855f700}50%{box-shadow:0 0 10px #a855f74d}}.bot-detail-item.product-item .bot-detail-label{color:#c084fc;font-size:.75rem}.bot-detail-item.product-item .bot-detail-value{font-weight:600;line-height:1.4;color:#e9d5ff!important;font-size:.9rem!important}.bot-detail-item.action-item{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:6px;padding:.5rem .75rem}.bot-detail-item.action-item .bot-detail-label{color:#fbbf24}.bot-detail-item.action-item .bot-detail-value{font-weight:500;color:#fde68a!important}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-bg{z-index:0;position:absolute;inset:0}.sidebar-bg-img{opacity:.15;filter:blur(2px);pointer-events:none;width:280px;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.sidebar-bg-overlay{background:linear-gradient(#d06a9a 0%,#bb5990 10%,#8a4a75 20%,#5a3d65 30%,#3c2e50 40%,#2a2a44 55%,#1a1a2e 70%,#16213e 85%,#0f3460 100%);position:absolute;inset:0}.sidebar-content{z-index:1;scrollbar-width:thin;scrollbar-color:#bb599080 transparent;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:#bb599080;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#bb5990b3}.sidebar-logo-container{text-align:center;flex-shrink:0;padding:30px 10px 40px;position:relative;overflow:visible}.sidebar-logo-container:before{content:"";pointer-events:none;background:radial-gradient(at 50% 20%,#d06a9a66 0%,#bb599040 30%,#0000 60%);position:absolute;inset:0}.sidebar-logo-img{object-fit:contain;object-position:center;z-index:2;filter:drop-shadow(0 0 20px #bb599080);width:100%;max-width:240px;height:auto;margin:0 auto;animation:4s ease-in-out infinite floatImage;display:block;position:relative}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sidebar-blur-divider{z-index:2;-webkit-backdrop-filter:blur(12px);background:0 0;height:40px;margin:-20px 0;position:relative;-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%)}.sparkle{z-index:3;pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite sparkleFlash;position:absolute;box-shadow:0 0 6px 2px #fffc,0 0 12px 4px #bb599099,0 0 20px 8px #3c2e5066}.sparkle-1{animation-delay:0s;top:15%;left:20%}.sparkle-2{animation-delay:.4s;top:25%;right:15%}.sparkle-3{animation-delay:.8s;top:45%;left:10%}.sparkle-4{animation-delay:1.2s;top:35%;right:25%}.sparkle-5{animation-delay:1.6s;top:55%;left:30%}@keyframes sparkleFlash{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.light-flare{z-index:1;pointer-events:none;filter:blur(20px);border-radius:50%;animation:3s ease-in-out infinite flareGlow;position:absolute}.light-flare-1{background:radial-gradient(circle,#bb599080 0%,#d06a9a4d 50%,#0000 70%);width:80px;height:80px;animation-delay:0s;top:20%;left:50%;transform:translate(-50%)}.light-flare-2{background:radial-gradient(circle,#3c2e5080 0%,#5a3d654d 50%,#0000 70%);width:60px;height:60px;animation-delay:1.5s;top:40%;right:10%}@keyframes flareGlow{0%,to{opacity:.4;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.3)}}.sidebar-header{text-align:center;border-bottom:none;padding:1.5rem;position:relative}.logo-icon{color:#ffffffe6;filter:drop-shadow(0 0 10px #bb599099);margin-bottom:.5rem;font-size:2rem}.sidebar-header h2{background:linear-gradient(90deg,#bb5990 0%,#d88eb0 25%,#f0c6d8 35%,#fff5f8 50%,#f0c6d8 65%,#d88eb0 75%,#bb5990 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.75rem;font-weight:700;animation:4s ease-in-out infinite silviaShimmer;position:relative}@keyframes silviaShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar-header h2:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:50%;height:100%;animation:4s ease-in-out infinite sunRay;position:absolute;top:0;left:-100%}@keyframes sunRay{0%,to{opacity:0;left:-100%}40%{opacity:0}50%{opacity:1}60%{opacity:0}80%{opacity:0;left:200%}}.sidebar-header p{color:#fff9;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.bot-status-container{padding:1rem 1rem 0}.nav-links{flex:1;padding:1.5rem 0;list-style:none}.nav-links li a{color:#fffc;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;margin:.25rem .75rem;padding:1rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-links li a:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.nav-links li a:hover{-webkit-backdrop-filter:blur(10px);color:#fff;background:#0f346059;border:1px solid #0f346066;font-weight:700;transform:translate(4px);box-shadow:0 4px 20px #0f346040,inset 0 1px #ffffff1a}.nav-links li a:hover:before{opacity:1}.nav-links li a.active{-webkit-backdrop-filter:blur(12px);color:#4ade80;background:linear-gradient(135deg,#22c55e33 0%,#16a34a1f 100%);border:1px solid #22c55e4d;font-weight:700;box-shadow:0 4px 20px #22c55e33,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.footer-top-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.silvia-badge{text-align:center;-webkit-backdrop-filter:blur(8px);color:#ffffffb3;letter-spacing:.1em;background:linear-gradient(135deg,#bb599033 0%,#667eea26 100%);border:1px solid #ffffff1a;border-radius:20px;margin-bottom:0;padding:.35rem .85rem;font-size:.7rem;box-shadow:inset 0 1px #ffffff1a}.user-info{flex-direction:column;gap:.75rem;display:flex}.user-email{color:#ffffff80;word-break:break-all;text-align:center;font-size:.8rem}.logout-button{-webkit-backdrop-filter:blur(8px);color:#f87171;cursor:pointer;background:linear-gradient(135deg,#e9456026 0%,#e9456014 100%);border:1px solid #e9456033;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.logout-button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.logout-button:hover{background:linear-gradient(135deg,#e9456040 0%,#e9456026 100%);border-color:#e9456066;transform:translateY(-2px);box-shadow:0 4px 16px #e9456033}.main-content{background:linear-gradient(135deg,#f0f4f8 0%,#e8eef5 50%,#f5f7fa 100%);flex:1;max-width:calc(100vw - 260px);min-height:100vh;margin-left:260px;padding:2rem}.nav-divider{padding:1.25rem 1.5rem .5rem;list-style:none}.nav-divider span{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;font-size:.6875rem;font-weight:600}.mobile-only{display:none}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.layout{flex-direction:column}.main-content{width:100%;max-width:100vw;padding:calc(env(safe-area-inset-top,0px) + 56px) 0 calc(env(safe-area-inset-bottom,0px) + 64px);min-height:100vh;margin-left:0;overflow-x:hidden}.mobile-topbar{z-index:900;height:calc(env(safe-area-inset-top,0px) + 52px);padding-top:env(safe-area-inset-top,0px);background:linear-gradient(135deg,#3c2e50 0%,#1a1a2e 100%);justify-content:space-between;align-items:center;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000026}.mobile-topbar-left{align-items:center;display:flex}.mobile-logo{color:#fff;letter-spacing:.02em;font-size:1.125rem;font-weight:700}.mobile-topbar-right{align-items:center;gap:.75rem;display:flex}.bot-compact{color:#fffc;align-items:center;gap:.25rem;font-size:.875rem;display:inline-flex}.mobile-menu-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.mobile-menu-btn:hover{background:#fff3}.mobile-drawer-overlay{z-index:950;-webkit-backdrop-filter:blur(4px);background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{background:linear-gradient(#3c2e50 0%,#1a1a2e 60%,#0f3460 100%);flex-direction:column;width:80vw;max-width:320px;height:100%;animation:.25s slideInRight;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #0000004d}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{padding:1.5rem 1.25rem;padding-top:calc(env(safe-area-inset-top,0px) + 1.5rem);border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;display:flex}.mobile-drawer-logo{object-fit:contain;filter:drop-shadow(0 0 8px #bb599066);width:44px;height:44px}.mobile-drawer-header h3{color:#fff;margin:0;font-size:1rem;font-weight:700}.mobile-drawer-email{color:#ffffff73;margin:0;font-size:.75rem}.mobile-drawer-nav{flex-direction:column;flex:1;padding:.75rem 0;display:flex}.mobile-drawer-link{color:#ffffffb3;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.9375rem;text-decoration:none;transition:all .2s;display:flex}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:#fff;background:#bb599026}.mobile-drawer-link.active{border-left:3px solid #bb5990}.drawer-arrow{opacity:.4;margin-left:auto}.mobile-drawer-divider{padding:1rem 1.25rem .375rem}.mobile-drawer-divider span{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;font-size:.6875rem;font-weight:600}.mobile-drawer-footer{padding:1rem 1.25rem;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);border-top:1px solid #ffffff14;flex-direction:column;gap:.75rem;display:flex}.mobile-logout-btn{color:#f87171;cursor:pointer;background:#e9456026;border:1px solid #e9456033;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem;font-size:.875rem;display:flex}.bottom-nav{z-index:900;height:calc(env(safe-area-inset-bottom,0px) + 56px);padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);border-top:1px solid #ffffff14;align-items:stretch;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #0003;display:flex!important}.bottom-nav-item{color:#ffffff80;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding-top:6px;font-size:.625rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-nav-item.active{color:#4ade80}.bottom-nav-item.active:before{content:"";background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:25%;right:25%}.bottom-nav-item svg{flex-shrink:0}}.silvia-spinner-svg{width:36px;height:36px;animation:1s linear infinite silvia-rotate}.silvia-spinner-track{fill:none;stroke:#bb599026;stroke-width:4px}.silvia-spinner-fill{fill:none;stroke:#bb5990;stroke-width:4px;stroke-linecap:round;stroke-dasharray:90 126;animation:1.4s ease-in-out infinite silvia-dash}@keyframes silvia-rotate{to{transform:rotate(360deg)}}@keyframes silvia-dash{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-60px}to{stroke-dashoffset:-126px}}.silvia-loader-screen{background:linear-gradient(160deg,#1a1028 0%,#2d1f3d 40%,#3c2e50 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100dvh;display:flex}.silvia-loader-brand{flex-direction:column;align-items:center;gap:.5rem;display:flex}.silvia-loader-logo{object-fit:contain;width:48px;height:48px;animation:2s ease-in-out infinite silvia-logo-pulse}@keyframes silvia-logo-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.silvia-loader-name{color:#d4a0c0;letter-spacing:.05em;font-size:1.5rem;font-weight:700}.silvia-loader-screen .silvia-spinner-track{stroke:#ffffff1a}.silvia-loader-screen .silvia-spinner-fill{stroke:#d4a0c0}.silvia-loader-screen .silvia-loader-text{color:#ffffff80;font-size:.875rem}.silvia-loader-inline{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;padding:2rem;display:flex}.silvia-loader-inline .silvia-loader-text{color:#6b7280;font-size:.9375rem}.login-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#e9456026 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#667eea26 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#fffffff2;border:1px solid #fff3;border-radius:20px;width:100%;max-width:420px;padding:3rem;position:relative;box-shadow:0 25px 50px -12px #0006}.login-logo{text-align:center;filter:drop-shadow(0 0 20px #e9456066);margin-bottom:.5rem;font-size:3.5rem}.login-card h1{background:linear-gradient(135deg,#e94560,#667eea);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.login-subtitle{text-align:center;color:var(--gray-500);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2.5rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--gray-700);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input{border:2px solid var(--gray-200);background:var(--gray-50);border-radius:10px;width:100%;padding:.875rem 1.25rem;font-size:1rem;transition:all .3s}.form-group input:focus{background:#fff;border-color:#e94560;outline:none;box-shadow:0 0 0 4px #e945601a}.form-group input:disabled{background-color:var(--gray-100);cursor:not-allowed}.form-group input::placeholder{color:var(--gray-400)}.login-button{color:#fff;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#e94560,#667eea);border:none;border-radius:10px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -5px #e9456066}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.sync-progress-bar{z-index:1000;background:#fff;border-radius:12px;width:400px;animation:.3s ease-out slideIn;position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a}.sync-progress-bar.hiding{animation:.5s ease-in forwards slideOut}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.sync-progress-bar.syncing{border-left:4px solid #3b82f6}.sync-progress-bar.done{border-left:4px solid #059239}.sync-progress-bar.error{border-left:4px solid #dc3545}.sync-progress-content{padding:1rem 1.25rem}.sync-progress-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.sync-progress-icon{font-size:1.25rem;animation:none}.sync-progress-bar.syncing .sync-progress-icon{animation:1s linear infinite spin}.sync-progress-title{color:#1f2937;flex:1;font-size:.9rem;font-weight:600}.sync-progress-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;transition:all .2s;display:flex}.sync-progress-close:hover{color:#374151;background:#e5e7eb}.sync-progress-track{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.sync-progress-fill{border-radius:4px;height:100%;transition:width .3s}.sync-progress-bar.syncing .sync-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sync-progress-bar.done .sync-progress-fill{background:linear-gradient(90deg,#059239,#10b981)}.sync-progress-bar.error .sync-progress-fill{background:linear-gradient(90deg,#dc3545,#ef4444)}.sync-progress-info{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.sync-progress-count{color:#6b7280;font-size:.8rem}.sync-progress-percentage{color:#374151;font-size:.8rem;font-weight:600}.sync-progress-message{color:#6b7280;margin-top:.5rem;font-size:.8rem;line-height:1.4}.sync-progress-bar.error .sync-progress-message{color:#dc2626}.sync-details{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}.sync-detail-row{justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8rem;display:flex}.sync-detail-label{color:#6b7280}.sync-detail-value{color:#374151;font-weight:600}.sync-detail-row.updated .sync-detail-value{color:#059239}.sync-detail-row.skipped .sync-detail-value{color:#f59e0b}.sync-detail-row.errors .sync-detail-value{color:#dc3545}.sync-detail-note{color:#9ca3af;margin-top:.5rem;font-size:.7rem;font-style:italic}.dashboard-header{border-bottom:2px solid #e945601a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.dashboard-header h1{background:linear-gradient(135deg,#1a1a2e,#16213e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem}.header-left{align-items:center;gap:1rem;display:flex}.dev-badge{color:#fff;letter-spacing:.1em;background:linear-gradient(135deg,#e94560,#667eea);border-radius:20px;padding:.3rem .85rem;font-size:.65rem;font-weight:700;box-shadow:0 4px 15px #e945604d}.header-right{color:var(--gray-500);align-items:center;gap:1rem;font-size:.875rem;display:flex}.header-sync-btn:active:not(:disabled){transform:translateY(0)}.header-sync-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-400);box-shadow:none}.header-delete-videos-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.813rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #dc262633}.header-delete-videos-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.header-delete-videos-btn:active:not(:disabled){transform:translateY(0)}.header-delete-videos-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-400);box-shadow:none}.last-sync,.last-update{color:var(--gray-400);font-size:.75rem}.alert{border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem}.alert-info{color:#1a1a2e;background:linear-gradient(135deg,#e9456014,#667eea14);border:1px solid #e9456033}.alert strong{color:#e94560;font-weight:600}.quick-stats-row{gap:1rem;margin-bottom:1.5rem;display:flex}.quick-stat{background:#fff;border:1px solid #0000000d;border-radius:16px;flex:1;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000d}.quick-stat:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.quick-stat.today{border-left:4px solid #e94560}.quick-stat.hour{border-left:4px solid #667eea}.quick-stat-icon{font-size:2rem}.quick-stat-value{color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1}.quick-stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stats-grid{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-stats-row{flex-direction:column}}.stat-card{background:#fff;border:1px solid #0000000d;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.stat-card:before{content:"";background:var(--gray-300);height:4px;position:absolute;top:0;left:0;right:0}.stat-card.pending:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.processing:before{background:linear-gradient(90deg,#e94560,#f472b6)}.stat-card.completed:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.failed:before{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card.partial:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-icon{font-size:1.5rem}.stat-content{align-items:baseline;gap:.5rem;display:flex}.stat-value{color:var(--gray-900);font-size:2rem;font-weight:700}.stat-label{color:var(--gray-600);font-size:.875rem;font-weight:500}.stat-sublabel{color:var(--gray-400);font-size:.75rem}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=992px){.dashboard-grid{grid-template-columns:1fr}}.section{background:#fff;border:1px solid #0000000d;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.section h2{color:#1a1a2e;margin:0 0 1.25rem;font-size:1.125rem;font-weight:600}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-header h2{margin:0}.section-footer{text-align:center;border-top:1px solid var(--gray-200);margin-top:1.5rem;padding-top:1rem}.queue-status{flex-direction:column;gap:.75rem;display:flex}.queue-metric{background:var(--gray-50);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.metric-label{color:var(--gray-600);font-size:.875rem}.metric-value{color:var(--gray-900);font-weight:600}.metric-value.large{font-size:1.5rem}.metric-value.small{color:var(--gray-500);font-size:.875rem}.metric-value.active{color:var(--success-color)}.metric-value.link{color:var(--primary-color);text-decoration:none}.metric-value.link:hover{text-decoration:underline}.queue-metric.highlight-red{background:#fef2f2;border-left:3px solid #ef4444}.queue-metric.highlight-red .metric-value{color:#dc2626}.queue-metric.highlight-yellow{background:#fefce8;border-left:3px solid #eab308}.queue-metric.highlight-yellow .metric-value{color:#ca8a04}.queue-metric.highlight-green{background:#f0fdf4;border-left:3px solid #22c55e}.queue-metric.highlight-green .metric-value{color:#16a34a}.queue-metric.highlight-orange{background:#fff7ed;border-left:3px solid #f97316}.queue-metric.highlight-orange .metric-value{color:#ea580c}.queue-metric.highlight-blue{background:#eff6ff;border-left:3px solid #3b82f6}.queue-metric.highlight-blue .metric-value{color:#2563eb}.today-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.today-stat{text-align:center;background:var(--gray-50);border-radius:8px;padding:1rem}.today-stat.success{background:#dcfce7}.today-stat.warning{background:#fef3c7}.today-stat.danger{background:#fee2e2}.today-number{color:var(--gray-900);font-size:1.75rem;font-weight:700;display:block}.today-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.success-rate{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.rate-label{color:var(--gray-600);font-size:.875rem}.rate-value{color:#16a34a;font-size:1.25rem;font-weight:700}.tab-buttons{gap:.5rem;display:flex}.tab-btn{color:var(--gray-600);cursor:pointer;background:#fff;border:1px solid #e9456033;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .3s}.tab-btn:hover{color:#e94560;background:#e945600d;border-color:#e945604d}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#e94560,#667eea);border-color:#0000;box-shadow:0 4px 15px #e945604d}.empty-state{text-align:center;color:var(--gray-500);padding:3rem}.empty-icon{margin-bottom:1rem;font-size:3rem;display:block}.orders-table-container{margin:0 -1.5rem;padding:0 1.5rem;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;font-size:.875rem}.orders-table th{text-align:left;background:var(--gray-50);color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-200);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.orders-table td{border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:.875rem 1rem}.orders-table tbody tr:hover{background:var(--gray-50)}.orders-table tbody tr.clickable-row:hover{background:linear-gradient(135deg,#667eea0d 0%,#e945600d 100%);transform:translate(2px)}.orders-table tbody tr.clickable-row:active{background:#667eea1a;transform:translate(0)}.orders-table .row-error{background:#fef2f2}.orders-table .row-error:hover{background:#fee2e2}.order-id strong{color:var(--gray-900)}.customer-cell{min-width:150px}.customer-name{color:var(--gray-900);font-weight:500}.customer-phone{color:var(--gray-500);font-size:.75rem}.items-cell{white-space:nowrap}.items-count{color:var(--gray-900);margin-right:.25rem;font-weight:600}.items-label{color:var(--gray-500);font-size:.8rem}.delivery-cell{white-space:nowrap}.delivery-icon{margin-right:.5rem}.delivery-method{font-weight:500}.paczkomat-code{color:var(--gray-500);font-family:monospace;font-size:.75rem;display:block}.time-cell{white-space:nowrap}.time-relative{color:var(--gray-900);font-weight:500}.time-exact{color:var(--gray-500);font-size:.75rem}.supplier-id{background:var(--gray-100);border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.8rem}.action-btn{background:var(--gray-100);color:var(--gray-700);border-radius:4px;padding:.375rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.action-btn:hover{background:var(--primary-color);color:#fff}.status-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.pending{color:#4c51bf;background:linear-gradient(135deg,#667eea26,#667eea1a);border:1px solid #667eea4d}.status-badge.processing{color:#be185d;background:linear-gradient(135deg,#e9456026,#e945601a);border:1px solid #e945604d}.status-badge.completed{color:#059669;background:linear-gradient(135deg,#10b98126,#10b9811a);border:1px solid #10b9814d}.status-badge.failed{color:#dc2626;background:linear-gradient(135deg,#ef444426,#ef44441a);border:1px solid #ef44444d}.status-badge.partial{color:#d97706;background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);border:1px solid #f59e0b4d}.button{cursor:pointer;border:none;border-radius:20px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.button.primary{color:#fff;background:linear-gradient(135deg,#e94560,#667eea);box-shadow:0 4px 15px #e945604d}.button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.dashboard-footer{color:var(--gray-400);border-top:1px solid #e945601a;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;padding:1.5rem;font-size:.8rem;display:flex}.dashboard-footer span:first-child{background:linear-gradient(135deg,#e94560,#667eea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.header-sync-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.813rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #2563eb33}.header-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.header-sync-btn:disabled{opacity:.6;cursor:not-allowed}.main-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=992px){.main-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.main-stats-grid{grid-template-columns:1fr}}.main-stat-card{background:#fff;border:1px solid #0000000d;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.main-stat-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.main-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001a}.main-stat-card.remaining:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.main-stat-card.remaining .main-stat-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.main-stat-card.payment:before{background:linear-gradient(90deg,#ef4444,#f87171)}.main-stat-card.payment .main-stat-icon{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca)}.main-stat-card.completed:before{background:linear-gradient(90deg,#10b981,#34d399)}.main-stat-card.completed .main-stat-icon{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.main-stat-card.errors:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.main-stat-card.errors .main-stat-icon{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.main-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.main-stat-content{flex:1}.main-stat-value{color:var(--gray-900);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.main-stat-label{color:var(--gray-500);font-size:.8rem;font-weight:500}.dashboard-content-grid{grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=992px){.dashboard-content-grid{grid-template-columns:1fr}}.section-header-row{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.section-header-row h2{color:#1a1a2e;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.chart-container{padding:1rem 0}.bar-chart{justify-content:space-between;align-items:flex-end;gap:.5rem;height:180px;margin-bottom:1rem;padding-bottom:1rem;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.chart-bars{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:120px;display:flex}.chart-bar{cursor:help;border-radius:4px 4px 0 0;width:12px;min-height:4px;transition:all .3s}.chart-bar.completed{background:linear-gradient(#10b981,#34d399)}.chart-bar.errors{background:linear-gradient(#ef4444,#f87171)}.chart-bar:hover{opacity:.9;transform:scaleY(1.05)}.chart-label{color:var(--gray-500);text-align:center;white-space:nowrap;font-size:.7rem}.chart-value{color:var(--gray-700);font-size:.75rem;font-weight:600}.chart-legend{border-top:1px solid var(--gray-100);justify-content:center;gap:1.5rem;padding-top:.5rem;display:flex}.legend-dot{border-radius:2px;width:10px;height:10px}.legend-item.completed .legend-dot{background:linear-gradient(135deg,#10b981,#34d399)}.legend-item.errors .legend-dot{background:linear-gradient(135deg,#ef4444,#f87171)}.day-summary{flex-direction:column;gap:1rem;display:flex}.summary-row{gap:.75rem;display:flex}.summary-row.primary,.summary-row.secondary{gap:.75rem}.summary-item{background:var(--gray-50);border-radius:12px;flex:1;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;display:flex}.summary-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-item.remaining{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.summary-item.remaining .summary-icon{color:#d97706}.summary-item.payment{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.summary-item.payment .summary-icon{color:#dc2626}.summary-item.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.summary-item.completed .summary-icon{color:#059669}.summary-item.errors{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.summary-item.errors .summary-icon{color:#d97706}.summary-item.effectiveness{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.summary-item.effectiveness .summary-icon{color:#2563eb}.summary-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.summary-data{flex-direction:column;display:flex}.summary-value{color:var(--gray-900);font-size:1.5rem;font-weight:700;line-height:1}.summary-label{color:var(--gray-600);margin-top:.25rem;font-size:.7rem;font-weight:500}.total-today{color:var(--gray-600);background:linear-gradient(135deg,#e945600d,#667eea0d);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:.875rem;display:flex}.total-today strong{color:var(--gray-900);font-size:1.1rem}.dashboard.kamar-theme{--kamar-primary:#103547;--kamar-success:#059239;--kamar-success-light:#10b981;--kamar-warning:#f59e0b;--kamar-danger:#dc3545;--kamar-info:#3b82f6;--kamar-info-light:#60a5fa;--kamar-yellow:#ffc107;--kamar-gray:#6c757d}.dashboard.kamar-theme .dashboard-header{border-bottom:2px solid #1035471a}.dashboard.kamar-theme .dashboard-header h1{background:linear-gradient(135deg,#103547,#1a4a5e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard.kamar-theme .header-sync-btn{background:linear-gradient(135deg,#103547 0%,#1a4a5e 100%);box-shadow:0 2px 4px #10354733}.dashboard.kamar-theme .header-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a4a5e 0%,#234f66 100%);box-shadow:0 4px 8px #1035474d}.remaining-orders-section{margin-bottom:1.5rem}.celebration-banner{background:linear-gradient(135deg,#059239 0%,#10b981 50%,#34d399 100%);border-radius:12px;justify-content:center;align-items:center;gap:15px;padding:20px 25px;animation:2s ease-in-out infinite pulseGreen;display:flex;box-shadow:0 4px 12px #05923966}@keyframes pulseGreen{0%,to{box-shadow:0 4px 12px #05923966}50%{box-shadow:0 6px 20px #05923999}}.celebration-icon{font-size:32px;animation:1.5s ease-in-out infinite wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.celebration-text{color:#fff;text-shadow:0 1px 2px #0003;font-size:18px;font-weight:700}.remaining-orders-container{background:#fff;border:1px solid #dee2e6;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.remaining-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:1px solid #dee2e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.remaining-title{color:#103547;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.remaining-title svg{color:#103547}.remaining-summary{align-items:center;gap:12px;display:flex}.remaining-amount{color:#103547;white-space:nowrap;background:linear-gradient(135deg,#ffc107 0%,#ffda6a 100%);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #ffc1074d}.remaining-count{color:#fff;white-space:nowrap;background:#495057;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0003}.remaining-cards{flex-wrap:wrap;gap:15px;padding:15px 20px;display:flex}.remaining-card{color:#fff;cursor:default;border-radius:12px;flex:1;justify-content:space-between;align-items:center;min-width:180px;padding:15px 20px;transition:all .2s;display:flex;box-shadow:0 3px 10px #0003}.remaining-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.remaining-card.prepaid{background:linear-gradient(135deg,#059239 0%,#10b981 50%,#34d399 100%)}.remaining-card.cod{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 50%,#93c5fd 100%)}.remaining-card.dhl{color:#103547;background:linear-gradient(135deg,#ffc107 0%,#ffda6a 50%,#fef08a 100%)}.remaining-card.reservation{background:linear-gradient(135deg,#6366f1 0%,#818cf8 50%,#a5b4fc 100%)}.card-content{flex-direction:column;gap:4px;display:flex}.card-label{opacity:.9;font-size:11px}.card-amount{font-size:16px;font-weight:700}.card-emoji{letter-spacing:2px;margin-top:4px;font-size:14px}.card-count{background:#fff3;border-radius:12px;padding:8px 14px;font-size:16px;font-weight:700}.remaining-card.dhl .card-count{background:#0000001a}.bot-kpi-section{background:#fff;border:1px solid #0000000d;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.section-title{color:#103547;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;display:flex}.section-icon{font-size:1.25rem}.bot-kpi-grid{grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=992px){.bot-kpi-grid{grid-template-columns:1fr}}.bot-status-card{min-height:200px}.kpi-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=768px){.kpi-stats-grid{grid-template-columns:repeat(2,1fr)}}.kpi-stat{background:var(--gray-50);border-radius:12px;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.kpi-stat:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.kpi-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kpi-stat.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.kpi-stat.completed:before{background:linear-gradient(90deg,#059239,#10b981)}.kpi-stat.completed .kpi-icon{color:#059239}.kpi-stat.payment{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.kpi-stat.payment:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.kpi-stat.payment .kpi-icon{color:#3b82f6}.kpi-stat.errors{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.kpi-stat.errors:before{background:linear-gradient(90deg,#dc3545,#ef4444)}.kpi-stat.errors .kpi-icon{color:#dc3545}.kpi-stat.queue{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.kpi-stat.queue:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-stat.queue .kpi-icon{color:#d97706}.kpi-stat.effectiveness{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc}.kpi-stat.effectiveness:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.kpi-stat.effectiveness .kpi-icon{color:#6366f1}.kpi-stat.today{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #d8b4fe}.kpi-stat.today:before{background:linear-gradient(90deg,#9333ea,#a855f7)}.kpi-stat.today .kpi-icon{color:#9333ea}.kpi-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-content{flex-direction:column;display:flex}.kpi-value{color:var(--gray-900);font-size:1.5rem;font-weight:700;line-height:1}.kpi-label{color:var(--gray-600);margin-top:.25rem;font-size:.7rem;font-weight:500}.bot-status-breakdown{border-top:1px solid var(--gray-200);padding-top:1rem}.breakdown-title{color:#103547;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.status-pills{flex-wrap:wrap;gap:.5rem;display:flex}.status-pill{border:1px solid;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.status-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.pill-icon{font-size:.875rem}.pill-label{font-weight:500}.pill-count{background:#ffffff4d;border-radius:10px;padding:.125rem .5rem;font-weight:700}.dashboard.kamar-theme .chart-section{background:#fff;border:1px solid #0000000d;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.dashboard.kamar-theme .chart-section h2{color:#103547}.dashboard.kamar-theme .chart-bar.completed{background:linear-gradient(#059239,#10b981)}.dashboard.kamar-theme .chart-bar.errors{background:linear-gradient(#dc3545,#ef4444)}.dashboard.kamar-theme .legend-item.completed .legend-dot{background:linear-gradient(135deg,#059239,#10b981)}.dashboard.kamar-theme .legend-item.errors .legend-dot{background:linear-gradient(135deg,#dc3545,#ef4444)}@media (width<=768px){.dashboard{padding:.75rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.dashboard-header h1{font-size:1.25rem}.header-left{justify-content:space-between;width:100%}.header-right{flex-wrap:wrap;gap:.5rem;width:100%;font-size:.75rem}.header-sync-btn,.header-delete-videos-btn{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.75rem}.quick-stats-row{gap:.5rem;margin-bottom:1rem}.quick-stat{gap:.5rem;padding:.75rem}.quick-stat-icon{font-size:1.5rem}.quick-stat-value{font-size:1.25rem}.stat-card{gap:.375rem;padding:.875rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.main-stat-card{gap:.75rem;padding:1rem}.main-stat-icon{width:40px;height:40px}.main-stat-value{font-size:1.5rem}.main-stat-label{font-size:.75rem}.dashboard-content-grid{gap:1rem;margin-bottom:1rem}.section{padding:1rem}.section h2{font-size:1rem}.today-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.today-stat{padding:.75rem .5rem}.today-number{font-size:1.25rem}.summary-row{flex-wrap:wrap}.summary-item{flex:calc(50% - .5rem);min-width:calc(50% - .5rem);padding:.75rem}.summary-value{font-size:1.125rem}.bar-chart{gap:.25rem;height:140px}.chart-bar{width:8px}.chart-label{font-size:.6rem}.chart-legend{gap:.75rem}.celebration-banner{gap:10px;padding:15px 20px}.celebration-icon{font-size:24px}.celebration-text{font-size:14px}.remaining-header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.remaining-title{font-size:13px}.remaining-summary{flex-wrap:wrap;gap:8px;width:100%}.remaining-amount,.remaining-count{padding:6px 12px;font-size:12px}.remaining-cards{flex-direction:column;gap:8px;padding:10px 12px}.remaining-card{min-width:100%;padding:12px 16px}.card-label{font-size:10px}.card-amount{font-size:14px}.card-count{padding:6px 12px;font-size:14px}.bot-kpi-section{margin-bottom:1rem;padding:1rem}.section-title{margin-bottom:1rem;font-size:1rem}.kpi-stat{gap:.5rem;padding:.75rem}.kpi-value{font-size:1.125rem}.kpi-label{font-size:.65rem}.status-pills{gap:.375rem}.status-pill{padding:.25rem .5rem;font-size:.7rem}.orders-table-container{margin:0 -1rem;padding:0}.orders-table{min-width:600px;font-size:.8rem}.orders-table th,.orders-table td{padding:.5rem}.alert{margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.dashboard-footer{margin-top:1rem;padding:1rem;font-size:.75rem}.queue-metric{padding:.5rem .75rem;font-size:.85rem}.tab-buttons{flex-wrap:wrap}.tab-btn{padding:.375rem .75rem;font-size:.8rem}.section-header{flex-direction:column;align-items:flex-start}}.orders-page{max-width:100%}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h1{color:var(--gray-900);font-size:2rem}.filters{align-items:center;gap:.75rem;display:flex}.filters label{color:var(--gray-700);font-weight:500}.filters select{border:1px solid var(--gray-300);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;border-radius:6px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem}.filters select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.sync-all-btn,.export-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.sync-all-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #0000}.sync-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb4d}.sync-all-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.sync-all-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-400)}.export-button{color:var(--gray-700);border:1px solid var(--gray-300);background:#fff}.export-button:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);box-shadow:0 2px 4px #0000000d}.export-button:active:not(:disabled){background:var(--gray-100)}.export-button:disabled{opacity:.6;cursor:not-allowed}.selection-bar{background-color:var(--primary-color);color:#fff;border-radius:8px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.selection-bar span{font-weight:500}.process-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s;display:flex}.process-btn:hover:not(:disabled){background-color:#059669}.process-btn:disabled{opacity:.7;cursor:not-allowed}.clear-selection-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #ffffff80;border-radius:6px;padding:.5rem 1rem;transition:background-color .2s}.clear-selection-btn:hover:not(:disabled){background-color:#ffffff1a}.spinner{border:2px solid #0000;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}.checkbox-col input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.checkbox-col input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.orders-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .15s}.orders-table th.sortable:hover{background-color:#e5e7eb}.sort-indicator{color:var(--gray-400);opacity:.5;margin-left:.25rem;font-size:.75rem;transition:opacity .15s}.orders-table th.sortable:hover .sort-indicator{opacity:1}.sort-indicator.active{color:var(--primary-color);opacity:1;font-weight:600}.orders-table tbody tr.selected{background-color:#2563eb1a}.orders-table tbody tr.clickable-row{cursor:pointer;transition:background-color .15s}.orders-table tbody tr.clickable-row:hover{background-color:#2563eb0d}.orders-table tbody tr.clickable-row.selected:hover{background-color:#2563eb26}.actions-col{text-align:center}.view-hint{opacity:.5;transition:opacity .15s}.orders-table tbody tr.clickable-row:hover .view-hint{opacity:1}.results-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.results-modal{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;padding:2rem;overflow-y:auto;box-shadow:0 10px 25px #0003}.results-modal h2{color:var(--gray-900);margin-top:0;margin-bottom:1.5rem}.results-list{flex-direction:column;gap:1rem;display:flex}.result-item{border-radius:8px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.result-item.success{background-color:#ecfdf5;border:1px solid #10b981}.result-item.error{background-color:#fef2f2;border:1px solid #ef4444}.result-item.warning{background-color:#fef3c7;border:1px solid #f59e0b}.results-summary{background-color:var(--gray-100);border-radius:6px;gap:1rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem;display:flex}.result-icon{font-size:1.25rem}.result-details{flex-direction:column;gap:.25rem;display:flex}.result-details strong{color:var(--gray-900)}.result-details .supplier-id{background-color:var(--gray-100);border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.875rem}.result-details .amount{color:var(--gray-600);font-size:.875rem}.result-details .error-msg{color:#dc2626;font-size:.875rem}.result-details .ok-msg{color:#059669;font-size:.875rem}.close-btn{background-color:var(--gray-900);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:1.5rem;padding:.75rem;font-weight:500;transition:background-color .2s}.close-btn:hover{background-color:var(--gray-800)}.status-badge.wc-on-hold,.status-badge.wc-pending{color:#5c4813;background-color:#f8dda7}.status-badge.wc-cancelled{color:#555;background-color:#f2f2f2}.status-badge.wc-failed{color:#5c1a1a;background-color:#f0baba}.status-badge.wc-refunded{color:#fff;background-color:#8494a3}.status-badge.wc-unknown{color:#9ca3af;background-color:#f9fafb}.status-badge.wc-processing.has-complaint{color:#145020;background-color:#9fcc9f}.status-badge.wc-completed.has-complaint{color:#1f3a4a;background-color:#a3bcc9}.status-badge.wc-on-hold.has-complaint,.status-badge.wc-pending.has-complaint{color:#4a3810;background-color:#f0c86e}.status-badge.wc-cancelled.has-complaint{color:#333;background-color:#d9d9d9}.status-badge.wc-failed.has-complaint{color:#4a1515;background-color:#e09090}.status-badge.bot-status{padding:.2rem .4rem;font-size:.7rem}.status-badge.bot-status.pending{color:#495057;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #6c757d}.status-badge.bot-status.processing{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b}.status-badge.bot-status.completed{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #10b981}.status-badge.bot-status.failed{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #dc3545}.status-badge.bot-status.ordered-awaiting-payment{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #3b82f6}.status-badge.bot-status.ordered-by-woocommerce{color:#4b5563;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border:1px solid #9ca3af}.status-badge.bot-status.product-unavailable{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b}.status-badge.bot-status.partial{color:#854d0e;background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);border:1px solid #eab308}.status-badge.bot-status.reservation{color:#3730a3;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border:1px solid #6366f1}.failed-count{color:var(--danger-color);font-size:.875rem}.company{color:var(--gray-600);margin-top:.25rem;font-size:.875rem}.supplier-id{background-color:var(--gray-100);border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.875rem}.toast-notification{color:#fff;z-index:2000;background:linear-gradient(135deg,#059239 0%,#10b981 100%);border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:500;animation:.3s ease-out toastSlideIn;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #05923966}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.workflow-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.workflow-badge.workflow-reservation{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b}.workflow-badge.workflow-needs-ordering{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #3b82f6;animation:2s ease-in-out infinite pulse-needs-order}@keyframes pulse-needs-order{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 4px #3b82f600}}.workflow-badge.workflow-ordered{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #059239}.workflow-badge.workflow-completed{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db}.workflow-badge.workflow-other{color:#9ca3af;background:#fafafa;border:1px solid #e5e7eb}.orders-table tbody tr.workflow-reservation{background-color:#fef3c726;border-left:4px solid #f59e0b}.orders-table tbody tr.workflow-needs-ordering{background-color:#dbeafe26;border-left:4px solid #3b82f6}.orders-table tbody tr.workflow-ordered{background-color:#dcfce71a;border-left:4px solid #059239}.orders-table tbody tr.workflow-completed{opacity:.65;background-color:#f9fafb;border-left:4px solid #d1d5db}.orders-table tbody tr.workflow-completed:hover{opacity:.85;background-color:#f3f4f6}.orders-table tbody tr.workflow-completed td{color:#6b7280}.orders-table tbody tr.workflow-completed .supplier-id{color:#6b7280;background-color:#e5e7eb}.orders-table tbody tr.workflow-other{background-color:#fafafa;border-left:4px solid #e5e7eb}.orders-table tbody tr.workflow-reservation:hover{background-color:#fef3c74d}.orders-table tbody tr.workflow-needs-ordering:hover{background-color:#dbeafe4d}.orders-table tbody tr.workflow-ordered:hover{background-color:#dcfce740}.orders-table tbody tr.workflow-other:hover{background-color:#f3f4f6}@media (width<=768px){.orders-page{padding:0}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.page-header h1{font-size:1.25rem}.filters{flex-wrap:wrap;gap:.5rem;width:100%}.filters label{font-size:.8rem}.filters select{flex:1;min-width:120px;padding:.4rem 1.5rem .4rem .5rem;font-size:.8rem}.sync-all-btn,.export-button{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.8rem}.selection-bar{flex-wrap:wrap;gap:.5rem;padding:.75rem;font-size:.85rem}.process-btn{flex:1;justify-content:center}.orders-table{min-width:800px}.orders-table th,.orders-table td{padding:.5rem;font-size:.8rem}.customer-cell{min-width:120px}.results-modal{width:95%;max-height:85vh;padding:1.25rem}.results-modal h2{margin-bottom:1rem;font-size:1.1rem}.result-item{padding:.75rem}.toast-notification{left:1rem;right:1rem;bottom:calc(env(safe-area-inset-bottom) + 72px);text-align:center;padding:.75rem 1rem;font-size:.9rem;transform:none}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.workflow-badge{padding:.25rem .5rem;font-size:.7rem}}.order-detail{max-width:100%}.order-detail .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.order-detail .header-right{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.order-detail .status-container{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.order-detail .status-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.order-detail .status-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.order-detail .action-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.order-detail .action-btn{cursor:pointer;-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:.5rem;width:auto;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.order-detail .action-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff4d 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.order-detail .action-btn.sync-btn{color:#fff;background:linear-gradient(135deg,#3b82f6e6 0%,#2563ebf2 100%);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #fff3}.order-detail .action-btn.sync-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #3b82f666,inset 0 1px #ffffff4d}.order-detail .action-btn.process-btn{color:#fff;background:linear-gradient(135deg,#10b981e6 0%,#059669f2 100%);box-shadow:0 4px 16px #10b9814d,inset 0 1px #fff3}.order-detail .action-btn.process-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #10b98166,inset 0 1px #ffffff4d}.order-detail .action-btn.retry-btn{color:#fff;background:linear-gradient(135deg,#6366f1e6 0%,#4f46e5f2 100%);box-shadow:0 4px 16px #6366f14d,inset 0 1px #fff3}.order-detail .action-btn.retry-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px #6366f166,inset 0 1px #ffffff4d}.order-detail .action-btn.retry-btn.warning{color:#fff;background:linear-gradient(135deg,#f59e0be6 0%,#d97706f2 100%);box-shadow:0 4px 16px #f59e0b4d,inset 0 1px #fff3}.order-detail .action-btn.retry-btn.warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.order-detail .action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-link{color:var(--primary-color);margin-bottom:1rem;font-weight:500;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.order-detail h1{color:var(--gray-900);margin:0;font-size:2rem}.error-page{text-align:center;padding:4rem 2rem}.error-page h1{color:var(--gray-900);margin-bottom:1rem;font-size:2rem}.error-page p{color:var(--gray-600);margin-bottom:2rem}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.detail-section{-webkit-backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 50%,#f8fafcd9 100%);border:1px solid #ffffff80;border-radius:20px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fffc,inset 0 -1px #00000005}.detail-section:before{content:"";pointer-events:none;background:linear-gradient(#fff6 0%,#0000 100%);border-radius:20px 20px 0 0;height:40%;position:absolute;top:0;left:0;right:0}.detail-section.full-width{grid-column:1/-1}.detail-section h2{color:var(--gray-900);z-index:1;border-bottom:1px solid #0000000f;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;position:relative}.detail-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:.75rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row.error{border:1px solid var(--danger-color);background-color:#fef2f2;border-radius:6px;padding:.75rem}.detail-row .label{color:var(--gray-700);font-weight:500}.detail-row .value{color:var(--gray-900);text-align:right;word-break:break-word;max-width:60%}.order-id-link{color:var(--primary-color);font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .2s}.order-id-link:hover{color:var(--primary-dark);text-decoration:underline}.sync-section .value{align-items:center;gap:.5rem;display:flex}.sync-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s,opacity .2s}.sync-btn:hover:not(:disabled){background-color:var(--primary-dark)}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.sync-btn.small{padding:.375rem .75rem;font-size:.8125rem}.sync-btn.tiny{background-color:var(--gray-200);color:var(--gray-700);padding:.25rem .5rem;font-size:.75rem}.sync-btn.tiny:hover:not(:disabled){background-color:var(--gray-300)}.sync-status{border-radius:4px;padding:.25rem .5rem;font-size:.875rem}.synced-value{color:var(--success-color);margin-left:.5rem;font-weight:500}.items-table{border-collapse:collapse;width:100%}.items-table th,.items-table td{text-align:left;border-bottom:1px solid var(--gray-200);padding:.875rem}.items-table th{background-color:var(--gray-50);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.item-status{text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.item-status.success{color:#065f46;background-color:#d1fae5}.item-status.failed{color:#991b1b;background-color:#fee2e2}.item-status.pending{color:#374151;background-color:#e5e7eb}.screenshots-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.screenshot-link{border:1px solid var(--gray-200);border-radius:8px;transition:transform .2s;display:block;overflow:hidden}.screenshot-link:hover{transform:scale(1.02);box-shadow:0 4px 6px #0000001a}.screenshot-link img{width:100%;height:auto;display:block}.logs-container{flex-direction:column;gap:1rem;display:flex}.error-alert{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #ef4444;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.error-alert-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.error-alert-icon{font-size:1.5rem}.error-alert-title{color:#991b1b;font-size:1.1rem;font-weight:700}.error-alert-message{color:#7f1d1d;white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.6}.processing-runs{flex-direction:column;gap:1rem;display:flex}.processing-run{-webkit-backdrop-filter:blur(16px)saturate(150%);background:linear-gradient(135deg,#ffffffd9 0%,#f8fafce6 100%);border:1px solid #ffffff80;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 24px #0000000f,inset 0 1px #fff9}.processing-run:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc}.processing-run.success{border-left:4px solid #10b981}.processing-run.error{border-left:4px solid #ef4444}.processing-run.partial{border-left:4px solid #f59e0b}.processing-run.running{border-left:4px solid #3b82f6}.processing-run-header{cursor:pointer;background:linear-gradient(135deg,#ffffff80 0%,#f8fafc99 100%);border-bottom:1px solid #0000000a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.processing-run-header:hover{background:linear-gradient(135deg,#ffffffb3 0%,#f1f5f9cc 100%)}.run-header-left{align-items:center;gap:.75rem;display:flex}.run-number{color:var(--gray-800);font-size:.95rem;font-weight:700}.run-status-badge{border-radius:20px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:flex}.run-status-badge.success{color:#166534;background:#dcfce7}.run-status-badge.error{color:#991b1b;background:#fee2e2}.run-status-badge.partial{color:#92400e;background:#fef3c7}.run-status-badge.running{color:#1e40af;background:#dbeafe}.run-header-right{color:var(--gray-600);align-items:center;gap:1rem;font-size:.8rem;display:flex}.run-time{font-family:monospace}.run-duration{color:var(--gray-700);font-weight:500}.run-steps-count{background:var(--gray-200);border-radius:10px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.run-expand-arrow{color:var(--gray-500);font-size:.7rem;transition:transform .2s}.run-expand-arrow.open{transform:rotate(180deg)}.processing-run-content{background:linear-gradient(#fafbfce6 0%,#f8fafcf2 100%);padding:1.25rem}.steps-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.step-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffd9 100%);border:1px solid #fff9;border-radius:14px;flex-direction:column;gap:.4rem;min-height:100px;padding:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a,inset 0 1px #fffc}.step-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff80 0%,#0000 100%);border-radius:14px 14px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.step-card:hover{border-color:#bb59904d;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #0000001a,0 2px 8px #bb59901a,inset 0 1px #fff}.step-card.has-screenshot{cursor:pointer}.step-card.has-screenshot:hover{border-color:#bb599080;box-shadow:0 8px 32px #bb599033,inset 0 1px #fff}.step-card.info{border-left:3px solid #3b82f6}.step-card.warn{background:#fffbeb;border-left:3px solid #f59e0b}.step-card.error{background:#fef2f2;border-left:3px solid #ef4444}.step-card-header{justify-content:space-between;align-items:center;display:flex}.step-number-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.step-icon{font-size:1.1rem}.step-card-title{color:var(--gray-800);flex:1;font-size:.8rem;font-weight:600;line-height:1.3}.step-card-time{color:var(--gray-500);font-family:monospace;font-size:.65rem}.step-card-sku{color:#4338ca;background:#e0e7ff;border-radius:4px;width:fit-content;padding:.15rem .4rem;font-family:monospace;font-size:.65rem}.step-card-screenshot-indicator{opacity:.6;font-size:.9rem;position:absolute;top:.5rem;right:.5rem}.step-card.has-screenshot .step-card-screenshot-indicator{opacity:1}.step-card.clickable{cursor:pointer}.step-card.clickable:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #00000040,inset 0 1px #fff6}.step-card-error{color:#991b1b;background:#fee2e2;border-radius:4px;margin-top:auto;padding:.3rem .5rem;font-size:.65rem}@media (width<=768px){.processing-run-header{flex-direction:column;align-items:flex-start}.run-header-right{flex-wrap:wrap;gap:.5rem}.steps-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.logs-timeline{flex-direction:column;gap:1rem;padding-right:.5rem;display:flex;overflow-y:auto}.log-card{border:1px solid var(--gray-200);background:#fff;border-radius:10px;transition:all .2s;overflow:hidden}.log-card:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000d}.log-card.info{border-left:4px solid #3b82f6}.log-card.warn{background:#fffbeb;border-left:4px solid #f59e0b}.log-card.error{background:#fef2f2;border-left:4px solid #ef4444}.log-card-header{cursor:pointer;align-items:flex-start;gap:.75rem;min-height:60px;padding:1rem 1.25rem;display:flex}.log-card-icon{flex-shrink:0;padding-top:.125rem;font-size:1.25rem}.log-card-content{flex:1;min-width:0}.log-card-message{color:var(--gray-900);word-wrap:break-word;white-space:pre-wrap;font-size:.9rem;font-weight:500;line-height:1.5}.log-card-time{color:var(--gray-500);margin-top:.25rem;font-size:.75rem}.log-card-expand{color:var(--gray-400);font-size:.75rem;transition:transform .2s}.log-card-expand.expanded{transform:rotate(0)}.log-card-details{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:1rem}.log-details-friendly{flex-direction:column;gap:.75rem;display:flex}.log-detail-item{flex-direction:column;gap:.25rem;display:flex}.log-detail-item.error{background:#fee2e2;border-radius:6px;padding:.5rem .75rem}.log-detail-item.success{background:#dcfce7;border-radius:6px;padding:.5rem .75rem}.log-detail-label{color:var(--gray-600);cursor:pointer;font-size:.75rem;font-weight:600}.log-detail-value{color:var(--gray-800);word-break:break-word;font-size:.85rem}.log-detail-value.url{color:#3b82f6;font-family:monospace;font-size:.8rem}.log-detail-value.text-preview{color:var(--gray-600);border:1px solid var(--gray-200);background:#fff;border-radius:4px;max-height:100px;padding:.5rem;font-size:.8rem;overflow-y:auto}.log-stack-trace{background:var(--gray-800);color:#10b981;white-space:pre-wrap;word-break:break-all;border-radius:6px;margin-top:.5rem;padding:.75rem;font-family:monospace;font-size:.75rem;overflow-x:auto}.log-console-logs,.log-network-errors{background:var(--gray-800);border-radius:6px;max-height:150px;margin-top:.5rem;padding:.75rem;overflow-y:auto}.console-log-line,.network-error-line{color:#fbbf24;border-bottom:1px solid var(--gray-700);padding:.25rem 0;font-family:monospace;font-size:.75rem}.network-error-line{color:#f87171}.console-log-line:last-child,.network-error-line:last-child{border-bottom:none}.log-other-details{border:1px solid var(--gray-200);background:#fff;border-radius:6px;margin-top:.5rem;padding:.75rem}.other-detail-line{color:var(--gray-700);padding:.25rem 0;font-size:.8rem}.other-detail-line strong{color:var(--gray-900)}.log-screenshot-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.log-screenshot-btn:hover{background:var(--primary-hover)}.log-entry{border-left:4px solid var(--gray-300);background-color:var(--gray-50);border-radius:6px;padding:1rem}.log-entry.info{border-left-color:var(--info-color)}.log-entry.warn{border-left-color:var(--warning-color);background-color:#fffbeb}.log-entry.error{border-left-color:var(--danger-color);background-color:#fef2f2}.log-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.log-level{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.log-time{color:var(--gray-600);font-size:.75rem}.log-message{color:var(--gray-900);margin-bottom:.5rem}.log-details{background-color:var(--gray-800);color:#10b981;border-radius:4px;margin-top:.5rem;padding:.75rem;font-size:.875rem;overflow-x:auto}.log-screenshot{color:var(--primary-color);margin-top:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.log-screenshot:hover{text-decoration:underline}.video-player-container{flex-direction:column;gap:1rem;display:flex}.video-player{background-color:var(--gray-900);border-radius:8px;width:100%;max-height:600px}.video-player-iframe{background:#1a1a2e;border:none;border-radius:8px;width:100%;height:calc(80vh + 20px);min-height:620px;max-height:920px}.video-info{background-color:var(--gray-100);border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.video-expires{color:var(--gray-700);font-size:.875rem}.download-video-btn{background-color:var(--primary-color);color:#fff;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-flex}.download-video-btn:hover{background-color:var(--primary-dark)}.video-alert{border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.95rem;display:flex}.video-alert span{font-size:1.25rem}.video-alert small{opacity:.7;font-size:.85rem}.video-alert.info{color:#0369a1;background-color:#e0f2fe;border:1px solid #7dd3fc}.video-alert.warning{color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d}.video-alert.error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.video-expired-placeholder{text-align:center;background-color:var(--gray-100);border:2px dashed var(--gray-300);border-radius:8px;padding:3rem 2rem}.video-expired-placeholder .expired-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.video-expired-placeholder h3{color:var(--gray-700);margin-bottom:.5rem;font-size:1.25rem}.video-expired-placeholder p{color:var(--gray-600);margin-bottom:.5rem}.video-expired-placeholder .expired-date{color:var(--gray-500);font-size:.875rem}.video-not-available{text-align:center;background-color:var(--gray-50);color:var(--gray-600);border-radius:8px;padding:2rem}.video-not-available.error{background-color:#fef2f2;border:1px solid #fecaca}.video-not-available.error .not-processed-icon{color:#ef4444}.video-not-available.error h3{color:#dc2626}.video-not-available .not-processed-icon{margin-bottom:1rem;font-size:3rem}.video-not-available h3{color:var(--gray-700);margin-bottom:.5rem;font-size:1.125rem}.video-not-available p{color:var(--gray-500);margin:0}.error-message-log{margin-bottom:1rem;background-color:#fef2f2!important;border:2px solid #ef4444!important}.contact-link{color:var(--primary-color);text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--primary-dark);text-decoration:underline}.total-amount{color:var(--gray-900);font-size:1.125rem;font-weight:600}.note-row{flex-direction:column;align-items:flex-start;gap:.5rem}.note-value{background-color:var(--gray-50);white-space:pre-wrap;word-break:break-word;border-radius:6px;width:100%;padding:.75rem}.note-row.warning .note-value{background-color:#fef2f2;border-left:3px solid #ef4444}.empty-note{text-align:center;color:var(--gray-500);padding:1rem;font-style:italic}.sync-status{border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;display:inline-flex}.sync-status.loading,.sync-status.waiting{color:var(--gray-600);background-color:var(--gray-100)}.sync-status.ok{color:#166534;background-color:#dcfce7}.sync-status.warning{color:#92400e;background-color:#fef3c7}.sync-btn.tiny{cursor:pointer;opacity:.7;background:0 0;border:none;padding:.2rem .4rem;font-size:.75rem;transition:opacity .2s}.sync-btn.tiny:hover{opacity:1}.status-badge.wc-status{padding:.25rem .5rem;font-size:.75rem}.status-badge.wc-processing{color:#1a5928;background-color:#c6e1c6}.status-badge.wc-completed{color:#166534;background-color:#dcfce7}.status-badge.wc-on-hold{color:#92400e;background-color:#fef3c7}.bot-live-preview{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:2px solid #3b82f6;animation:2s ease-in-out infinite bot-preview-glow}@keyframes bot-preview-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f680}}.bot-live-preview h2{color:#f8fafc;border-bottom-color:#334155;font-size:1.5rem}.bot-progress-container{background:#ffffff0d;border-radius:12px;padding:1.5rem}.bot-progress-header{margin-bottom:1.5rem}.bot-step-info{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.bot-step-number{color:#3b82f6;font-size:1.25rem;font-weight:700}.bot-step-status{border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.bot-step-status.running{color:#fbbf24;background:#fbbf2433;animation:1.5s infinite pulse-status}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.7}}.bot-step-status.success{color:#22c55e;background:#22c55e33}.bot-step-status.error{color:#ef4444;background:#ef444433}.bot-current-step{color:#f8fafc;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.bot-step-details{color:#94a3b8;margin-top:.5rem;font-size:.9rem}.bot-progress-bar{background:#334155;border-radius:6px;height:12px;margin-bottom:1.5rem;overflow:hidden}.bot-progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);border-radius:6px;height:100%;transition:width .5s ease-out;position:relative}.bot-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite progress-shimmer;position:absolute;inset:0}.bot-items-progress{color:#cbd5e1;margin-bottom:1rem;font-size:.9rem}.bot-items-bar{background:#334155;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.bot-items-fill{background:#22c55e;border-radius:3px;height:100%;transition:width .3s ease-out}.bot-timing{color:#64748b;text-align:right;font-size:.85rem}.bot-timer-large{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.bot-timer-label{color:#94a3b8;font-size:1rem;font-weight:500}.bot-timer-value{color:#60a5fa;font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:2.5rem;font-weight:700}.bot-progress-bar-section{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.bot-progress-bar-section .bot-progress-bar{flex:1;margin-bottom:0}.bot-progress-percent{color:#94a3b8;text-align:right;min-width:3rem;font-size:.9rem;font-weight:600}.bot-items-section{background:#22c55e1a;border-radius:8px;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.bot-items-label{color:#4ade80;font-size:.9rem;font-weight:500}.bot-items-section .bot-items-progress{flex:1;align-items:center;gap:.75rem;display:flex}.bot-items-section .bot-items-count{color:#4ade80;font-weight:600}.bot-current-product{background:#8b5cf61a;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.bot-product-label{color:#a78bfa;margin-right:.5rem;font-size:.85rem;font-weight:500}.bot-product-name{color:#c4b5fd;font-size:.9rem}.bot-last-action{background:#94a3b81a;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem}.bot-action-label{color:#94a3b8;margin-right:.5rem;font-size:.85rem;font-weight:500}.bot-action-value{color:#cbd5e1;font-size:.9rem}.bot-error-display{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.bot-error-label{color:#f87171;margin-right:.5rem;font-size:.85rem;font-weight:500}.bot-error-value{color:#fca5a5;font-size:.9rem}.bot-console-logs{background:#0f172acc;border:1px solid #47556966;border-radius:8px;margin-top:1rem;padding:.75rem 1rem}.bot-console-label{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.bot-console-container{scrollbar-width:thin;scrollbar-color:#47556980 transparent;max-height:200px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;overflow-y:auto}.bot-console-container::-webkit-scrollbar{width:6px}.bot-console-container::-webkit-scrollbar-track{background:0 0}.bot-console-container::-webkit-scrollbar-thumb{background:#47556980;border-radius:3px}.bot-console-entry{border-bottom:1px solid #3341554d;align-items:flex-start;gap:.5rem;padding:.25rem 0;display:flex}.bot-console-entry:last-child{border-bottom:none}.console-time{color:#64748b;flex-shrink:0;min-width:60px;font-size:.7rem}.console-icon{flex-shrink:0;font-size:.75rem}.console-message{color:#e2e8f0;word-break:break-word;flex:1}.console-details{color:#64748b;cursor:help;font-size:.7rem}.bot-console-entry.console-info .console-message{color:#93c5fd}.bot-console-entry.console-warn .console-message{color:#fbbf24}.bot-console-entry.console-error .console-message{color:#f87171}.bot-console-entry.console-debug .console-message{color:#a78bfa}.bot-console-entry.console-step .console-message{color:#4ade80;font-weight:500}.logs-section{min-height:400px}.logs-section .logs-container{max-height:600px}.bot-screenshots-gallery{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;margin-top:1rem;padding:.75rem 1rem}.bot-gallery-label{color:#60a5fa;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.bot-screenshots-row{scrollbar-width:thin;scrollbar-color:#60a5fa4d transparent;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.bot-screenshots-row::-webkit-scrollbar{height:6px}.bot-screenshots-row::-webkit-scrollbar-track{background:0 0}.bot-screenshots-row::-webkit-scrollbar-thumb{background:#60a5fa4d;border-radius:3px}.bot-screenshot-thumb{background:#1e293b;border:2px solid #60a5fa4d;border-radius:8px;flex-shrink:0;width:320px;height:200px;transition:all .2s;display:block;overflow:hidden}.bot-screenshot-thumb:hover{border-color:#60a5fa;transform:scale(1.05);box-shadow:0 4px 12px #60a5fa4d}.bot-screenshot-thumb img{object-fit:cover;width:100%;height:100%}.accordion-section{border-radius:20px;overflow:hidden}.accordion-header{cursor:pointer;border-bottom:1px solid var(--gray-200);-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:all .2s;display:flex}.accordion-header:hover{background:linear-gradient(135deg,#e9ecef 0%,#dee2e6 100%)}.accordion-header h2{color:var(--gray-800);margin:0;font-size:1rem}.accordion-arrow{color:var(--gray-500);background:#0000000d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;transition:transform .3s;display:flex}.accordion-arrow.open{background:var(--primary-color);color:#fff;transform:rotate(180deg)}.accordion-arrow:not(.open){transform:rotate(0)}.accordion-content{padding:1rem 1.5rem;animation:.3s ease-out accordion-slide-down}@keyframes accordion-slide-down{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.screenshot-modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.screenshot-modal-content{flex-direction:column;align-items:center;gap:1rem;max-width:95vw;max-height:95vh;animation:.2s ease-out modal-zoom-in;display:flex;position:relative}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.screenshot-modal-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(95vh - 80px);box-shadow:0 8px 32px #0006}.screenshot-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:-40px;right:-10px}.screenshot-modal-close:hover{background:#fff3;transform:scale(1.1)}.screenshot-modal-link{color:#60a5fa;background:#ffffff1a;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s}.screenshot-modal-link:hover{color:#fff;background:#fff3}.screenshot-modal-footer{align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.screenshot-counter{color:#ffffffb3;font-size:.875rem;font-weight:500}.screenshot-nav-btn{color:#fff;cursor:pointer;z-index:10000;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;font-weight:300;transition:all .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.screenshot-nav-btn:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.screenshot-nav-prev{left:20px}.screenshot-nav-next{right:20px}@media (width<=768px){.screenshot-nav-prev{left:10px}.screenshot-nav-next{right:10px}.screenshot-nav-btn{width:40px;height:40px;font-size:1.5rem}}.screenshots-grid .screenshot-link{cursor:pointer;transition:transform .2s,box-shadow .2s}.screenshots-grid .screenshot-link:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.complaint-alert-section{margin-top:.5rem}.complaint-alert{background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b14 100%);border:1px solid #f59e0b66;border-left:4px solid #f59e0b;border-radius:8px;padding:1rem 1.25rem}.complaint-alert-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.complaint-alert-icon{font-size:1.25rem}.complaint-alert-title{color:#d97706;font-size:1rem;font-weight:600}.complaint-alert-message{color:var(--gray-800);white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.5}.internal-notes-section{margin-top:.5rem}.internal-notes-section .accordion-header{background:linear-gradient(135deg,#6366f114 0%,#6366f10a 100%);border:1px solid #6366f133}.internal-notes-section .accordion-header:hover{background:linear-gradient(135deg,#6366f11f 0%,#6366f10f 100%)}.internal-notes-section .accordion-content{border:1px solid #6366f133;border-top:none;border-radius:0 0 8px 8px}.empty-placeholder{visibility:hidden;min-height:0;margin:0;padding:0}.step-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.step-modal-content{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffe6 100%);border-radius:20px;width:100%;max-width:600px;max-height:85vh;animation:.3s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 80px #00000059,0 0 0 1px #ffffff4d,inset 0 1px #fff9}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.step-modal-close{color:#374151;cursor:pointer;z-index:10;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.step-modal-close:hover{background:#0003;transform:scale(1.1)}.step-modal-header{border-bottom:1px solid #0000001a;align-items:flex-start;gap:.75rem;padding:1.5rem;display:flex}.step-modal-level{flex-shrink:0;font-size:1.5rem}.step-modal-level.error{color:#dc2626}.step-modal-level.warn{color:#f59e0b}.step-modal-level.info{color:#3b82f6}.step-modal-header h3{color:#1f2937;margin:0;padding-right:2rem;font-size:1.1rem;font-weight:600;line-height:1.4}.step-modal-body{padding:1.5rem}.step-modal-time{color:#6b7280;background:#0000000d;border-radius:8px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem;display:inline-block}.step-modal-details{margin-bottom:1.5rem}.step-modal-details h4{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.step-details-list{background:#00000008;border-radius:12px;grid-template-columns:auto 1fr;gap:.5rem 1rem;padding:1rem;display:grid}.step-details-list dt{color:#6b7280;font-size:.8rem;font-weight:500}.step-details-list dd{color:#1f2937;word-break:break-word;margin:0;font-size:.875rem;font-weight:500}.step-details-list dd.supplier-order-id{color:#059669;font-family:Monaco,Menlo,monospace;font-weight:700}.step-details-list dd.page-url{color:#3b82f6;word-break:break-all;font-size:.75rem}.step-details-list dd.error-text{color:#dc2626;background:#fef2f2;border-radius:6px;padding:.5rem;font-size:.8rem}.step-modal-screenshot{margin-top:1.5rem}.step-modal-screenshot h4{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.step-modal-screenshot img{cursor:zoom-in;border-radius:12px;width:100%;transition:transform .2s;box-shadow:0 4px 20px #00000026}.step-modal-screenshot img:hover{transform:scale(1.02)}.screenshot-link-btn{color:#3b82f6;background:#3b82f61a;border-radius:8px;margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.screenshot-link-btn:hover{background:#3b82f633}.payments-page{max-width:1400px;margin:0 auto;padding:24px}.payments-header{margin-bottom:24px}.payments-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:600}.payments-header .subtitle{color:#666;margin:0;font-size:14px}.payments-summary{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.summary-card{background:#fff;border-radius:12px;flex:1;align-items:center;gap:16px;min-width:220px;padding:20px 24px;display:flex;box-shadow:0 2px 8px #00000014}.summary-card.pending{border-left:4px solid #f59e0b}.summary-card.exported{border-left:4px solid #10b981}.summary-card.selected{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border-left:4px solid #6366f1}.summary-icon{font-size:32px}.summary-content{flex-direction:column;display:flex}.summary-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px}.summary-value{color:#1a1a2e;font-size:24px;font-weight:700}.summary-count{color:#888;margin-top:4px;font-size:12px}.payments-tabs{border-bottom:1px solid #e5e7eb;gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex}.payments-tabs .tab{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.payments-tabs .tab:hover{color:#1a1a2e;background:#f3f4f6}.payments-tabs .tab.active{color:#fff;background:#6366f1}.payments-actions{align-items:center;gap:12px;margin-bottom:16px;display:flex}.btn-export{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-export:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-export:disabled{opacity:.5;cursor:not-allowed}.btn-undo{color:#666;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-undo:hover{color:#1a1a2e;background:#e5e7eb}.payments-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.payments-table{border-collapse:collapse;width:100%}.payments-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:600}.payments-table td{color:#1a1a2e;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.payments-table tbody tr:hover{background:#f9fafb}.payments-table tbody tr.selected{background:#ede9fe}.payments-table tbody tr.selected:hover{background:#ddd6fe}.col-checkbox{text-align:center;width:50px}.col-wc-order,.col-supplier-order{width:130px}.col-payment-status{text-align:center;width:150px}.col-date{width:100px}.col-customer{min-width:180px}.col-items{text-align:center;width:80px}.col-amount{text-align:right;width:120px;font-weight:600}.customer-name{font-weight:500}.customer-company{color:#888;margin-top:2px;font-size:12px}.supplier-order-badge{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:6px;padding:4px 10px;font-family:Monaco,Consolas,monospace;font-size:13px;font-weight:600;display:inline-block}.payment-status-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.payment-status-badge.pending{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #f59e0b}.payment-status-badge.paid{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #10b981}.payments-table a{color:#6366f1;font-weight:500;text-decoration:none}.payments-table a:hover{text-decoration:underline}.empty-message{text-align:center;color:#888;font-size:16px;padding:48px 16px!important}.payments-table tfoot{background:#1a1a2e}.payments-table tfoot tr.total-row td{color:#fff;border:none;padding:16px}.total-label{text-align:right;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.total-amount{text-align:right;font-size:18px;font-weight:700}.loading{color:#666;justify-content:center;align-items:center;min-height:300px;font-size:16px;display:flex}@media (width<=768px){.payments-page{padding:.75rem}.payments-header h1{font-size:1.25rem}.payments-header .subtitle{font-size:12px}.payments-summary{flex-direction:column}.summary-card{gap:12px;min-width:100%;padding:14px 16px}.summary-icon{font-size:24px}.summary-value{font-size:20px}.payments-tabs{-webkit-overflow-scrolling:touch;gap:4px;padding-bottom:8px;overflow-x:auto}.payments-tabs .tab{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:13px}.payments-actions{flex-wrap:wrap;gap:8px}.btn-export,.btn-undo{flex:1;justify-content:center;padding:10px 16px;font-size:13px}.payments-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.payments-table{min-width:700px}.payments-table th,.payments-table td{padding:10px 12px;font-size:13px}.total-label{font-size:12px}.total-amount{font-size:16px}}.history-page{max-width:100%;padding:1.5rem}.history-header{margin-bottom:1.5rem}.history-header h1{color:var(--gray-900);margin:0 0 .25rem;font-size:1.75rem}.history-subtitle{color:var(--gray-600);margin:0;font-size:.9rem}.live-processing-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #3b82f64d;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 20px #00000026}.live-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.live-indicator{color:#ef4444;text-transform:uppercase;background:#ef444433;border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex}.live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.live-header h2{color:#fff;margin:0;font-size:1.25rem}.live-content{grid-template-columns:1fr 400px;gap:1.5rem;display:grid}.live-order-info{flex-direction:column;gap:.75rem;display:flex}.live-order-info>div{align-items:center;gap:.5rem;display:flex}.live-order-info .label{color:#fff9;min-width:80px;font-size:.85rem}.live-order-info .value{color:#fff;font-weight:500}.live-order-info .order-link{color:#60a5fa;font-size:1.1rem;font-weight:600;text-decoration:none}.live-order-info .order-link:hover{text-decoration:underline}.live-progress{flex-wrap:wrap}.progress-bar{background:#fff3;border-radius:3px;flex:1;min-width:150px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;height:100%;transition:width .3s}.live-logs{margin-top:.5rem}.live-logs h4{color:#fffc;margin:0 0 .5rem;font-size:.85rem}.logs-list{flex-direction:column;gap:.25rem;max-height:120px;display:flex;overflow-y:auto}.log-entry{background:#ffffff0d;border-radius:4px;gap:.5rem;padding:.25rem .5rem;font-size:.8rem;display:flex}.log-entry .log-time{color:#fff6;font-family:monospace}.log-entry .log-message{color:#ffffffe6}.log-entry.log-error .log-message{color:#f87171}.log-entry.log-warn .log-message{color:#fbbf24}.live-screenshot-container{flex-direction:column;display:flex}.live-screenshot-container h4{color:#fffc;margin:0 0 .5rem;font-size:.85rem}.live-screenshot{object-fit:contain;background:#0f172a;border:2px solid #60a5fa4d;border-radius:8px;width:100%;height:auto;max-height:280px}.no-screenshot{color:#fff6;background:#ffffff0d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.no-screenshot span{margin-bottom:.5rem;font-size:2rem}.queue-section{border:1px solid var(--gray-200);background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 2px 8px #00000014}.queue-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.queue-section h2{color:var(--gray-900);margin:0;font-size:1.1rem}.queue-actions{gap:.75rem;display:flex}.process-queue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.process-queue-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #10b9814d}.process-queue-btn:disabled{opacity:.6;cursor:not-allowed}.clear-queue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.clear-queue-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #dc26264d}.clear-queue-btn:disabled{opacity:.6;cursor:not-allowed}.queue-list{flex-direction:column;gap:.5rem;display:flex}.queue-item{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.queue-position{color:#fff;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.queue-order-link{color:#92400e;font-weight:600;text-decoration:none}.queue-order-link:hover{text-decoration:underline}.queue-customer{color:#78350f;font-size:.9rem}.queue-items{color:#92400e;margin-left:auto;font-size:.8rem}.queue-more{text-align:center;color:var(--gray-500);padding:.5rem;font-size:.85rem}.queue-more-btn{color:#4338ca;cursor:pointer;text-align:center;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border:1px dashed #818cf8;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.queue-more-btn:hover{background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 100%);transform:translateY(-1px)}.history-section{border:1px solid var(--gray-200);background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014}.history-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.history-section-header h2{color:var(--gray-900);margin:0;font-size:1.1rem}.history-controls{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}.filter-tabs{gap:.5rem;display:flex}.filter-tabs button{border:1px solid var(--gray-300);cursor:pointer;background:#fff;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}.filter-tabs button:hover{background:var(--gray-50);border-color:var(--gray-400)}.filter-tabs button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.bulk-actions{background:#dbeafe;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.bulk-actions span{color:#1e40af;font-weight:500}.bulk-actions .retry-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.85rem}.bulk-actions .retry-btn:hover{background:#16a34a}.bulk-actions .clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:.85rem}.bulk-actions .clear-btn:hover{color:#374151}.history-table-container{overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:.9rem}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--gray-200);padding:.75rem}.history-table th{background:var(--gray-50);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.history-table tbody tr{transition:background-color .15s}.history-table tbody tr:hover{background:var(--gray-50)}.history-table tbody tr.selected{background:#2563eb1a}.checkbox-col{text-align:center;width:40px}.order-id-link{color:var(--primary-color);font-weight:600;text-decoration:none}.order-id-link:hover{text-decoration:underline}.history-status-badge{border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pending{color:#92400e;background:#fef3c7}.status-processing{color:#1e40af;background:#dbeafe}.status-completed{color:#065f46;background:#d1fae5}.status-failed{color:#991b1b;background:#fee2e2}.status-partial{color:#92400e;background:#fef3c7}.status-cancelled{background:var(--gray-200);color:var(--gray-700)}.customer-name{color:var(--gray-700)}.items-count{color:var(--gray-900);font-weight:500}.failed-count{color:#dc2626;margin-left:.25rem;font-size:.8rem}.supplier-id{color:#059669;font-family:monospace;font-size:.8rem}.no-supplier{color:var(--gray-400)}.date-cell{color:var(--gray-700);font-size:.85rem}.date-cell .time{color:var(--gray-500);font-size:.8rem}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;text-decoration:none;transition:all .15s;display:inline-flex}.action-btn.view{background:var(--gray-100)}.action-btn.view:hover{background:var(--gray-200)}.action-btn.retry{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.action-btn.retry:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%);transform:scale(1.1)}.action-btn.queue{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.action-btn.queue:hover{background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%);transform:scale(1.1)}.action-btn.add-queue{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%)}.action-btn.add-queue:hover{background:linear-gradient(135deg,#c7d2fe 0%,#a5b4fc 100%);transform:scale(1.1)}.actions-cell{align-items:center;gap:.25rem;display:flex}.empty-state{color:var(--gray-500);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-state span{margin-bottom:1rem;font-size:3rem}.empty-state p{margin:0;font-size:1rem}@media (width<=1024px){.live-content{grid-template-columns:1fr}.live-screenshot-container{order:-1}}@media (width<=768px){.history-page{padding:.75rem}.history-header h1{font-size:1.25rem}.history-subtitle{font-size:.8rem}.live-processing-section{margin-bottom:1rem;padding:1rem}.live-header{flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem}.live-header h2{width:100%;font-size:1rem}.live-order-info .label{min-width:60px;font-size:.8rem}.live-order-info .value{font-size:.85rem}.live-screenshot{max-height:200px}.queue-section{margin-bottom:1rem;padding:1rem}.queue-header{flex-direction:column;align-items:flex-start;gap:.75rem}.queue-actions{width:100%}.process-queue-btn,.clear-queue-btn{flex:1;justify-content:center;padding:.5rem .75rem;font-size:.8rem}.queue-item{flex-wrap:wrap;gap:.5rem;padding:.625rem .75rem}.queue-customer{order:3;width:100%;font-size:.8rem}.queue-items{margin-left:0}.history-section{padding:1rem}.filter-tabs{flex-wrap:wrap}.filter-tabs button{flex:1;min-width:80px;padding:.4rem .75rem;font-size:.8rem}.history-section-header{flex-direction:column;align-items:stretch}.history-controls{align-items:stretch}.bulk-actions{flex-wrap:wrap;gap:.5rem;font-size:.8rem}.history-table{min-width:700px;font-size:.8rem}.history-table th,.history-table td{padding:.5rem}.actions-cell{gap:.125rem}.action-btn{width:28px;height:28px;font-size:.85rem}.empty-state{padding:2rem 1rem}.empty-state span{font-size:2rem}}.stats-loading{color:#6b7280;justify-content:center;align-items:center;gap:.75rem;min-height:60vh;font-size:1rem;display:flex}.pulse-dot{background:#bb5990;border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite pulse}.stats-error{color:#ef4444;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}.stats-error-hint{color:#94a3b8;margin-top:-.5rem;font-size:.85rem}.stats-stale-warning{color:#f59e0b;margin-top:.25rem;font-size:.75rem;display:block}.btn-refresh{color:#fff;cursor:pointer;background:#bb5990;border:none;border-radius:20px;padding:.625rem 1.5rem;font-size:.9rem}.stats-page{max-width:600px;margin:0 auto;padding:0 0 5rem}@media (width>=769px){.stats-page{max-width:800px;padding:1rem 0 2rem}}.stats-header{padding:1rem 1rem .5rem}.stats-header-top{justify-content:space-between;align-items:center;display:flex}.stats-header h1{color:#1f2937;font-size:1.5rem;font-weight:700}.btn-icon-refresh{color:#bb5990;cursor:pointer;background:#bb59901a;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;border-radius:50%!important}.btn-icon-refresh:hover{background:#bb599033}.spinning{animation:1s linear infinite spin}.stats-updated{color:#9ca3af;margin-top:.25rem;font-size:.75rem;display:block}.stats-section{margin-bottom:.5rem;padding:1rem}.section-title{color:#374151;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex}.stats-analytics-row{flex-wrap:wrap;gap:.5rem;display:flex}.analytics-card{background:#fff;border:1px solid #f3f4f6;border-radius:14px;flex:1;min-width:140px;padding:.875rem;box-shadow:0 1px 3px #0000000f}.analytics-card-header{color:#6b7280;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.analytics-card-body{align-items:baseline;gap:.5rem;display:flex}.analytics-big-number{color:#1f2937;font-size:2rem;font-weight:800;line-height:1}.analytics-sub{color:#9ca3af;font-size:.75rem}.ga-card{border-left:3px solid #10b981}.gsc-card{border-left:3px solid #4285f4}.ga-sparkline{align-items:flex-end;gap:2px;height:24px;margin-top:.5rem;display:flex}.ga-spark-bar{opacity:.6;background:#10b981;border-radius:1px;flex:1;min-width:3px}.gsc-metrics{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.gsc-metric{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.gsc-val{color:#1f2937;font-size:.875rem;font-weight:700}.gsc-lbl{font-size:.6875rem}.gsc-good{color:#059669}.gsc-warn{color:#d97706}.gsc-bad{color:#dc2626}.remaining-total-card{color:#fff;text-align:center;background:linear-gradient(135deg,#103547 0%,#1a4c63 100%);border-radius:16px;margin-bottom:.75rem;padding:1.25rem}.remaining-big-number{font-size:2.5rem;font-weight:800;line-height:1}.remaining-big-label{opacity:.8;margin-top:.25rem;font-size:.875rem}.metric-grid{gap:.5rem;display:grid}.metric-grid.cols-2{grid-template-columns:repeat(2,1fr)}.metric-grid.cols-3{grid-template-columns:repeat(3,1fr)}.metric-card{background:#fff;border:1px solid #f3f4f6;border-radius:14px;align-items:flex-start;gap:.625rem;padding:.875rem;transition:transform .15s;display:flex;box-shadow:0 1px 3px #0000000f}.metric-card:active{transform:scale(.98)}.metric-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.25rem}.metric-body{flex:1;min-width:0}.metric-value{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.2}.metric-label{color:#6b7280;margin-top:.125rem;font-size:.75rem}.metric-subtitle{color:#9ca3af;margin-top:.125rem;font-size:.6875rem}.metric-card.color-blue{border-left:3px solid #3b82f6}.metric-card.color-green{border-left:3px solid #10b981}.metric-card.color-red{border-left:3px solid #ef4444}.metric-card.color-amber{border-left:3px solid #f59e0b}.metric-card.color-orange{border-left:3px solid #f97316}.metric-card.color-purple{border-left:3px solid #8b5cf6}.metric-card.color-cyan{border-left:3px solid #06b6d4}.metric-card.color-teal{border-left:3px solid #14b8a6}.metric-card.color-lightblue{border-left:3px solid #60a5fa}.metric-card.color-fbblue{border-left:3px solid #1877f2}.metric-card.color-gray{border-left:3px solid #9ca3af}.alert-card.complaint{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.today-hero-card{color:#fff;background:linear-gradient(135deg,#059239 0%,#10b981 100%);border-radius:16px;margin-bottom:.75rem;padding:1.25rem}.hero-row{justify-content:space-between;align-items:center;display:flex}.hero-main{align-items:baseline;gap:.5rem;display:flex}.hero-number{font-size:2.5rem;font-weight:800;line-height:1}.hero-label{opacity:.85;font-size:.875rem}.hero-amount{font-size:1.5rem;font-weight:700}.hero-sub{opacity:.75;margin-top:.375rem;font-size:.8rem}.comparison-card{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 1px 3px #0000000f}.comparison-row{justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}.comparison-label{color:#6b7280;font-size:.875rem}.comparison-value{color:#1f2937;font-size:.875rem;font-weight:600}.comparison-change{border-top:1px solid #f3f4f6;align-items:center;gap:.375rem;margin-top:.5rem;padding-top:.5rem;font-size:.875rem;font-weight:600;display:flex}.comparison-change.positive{color:#059669}.comparison-change.negative{color:#dc2626}.costs-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:14px;padding:1rem;box-shadow:0 1px 3px #0000000f}.costs-summary-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.costs-revenue-label{color:#6b7280;font-size:.875rem;font-weight:500}.costs-revenue-val{color:#059669;font-size:1.125rem;font-weight:700}.costs-breakdown{flex-direction:column;gap:.375rem;margin-bottom:.75rem;display:flex}.cost-breakdown-row{align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8125rem;display:flex}.cost-row-icon{text-align:center;flex-shrink:0;width:20px}.cost-row-label{color:#6b7280;flex:1}.cost-row-amount{color:#ef4444;font-weight:600}.costs-summary-total{color:#374151;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.625rem 0;font-size:.875rem;font-weight:600;display:flex}.costs-margin-row{border-radius:10px;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.625rem .75rem;font-size:.9375rem;font-weight:700;display:flex}.costs-margin-row.positive{color:#059669;background:#f0fdf4}.costs-margin-row.negative{color:#dc2626;background:#fef2f2}.fb-inline-row{color:#6b7280;gap:1rem;margin-top:.5rem;padding:.625rem 0;font-size:.8125rem;display:flex}.fb-inline-item b{color:#1f2937}.forecast-strip{-webkit-overflow-scrolling:touch;gap:.375rem;padding:.75rem 0 .25rem;display:flex;overflow-x:auto}.forecast-strip::-webkit-scrollbar{display:none}.forecast-day{text-align:center;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:10px;flex-shrink:0;min-width:56px;padding:.5rem .75rem}.forecast-label{color:#6b7280;font-size:.6875rem;display:block}.forecast-amount{color:#059669;font-size:.875rem;font-weight:700}.health-score-card{background:#fff;border-radius:14px;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000f}.health-score-card.good{border-left:4px solid #10b981}.health-score-card.warn{border-left:4px solid #f59e0b}.health-score-card.bad{border-left:4px solid #ef4444}.health-score-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.health-score-card.good .health-score-circle{background:#d1fae5}.health-score-card.warn .health-score-circle{background:#fef3c7}.health-score-card.bad .health-score-circle{background:#fee2e2}.health-score-number{font-size:1.5rem;font-weight:800}.health-score-label{font-size:.75rem;font-weight:600}.health-score-card.good .health-score-number{color:#059669}.health-score-card.warn .health-score-number{color:#d97706}.health-score-card.bad .health-score-number{color:#dc2626}.health-score-status{font-size:.9375rem;font-weight:600}.health-checks-list{flex-direction:column;gap:.25rem;margin-top:.75rem;display:flex}.health-check-item{background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.hc-icon{flex-shrink:0}.hc-label{color:#374151;flex:1}.hc-value{color:#6b7280;font-size:.8125rem}.rum-summary-row{margin-bottom:.75rem}.rum-visitors{color:#6b7280;background:#f3f4f6;border-radius:10px;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;display:flex}@media (width<=380px){.stats-page{padding:0 0 4rem}.stats-header h1{font-size:1.25rem}.metric-grid.cols-3{grid-template-columns:repeat(2,1fr)}.hero-number{font-size:2rem}.hero-amount{font-size:1.25rem}.remaining-big-number{font-size:2rem}.forecast-strip{gap:.25rem}.forecast-day{min-width:48px;padding:.375rem .5rem}.forecast-amount{font-size:.75rem}.stats-analytics-row{flex-direction:column}.gsc-metrics{grid-template-columns:repeat(2,1fr);gap:.375rem}}.finance-hero{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.finance-hero-main{flex-direction:column;flex:1;gap:.125rem;display:flex}.finance-hero-label{opacity:.8;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.finance-hero-amount{font-size:1.75rem;font-weight:800;line-height:1.1}.finance-hero-amount.positive{color:#d1fae5}.finance-hero-amount.negative{color:#fecaca}.finance-hero-sub{opacity:.75;font-size:.8125rem}.finance-hero-divider{background:#ffffff40;align-self:stretch;width:1px}.finance-hero-margin{text-align:right;flex-direction:column;gap:.125rem;display:flex}.yoy-card{background:#fff;border-radius:14px;padding:1rem;box-shadow:0 1px 3px #0000000f}.yoy-row{align-items:center;gap:.75rem;display:flex}.yoy-item{border-radius:10px;flex-direction:column;flex:1;gap:.125rem;padding:.5rem;display:flex}.yoy-item.highlight{background:#f0fdf4}.yoy-period{color:#6b7280;font-size:.75rem}.yoy-value{color:#1f2937;font-size:1.25rem;font-weight:700}.yoy-count{color:#9ca3af;font-size:.75rem}.yoy-arrow{color:#9ca3af;flex-shrink:0}.yoy-change{border-top:1px solid #f3f4f6;align-items:center;gap:.375rem;margin-top:.75rem;padding-top:.75rem;font-size:.9375rem;font-weight:600;display:flex}.yoy-change.positive{color:#059669}.yoy-change.negative{color:#dc2626}.costs-list{flex-direction:column;gap:.375rem;display:flex}.cost-item{background:#fff;border-radius:12px;align-items:center;gap:.625rem;padding:.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.cost-item.color-fbblue{border-left:3px solid #1877f2}.cost-item.color-green{border-left:3px solid #10b981}.cost-item.color-gray{border-left:3px solid #9ca3af}.cost-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.125rem}.cost-label{color:#374151;flex:1;font-size:.875rem}.cost-amount{color:#1f2937;font-size:.9375rem;font-weight:600}.costs-total{color:#374151;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem;font-weight:600;display:flex}.costs-total-amount{color:#1f2937;font-size:1rem;font-weight:700}.fb-icon{color:#fff;background:#1877f2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:inline-flex}.fb-comparison{background:#fff;border-radius:14px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000f}.fb-item{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.fb-item.current{border-bottom:1px solid #f3f4f6}.fb-label{color:#6b7280;font-size:.875rem}.fb-amount{color:#1f2937;font-size:1rem;font-weight:600}.fb-change{padding:.375rem 0;font-size:.875rem;font-weight:500}.fb-change.positive{color:#059669}.fb-change.negative{color:#dc2626}.cashflow-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.cashflow-card{background:#fff;border-radius:14px;align-items:flex-start;gap:.625rem;padding:.875rem;display:flex;box-shadow:0 1px 3px #0000000a}.cashflow-card.color-lightblue{border-left:3px solid #60a5fa}.cashflow-card.color-blue{border-left:3px solid #3b82f6}.cashflow-card.color-green{border-left:3px solid #10b981}.cashflow-card.color-teal{border-left:3px solid #14b8a6}.cashflow-icon{flex-shrink:0;font-size:1.25rem}.cashflow-body{flex:1;min-width:0}.cashflow-title{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;font-size:.6875rem}.cashflow-amount{color:#1f2937;margin-top:.125rem;font-size:1.125rem;font-weight:700}.cashflow-count{color:#6b7280;font-size:.6875rem}.payout-timeline{flex-direction:column;gap:.625rem;display:flex}.payout-day{background:#fff;border-radius:12px;padding:.75rem;box-shadow:0 1px 3px #0000000a}.payout-day-header{justify-content:space-between;align-items:baseline;margin-bottom:.375rem;display:flex}.payout-day-label{color:#374151;font-size:.8125rem;font-weight:600}.payout-day-date{color:#9ca3af;font-size:.75rem}.payout-day-bar-bg{background:#f3f4f6;border-radius:8px;height:16px;overflow:hidden}.payout-day-bar{background:linear-gradient(90deg,#10b981,#34d399);border-radius:8px;min-width:2px;height:100%;transition:width .4s}.payout-day-footer{justify-content:space-between;margin-top:.375rem;display:flex}.payout-day-amount{color:#059669;font-size:.9375rem;font-weight:700}.payout-day-count{color:#9ca3af;font-size:.75rem}.returns-card{background:#fff;border-radius:14px;gap:1.5rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000f}.returns-stat{flex-direction:column;flex:1;align-items:center;gap:.125rem;display:flex}.returns-number{color:#f59e0b;font-size:1.75rem;font-weight:800}.returns-label{color:#6b7280;font-size:.8125rem}@media (width<=768px){.finance-hero{flex-direction:column;gap:.75rem;padding:1rem}.finance-hero-amount{font-size:1.5rem}.finance-hero-divider{align-self:auto;width:100%;height:1px}.finance-hero-margin{text-align:left;flex-direction:row;align-items:center;gap:.75rem}.yoy-row{flex-direction:column;gap:.5rem}.yoy-item{width:100%}.yoy-arrow{transform:rotate(90deg)}.yoy-value{font-size:1.125rem}.cost-item{padding:.625rem}.cost-label{font-size:.8125rem}.cost-amount{white-space:nowrap;font-size:.875rem}.cashflow-grid{grid-template-columns:1fr;gap:.375rem}.cashflow-card{padding:.75rem}.cashflow-amount{font-size:1rem}.payout-day{padding:.625rem}.payout-day-amount{font-size:.875rem}.returns-card{gap:.75rem;padding:.75rem}.returns-number{font-size:1.5rem}.returns-label{font-size:.75rem}.fb-comparison{padding:.75rem}.fb-amount{font-size:.9375rem}}@media (width<=380px){.finance-hero-amount{font-size:1.25rem}.cashflow-amount{font-size:.9375rem}.yoy-value{font-size:1rem}}.perf-health-hero{background:#fff;border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 2px 8px #0000000f}.perf-score-ring{flex-shrink:0;width:80px;height:80px;position:relative}.perf-score-ring.good{color:#059669}.perf-score-ring.warn{color:#d97706}.perf-score-ring.bad{color:#dc2626}.score-svg{width:80px;height:80px}.score-bg{fill:none;stroke:#e5e7eb;stroke-width:6px}.score-fg{fill:none;stroke-width:6px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset 1s;transform:rotate(-90deg)}.perf-score-ring.good .score-fg{stroke:#10b981}.perf-score-ring.warn .score-fg{stroke:#f59e0b}.perf-score-ring.bad .score-fg{stroke:#ef4444}.score-text{align-items:baseline;gap:1px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-number{font-size:1.5rem;font-weight:800}.score-pct{opacity:.8;font-size:.875rem;font-weight:600}.perf-score-ring.good .score-number,.perf-score-ring.good .score-pct{color:#059669}.perf-score-ring.warn .score-number,.perf-score-ring.warn .score-pct{color:#d97706}.perf-score-ring.bad .score-number,.perf-score-ring.bad .score-pct{color:#dc2626}.perf-health-status{color:#1f2937;font-size:1.125rem;font-weight:700}.health-detail-list{flex-direction:column;gap:.25rem;margin-top:.75rem;display:flex}.health-detail-item{background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.health-detail-item.status-ok{border-left:3px solid #10b981}.health-detail-item.status-warning{border-left:3px solid #f59e0b}.health-detail-item.status-critical{border-left:3px solid #ef4444}.health-detail-item.status-unknown{border-left:3px solid #9ca3af}.hd-icon{flex-shrink:0;font-size:1rem}.hd-name{color:#374151;flex:1}.rum-visitors-bar{color:#0369a1;background:#f0f9ff;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.rum-metrics-list{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.rum-metric-card{background:#fff;border-left:3px solid #e5e7eb;border-radius:12px;padding:.75rem;box-shadow:0 1px 3px #0000000a}.rum-metric-card.status-good{border-left-color:#10b981}.rum-metric-card.status-ok{border-left-color:#f59e0b}.rum-metric-card.status-bad{border-left-color:#ef4444}.rum-metric-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.rum-metric-name{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;font-size:.6875rem}.rum-metric-badge{color:#9ca3af;background:#f3f4f6;border-radius:999px;padding:.125rem .375rem;font-size:.625rem}.rum-metric-value{color:#1f2937;margin:.125rem 0;font-size:1.25rem;font-weight:700}.rum-metric-card.status-good .rum-metric-value{color:#059669}.rum-metric-card.status-ok .rum-metric-value{color:#d97706}.rum-metric-card.status-bad .rum-metric-value{color:#dc2626}.rum-metric-range{color:#9ca3af;gap:.5rem;font-size:.6875rem;display:flex}.rum-hourly-section{margin-top:.75rem}.subsection-title{color:#6b7280;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:flex}.hourly-chart{background:#fff;border-radius:12px;align-items:flex-end;gap:2px;height:80px;padding:.5rem;display:flex;overflow:hidden}.hourly-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;display:flex}.hourly-bar-wrapper{flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex}.hourly-bar{border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .3s}.hourly-bar.good{background:linear-gradient(#10b981,#6ee7b7)}.hourly-bar.ok{background:linear-gradient(#f59e0b,#fcd34d)}.hourly-bar.bad{background:linear-gradient(#ef4444,#fca5a5)}.hourly-label{color:#9ca3af;text-align:center;margin-top:.125rem;font-size:.5625rem}.perf-avg-card{border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.perf-avg-card.good{background:#d1fae5}.perf-avg-card.ok{background:#fef3c7}.perf-avg-card.bad{background:#fee2e2}.perf-avg-label{color:#6b7280;font-size:.8125rem}.perf-avg-value{color:#1f2937;font-size:1.5rem;font-weight:700}.page-list{flex-direction:column;gap:.375rem;display:flex}.page-item{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.page-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.page-metrics{flex-shrink:0;gap:.375rem;display:flex}.page-metric{border-radius:6px;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600}.page-metric.good{color:#059669;background:#d1fae5}.page-metric.ok{color:#d97706;background:#fef3c7}.page-metric.bad{color:#dc2626;background:#fee2e2}.perf-tested-at{color:#9ca3af;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.checkout-hero{background:#fff;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000f}.checkout-hero.success{border-left:4px solid #10b981}.checkout-hero.fail{border-left:4px solid #ef4444}.checkout-status{flex-shrink:0;font-size:1.5rem}.checkout-total{color:#1f2937;font-size:1.5rem;font-weight:700}.checkout-steps{flex-direction:column;gap:.375rem;display:flex}.checkout-step{background:#fff;border-radius:10px;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.checkout-step.status-ok,.checkout-step.status-passed{border-left:3px solid #10b981}.checkout-step.status-skipped{border-left:3px solid #9ca3af}.checkout-step.status-failed{border-left:3px solid #ef4444}.step-num{color:#fff;background:#bb5990;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.step-name{color:#374151;flex:1;font-size:.875rem}.step-duration{color:#1f2937;font-size:.9375rem;font-weight:600}.step-icon{flex-shrink:0;font-size:1rem}@media (width<=768px){.perf-health-hero{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}.perf-score-ring,.score-svg{width:64px;height:64px}.score-number{font-size:1.25rem}.perf-health-status{font-size:1rem}.health-detail-item{padding:.5rem .625rem;font-size:.8125rem}.rum-metrics-list{grid-template-columns:1fr;gap:.375rem}.rum-metric-card{padding:.625rem}.rum-metric-value{font-size:1.125rem}.hourly-chart{gap:1px;height:60px;padding:.375rem}.hourly-label{font-size:.5rem}.perf-avg-card{gap:.5rem;padding:.625rem}.perf-avg-value{font-size:1.25rem}.page-item{padding:.5rem .625rem;font-size:.8125rem}.page-metrics{gap:.25rem}.page-metric{padding:.125rem .375rem;font-size:.625rem}.checkout-hero{gap:.5rem;padding:.75rem}.checkout-total{font-size:1.25rem}.checkout-step{gap:.5rem;padding:.5rem .625rem}.step-name,.step-duration{font-size:.8125rem}.step-num{width:20px;height:20px;font-size:.65rem}}@media (width<=380px){.rum-metric-value{font-size:1rem}.perf-avg-value{font-size:1.125rem}}.orders-hero{color:#fff;background:linear-gradient(135deg,#103547 0%,#1a4c63 100%);border-radius:16px;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.orders-hero-stat{flex-direction:column;flex:1;align-items:center;gap:.125rem;display:flex}.orders-hero-icon{font-size:1.5rem}.orders-hero-number{font-size:2rem;font-weight:800;line-height:1}.orders-hero-label{opacity:.8;font-size:.8125rem}.orders-hero-divider{background:#ffffff40;align-self:stretch;width:1px}.comparison-badge{border-radius:999px;align-items:center;gap:.25rem;margin-top:.75rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.comparison-badge.positive{color:#059669;background:#d1fae5}.comparison-badge.negative{color:#dc2626;background:#fee2e2}.remaining-grid{flex-direction:column;gap:.5rem;display:flex}.remaining-total{text-align:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;padding:1.25rem}.remaining-total-num{color:#92400e;font-size:2.5rem;font-weight:800;line-height:1;display:block}.remaining-total-label{color:#92400e;opacity:.8;font-size:.875rem;display:block}.remaining-total-cost{color:#b45309;margin-top:.25rem;font-size:1rem;font-weight:600;display:block}.remaining-breakdown{grid-template-columns:repeat(2,1fr);gap:.375rem;display:grid}.rem-item{background:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.rem-item.alert{background:#fffbeb;border:1px solid #fde68a}.rem-icon{flex-shrink:0;font-size:1.125rem}.rem-count{color:#1f2937;font-size:1.25rem;font-weight:700}.rem-label{color:#6b7280;font-size:.75rem}.chart-container{background:#fff;border-radius:14px;padding:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000000f}.chart-container+.chart-container{margin-top:.75rem}.chart-subtitle{color:#6b7280;margin-bottom:.5rem;padding:.25rem .25rem 0;font-size:.8125rem;font-weight:500}.bar-chart{align-items:flex-end;gap:4px;height:140px;padding:.5rem .25rem 0;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.bar-col.today{position:relative}.bar-col.today:before{content:"";z-index:0;background:#bb599014;border-radius:6px;position:absolute;inset:-4px -2px}.bar-value{color:#6b7280;z-index:1;margin-bottom:.125rem;font-size:.5625rem;font-weight:600}.bar-wrapper{z-index:1;flex-direction:column;justify-content:flex-end;width:100%;height:90px;display:flex}.bar-segment{width:100%;min-height:0;transition:height .3s}.bar-segment:first-child{border-radius:3px 3px 0 0}.bar-segment.completed{background:#10b981}.bar-segment.processing{background:#3b82f6}.bar-segment.onhold{background:#f59e0b}.bar-segment.failed{background:#ef4444}.bar-segment.revenue{background:linear-gradient(#bb5990,#d997b8)}.bar-label{color:#9ca3af;text-align:center;z-index:1;margin-top:.125rem;font-size:.5625rem}.bar-date{color:#d1d5db;text-align:center;z-index:1;font-size:.5rem}.chart-legend{flex-wrap:wrap;gap:.75rem;padding:.5rem .25rem 0;display:flex}.legend-item{color:#6b7280;align-items:center;gap:.25rem;font-size:.6875rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-dot.completed{background:#10b981}.legend-dot.processing{background:#3b82f6}.legend-dot.onhold{background:#f59e0b}.legend-dot.failed{background:#ef4444}.costs-summary{background:#fff;border-radius:14px;padding:.5rem .75rem;box-shadow:0 1px 3px #0000000f}.cost-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;display:flex}.cost-row:last-child{border-bottom:none}.cost-row .cost-label{color:#6b7280}.cost-row .cost-val{color:#1f2937;font-weight:600}.cost-row.total{border-top:1px solid #e5e7eb;font-weight:600}.cost-row.margin{border-bottom:none;padding-top:.625rem}.cost-row.margin.positive .cost-val{color:#059669}.cost-row.margin.negative .cost-val{color:#dc2626}.celebration-card{text-align:center;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.celebration-emoji{font-size:3rem}.celebration-card span:last-child{color:#065f46;font-size:1.1rem;font-weight:600}.alert-card{border-radius:12px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.alert-card.warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a}@media (width<=768px){.orders-hero{gap:.5rem;padding:1rem}.orders-hero-number{font-size:1.5rem}.orders-hero-label{font-size:.75rem}.orders-hero-icon{font-size:1.25rem}.comparison-badge{padding:.25rem .625rem;font-size:.75rem}.remaining-total{padding:1rem}.remaining-total-num{font-size:2rem}.remaining-total-label{font-size:.8125rem}.remaining-breakdown{grid-template-columns:1fr;gap:.25rem}.rem-item{padding:.625rem}.rem-count{font-size:1.125rem}.chart-container{padding:.5rem}.bar-chart{gap:2px;height:110px}.bar-value,.bar-label{font-size:.5rem}.bar-date{display:none}.chart-legend{gap:.5rem}.legend-item{font-size:.625rem}.costs-summary{padding:.375rem .625rem}.cost-row{padding:.375rem 0;font-size:.8125rem}.celebration-card{padding:1.5rem}.celebration-emoji{font-size:2.5rem}.alert-card{padding:.625rem .75rem;font-size:.8125rem}}@media (width<=380px){.orders-hero{flex-wrap:wrap;justify-content:center}.orders-hero-divider{display:none}.orders-hero-stat{min-width:80px}.remaining-total-num{font-size:1.75rem}}.wc-orders-loading{color:#6b7280;justify-content:center;align-items:center;gap:.75rem;min-height:60vh;font-size:1rem;display:flex}.wc-orders-error{color:#ef4444;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}.wc-orders-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:40vh;padding:2rem;display:flex}.wc-orders-empty svg{opacity:.4}.wc-orders-page{max-width:600px;margin:0 auto;padding:0 0 5rem}@media (width>=769px){.wc-orders-page{max-width:800px;padding:1rem 0 2rem}}.wc-orders-header{padding:1rem 1rem .5rem}.wc-orders-header-top{justify-content:space-between;align-items:flex-start;display:flex}.wc-orders-header h1{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.wc-orders-subtitle{color:#9ca3af;margin-top:.125rem;font-size:.8125rem;display:block}.wc-orders-counts{gap:.5rem;margin-bottom:.75rem;padding:0 1rem;display:flex}.count-chip{border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:flex}.count-chip.processing{color:#d97706;background:#fef3c7}.count-chip.on-hold{color:#dc2626;background:#fee2e2}.count-chip.pending{color:#6b7280;background:#f3f4f6}.count-chip-num{font-size:.875rem;font-weight:800}.count-chip-label{opacity:.85}.wc-orders-filters{margin-bottom:.75rem;padding:0 1rem;overflow:hidden}.filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.375rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{color:#6b7280;white-space:nowrap;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.filter-pill:hover{color:#bb5990;border-color:#bb5990}.filter-pill.active{color:#fff;background:#bb5990;border-color:#bb5990;font-weight:600}.pill-count{background:#ffffff40;border-radius:999px;padding:0 .375rem;font-size:.6875rem;font-weight:700}.filter-pill.active .pill-count{background:#ffffff4d}.filter-pill:not(.active) .pill-count{color:#6b7280;background:#f3f4f6}.wc-orders-search{gap:.5rem;margin-bottom:.75rem;padding:0 1rem;display:flex}.search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:.75rem}.search-input-wrap input{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:.5rem 2rem .5rem 2.25rem;font-size:.875rem;transition:border-color .15s}.search-input-wrap input:focus{border-color:#bb5990}.search-input-wrap input::placeholder{color:#9ca3af}.search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;display:flex;position:absolute;right:.5rem}.search-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.search-btn:hover{color:#bb5990;border-color:#bb5990}.wc-search-active{color:#92400e;background:#fef3c7;border-radius:10px;justify-content:space-between;align-items:center;margin:0 1rem .75rem;padding:.5rem 1rem;font-size:.8125rem;display:flex}.wc-search-active button{color:#92400e;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.wc-orders-list{flex-direction:column;gap:.625rem;padding:0 1rem;display:flex}.wc-order-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #f3f4f6;border-radius:14px;padding:.875rem;transition:transform .1s,box-shadow .15s;box-shadow:0 1px 4px #0000000f}.wc-order-card:active{transform:scale(.985)}@media (hover:hover){.wc-order-card:hover{border-color:#e5e7eb;box-shadow:0 2px 8px #0000001a}}.order-card-top{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.order-card-number{color:#1f2937;font-size:.9375rem;font-weight:700}.order-card-status{white-space:nowrap;border-radius:999px;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600}.order-card-main{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.375rem;display:flex}.order-card-customer{flex:1;min-width:0}.order-card-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.order-card-city{color:#9ca3af;font-size:.75rem;display:block}.order-card-amount{color:#103547;white-space:nowrap;font-size:.9375rem;font-weight:700}.order-card-meta{flex-wrap:wrap;gap:.375rem;margin-bottom:.375rem;display:flex}.meta-tag{color:#6b7280;white-space:nowrap;background:#f9fafb;border-radius:6px;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;display:inline-flex}.meta-tag svg{flex-shrink:0}.order-card-bottom{justify-content:space-between;align-items:center;display:flex}.order-card-date{color:#9ca3af;font-size:.6875rem}.order-card-indicators{align-items:center;gap:.25rem;display:flex}.indicator{cursor:default;font-size:.875rem}.order-card-arrow{color:#d1d5db;margin-left:.25rem}.wc-orders-loadmore{text-align:center;padding:1rem}.btn-load-more{color:#fff;cursor:pointer;background:linear-gradient(135deg,#bb5990,#9b59b6);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-load-more:disabled{opacity:.7;cursor:not-allowed}.pulse-dot.small{width:8px;height:8px}.wc-orders-toast{color:#dc2626;z-index:100;background:#fee2e2;border-radius:12px;align-items:center;gap:.5rem;max-width:600px;margin:0 auto;padding:.75rem 1rem;font-size:.8125rem;animation:.3s slideUpToast;display:flex;position:fixed;bottom:5rem;left:1rem;right:1rem;box-shadow:0 4px 12px #00000026}@keyframes slideUpToast{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width>=769px){.wc-orders-list{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.wc-orders-header h1{font-size:1.75rem}.wc-order-card{padding:1rem}.wc-orders-toast{width:400px;bottom:2rem;left:50%;right:auto;transform:translate(-50%)}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}}@media (width<=380px){.wc-orders-page{padding-bottom:4.5rem}.order-card-number,.order-card-amount{font-size:.875rem}.filter-pill{padding:.3125rem .5rem;font-size:.75rem}}.wcd-loading{color:#6b7280;justify-content:center;align-items:center;gap:.75rem;min-height:60vh;font-size:1rem;display:flex}.wcd-error{color:#ef4444;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}.btn-back-link{color:#bb5990;cursor:pointer;background:0 0;border:none;margin-top:.5rem;font-size:.875rem;text-decoration:underline}.wcd-page{max-width:600px;margin:0 auto;padding:0 0 5rem}@media (width>=769px){.wcd-page{max-width:700px;padding:1rem 0 2rem}}.wcd-header{-webkit-backdrop-filter:blur(12px);z-index:20;background:#ffffffeb;border-bottom:1px solid #0000000d;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}@media (width>=769px){.wcd-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;padding:0 1rem .5rem;position:static}}.wcd-back{color:#bb5990;cursor:pointer;background:#bb59901a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.wcd-back:hover{background:#bb599033}.wcd-header-info{flex:1;min-width:0}.wcd-header h1{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.wcd-header-date{color:#9ca3af;font-size:.75rem}.wcd-section{background:#fff;border:1px solid #f3f4f6;border-radius:14px;margin:.5rem 1rem;overflow:hidden;box-shadow:0 1px 4px #0000000f}.wcd-section-header{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.75rem .875rem;display:flex}.wcd-section-header:active{background:#f9fafb}.wcd-section-title{color:#374151;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.wcd-section-title svg{color:#bb5990}.wcd-section-title.complaint,.wcd-section-title.complaint svg{color:#dc2626}.wcd-section-header>svg{color:#9ca3af}.wcd-section-body{padding:0 .875rem .875rem}.wcd-status-card{border-left:4px solid #bb5990}.wcd-status-row{justify-content:space-between;align-items:center;padding:.75rem .875rem .5rem;display:flex}.wcd-status-badge{border-radius:999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:600}.wcd-status-change-btn{color:#bb5990;cursor:pointer;background:#bb59901a;border:none;border-radius:999px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:background .15s;display:flex}.wcd-status-change-btn:hover{background:#bb599033}.wcd-status-picker{padding:.5rem .875rem .75rem}.status-picker-options{flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;display:flex}.status-option{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.status-option:hover{background:#f9fafb}.status-option:disabled{opacity:.5;cursor:not-allowed}.status-note-input{box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.5rem .625rem;font-size:.8125rem;transition:border-color .15s}.status-note-input:focus{border-color:#bb5990}.status-changing{color:#6b7280;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.8125rem;display:flex}.wcd-dates-grid{flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem .875rem .75rem;display:flex}.wcd-date-item{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.wcd-date-item svg{color:#9ca3af;flex-shrink:0}.wcd-customer-name{color:#1f2937;margin-bottom:.375rem;font-size:1.0625rem;font-weight:600}.wcd-contact-link{color:#bb5990;align-items:center;gap:.375rem;padding:.25rem 0;font-size:.8125rem;text-decoration:none;transition:opacity .15s;display:flex}.wcd-contact-link:hover{opacity:.7}.wcd-contact-link svg{flex-shrink:0}.wcd-customer-note{color:#92400e;background:#fef3c7;border-radius:8px;align-items:flex-start;gap:.375rem;margin-top:.5rem;padding:.5rem .625rem;font-size:.8125rem;font-style:italic;display:flex}.wcd-customer-note svg{color:#d97706;flex-shrink:0;margin-top:.125rem}.wcd-addresses{border-top:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:grid}@media (width<=380px){.wcd-addresses{grid-template-columns:1fr}}.wcd-address-block{min-width:0}.wcd-address-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.6875rem;font-weight:600;display:flex}.wcd-address-label svg{flex-shrink:0}.wcd-address-line{color:#374151;text-overflow:ellipsis;font-size:.8125rem;line-height:1.4;overflow:hidden}.wcd-items-body{flex-direction:column;gap:.625rem;display:flex}.wcd-item{border-bottom:1px solid #f3f4f6;gap:.625rem;padding-bottom:.625rem;display:flex}.wcd-item:last-child{border-bottom:none;padding-bottom:0}.wcd-item-img{object-fit:cover;background:#f3f4f6;border-radius:8px;flex-shrink:0;width:56px;height:56px}.wcd-item-info{flex:1;min-width:0}.wcd-item-name{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.125rem;font-size:.8125rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.wcd-item-name a{color:inherit;text-decoration:none}.wcd-item-name a:hover{color:#bb5990}.wcd-item-name a svg{vertical-align:middle;color:#9ca3af;margin-left:.25rem;display:inline}.wcd-item-meta{align-items:center;gap:.5rem;margin-bottom:.125rem;display:flex}.item-sku{color:#9ca3af;font-family:SF Mono,Fira Code,monospace;font-size:.6875rem}.item-qty{color:#6b7280;font-size:.75rem;font-weight:600}.wcd-item-prices{align-items:center;gap:.75rem;display:flex}.item-price{color:#103547;font-size:.8125rem;font-weight:700}.item-cost{color:#9ca3af;font-size:.6875rem}.wcd-totals{flex-direction:column;gap:.25rem;display:flex}.wcd-total-row{color:#6b7280;justify-content:space-between;padding:.1875rem 0;font-size:.8125rem;display:flex}.wcd-total-row.discount span:last-child{color:#10b981}.wcd-total-row.coupon{color:#9ca3af;font-size:.75rem}.wcd-total-row.total{color:#103547;border-top:2px solid #103547;margin-top:.25rem;padding-top:.375rem;font-size:1rem;font-weight:700}.wcd-payment-info{border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;margin-top:.625rem;padding-top:.625rem;display:flex}.wcd-payment-method{color:#374151;font-size:.8125rem;font-weight:500}.wcd-transaction-id{color:#9ca3af;align-items:center;gap:.25rem;font-family:SF Mono,Fira Code,monospace;font-size:.6875rem;display:flex}.btn-copy{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:.125rem;transition:color .15s;display:flex}.btn-copy:hover{color:#bb5990}.wcd-margin-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:10px;margin-top:.625rem;padding:.625rem}.wcd-margin-row{color:#374151;justify-content:space-between;padding:.125rem 0;font-size:.8125rem;display:flex}.wcd-margin-row.margin{color:#059669;font-weight:700}.wcd-margin-row.margin small{color:#6b7280;font-weight:500}.wcd-shipping-method{color:#374151;align-items:center;gap:.5rem;margin-bottom:.625rem;font-size:.9375rem;font-weight:500;display:flex}.wcd-shipping-method svg{color:#bb5990}.wcd-tracking{background:#f9fafb;border-radius:10px;margin-bottom:.5rem;padding:.625rem}.wcd-tracking-label{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:.25rem;font-size:.6875rem}.wcd-tracking-number{color:#103547;word-break:break-all;align-items:center;gap:.375rem;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;font-weight:600;display:flex}.wcd-tracking-status{color:#6b7280;margin-top:.25rem;font-size:.8125rem}.wcd-supplier-order{background:#f9fafb;border-radius:10px;padding:.625rem}.wcd-supplier-label{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:.125rem;font-size:.6875rem}.wcd-supplier-value{color:#374151;font-size:.875rem;font-weight:600}.wcd-no-tracking{color:#9ca3af;text-align:center;padding:.5rem 0;font-size:.875rem;font-style:italic}.wcd-complaint-section{border-left:4px solid #dc2626}.wcd-complaint-view{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.complaint-text{color:#dc2626;font-size:.875rem;font-weight:500}.btn-edit-complaint{color:#dc2626;cursor:pointer;white-space:nowrap;background:#dc26261a;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.wcd-complaint-edit textarea{resize:vertical;box-sizing:border-box;border:1.5px solid #fca5a5;border-radius:10px;outline:none;width:100%;padding:.5rem;font-family:inherit;font-size:.875rem}.wcd-complaint-edit textarea:focus{border-color:#dc2626}.wcd-complaint-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.btn-save{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.btn-save:disabled{opacity:.6}.btn-cancel{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:.375rem .75rem;font-size:.8125rem}.wcd-add-complaint-btn{color:#dc2626;cursor:pointer;background:#fff;border:1.5px dashed #fca5a5;border-radius:10px;justify-content:center;align-items:center;gap:.375rem;width:calc(100% - 2rem);margin:.5rem 1rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:background .15s;display:flex}.wcd-add-complaint-btn:hover{background:#fef2f2}.wcd-notes-timeline{flex-direction:column;gap:.375rem;max-height:400px;margin-bottom:.625rem;padding-right:.25rem;display:flex;overflow-y:auto}.wcd-note{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;padding:.5rem .625rem}.wcd-note.system{background:#f9fafb;border-color:#e5e7eb}.wcd-note.customer{background:#fef3c7;border-color:#fde68a}.wcd-note:not(.system):not(.customer){background:#ede9fe;border-color:#ddd6fe}.wcd-note-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.wcd-note-author{color:#6b7280;font-size:.6875rem;font-weight:600}.wcd-note-time{color:#9ca3af;font-size:.625rem}.wcd-note-content{color:#374151;word-break:break-word;font-size:.8125rem;line-height:1.4}.wcd-note-content a{color:#bb5990}.wcd-add-note{align-items:center;gap:.375rem;display:flex}.wcd-add-note input{border:1.5px solid #e5e7eb;border-radius:999px;outline:none;flex:1;padding:.5rem .75rem;font-size:.8125rem;transition:border-color .15s}.wcd-add-note input:focus{border-color:#bb5990}.btn-send-note{color:#fff;cursor:pointer;background:#bb5990;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s;display:flex}.btn-send-note:disabled{opacity:.4;cursor:not-allowed}.wcd-toast{color:#dc2626;z-index:100;background:#fee2e2;border-radius:12px;align-items:center;gap:.5rem;max-width:600px;margin:0 auto;padding:.625rem .75rem;font-size:.8125rem;animation:.3s slideUpToast;display:flex;position:fixed;bottom:5rem;left:1rem;right:1rem;box-shadow:0 4px 12px #00000026}.wcd-toast button{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.125rem;display:flex}.wcd-toast span{flex:1}@media (width>=769px){.wcd-section{margin:.625rem 1rem}.wcd-notes-timeline{max-height:500px}.wcd-toast{width:400px;bottom:2rem;left:50%;right:auto;transform:translate(-50%)}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}}@media (width<=380px){.wcd-page{padding-bottom:4.5rem}.wcd-header h1{font-size:1.125rem}.wcd-item-img{width:44px;height:44px}.wcd-addresses{grid-template-columns:1fr}.status-option{padding:.3125rem .5rem;font-size:.6875rem}}.complaints-page{max-width:700px}.complaints-summary{justify-content:center;margin-bottom:.75rem;display:flex}.complaints-total-badge{color:#fff;text-align:center;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:16px;flex-direction:column;align-items:center;gap:.125rem;padding:1rem 2rem;display:flex}.complaints-total-num{font-size:2.5rem;font-weight:800;line-height:1}.complaints-total-label{opacity:.85;font-size:.875rem}.complaints-type-chips{flex-wrap:wrap;gap:.375rem;display:flex}.type-chip{cursor:pointer;white-space:nowrap;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:.375rem .75rem;font-size:.75rem;transition:all .15s}.type-chip:hover{border-color:#f97316}.type-chip.active{color:#ea580c;background:#fff7ed;border-color:#f97316;font-weight:600}.complaints-filters{padding-top:0!important}.filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-label{color:#6b7280;font-size:.75rem}.filter-buttons{gap:.25rem;display:flex}.filter-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.25rem .625rem;font-size:.75rem;transition:all .15s}.filter-btn:hover{border-color:#9ca3af}.filter-btn.active{color:#fff;background:#374151;border-color:#374151}.complaints-empty{text-align:center;color:#6b7280;padding:3rem 1rem}.complaints-empty span{margin-bottom:.5rem;font-size:3rem;display:block}.complaints-list{flex-direction:column;gap:.5rem;display:flex}.complaint-card{background:#fff;border:1px solid #f3f4f6;border-left:4px solid #f97316;border-radius:14px;padding:.875rem;box-shadow:0 1px 3px #0000000f}.complaint-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.complaint-type-badge{border-radius:8px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.complaint-order-link{color:#bb5990;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:flex}.complaint-order-link:hover{text-decoration:underline}.complaint-body{flex-direction:column;gap:.375rem;display:flex}.complaint-info-row{justify-content:space-between;align-items:center;display:flex}.complaint-customer{color:#1f2937;font-size:.875rem;font-weight:600}.complaint-phone{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;text-decoration:none;display:flex}.complaint-phone:hover{color:#bb5990}.complaint-meta{color:#6b7280;gap:.75rem;font-size:.75rem;display:flex}.complaint-status{font-weight:500}.complaint-amount{color:#1f2937;font-weight:600}.complaint-supplier{color:#9ca3af;font-size:.75rem}.complaint-comments{color:#6b7280;text-overflow:ellipsis;background:#f9fafb;border-radius:8px;max-height:60px;margin-top:.25rem;padding:.5rem;font-size:.75rem;line-height:1.4;overflow:hidden}@media (width<=380px){.complaint-meta{flex-wrap:wrap;gap:.375rem}.complaints-type-chips{gap:.25rem}.type-chip{padding:.25rem .5rem;font-size:.6875rem}.filter-buttons{flex-wrap:wrap}}.invoices-subtitle{color:#94a3b8;font-size:.8125rem;font-weight:400}.invoice-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.invoice-stat-card{background:#fff;border-radius:14px;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000f}.invoice-stat-card svg{opacity:.7;flex-shrink:0}.stat-week svg{color:#8b5cf6}.stat-errors svg{color:#ef4444}.invoice-stat-content{flex-direction:column;display:flex}.invoice-stat-value{color:#1f2937;font-size:1.5rem;font-weight:800;line-height:1.1}.invoice-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.category-chips{flex-wrap:wrap;gap:.5rem;display:flex}.category-chip{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.category-chip:hover{border-color:var(--chip-color,#94a3b8);background:color-mix(in srgb, var(--chip-color,#94a3b8) 8%, white)}.category-chip.active{border-color:var(--chip-color,#94a3b8);background:color-mix(in srgb, var(--chip-color,#94a3b8) 12%, white);color:var(--chip-color,#374151);font-weight:600}.chip-dot{background:var(--chip-color,#94a3b8);border-radius:50%;width:8px;height:8px}.chip-count{color:#9ca3af;font-size:.6875rem;font-weight:600}.category-chip.active .chip-count{color:var(--chip-color,#6b7280)}.invoice-filters{justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-group svg{color:#6b7280;flex-shrink:0}.filter-group select{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .375rem center;background-repeat:no-repeat;background-size:1.125rem;border:1px solid #d1d5db;border-radius:8px;padding:.375rem 2rem .375rem .625rem;font-size:.8125rem}.filter-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.filter-count{color:#9ca3af;white-space:nowrap;font-size:.8125rem}.invoice-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.invoice-empty p{color:#6b7280;margin:.5rem 0 0;font-size:.9375rem}.invoice-empty-hint{color:#9ca3af!important;font-size:.8125rem!important}.invoice-list{flex-direction:column;gap:.5rem;display:flex}.invoice-row{cursor:pointer;background:#fff;border-left:3px solid #0000;border-radius:12px;padding:.875rem 1rem;transition:box-shadow .15s;box-shadow:0 1px 2px #0000000a}.invoice-row:hover{box-shadow:0 2px 8px #00000014}.invoice-row.processed{border-left-color:#10b981}.invoice-row.partial{border-left-color:#f59e0b}.invoice-row.error{border-left-color:#ef4444}.invoice-row-main{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.invoice-row-left{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.invoice-category-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.invoice-row-info{flex-direction:column;min-width:0;display:flex}.invoice-filename{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.invoice-supplier{color:#9ca3af;font-size:.75rem}.invoice-row-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.invoice-row-badges{gap:.25rem;display:flex}.mini-badge{letter-spacing:.02em;border-radius:4px;justify-content:center;align-items:center;padding:.125rem .375rem;font-size:.625rem;font-weight:700;display:inline-flex}.badge-workdrive{color:#2563eb;background:#dbeafe}.badge-infakt{color:#d97706;background:#fef3c7}.badge-booked{color:#059669;background:#d1fae5}.status-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.status-success{color:#059669;background:#d1fae5}.status-warning{color:#d97706;background:#fef3c7}.status-error{color:#dc2626;background:#fee2e2}.status-unknown{color:#6b7280;background:#f3f4f6}.invoice-date{color:#9ca3af;white-space:nowrap;font-size:.6875rem}.invoice-row-detail{border-top:1px solid #f3f4f6;margin-top:.75rem;padding-top:.75rem}.detail-grid{grid-template-columns:1fr 1fr;gap:.5rem 1rem;display:grid}.detail-item{flex-direction:column;gap:.125rem;display:flex}.detail-full{grid-column:1/-1}.detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}.detail-value{color:#374151;word-break:break-all;font-size:.8125rem}.detail-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:.75rem}.detail-error .detail-value{color:#dc2626;background:#fef2f2;border-radius:6px;padding:.375rem .5rem;font-size:.75rem}@media (width>=640px){.invoice-stats-grid{grid-template-columns:repeat(4,1fr)}.detail-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.invoice-row-right{flex-direction:column;align-items:flex-end;gap:.25rem}.invoice-date{display:none}.invoice-filename{max-width:180px}}.leads-subtitle{color:#94a3b8;font-size:.8125rem;font-weight:400}.lead-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.lead-stat-card{background:#fff;border-radius:14px;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000f}.lead-stat-card svg{opacity:.7;flex-shrink:0}.stat-total svg{color:#3b82f6}.stat-hot svg{color:#ef4444}.stat-today svg{color:#10b981}.stat-avg svg{color:#8b5cf6}.lead-stat-content{flex-direction:column;display:flex}.lead-stat-value{color:#1f2937;font-size:1.5rem;font-weight:800;line-height:1.1}.lead-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.pipeline-bar{flex-wrap:wrap;gap:.5rem;display:flex}.pipeline-chip{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.pipeline-chip:hover{border-color:var(--pipe-color,#94a3b8);background:color-mix(in srgb, var(--pipe-color,#94a3b8) 8%, white)}.pipeline-chip.active{border-color:var(--pipe-color,#94a3b8);background:color-mix(in srgb, var(--pipe-color,#94a3b8) 12%, white);color:var(--pipe-color,#374151);font-weight:600}.pipeline-chip svg{color:var(--pipe-color,#6b7280)}.pipe-count{color:#9ca3af;font-size:.6875rem;font-weight:600}.pipeline-chip.active .pipe-count{color:var(--pipe-color,#6b7280)}.source-chips{flex-wrap:wrap;gap:.5rem;display:flex}.source-chip{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.source-chip:hover{border-color:var(--src-color,#94a3b8);background:color-mix(in srgb, var(--src-color,#94a3b8) 8%, white)}.source-chip.active{border-color:var(--src-color,#94a3b8);background:color-mix(in srgb, var(--src-color,#94a3b8) 12%, white);color:var(--src-color,#374151);font-weight:600}.source-chip .chip-dot{background:var(--src-color,#94a3b8);border-radius:50%;width:8px;height:8px}.source-chip .chip-count{color:#9ca3af;font-size:.6875rem;font-weight:600}.source-chip.active .chip-count{color:var(--src-color,#6b7280)}.lead-filters{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lead-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.lead-empty p{color:#6b7280;margin:.5rem 0 0;font-size:.9375rem}.lead-empty-hint{color:#9ca3af!important;font-size:.8125rem!important}.lead-list{flex-direction:column;gap:.5rem;display:flex}.lead-row{cursor:pointer;background:#fff;border-left:3px solid #e5e7eb;border-radius:12px;padding:.875rem 1rem;transition:box-shadow .15s;box-shadow:0 1px 2px #0000000a}.lead-row:hover{box-shadow:0 2px 8px #00000014}.lead-row.score-hot{border-left-color:#ef4444}.lead-row.score-warm{border-left-color:#f59e0b}.lead-row.score-medium{border-left-color:#3b82f6}.lead-row.score-cold{border-left-color:#94a3b8}.lead-row.skipped{opacity:.6}.lead-row.won{background:#f0fdf4;border-left-color:#22c55e}.lead-row.lost{opacity:.5}.lead-row-main{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lead-row-left{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.lead-score-badge{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:800;display:flex}.lead-score-badge.score-hot{background:linear-gradient(135deg,#ef4444,#dc2626)}.lead-score-badge.score-warm{background:linear-gradient(135deg,#f59e0b,#d97706)}.lead-score-badge.score-medium{background:linear-gradient(135deg,#3b82f6,#2563eb)}.lead-score-badge.score-cold{background:linear-gradient(135deg,#94a3b8,#64748b)}.lead-row-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.lead-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.lead-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lead-source-tag{color:#fff;letter-spacing:.02em;text-transform:uppercase;border-radius:4px;align-items:center;padding:.0625rem .375rem;font-size:.625rem;font-weight:700;display:inline-flex}.lead-date{color:#9ca3af;font-size:.6875rem}.lead-status-tag{align-items:center;gap:.1875rem;font-size:.6875rem;font-weight:600;display:inline-flex}.lead-row-right{color:#9ca3af;flex-shrink:0;align-items:center;gap:.375rem;display:flex}.lead-link-btn{color:#6b7280;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.lead-link-btn:hover{color:#3b82f6;background:#f3f4f6}.lead-row-details{border-top:1px solid #f3f4f6;margin-top:.75rem;padding-top:.75rem}.lead-detail-section{margin-bottom:.75rem}.lead-detail-section strong{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.lead-detail-section p{color:#374151;margin:.25rem 0 0;font-size:.8125rem;line-height:1.5}.lead-detail-header{justify-content:space-between;align-items:center;display:flex}.lead-copy-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;transition:all .15s;display:inline-flex}.lead-copy-btn:hover{color:#3b82f6;background:#f3f4f6;border-color:#3b82f6}.lead-proposal-text{white-space:pre-wrap;background:#f8fafc;border-radius:8px;padding:.75rem;font-family:inherit}.lead-actions{border-top:1px solid #f3f4f6;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.lead-action-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.lead-action-btn:disabled{opacity:.6;cursor:not-allowed}.action-apply{color:#059669;background:#d1fae5;border-color:#a7f3d0}.action-apply:hover:not(:disabled){background:#a7f3d0}.action-skip{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.action-skip:hover:not(:disabled){background:#e2e8f0}.action-interview{color:#d97706;background:#fef3c7;border-color:#fde68a}.action-interview:hover:not(:disabled){background:#fde68a}.action-won{color:#15803d;background:#d1fae5;border-color:#86efac}.action-won:hover:not(:disabled){background:#bbf7d0}.action-lost{color:#dc2626;background:#fee2e2;border-color:#fecaca}.action-lost:hover:not(:disabled){background:#fecaca}@media (width>=640px){.lead-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.lead-title{white-space:normal}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{height:100vh;color:var(--gray-600);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.loading{text-align:center;color:var(--gray-600);padding:2rem}.empty{text-align:center;color:var(--gray-500);padding:3rem;font-size:1.1rem}.error-message{border:1px solid var(--danger-color);color:#991b1b;background-color:#fee2e2;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.625rem 1.25rem;font-size:1rem;text-decoration:none;transition:background-color .2s;display:inline-block}.button:hover{background-color:var(--primary-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.status-badge{text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.status-badge.large{padding:.5rem 1rem;font-size:1rem}.status-badge.pending{color:#1e40af;background-color:#dbeafe}.status-badge.processing{color:#92400e;background-color:#fef3c7}.status-badge.completed{color:#065f46;background-color:#d1fae5}.status-badge.failed{color:#991b1b;background-color:#fee2e2}.status-badge.partial{color:#9a3412;background-color:#fed7aa}.status-badge.ordered_by_woocommerce{color:#3730a3;background-color:#e0e7ff}.status-badge.product_unavailable{color:#9d174d;background-color:#fce7f3}.status-badge.ordered-awaiting-payment{color:#92400e;background-color:#fef3c7}input[type=text],input[type=number],input[type=email],input[type=search],input[type=date],input[type=password],select,textarea,button:not(.icon-btn),.button,input[type=submit]{border-radius:20px!important}.icon-btn,button.rounded-full{border-radius:50%!important}