:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root,#root,body,html,html[data-force-light]{color-scheme:only light!important;forced-color-adjust:none!important;-webkit-forced-color-adjust:none!important;filter:none!important;background-color:#f7f6f6!important}body{color-scheme:only light!important;forced-color-adjust:none!important}img,video,picture,canvas,iframe,svg{filter:none!important}@media(prefers-color-scheme:dark){html{filter:none!important;background-color:#f7f6f6!important}body{background-color:#f7f6f6!important;color:#000!important}.header,.footer,.card,.sidebar,.dashboard-topbar,.product-card,.btn-primary,.stat-card{filter:none!important}}:root{color-scheme:only light;--color-background-color: #f7f6f6;--color-accent: #ff9b37;--color-text-primary: #000;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-white: #fff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-family-primary: -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.1rem;--spacing-6: 1.2rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 5%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--aff-orange: #F97316;--aff-orange-light: #FFEDD5;--aff-orange-dark: #EA6C10;--aff-orange-grad: linear-gradient(135deg, #F97316 0%, #FBAD41 100%);--aff-bg: #F8F9FB;--aff-surface: #FFFFFF;--aff-border: #E8ECF0;--aff-border-focus: #F97316;--aff-text-primary: #111827;--aff-text-secondary:#6B7280;--aff-text-muted: #9CA3AF;--aff-success-bg: #DCFCE7;--aff-success-text: #15803D;--aff-warning-bg: #FEF9C3;--aff-warning-text: #A16207;--aff-info-bg: #DBEAFE;--aff-info-text: #1D4ED8;--aff-danger-bg: #FEE2E2;--aff-danger-text: #DC2626;--aff-radius-sm: 6px;--aff-radius: 10px;--aff-radius-lg: 14px;--aff-shadow-xs: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--aff-shadow-sm: 0 2px 8px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);--aff-shadow-md: 0 4px 20px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--aff-shadow-modal: 0 20px 60px rgba(0,0,0,.22);--aff-font: "Inter", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;forced-color-adjust:none!important;-webkit-forced-color-adjust:none}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background)!important;min-height:100vh}html{color-scheme:only light!important;forced-color-adjust:none;-webkit-forced-color-adjust:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5,h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{text-decoration:none}ul,ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}li{margin-bottom:var(--spacing-2);color:var(--color-text-secondary)}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit}*:focus{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.flex-col{flex-direction:column}.hidden{display:none}@media(min-width:768px){:root{--font-size-3xl: 2.25rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--spacing-16: 5rem;--spacing-20: 6rem;--spacing-24: 8rem}.container{padding:0 var(--spacing-6)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.space-x-4>*+*{margin-left:var(--spacing-4)}}@media(min-width:1024px){:root{--font-size-4xl: 3rem;--font-size-5xl: 4rem;--font-size-6xl: 4.5rem;--spacing-20: 8rem;--spacing-24: 10rem;--spacing-32: 12rem}.container{padding:0 var(--spacing-8)}h2{font-size:var(--font-size-4xl)}.space-x-8>*+*{margin-left:var(--spacing-8)}}@media(min-width:1280px){.container{max-width:1280px}h1{font-size:var(--font-size-6xl)}}.btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){border-color:var(--color-deep-accent)}.btn-secondary{background-color:var(--color-white);color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:hover:not(:disabled){background-color:var(--color-accent);color:var(--color-white)}.btn-outline{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-gray-300)}.btn-outline:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.form-input,.form-textarea,.form-input:focus,.form-textarea:focus,.form-input:disabled,.form-textarea:disabled,.form-help{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.modal-overlay{position:fixed;inset:0;background-color:#0000007f;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-4)}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.modal-body{padding:var(--spacing-6)}.modal-footer{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.alert{padding:var(--spacing-4);border-radius:var(--border-radius-lg);border:1px solid transparent;margin-bottom:var(--spacing-4)}.header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:var(--z-sticky);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.header-hidden{transform:translateY(-100%)}.header:not(.header-hidden){box-shadow:0 1px 3px #0000000d}.header-container{display:flex;align-items:center;justify-content:space-between;gap:1%;padding:var(--spacing-4) var(--spacing-4);max-width:1200px;margin:0 auto}.header-logo-section{display:flex;align-items:center;gap:var(--spacing-3)}.header-logo{display:flex;align-items:center;text-decoration:none;transition:all var(--transition-fast)}.header-logo:hover{transform:translateY(-1px)}.header-store-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:900;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.header-store-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.header-store-icon{width:1.125rem;height:1.125rem}.nav-chevron-open{transform:rotate(180deg)}.logo-container{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.logo-text{display:flex;align-items:center;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;line-height:1}.logo-pay{color:var(--color-text-primary);position:relative}.logo-hold{color:var(--color-accent);position:relative;margin-left:-.05em}.logo-pay:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:var(--color-accent);border-radius:2px;opacity:0;transition:opacity var(--transition-fast)}.header-logo:hover .logo-pay:after{opacity:1}.logo-tagline{font-size:.6rem;font-weight:700;color:transparent;background-color:var(--color-accent);-webkit-background-clip:text;background-clip:text;text-transform:uppercase;letter-spacing:.12em;margin-top:.125rem;padding:2px 6px;border-radius:3px;position:relative}.logo-tagline:before{content:"";position:absolute;inset:0;background-color:linear-gradient(135deg,rgb(255 155 55 / 10%) 0%,rgb(230 57 70 / 10%) 100%);border-radius:3px;z-index:-1}.header-nav{display:none;align-items:center;gap:var(--spacing-6)}.header-nav a,.header-nav .nav-dropdown-btn{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);display:flex;align-items:center;gap:var(--spacing-2);background-color:none;border:none;cursor:pointer}.header-nav a:hover,.header-nav .nav-dropdown-btn:hover{color:var(--color-accent);background-color:var(--color-gray-50)}.header-nav .nav-icon{width:1.25rem;height:1.25rem}.header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:none;color:var(--color-text-secondary);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.header-icon-btn:hover{background-color:var(--color-gray-100);color:var(--color-accent)}.header-icon-btn svg{width:20px;height:20px}.cart-icon-btn{position:relative}.cart-badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--color-accent);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-full);border:2px solid var(--color-white);box-shadow:var(--shadow-md);animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.header-profile{position:relative}.header-profile-btn{display:flex;align-items:center;gap:var(--spacing-2);border:none;background-color:none;color:var(--color-text-secondary);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.header-profile-btn:hover{background-color:var(--color-gray-100);color:var(--color-accent)}.header-profile-btn svg{width:20px;height:20px}.header-profile-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-2);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:var(--z-modal-backdrop);overflow:hidden}.header-profile-menu a,.header-profile-menu button{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);text-align:left;color:var(--color-text-secondary);text-decoration:none;border:none;background-color:none;cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--font-size-sm)}.header-profile-menu a:hover,.header-profile-menu button:hover{background-color:var(--color-gray-50);color:var(--color-text-primary)}.auth-buttons{display:flex;align-items:center;gap:var(--spacing-2)}.auth-buttons .btn{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.header-dropdown{position:relative}.nav-dropdown-btn{display:flex;align-items:center;gap:var(--spacing-1);cursor:pointer}.nav-chevron{width:14px;height:14px;transition:transform var(--transition-fast)}.stats-section{padding:var(--spacing-20) 0;background-color:var(--color-gray-50)}.stats-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.stats-header{text-align:center;margin-bottom:var(--spacing-16)}.stats-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.stats-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:620px;margin:0 auto;line-height:var(--line-height-relaxed)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-8)}.stat-card{background-color:var(--color-white);border-radius:var(--border-radius-2xl);padding:var(--spacing-10) var(--spacing-6);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:1px solid var(--color-gray-200)}.stat-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl);border-color:var(--color-accent)}@media(max-width:767px){.stats-section{padding:var(--spacing-16) 0}.stats-header h2{font-size:var(--font-size-3xl)}.stat-card{padding:var(--spacing-8) var(--spacing-5)}}@media(min-width:1024px){.stats-grid{gap:var(--spacing-10)}}.whatsapp-float{position:fixed;bottom:1.75rem;right:1.75rem;z-index:999;display:flex;align-items:center;gap:.5rem;background-color:#25d366;color:#fff;padding:.65rem 1.1rem .65rem .85rem;border-radius:9999px;text-decoration:none;font-weight:600;font-size:.875rem;box-shadow:0 4px 20px #25d36673;transition:transform .2s ease,box-shadow .2s ease,padding .3s ease;white-space:nowrap}.whatsapp-float:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 28px #25d3668c}.whatsapp-float-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.whatsapp-float-label{display:inline}@media(max-width:360px){.whatsapp-float{padding:.75rem;border-radius:9999px}.whatsapp-float-label{display:none}}.hero-trust-momo-logo{width:2rem;height:2rem;object-fit:contain;border-radius:4px}@media(max-width:767px){.header-container{padding:var(--spacing-3) .4rem}.logo-text{font-size:1.5rem}.logo-tagline{font-size:.45rem;letter-spacing:.08em;padding:1px 4px}.header-actions{gap:var(--spacing-2)}.header-icon-btn{width:36px;height:36px}.header-icon-btn svg{width:18px;height:18px}}@media(min-width:768px){.header-container{padding:var(--spacing-4) var(--spacing-6)}.header-nav{display:flex}}@media(min-width:1024px){.header-container{padding:var(--spacing-4) var(--spacing-8)}}.footer{background-color:var(--color-gray-900);color:var(--color-gray-300);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:var(--spacing-12) var(--spacing-4) var(--spacing-6)}.footer-main{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.footer-brand{grid-column:1 / -1;margin-bottom:var(--spacing-6)}.footer-section{min-width:0}.footer-brand h3{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}.footer-brand p{color:var(--color-gray-400);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.footer-social{display:flex;gap:var(--spacing-3)}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-gray-800);color:var(--color-gray-400);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.footer-social a:hover{background-color:var(--color-accent);color:var(--color-white)}.social-icon{width:20px;height:20px}.footer-section h4{color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:var(--spacing-2)}.footer-section a{color:var(--color-gray-400);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-section a:hover{color:var(--color-accent)}.footer-newsletter{background-color:var(--color-gray-800);border-radius:var(--border-radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.footer-newsletter-content{text-align:center}.footer-newsletter h4{color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.footer-newsletter p{color:var(--color-gray-400);margin-bottom:var(--spacing-4)}.footer-newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:400px;margin:0 auto}.footer-newsletter input{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-600);border-radius:var(--border-radius-lg);background-color:var(--color-gray-700);color:var(--color-white);font-size:var(--font-size-base)}.footer-newsletter input::placeholder{color:var(--color-gray-400)}.footer-newsletter input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.footer-newsletter button{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.footer-newsletter button:hover{background-color:var(--color-deep-accent)}.footer-bottom{border-top:1px solid var(--color-gray-700);padding-top:var(--spacing-6)}.footer-bottom-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}.footer-copyright{color:var(--color-gray-400);font-size:var(--font-size-sm)}.footer-status{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-400)}.footer-status-indicator{display:flex;align-items:center;gap:var(--spacing-2)}.status-indicator{width:8px;height:8px;background-color:var(--color-success);border-radius:50%}@media(min-width:768px){.footer-container{padding:var(--spacing-16) var(--spacing-6) var(--spacing-8)}.footer-main{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--spacing-12)}.footer-newsletter-form{flex-direction:row}.footer-newsletter input{flex:1}.footer-bottom-content{flex-direction:row;justify-content:space-between;text-align:left}.footer-status{flex-direction:row;align-items:center}}@media(min-width:1024px){.footer-container{padding:var(--spacing-20) var(--spacing-8) var(--spacing-10)}}.footer-page{min-height:60vh;padding:var(--spacing-8) var(--spacing-4);background-color:var(--color-background)}.footer-page-container{max-width:1150px;margin:0 auto}.footer-page-back{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-6);transition:color var(--transition-fast)}.footer-page-back:hover{color:var(--color-accent)}.footer-page-back .icon-sm{width:16px;height:16px}.footer-page-header{margin-bottom:var(--spacing-8)}.footer-page-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.footer-page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.footer-page-content{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.footer-page-section{margin-bottom:var(--spacing-8)}.footer-page-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.footer-page-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.footer-page-section p{margin-bottom:var(--spacing-4);font-size:var(--font-size-base)}.footer-page-list{list-style:none;padding:0;margin:0}.footer-page-list li{padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-base)}.footer-page-list li:last-child{border-bottom:none}.footer-page-list li strong{color:var(--color-text-primary)}.footer-page-steps{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.footer-page-step{display:flex;gap:var(--spacing-4);align-items:flex-start}.footer-page-step .step-number{flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:var(--color-accent);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.footer-page-step .step-content h3{margin-bottom:var(--spacing-1)}.footer-page-step .step-content p{color:var(--color-text-muted)}.footer-page-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.footer-page-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-5);transition:box-shadow var(--transition-fast)}.footer-page-card:hover{box-shadow:var(--shadow-md)}.footer-page-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.footer-page-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}@media(min-width:768px){.footer-page{padding:var(--spacing-12) var(--spacing-6)}.footer-page-header h1{font-size:var(--font-size-4xl)}.footer-page-grid{grid-template-columns:repeat(2,1fr)}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.section{padding:var(--spacing-12) 0}.section-lg{padding:var(--spacing-16) 0}@media(min-width:768px){.section{padding:var(--spacing-16) 0}.section-lg{padding:var(--spacing-20) 0}.section-xl{padding:var(--spacing-24) 0}}@media(min-width:1024px){.section{padding:var(--spacing-20) 0}.section-lg{padding:var(--spacing-24) 0}.section-xl{padding:var(--spacing-32) 0}}.hero{width:100%;background-color:#fbfaf8;background-image:radial-gradient(circle at 18% 22%,rgb(255 155 55 / 10%) 0%,transparent 42%),radial-gradient(circle at 82% 78%,rgb(88 1 0 / 8%) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgb(255 155 55 / 4%) 0%,transparent 60%);position:relative;overflow:hidden;min-height:70vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><g fill='none' stroke='%23580100' stroke-width='1' opacity='0.55'><path d='M70 38 L86 46 L86 70 Q86 86 70 96 Q54 86 54 70 L54 46 Z'/><path d='M70 50 L78 54 L78 68 Q78 78 70 84 Q62 78 62 68 L62 54 Z'/></g><g fill='%23ff9b37' opacity='0.6'><circle cx='14' cy='14' r='1.6'/><circle cx='126' cy='14' r='1.6'/><circle cx='14' cy='126' r='1.6'/><circle cx='126' cy='126' r='1.6'/></g><g fill='none' stroke='%23580100' stroke-width='0.6' opacity='0.18' stroke-dasharray='2 4'><line x1='14' y1='14' x2='54' y2='46'/><line x1='126' y1='14' x2='86' y2='46'/><line x1='14' y1='126' x2='54' y2='90'/><line x1='126' y1='126' x2='86' y2='90'/></g></svg>");background-size:140px 140px;opacity:.18;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-color:radial-gradient(ellipse at center,transparent 0%,rgb(251 250 248 / 35%) 65%,#fbfaf8 95%);pointer-events:none}.hero-decorations{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:hero-orb-drift 14s ease-in-out infinite}.hero-orb-1{width:320px;height:320px;top:-80px;left:-80px;background-color:radial-gradient(circle,rgb(255 155 55 / 45%),transparent 70%)}.hero-orb-2{width:380px;height:380px;bottom:-120px;right:-100px;background-color:radial-gradient(circle,rgb(88 1 0 / 32%),transparent 70%);animation-delay:-5s;animation-duration:18s}.hero-orb-3{width:220px;height:220px;top:40%;right:18%;background-color:radial-gradient(circle,rgb(255 155 55 / 22%),transparent 70%);animation-delay:-9s;animation-duration:16s}.hero-deco{position:absolute;color:var(--color-deep-accent);opacity:.1;width:56px;height:56px;animation:hero-float 7s ease-in-out infinite}.hero-deco-shield-1{top:14%;left:8%;width:72px;height:72px;color:var(--color-accent);opacity:.18}.hero-deco-lock-1{top:22%;right:10%;width:48px;height:48px;animation-delay:-2s;animation-duration:9s}.hero-deco-check-1{bottom:18%;left:12%;width:52px;height:52px;color:var(--color-accent);opacity:.16;animation-delay:-4s;animation-duration:8s}.hero-deco-shield-2{bottom:22%;right:14%;width:64px;height:64px;animation-delay:-6s;animation-duration:10s}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;padding:1.5rem 0}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);margin-bottom:var(--spacing-6);background-color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(255 155 55 / 25%);border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-deep-accent);box-shadow:0 4px 20px #5801000f;position:relative;opacity:0;animation:hero-fade-up .8s ease-out .1s forwards}.hero-badge-icon{width:16px;height:16px;color:var(--color-accent)}.hero-badge-text{letter-spacing:.02em}.hero-badge-pulse{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);box-shadow:0 0 #ff9b3799;animation:hero-badge-pulse 2.2s ease-out infinite;flex-shrink:0}.hero-title{font-size:clamp(1.75rem,5.2vw,4.25rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-6);color:var(--color-text-primary);letter-spacing:-.025em;opacity:0;animation:hero-fade-up .9s ease-out .25s forwards}.hero-title-line{display:block}.hero-title-line+.hero-title-line{margin-top:var(--spacing-2)}.hero-title .accent{background-color:var(--color-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.hero-title-rotator{display:block;height:2.4em;overflow:hidden;position:relative;width:100%;text-align:center}.hero-title-rotator-track{--rotator-step: 2.4em;display:flex;flex-direction:column;animation:hero-word-cycle 18s cubic-bezier(.77,0,.175,1) infinite}.hero-title-phrase{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.4em;line-height:1.15;text-align:center;white-space:normal;padding:0 var(--spacing-2)}@media(min-width:640px){.hero-title-rotator{display:inline-block;height:1.1em;width:auto;vertical-align:bottom}.hero-title-rotator-track{--rotator-step: 1.1em}.hero-title-phrase{display:block;height:1.1em;line-height:1.1em;white-space:nowrap;padding:0}}.hero-title-phrase .accent{position:relative}.hero-title-phrase .accent:after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:3px;background-color:linear-gradient(90deg,var(--color-accent));border-radius:2px;opacity:.55}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-10);max-width:650px;margin-left:auto;margin-right:auto;opacity:0;animation:hero-fade-up .9s ease-out .45s forwards}.hero-actions{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center;opacity:0;animation:hero-fade-up .9s ease-out .65s forwards}.hero-actions .btn{min-width:240px;padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-xl);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);transition:all var(--transition-normal)}.hero-actions .btn-primary{border:none;color:var(--color-white);position:relative;overflow:hidden}.hero-actions .btn-primary:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background-color:linear-gradient(120deg,transparent,rgb(255 255 255 / 40%),transparent);transform:skew(-20deg);transition:left .7s ease}.hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff9b376b,0 4px 10px #58010038}.hero-actions .btn-primary:hover:before{left:130%}.hero-actions .btn-secondary{background-color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--color-gray-200);color:var(--color-text-primary)}.hero-actions .btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370d;transform:translateY(-2px)}.hero-actions .btn svg{width:20px;height:20px;transition:transform var(--transition-fast)}.hero-actions .btn:hover svg{transform:translate(4px)}.hero-trust-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--spacing-3);margin-top:var(--spacing-10);padding-top:var(--spacing-8);border-top:1px solid rgb(88 1 0 / 8%);opacity:0;animation:hero-fade-up .9s ease-out .85s forwards}.hero-trust-item{display:inline-flex;align-items:center;gap:.5rem;text-align:left;padding:.3rem;background:#ffffffb8;border:1px solid rgb(255 155 55 / 18%);border-radius:var(--border-radius-xl);box-shadow:0 1px 2px #5801000a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hero-trust-item:hover{transform:translateY(-2px);border-color:#ff9b376b;box-shadow:0 12px 26px -14px #ff9b3799}.hero-trust-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#ff9b372e,#ff9b370f)}.hero-trust-icon{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.hero-trust-text{display:flex;flex-direction:column;line-height:1.3}.hero-trust-text strong{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.hero-trust-text span{font-size:var(--font-size-xs);color:var(--color-text-muted)}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-badge-pulse{0%{box-shadow:0 0 #ff9b378c}70%{box-shadow:0 0 0 10px #ff9b3700}to{box-shadow:0 0 #ff9b3700}}@keyframes hero-word-cycle{0%,14%{transform:translateY(0)}20%,34%{transform:translateY(calc(var(--rotator-step) * -1))}40%,54%{transform:translateY(calc(var(--rotator-step) * -2))}60%,74%{transform:translateY(calc(var(--rotator-step) * -3))}80%,94%{transform:translateY(calc(var(--rotator-step) * -4))}to{transform:translateY(calc(var(--rotator-step) * -5))}}@keyframes hero-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(4deg)}}@keyframes hero-orb-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}}@media(prefers-reduced-motion:reduce){.hero-badge,.hero-title,.hero-description,.hero-actions,.hero-trust-row,.hero-title-rotator-track,.hero-deco,.hero-orb,.hero-badge-pulse{animation:none!important;opacity:1!important;transform:none!important}}.features{background-color:linear-gradient(180deg,var(--color-white) 0%,var(--color-gray-50) 100%);position:relative}.features-header{text-align:center;margin-bottom:var(--spacing-16)}.features-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-4);color:var(--color-text-primary);letter-spacing:-.01em}.features-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}.feature-card{background-color:var(--color-white);padding:var(--spacing-8);border-radius:var(--border-radius-xl);text-align:center;border:1px solid var(--color-gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:linear-gradient(90deg,var(--color-accent));transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-accent);border-radius:var(--border-radius-xl);color:var(--color-white);display:flex;align-items:center;justify-content:center}.feature-icon svg{width:32px;height:32px}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.feature-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.how-it-works{background-color:var(--color-white);position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:linear-gradient(90deg,transparent,var(--color-gray-200),transparent)}.how-it-works-header{text-align:center;margin-bottom:var(--spacing-16)}.how-it-works-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.how-it-works-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.steps-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);position:relative;max-width:1000px;margin:0 auto}.step-card{background-color:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);padding:var(--spacing-8);border-radius:var(--border-radius-2xl);box-shadow:0 4px 20px #0000000d;text-align:center;position:relative;border:1px solid var(--color-gray-100);transition:all var(--transition-normal)}.step-card:hover{box-shadow:0 8px 30px #ff9b3726;transform:translateY(-4px);border-color:var(--color-accent)}.step-number{width:70px;height:70px;background-color:var(--color-accent);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:800;margin:0 auto var(--spacing-6);position:relative;box-shadow:0 4px 15px #ff9b374d}.step-number:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px dashed var(--color-accent);opacity:.3}.step-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.step-description{color:var(--color-text-secondary);line-height:1.7;font-size:var(--font-size-base)}.cta{background-color:var(--color-accent);color:var(--color-white);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-color:radial-gradient(circle,rgb(255 255 255 / 10%) 0%,transparent 50%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-title{color:#fff;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-4);position:relative}.cta-description{color:#fff;font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7;position:relative}.cta .btn{color:#fff;border:none;font-weight:600;min-width:280px;padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);border-radius:var(--border-radius-xl);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);position:relative;box-shadow:0 4px 15px #0003;transition:all var(--transition-normal)}.cta .btn:hover{background-color:var(--color-white);transform:translateY(-3px);box-shadow:0 8px 25px #00000040}.cta .btn svg{width:20px;height:20px;transition:transform var(--transition-fast)}.cta .btn:hover svg{transform:translate(4px)}@media(min-width:640px){.hero-actions{flex-direction:row;justify-content:center;gap:var(--spacing-4)}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-container{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.hero{min-height:80vh}.hero-trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-4)}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}.steps-container{gap:var(--spacing-8)}.steps-container:before{content:"";position:absolute;top:35px;left:15%;right:15%;height:3px;background-color:linear-gradient(90deg,transparent 0%,var(--color-accent) 20%,transparent 100%);z-index:1;border-radius:2px}.step-card{padding:var(--spacing-10)}}@media(min-width:1024px){.hero-content{max-width:1000px}.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}.feature-card{padding:var(--spacing-6) var(--spacing-4)}.step-card{padding:var(--spacing-10) var(--spacing-8)}}.auth-page{min-height:100vh;display:flex;flex-direction:column;background-color:linear-gradient(135deg,var(--color-background) 0%,var(--color-gray-100) 100%)}.auth-container{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-6) var(--spacing-4);max-width:1200px;margin:0 auto;width:100%}.auth-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-brand{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--spacing-4)}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.auth-subtitle a{color:var(--color-accent);font-weight:var(--font-weight-medium)}.auth-subtitle a:hover{color:var(--color-deep-accent)}.auth-form-container{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-8);max-width:500px;margin-left:auto;margin-right:auto;width:100%}.role-selection{margin-bottom:var(--spacing-6)}.role-selection-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.role-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.role-button{padding:var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);background-color:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:center}.role-button:hover{border-color:var(--color-accent);background-color:var(--color-gray-50)}.role-button.active{border-color:var(--color-accent);background-color:#ff9b371a;color:var(--color-accent)}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.checkbox-field{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.checkbox-field input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--color-accent);cursor:pointer}.checkbox-field label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);cursor:pointer;margin:0}.checkbox-field label a{color:var(--color-accent);font-weight:var(--font-weight-medium)}.auth-divider{display:flex;align-items:center;margin:var(--spacing-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-gray-300)}.auth-divider span{padding:0 var(--spacing-4);color:var(--color-text-muted);font-size:var(--font-size-sm);background-color:var(--color-white)}.auth-help{text-align:center;margin-top:var(--spacing-6)}.auth-help a{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.auth-features{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6);max-width:500px;margin:0 auto}.auth-features-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);text-align:center}.auth-features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.auth-feature{display:flex;align-items:flex-start;gap:var(--spacing-3)}.auth-feature-icon{width:40px;height:40px;background-color:var(--color-accent);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0}.auth-feature-icon svg{width:20px;height:20px}.auth-feature-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.auth-feature-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-4)}@media(min-width:768px){.auth-container{flex-direction:row;align-items:center;gap:var(--spacing-12);padding:var(--spacing-8) var(--spacing-6)}.auth-main{flex:1;max-width:500px}.auth-features{flex:1;max-width:400px;margin:0}.auth-form-container{margin:0}.auth-features-grid{gap:var(--spacing-6)}}@media(min-width:1024px){.auth-container{gap:var(--spacing-16);padding:var(--spacing-12) var(--spacing-8)}.auth-form-container{padding:var(--spacing-10)}}.products-search-input input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.products-view-toggle button:hover{background-color:var(--color-gray-50)}.products-pagination button{padding:var(--spacing-3);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-text-secondary);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.products-pagination button:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.products-pagination button:disabled{opacity:.5;cursor:not-allowed}.products-pagination button.active{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}@media(min-width:768px){.products-search-row{flex-direction:row;align-items:center}.products-filter-select{width:12rem}.products-advanced-filters-grid{grid-template-columns:repeat(3,1fr)}.products-clear-filters{width:auto}}@media(min-width:1024px){.products-page-header h1{font-size:var(--font-size-4xl)}.products-search-filters{padding:var(--spacing-8)}.products-advanced-filters-grid{grid-template-columns:1fr 1fr auto;align-items:end}}.product-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);position:relative;height:100%;display:flex;flex-direction:column}.product-card-image{position:relative;aspect-ratio:1;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-favorite{position:absolute;top:var(--spacing-3);right:var(--spacing-3);width:36px;height:36px;background-color:var(--color-white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.product-card-favorite:hover{background-color:var(--color-gray-50);transform:scale(1.1)}.product-card-favorite svg{width:18px;height:18px;color:var(--color-gray-600)}.product-card-favorite.active svg{color:var(--color-error)}.product-card-content{padding:var(--spacing-4);flex:1;display:flex;flex-direction:column}.product-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);line-height:var(--line-height-tight);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.product-card-price-rating{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.product-card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent)}.product-card-rating{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.product-card-rating svg{width:16px;height:16px;color:var(--color-warning)}.product-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-4);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.product-card-seller{font-size:var(--font-size-xs);color:var(--color-text-muted)}.product-card-stock{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.product-card-stock.in-stock{width:fit-content;background-color:#10b9811a;color:var(--color-success)}.product-card-stock.out-of-stock{width:fit-content;background-color:#ef44441a;color:var(--color-error)}.cart-page{background-color:linear-gradient(135deg,#f7f6f6 0%,#f0ebe5 100%);min-height:100vh;padding:var(--spacing-6) 0}.cart-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.cart-header{background-color:linear-gradient(135deg,var(--color-white) 0%,#fafaf8 100%);border-radius:var(--border-radius-2xl);box-shadow:0 8px 24px #00000014;padding:var(--spacing-8) var(--spacing-6);margin-bottom:var(--spacing-8);border:1px solid rgb(255 155 55 / 10%)}.cart-header-top{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.cart-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-normal);flex-shrink:0}.cart-back-btn:hover{background-color:var(--color-accent);color:var(--color-white);transform:translate(-2px)}.cart-back-btn svg{width:20px;height:20px}.cart-header-info h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);letter-spacing:-.5px}.cart-header-info p{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.cart-tabs{display:flex;gap:var(--spacing-3);border-bottom:2px solid var(--color-gray-200);padding-bottom:0}.cart-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border:none;background-color:none;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);border-bottom:3px solid transparent;margin-bottom:-2px;position:relative}.cart-tab:hover{color:var(--color-text-primary)}.cart-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.cart-tab svg{width:18px;height:18px}.cart-empty{background-color:linear-gradient(135deg,var(--color-white) 0%,#fafaf8 100%);border-radius:var(--border-radius-2xl);box-shadow:0 8px 24px #00000014;padding:var(--spacing-16) var(--spacing-8);text-align:center;border:1px solid rgb(255 155 55 / 10%)}.cart-empty svg{width:80px;height:80px;color:var(--color-gray-300);margin-bottom:var(--spacing-6);opacity:.6}.cart-empty h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);letter-spacing:-.5px}.cart-empty p{color:var(--color-text-secondary);margin-bottom:var(--spacing-8);font-size:var(--font-size-base)}.cart-content{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-8)}.cart-items{background-color:linear-gradient(135deg,var(--color-white) 0%,#fafaf8 100%);border-radius:var(--border-radius-2xl);box-shadow:0 8px 24px #00000014;overflow:hidden;border:1px solid rgb(255 155 55 / 10%)}.cart-items-list>*+*{border-top:1px solid var(--color-gray-100)}.cart-item-card{background-color:linear-gradient(135deg,var(--color-white) 0%,#fafaf8 100%);border:1px solid rgb(255 155 55 / 10%);border-radius:var(--border-radius-2xl);padding:var(--spacing-6);margin-bottom:var(--spacing-4);box-shadow:0 4px 12px #0000000f;transition:all var(--transition-normal);position:relative}.cart-item-card:hover{box-shadow:0 8px 24px #0000001a;border-color:#ff9b3733}.cart-item-card.cart-item-disabled{opacity:.6;background-color:#f9f9f9}.cart-item-container{display:flex;gap:var(--spacing-6)}.cart-item-image-wrapper{flex-shrink:0}.cart-item-image{width:120px;height:120px;object-fit:cover;border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);transition:all var(--transition-normal)}.cart-item-image:hover{opacity:.85;transform:scale(1.02)}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-4)}.cart-item-header{display:flex;justify-content:space-between;gap:var(--spacing-4)}.cart-item-info{flex:1}.cart-item-name{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-decoration:none;margin-bottom:var(--spacing-2);line-height:1.4;transition:color var(--transition-fast)}.cart-item-name:hover{color:var(--color-accent)}.cart-item-seller{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.cart-item-separator{color:var(--color-gray-300)}.cart-item-condition{text-transform:capitalize;color:var(--color-text-secondary)}.cart-item-stock{margin-bottom:var(--spacing-2)}.cart-item-stock-out,.cart-item-stock-low{color:#dc2626}.cart-item-stock-low{color:#ea580c}.cart-item-stock-in{color:#16a34a}.cart-item-stock-icon{width:14px;height:14px;margin-right:.4rem}.cart-item-features{display:flex;gap:var(--spacing-4);flex-wrap:wrap;margin-top:var(--spacing-2)}.cart-item-feature{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cart-item-feature-icon{width:14px;height:14px;color:var(--color-accent)}.cart-item-price{text-align:right;min-width:140px}.cart-item-price-main{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.cart-item-price-unit{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.cart-item-price-fee,.cart-item-price-shipping{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cart-item-price-total{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-gray-200)}.cart-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-100)}.cart-item-quantity-section{display:flex;align-items:center;gap:var(--spacing-3)}.cart-item-quantity-control{display:flex;align-items:center;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);background-color:var(--color-white)}.cart-item-qty-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cart-item-qty-btn:hover:not(:disabled){color:var(--color-accent);background-color:var(--color-gray-50)}.cart-item-qty-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-qty-icon{width:16px;height:16px}.cart-item-qty-input{width:50px;height:32px;border:none;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:none}.cart-item-qty-input:focus{outline:none}.cart-item-qty-input:disabled{background-color:var(--color-gray-50);cursor:not-allowed}.cart-item-qty-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.cart-item-actions{display:flex;align-items:center;gap:var(--spacing-2)}.cart-item-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--border-radius-md);background-color:none;cursor:pointer;transition:all var(--transition-fast)}.cart-item-action-btn-inactive{color:var(--color-text-secondary)}.cart-item-action-btn-inactive:hover,.cart-item-action-btn-active{color:#dc2626;background-color:#dc26261a}.cart-item-action-icon{width:18px;height:18px}.cart-item-save-btn{font-size:var(--font-size-xs);color:var(--color-accent);background-color:none;border:none;cursor:pointer;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);padding:var(--spacing-1) var(--spacing-2)}.cart-item-save-btn:hover:not(:disabled){color:var(--color-deep-accent)}.cart-item-save-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--border-radius-md);background-color:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cart-item-remove-btn:hover:not(:disabled){color:#dc2626;background-color:#dc26261a}.cart-item-remove-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-error{margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:#dc26260d;border:1px solid rgb(220 38 38 / 20%);border-radius:var(--border-radius-md)}.cart-item-error-content{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:#dc2626;font-weight:var(--font-weight-medium)}.cart-item-error-icon{width:16px;height:16px;flex-shrink:0}.cart-item-unavailable{margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md)}.cart-item-unavailable-content{display:flex;align-items:center;justify-content:space-between}.cart-item-unavailable-text{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cart-item-unavailable-btn{font-size:var(--font-size-xs);color:#dc2626;background-color:none;border:none;cursor:pointer;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.cart-item-unavailable-btn:hover{color:#991b1b}.cart-item-delivery{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cart-item-delivery-icon{width:14px;height:14px;color:var(--color-accent)}.cart-item-loading{position:absolute;inset:0;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-2xl);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cart-item-loading-content{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cart-item-loading-spinner{width:16px;height:16px;border:2px solid var(--color-gray-200);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@media(max-width:767px){.cart-item-card{padding:var(--spacing-4)}.cart-item-container{gap:var(--spacing-4)}.cart-item-image{width:100px;height:100px}.cart-item-header{flex-direction:column}.cart-item-price{text-align:left;min-width:auto}.cart-item-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.cart-item-actions{width:100%;justify-content:flex-start}}.cart-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.cart-continue-shopping{color:var(--color-accent);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.cart-clear-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.cart-clear-btn:hover{border-color:var(--color-error);color:var(--color-error)}.cart-summary{height:fit-content;position:sticky;top:var(--spacing-6)}.cart-summary-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);overflow:hidden}.cart-summary-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-accent);color:var(--color-white)}.cart-summary-header-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.cart-summary-title{font-size:var(--font-size-lg);color:var(--color-white);font-weight:var(--font-weight-bold);margin:0;letter-spacing:-.01em}.cart-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-2) var(--spacing-6) 0}.cart-summary-row-muted{color:var(--color-text-muted);font-size:var(--font-size-xs);padding-top:var(--spacing-4)}.cart-summary-row-with-icon{display:flex;align-items:center;gap:var(--spacing-2)}.cart-summary-inline-icon{width:1rem;height:1rem;color:var(--color-gray-400);flex-shrink:0}.cart-summary-promo{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-100);margin-top:var(--spacing-3)}.cart-summary-promo-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.cart-summary-promo-icon{width:1rem;height:1rem;color:var(--color-accent);flex-shrink:0}.cart-summary-promo-actions{display:flex;gap:var(--spacing-2)}.cart-summary-promo-input{flex:1;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-white);outline:none;letter-spacing:.05em;transition:border-color var(--transition-fast)}.cart-summary-promo-input:focus{border-color:var(--color-accent)}.cart-summary-apply-btn{background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast)}.cart-summary-apply-btn:hover:not(:disabled){background-color:#e07c1a}.cart-summary-apply-btn:disabled{opacity:.5;cursor:not-allowed}.cart-summary-promo-error{font-size:var(--font-size-xs);color:var(--color-error);margin:0}.cart-summary-promo-success{font-size:var(--font-size-xs);color:var(--color-success);margin:0}.cart-summary-coupon{display:flex;align-items:center;justify-content:space-between;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-3)}.cart-summary-coupon-left{display:flex;align-items:center;gap:var(--spacing-2)}.cart-summary-coupon-icon{width:1rem;height:1rem;color:var(--color-success);flex-shrink:0}.cart-summary-coupon-code{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-family-mono)}.cart-summary-coupon-percent{font-size:var(--font-size-xs);color:var(--color-success)}.cart-summary-coupon-remove{background-color:none;border:none;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.cart-summary-coupon-remove:hover{color:var(--color-error)}.cart-summary-breakdown{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--color-gray-100);margin-top:var(--spacing-3)}.cart-summary-breakdown .cart-summary-row{padding-left:0;padding-right:0}.cart-summary-fee-block{display:flex;align-items:center;gap:var(--spacing-2)}.cart-summary-fee-original{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:line-through}.cart-summary-discount{color:var(--color-success);font-weight:var(--font-weight-medium)}.cart-summary-total{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-4);border-top:2px solid var(--color-gray-200);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.cart-summary-total-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent)}.cart-summary-info{margin:0 var(--spacing-6) var(--spacing-4);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.cart-summary-info-blue{background-color:#eff6ff;border:1px solid #bfdbfe}.cart-summary-info-red{background-color:#fef2f2;border:1px solid #fecaca}.cart-summary-info-body{display:flex;align-items:flex-start;gap:var(--spacing-3)}.cart-summary-info-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:2px;color:var(--color-info)}.cart-summary-info-red .cart-summary-info-icon{color:var(--color-error)}.cart-summary-info-text{flex:1;min-width:0}.cart-summary-info-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.cart-summary-info-text p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.cart-summary-checkout-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:calc(100% - var(--spacing-12));margin:0 var(--spacing-6) var(--spacing-5);padding:var(--spacing-4);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px #ff9b3759}.cart-summary-checkout-btn:hover:not(:disabled){background-color:linear-gradient(135deg,#e07c1a);transform:translateY(-2px);box-shadow:0 8px 20px #ff9b3773}.cart-summary-checkout-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.cart-summary-checkout-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.cart-summary-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgb(255 255 255 / 40%);border-top-color:var(--color-white);border-radius:50%;animation:spin .7s linear infinite}.cart-summary-acceptance{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);border-top:1px solid var(--color-gray-100);font-size:var(--font-size-xs);color:var(--color-text-muted)}.cart-summary-acceptance-badges{display:flex;align-items:center;gap:var(--spacing-2)}.cart-summary-acceptance-badge{background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-sm);padding:2px var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.cart-summary-footnote{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-100)}.cart-summary-footnote-body{display:flex;align-items:flex-start;gap:var(--spacing-2)}.cart-summary-footnote-icon{width:1rem;height:1rem;color:var(--color-info);flex-shrink:0;margin-top:2px}.cart-summary-footnote-body p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;line-height:var(--line-height-relaxed)}.cart-summary-secondary{padding:var(--spacing-3) var(--spacing-6) var(--spacing-5);text-align:center}.cart-summary-secondary-link{background-color:none;border:none;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.cart-summary-secondary-link:hover{color:var(--color-accent)}@media(max-width:767px){.cart-page{padding:var(--spacing-4) 0}.cart-container{padding:0 var(--spacing-4)}.cart-header{padding:var(--spacing-6) var(--spacing-4);margin-bottom:var(--spacing-6)}.cart-header-top{margin-bottom:var(--spacing-4)}.cart-header-info h1{font-size:var(--font-size-2xl)}.cart-tabs{gap:var(--spacing-2)}.cart-tab{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}.cart-content{grid-template-columns:1fr;gap:var(--spacing-6)}.cart-summary{position:static;top:auto}}@media(min-width:768px){.cart-container{padding:var(--spacing-8) var(--spacing-6)}.cart-content{grid-template-columns:2fr 1fr}}@media(min-width:1024px){.cart-container{padding:var(--spacing-12) var(--spacing-8)}.cart-header{padding:var(--spacing-10) var(--spacing-8)}}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--color-background)}.sidebar-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background-color:#0000007f;transition:opacity var(--transition-normal)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:256px;background-color:var(--color-white);box-shadow:var(--shadow-lg);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-normal);display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.sidebar-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent)}.sidebar-brand h1{font-size:var(--font-size-4xl)}.sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:none;color:var(--color-text-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.sidebar-close:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.sidebar-close svg{width:20px;height:20px}.sidebar-user{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.sidebar-user-info{display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.sidebar-user-details h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.sidebar-user-details p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;text-transform:capitalize}.sidebar-nav{flex:1;padding:var(--spacing-4) 0;overflow-y:auto}.sidebar-nav-list{padding:0 var(--spacing-4)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);margin-bottom:var(--spacing-1);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);position:relative}.sidebar-nav-item:hover{background-color:var(--color-gray-50);color:var(--color-text-primary)}.sidebar-nav-item.active{background-color:#ff9b371a;color:var(--color-accent);border-right:2px solid var(--color-accent)}.sidebar-nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav-item.active svg{color:var(--color-accent)}.sidebar-subscription{padding:var(--spacing-4);margin:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200)}.sidebar-subscription-content{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.sidebar-subscription-icon{width:32px;height:32px;color:var(--color-warning);flex-shrink:0}.sidebar-subscription-details h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.sidebar-subscription-details p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.sidebar-subscription-link{display:block;font-size:var(--font-size-xs);color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium)}.dashboard-main{width:100%;flex:1;display:flex;flex-direction:column;min-height:100vh}.dashboard-topbar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-4) var(--spacing-6);position:sticky;top:0}.dashboard-topbar-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.dashboard-topbar-left{display:flex;align-items:center;gap:var(--spacing-4)}.dashboard-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.dashboard-menu-btn:hover{background-color:var(--color-gray-200)}.dashboard-menu-btn svg{width:20px;height:20px;color:var(--color-text-secondary)}.dashboard-search{position:relative;max-width:400px;width:100%}.dashboard-search-input{width:100%;padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-10);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);background-color:var(--color-white);transition:border-color var(--transition-fast)}.dashboard-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.dashboard-search-icon{position:absolute;left:13rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted)}.dashboard-topbar-right{display:flex;align-items:center;gap:var(--spacing-3)}.dashboard-notification-btn svg{width:20px;height:20px;color:var(--color-text-secondary)}.dashboard-profile-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border:none;background-color:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.dashboard-profile-btn:hover{background-color:var(--color-gray-100)}.dashboard-profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.dashboard-profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.dashboard-profile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal-backdrop);overflow:hidden;animation:slideDown .15s ease-out}.dashboard-profile-menu-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.dashboard-profile-menu-item svg{width:16px;height:16px;flex-shrink:0}.dashboard-profile-menu-item:hover{background-color:var(--color-gray-100)}.dashboard-profile-menu-divider{border:none;border-top:1px solid var(--color-gray-200);margin:var(--spacing-1) 0}.dashboard-profile-menu-logout{color:var(--color-error, #dc2626)}.dashboard-profile-menu-logout:hover{background-color:#fef2f2}.dashboard-content{flex:1;max-width:1200px;margin:0 auto;width:100%}.dashboard-welcome{margin-bottom:var(--spacing-8)}.dashboard-welcome h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.dashboard-welcome p{color:var(--color-text-secondary);margin:0}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.stat-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6);border:1px solid var(--color-gray-200);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.stat-card-info h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.05em}.stat-card-info p{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.stat-card-icon{width:48px;height:48px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.blue{background-color:#3b82f61a;color:#3b82f6}.stat-card-icon.green{background-color:#10b9811a;color:var(--color-success)}.stat-card-icon.purple{background-color:#8b5cf61a;color:#8b5cf6}.stat-card-icon.yellow{background-color:#f59e0b1a;color:var(--color-warning)}.stat-card-icon.red{background-color:#ef44441a;color:var(--color-error)}.stat-card-icon svg{width:24px;height:24px}.stat-card-change{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm)}.stat-card-change svg{width:16px;height:16px}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-error)}.stat-card-change-text{color:var(--color-text-muted);margin-left:var(--spacing-1)}.quick-actions{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6);border:1px solid var(--color-gray-200)}.quick-actions h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.quick-actions-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}.quick-action-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-fast)}.quick-action-item:hover{border-color:var(--color-accent);background-color:var(--color-gray-50);transform:translateY(-1px)}.quick-action-item svg{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.quick-action-item span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.recent-activity{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6);border:1px solid var(--color-gray-200)}.recent-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.recent-activity-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.recent-activity-view-all{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-accent);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.recent-activity-view-all svg{width:16px;height:16px}.activity-list>*+*{margin-top:var(--spacing-4)}.activity-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) 0}.activity-item+.activity-item{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-3)}.activity-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.activity-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent)}.activity-content p:first-child{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.activity-content p:last-child{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.activity-empty{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--spacing-8) 0}.performance-tips{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6);border:1px solid var(--color-gray-200);margin-top:var(--spacing-6)}.performance-tips h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.tips-list>*+*{margin-top:var(--spacing-4)}.tip-item{display:flex;align-items:flex-start;gap:var(--spacing-3)}.tip-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:var(--spacing-1)}.tip-indicator-dot{width:8px;height:8px;border-radius:50%}.tip-indicator-dot.green{background-color:var(--color-success)}.tip-indicator-dot.blue{background-color:#3b82f6}.tip-indicator-dot.purple{background-color:#8b5cf6}.tip-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-search{display:block}.dashboard-menu-btn{display:none}.sidebar{position:static;transform:none;box-shadow:none;border-right:1px solid var(--color-gray-200)}.sidebar-close{display:none}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:2fr 1fr}.dashboard-search-icon{left:11.5rem}.dashboard-welcome h1{font-size:var(--font-size-3xl)}}@media(max-width:767px){.dashboard-search,.dashboard-profile-name{display:none}.stat-card,.quick-actions,.recent-activity,.performance-tips{padding:var(--spacing-4)}}.notification-center{position:relative}.notification-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.notification-trigger:hover{background-color:var(--color-gray-200)}.notification-trigger svg{width:20px;height:20px;color:var(--color-text-secondary)}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;background-color:var(--color-error);color:var(--color-white);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-1);border:2px solid var(--color-white)}.notification-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.notification-filters{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.notification-item.unread:before{content:"";position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:8px;height:8px;background-color:var(--color-accent);border-radius:50%}.notification-item:hover .notification-actions{opacity:1}.notification-action-btn:hover{background-color:var(--color-gray-200)}.notification-action-btn svg{width:14px;height:14px;color:var(--color-text-muted)}.notification-empty svg{width:48px;height:48px;margin:0 auto var(--spacing-4);color:var(--color-gray-400)}.notification-footer a{font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.search-icon{position:absolute;left:var(--spacing-3);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.progress-bar.sm{height:4px}.progress-bar.lg{height:12px}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #ff9b371a}.confirm-modal-icon.warning{background-color:#f59e0b1a;color:var(--color-warning)}.confirm-modal-icon.danger{background-color:#ef44441a;color:var(--color-error)}.confirm-modal-icon.success{background-color:#10b9811a;color:var(--color-success)}.loading-overlay.dark{background-color:#0000007f}.skeleton{background-color:linear-gradient(90deg,#e2e8f0 0%,#f1f5f9 40%,#f1f5f9 60%,#e2e8f0 100%);background-size:300% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:var(--border-radius-md);position:relative;overflow:hidden}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}.skeleton-pulse{background-color:#e2e8f0;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-wave{background-color:linear-gradient(90deg,#e2e8f0 0%,#cbd5e1 50%,#e2e8f0 100%);background-size:200% 100%;animation:skeleton-wave 1.2s ease-in-out infinite}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--spacing-2);border-radius:var(--border-radius-sm)}.skeleton-text.sm{height:.75em}.skeleton-text.lg{height:1.5em}.skeleton-circle{border-radius:50%}.skeleton-rect{border-radius:var(--border-radius-md)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:40px;border-radius:var(--border-radius-lg)}.skeleton-image{width:100%;aspect-ratio:16 / 9;border-radius:var(--border-radius-lg)}.skeleton-card{border-radius:var(--border-radius-xl);min-height:200px}.skeleton-group{display:flex;flex-direction:column}.skeleton-product-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);overflow:hidden;padding:0}.skeleton-product-image{width:100%;height:180px;border-radius:0;margin-bottom:0}.skeleton-product-content{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-3)}.skeleton-stats-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);padding:var(--spacing-6)}.skeleton-stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.skeleton-stats-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-table-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-100)}.skeleton-avatar-text{display:flex;align-items:center;gap:var(--spacing-3)}.skeleton-avatar-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-page{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.skeleton-page-header{margin-bottom:var(--spacing-8)}.skeleton-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6)}@media(max-width:767px){.notification-dropdown{position:fixed;inset:0;width:100%;max-width:none;border-radius:0;margin:0}}@media(min-width:768px){.notification-dropdown{width:400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{animation:none;background-color:var(--color-gray-200)}}.conversation-list-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.conversation-list-header{padding:8px 5px;background-color:var(--color-accent);border-bottom:none}.conversation-list-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.conversation-list-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:#fff;margin:0}.conversation-list-title-icon{width:24px;height:24px}.conversation-header-actions{display:flex;align-items:center;gap:8px}.conversation-filter-select{padding:6px 28px 6px 12px;border:none;border-radius:20px;background-color:#fff3;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.conversation-filter-select:hover{background-color:#ffffff4d}.conversation-filter-select:focus{outline:none;background-color:#ffffff59}.conversation-filter-select option{color:#1f2937;background-color:#fff}.conversation-search-container{position:relative;display:flex;align-items:center}.conversation-search-icon-wrapper{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:auto;pointer-events:none}.conversation-search-icon{width:18px;height:18px;color:#ffffffb3}.conversation-search-input{width:100%;padding:10px 12px 10px 40px;border:none;border-radius:24px;background-color:#ffffff26;color:#fff;font-size:.9rem;transition:all .2s ease}.conversation-search-input::placeholder{color:#fff9}.conversation-search-input:focus{outline:none;background-color:#ffffff40}.conversation-items-list{max-height:400px;overflow-y:auto}.conversation-items-list::-webkit-scrollbar{width:4px}.conversation-items-list::-webkit-scrollbar-track{background-color:transparent}.conversation-items-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:4px}.conversation-item{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .15s ease;position:relative;background-color:#fff}.conversation-item:hover{background-color:#f8fafc}.conversation-item:last-child{border-bottom:none}.conversation-item.selected{background-color:#ecfdf5;border-left:3px solid #25d366}.conversation-item-content-wrapper{display:flex;gap:12px;align-items:flex-start;width:100%}.conversation-avatar-wrapper{position:relative;flex-shrink:0}.conversation-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.conversation-online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#25d366;border:2px solid #fff;border-radius:50%}.conversation-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-name{font-size:.95rem;font-weight:600;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-name.unread{color:#111827;font-weight:700}.conversation-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.conversation-time{font-size:.75rem;color:#6b7280;white-space:nowrap}.conversation-item.selected .conversation-time,.conversation-name.unread+.conversation-meta .conversation-time{color:#25d366}.conversation-actions-trigger{background-color:none;border:none;padding:4px;cursor:pointer;border-radius:50%;opacity:0;transition:all .15s ease}.conversation-item:hover .conversation-actions-trigger{opacity:1}.conversation-actions-trigger:hover{background-color:#e5e7eb}.conversation-actions-icon{width:18px;height:18px;color:#6b7280}.conversation-message-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.conversation-message-preview{font-size:.875rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-message-preview.unread{color:#374151;font-weight:500}.conversation-unread-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:#25d366;color:#fff;font-size:.7rem;font-weight:600;border-radius:10px;flex-shrink:0}.conversation-transaction-tag{margin-top:6px}.conversation-transaction-badge{display:inline-flex;align-items:center;padding:2px 8px;background-color:#f0fdf4;color:#15803d;font-size:.7rem;font-weight:500;border-radius:12px;border:1px solid #bbf7d0}.conversation-actions-dropdown{position:absolute;top:100%;right:16px;z-index:50;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;min-width:140px}.conversation-action-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background-color:none;font-size:.875rem;color:#374151;cursor:pointer;transition:background-color .15s ease;text-align:left}.conversation-action-item:hover{background-color:#f8fafc}.conversation-action-item.danger{color:#dc2626}.conversation-action-item.danger:hover{background-color:#fef2f2}.conversation-action-icon-small{width:16px;height:16px}.conversation-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.conversation-empty-icon{width:56px;height:56px;color:#d1d5db;margin-bottom:16px}.conversation-empty-title{font-size:1rem;font-weight:600;color:#6b7280;margin:0 0 8px}.conversation-empty-text{font-size:.875rem;color:#9ca3af;margin:0}.conversation-skeleton-container{padding:12px}.conversation-skeleton-list{display:flex;flex-direction:column;gap:8px}.conversation-skeleton-item{display:flex;align-items:center;gap:12px;padding:12px}.conversation-skeleton-avatar{width:50px;height:50px;border-radius:50%;background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.conversation-skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.conversation-skeleton-line-1{height:14px;width:60%;border-radius:4px;background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.conversation-skeleton-line-2{height:12px;width:80%;border-radius:4px;background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chat-message-status.delivered{color:var(--color-text-muted)}.chat-message-status.read{color:var(--color-accent)}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media(max-width:767px){.chat-message{max-width:85%}.chat-input{font-size:16px}}.chat-message:focus{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes message-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-window-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-panel-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:767px){h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.container{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.section{padding:var(--spacing-8) 0}.section-lg{padding:var(--spacing-12) 0}.btn{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.card{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-input,.form-textarea,.modal-header,.modal-body,.modal-footer{padding:var(--spacing-4)}.features-grid,.products-info-features,.stats-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.header-nav{display:none}.footer-main{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.footer-brand{grid-column:1 / -1;text-align:center}.footer-section{text-align:left}.footer-newsletter{flex-direction:column;gap:var(--spacing-3)}.footer-newsletter input{width:100%}}@media(min-width:768px)and (max-width:1023px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.card,.dashboard-content{padding:var(--spacing-6)}.sidebar{width:240px}}@media(min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.features-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}.card,.dashboard-content{padding:var(--spacing-8)}.sidebar{width:256px}.btn:hover{transform:translateY(-1px)}.card:hover{transform:translateY(-2px)}.product-card:hover{transform:translateY(-4px)}}@media(min-width:1280px){.container{max-width:1280px;padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.section{padding:var(--spacing-24) 0}.section-lg{padding:var(--spacing-32) 0}.dashboard-content{padding:var(--spacing-10)}.hero-title{font-size:var(--font-size-6xl)}}@media(min-width:1536px){.container{max-width:1536px}.features-grid{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(6,1fr)}}@media print{*{background-color:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.header,.footer,.sidebar,.chat-manager,.notification-center,.btn,.container{width:auto!important;margin:0!important;padding:0!important}.section{padding:1rem 0!important}h1,h2,h3,h4,h5,h6{break-after:avoid}p,li{orphans:3;widows:3}.card{border:1px solid #ccc!important;break-inside:avoid}}@media(min-device-pixel-ratio:2),(min-resolution:192dpi){.card,.modal,.btn{border-width:.5px}.shadow-sm{box-shadow:0 .5px 1px #0000000d}}@media(prefers-color-scheme:dark){:root{color-scheme:light}html,body,*{color-scheme:light!important}input,textarea,select,button{background-color:var(--color-white);color:var(--color-text-primary);border-color:var(--color-gray-200);color-scheme:light}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:linear-gradient(90deg,transparent,rgb(255 255 255 / 20%),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background-color:var(--color-accent);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff;font-weight:900;padding:var(--spacing-3) var(--spacing-5);border-radius:.5rem;border:none}.dashboard-overview{padding:.5rem}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.card,.product-card,.stat-card,.feature-card{transition:all var(--transition-normal)}.card:hover,.stat-card:hover,.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}@keyframes stagger-fade-in{to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}a{position:relative;transition:color var(--transition-fast)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes micro-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes micro-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notification-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dropdown-fade-in{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes progress-fill{0%{width:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-gray-100);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:var(--border-radius-full);transition:background var(--transition-fast)}::selection{background-color:#ff9b374d;color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){.btn{border:2px solid currentcolor}.card{border:1px solid var(--color-text-primary)}.form-input,.form-textarea{border:2px solid var(--color-text-primary)}}.page-header .btn{align-self:flex-start;gap:var(--spacing-2)}.page-header .btn svg{width:1rem;height:1rem;transition:transform var(--transition-fast)}.page-header .btn:hover svg{transform:translate(-2px)}.transaction-form-container{background-color:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000a;overflow:hidden;border:1px solid rgb(0 0 0 / 6%)}.transaction-form-header{background-color:var(--color-accent);color:#fff;padding:32px 24px;text-align:center;position:relative;overflow:hidden}.transaction-form-header:before{content:"";position:absolute;inset:0;background-color:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='20' cy='20' r='1.5'/%3E%3C/g%3E%3C/svg%3E");opacity:.6}.transaction-form-header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#fff3;border-radius:16px;margin:0 auto 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.transaction-form-header-icon svg{width:32px;height:32px;color:#fff}.transaction-form-header h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.transaction-form-header p{color:#ffffffe5;font-size:.95rem;margin:0;line-height:1.5;position:relative;z-index:1}.form-section{padding:28px 24px;border-bottom:1px solid var(--color-gray-100);background-color:#fff;transition:background-color .2s ease}.form-section:last-child{border-bottom:none}.form-section:hover{background-color:#ff9b3703}.form-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--color-gray-100)}.form-section-header svg{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}.form-section-header h2{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.form-row{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px}.form-row-2{grid-template-columns:1fr 1fr}@media(max-width:767px){.form-row-2{grid-template-columns:1fr}.form-section{padding:20px 16px}.transaction-form-header{padding:24px 16px}}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.form-field label{font-size:.875rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:4px;margin-bottom:2px}.form-field label .required{color:var(--color-error);font-weight:700}.form-field .help-text{font-size:.8rem;color:var(--color-text-muted);margin-top:4px;line-height:1.4}.form-field .error-message{font-size:.8rem;color:var(--color-error);margin-top:4px;display:flex;align-items:center;gap:4px}.amount-input-group{position:relative;display:flex;align-items:center}.amount-input-group .currency-symbol{position:absolute;left:var(--spacing-4);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);z-index:1}.amount-input-group input{padding-left:calc(var(--spacing-4) + 2rem)}.fee-breakdown h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.fee-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-gray-200)}.fee-breakdown-item:last-child{border-bottom:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);padding-top:var(--spacing-3);border-top:2px solid var(--color-gray-300)}.fee-breakdown-item span:first-child{color:var(--color-text-secondary)}.fee-breakdown-item span:last-child{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.seller-search-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:none;background-color:none;width:100%;text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.seller-search-item:hover{background-color:var(--color-gray-50)}.seller-search-item:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.seller-avatar{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-full);object-fit:cover;border:2px solid var(--color-gray-200)}.seller-info h4{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.seller-info p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.selected-seller-content{display:flex;align-items:center;gap:var(--spacing-3)}.warning-notice{background-color:linear-gradient(135deg,rgb(245 158 11 / 10%),rgb(245 158 11 / 5%));border:1px solid var(--color-warning);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin:var(--spacing-6)}.warning-notice-content{display:flex;gap:var(--spacing-3)}.warning-notice-content svg{width:1.5rem;height:1.5rem;color:var(--color-warning);flex-shrink:0;margin-top:2px}.warning-notice h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0 0 var(--spacing-2) 0}.warning-notice p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.form-actions{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding:var(--spacing-6);background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.form-actions .btn{min-width:120px}.search-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:767px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media(min-width:768px){.page-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.page-header>div:last-child{text-align:right}}.icon-sm{width:1rem;height:1rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.animate-spin{animation:spin 1s linear infinite}.transaction-form-container .form-field input:focus,.transaction-form-container .form-field select:focus,.transaction-form-container .form-field textarea:focus{transform:translateY(-1px);box-shadow:0 0 0 3px #ff9b371a,var(--shadow-md)}.transaction-form-container .form-section{transition:all var(--transition-fast)}.transaction-form-container .form-section:hover{background-color:#ff9b3705}.form-field select[name=external_store_name]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions .btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.seller-search-results{animation:slideDown .3s ease-out}.selected-seller{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fee-breakdown{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:var(--color-error);background-color:#ef44440d}.form-field input.success,.form-field select.success,.form-field textarea.success{border-color:var(--color-success);background-color:#10b9810d}.form-section.loading{opacity:.7;pointer-events:none}@media(max-width:767px){.transaction-form-header{padding:var(--spacing-4)}.transaction-form-header h1{font-size:var(--font-size-xl)}.form-section{padding:var(--spacing-4)}.amount-input-group .currency-symbol{left:var(--spacing-3)}.amount-input-group input{padding-left:calc(var(--spacing-3) + 1.5rem)}}.escrow-create-page{min-height:100vh;background-color:linear-gradient(180deg,#faf9f7 0%,#f5f3f0 100%)}.escrow-hero{background-color:var(--color-accent);padding:48px 0 80px;position:relative;overflow:hidden}.escrow-hero:before{content:"";position:absolute;inset:0;background-color:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.escrow-hero-content{position:relative;z-index:1;text-align:center;max-width:640px;margin:0 auto}.escrow-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff3;border-radius:24px;color:#fff;font-size:.875rem;font-weight:500;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.escrow-hero-badge svg{width:18px;height:18px}.escrow-hero-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}.escrow-hero-subtitle{font-size:1.125rem;color:#ffffffe5;margin:0;line-height:1.6}.escrow-hero-wave{position:absolute;bottom:0;left:0;right:0;height:40px;background-color:linear-gradient(180deg,#faf9f7 0%,#f5f3f0 100%);border-radius:100% 100% 0 0}.escrow-main-content{padding:0 0 64px;margin-top:-40px;position:relative;z-index:10}.escrow-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start;margin-top:7%}.escrow-form-column{position:relative}.escrow-info-column{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px}.escrow-trust-card{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid rgb(0 0 0 / 5%)}.escrow-trust-title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 20px}.escrow-trust-title svg{width:24px;height:24px;color:var(--color-accent)}.escrow-benefits-list{display:flex;flex-direction:column;gap:16px}.escrow-benefit-item{display:flex;gap:12px;align-items:flex-start}.escrow-benefit-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:linear-gradient(135deg,rgb(255 155 55 / 10%) 0%,rgb(230 57 70 / 10%) 100%);border-radius:10px;flex-shrink:0}.escrow-benefit-icon svg{width:20px;height:20px;color:var(--color-accent)}.escrow-benefit-content h4{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.escrow-benefit-content p{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.escrow-steps-card{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid rgb(0 0 0 / 5%)}.escrow-steps-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 20px}.escrow-steps-list{display:flex;flex-direction:column;gap:0}.escrow-step{display:flex;gap:16px;align-items:flex-start;padding:12px 0;position:relative}.escrow-step:not(:last-child):after{content:"";position:absolute;left:16px;top:44px;bottom:-12px;width:2px;background-color:linear-gradient(180deg,var(--color-accent) 0%,rgb(255 155 55 / 20%) 100%)}.escrow-step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:#fff;font-size:.875rem;font-weight:700;border-radius:50%;flex-shrink:0;position:relative;z-index:1}.escrow-step-content h4{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.escrow-step-content p{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.escrow-support-card{background-color:linear-gradient(135deg,#f8f7f5 0%,#f0ede8 100%);border-radius:16px;padding:10px;display:flex;gap:10px;align-items:flex-start;border:1px solid rgb(0 0 0 / 5%)}.escrow-support-icon{font-size:2rem;flex-shrink:0}.escrow-support-content h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.escrow-support-content p{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 12px;line-height:1.4}.escrow-support-btn{display:inline-flex;align-items:center;padding:8px 16px;background-color:var(--color-accent);color:#fff;font-size:.85rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.escrow-support-btn:hover{transform:translateY(-1px)}@media(max-width:1024px){.escrow-layout{grid-template-columns:1fr}.escrow-info-column{position:static;order:-1}.escrow-trust-card,.escrow-steps-card{display:none}.escrow-support-card{display:flex}}@media(max-width:768px){.escrow-hero{padding:32px 0 60px}.escrow-hero-title{font-size:1.75rem}.escrow-hero-subtitle{font-size:1rem}.escrow-main-content{padding:0 0 40px}.escrow-support-card{flex-direction:column;text-align:center;align-items:center}}.transaction-create-page{min-height:100vh;background-color:linear-gradient(135deg,#f7f6f6 0%,#f0ebe5 100%)}.transaction-page-header{background-color:linear-gradient(135deg,var(--color-accent) 0%,var(--color-deep-accent) 1%,#e85d04 50%);color:var(--color-white);padding:var(--spacing-12) 0;margin-bottom:var(--spacing-12);box-shadow:var(--shadow-lg)}.transaction-page-content{background-color:var(--color-white);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-lg);padding:.7rem;margin-bottom:var(--spacing-12)}.page-header{display:flex;align-items:flex-start;gap:var(--spacing-6);margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--color-gray-100)}.page-content{width:100%}.products-page{min-height:100vh;background-color:var(--color-background)}.products-page-header{background-color:var(--color-accent);color:var(--color-white);padding:var(--spacing-12) 0;margin-bottom:var(--spacing-8);box-shadow:var(--shadow-lg)}.products-page-header h1{font-size:var(--font-size-4xl);color:var(--color-white);margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-3)}.products-page-header .header-icon{width:40px;height:40px}.products-page-header p{font-size:var(--font-size-lg);color:#ffffffe5;margin-bottom:0}.products-search-filters{background-color:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-md)}.products-search-row{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center}.products-search-input{flex:1;min-width:200px;position:relative;display:flex;align-items:center;background-color:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:0 var(--spacing-3);transition:all var(--transition-fast)}.products-search-input:focus-within{border-color:var(--color-accent);background-color:var(--color-white);box-shadow:0 0 0 3px #ff9b371a}.products-search-input svg{width:20px;height:20px;color:var(--color-text-secondary);margin-right:var(--spacing-2);flex-shrink:0}.products-search-input input{flex:1;border:none;background-color:transparent;padding:var(--spacing-3) 0;font-size:var(--font-size-base);color:var(--color-text-primary)}.products-search-input input::placeholder{color:var(--color-text-muted)}.products-filter-select{padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);background-color:var(--color-white);font-size:var(--font-size-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.products-filter-select:hover{border-color:var(--color-accent)}.products-filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.products-filter-toggle{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.products-filter-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.products-filter-toggle svg{width:20px;height:20px}.products-view-toggle{display:flex;gap:var(--spacing-2);background-color:var(--color-gray-100);padding:var(--spacing-2);border-radius:var(--border-radius-lg)}.products-view-toggle button{padding:var(--spacing-2) var(--spacing-3);background-color:transparent;border:none;border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.products-view-toggle button.active{background-color:var(--color-white);color:var(--color-accent);box-shadow:var(--shadow-sm)}.products-view-toggle button svg{width:20px;height:20px}.products-advanced-filters{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:2px solid var(--color-gray-100)}.products-advanced-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.products-price-filter{display:flex;flex-direction:column;gap:var(--spacing-2)}.products-price-filter label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.products-price-filter .relative{position:relative;display:flex;align-items:center}.products-price-filter svg{position:absolute;left:var(--spacing-3);width:18px;height:18px;color:var(--color-text-secondary);pointer-events:none}.products-price-filter input{width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) calc(var(--spacing-3) + 24px);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast)}.products-price-filter input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.products-clear-filters{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-error);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);width:100%;justify-content:center}.products-clear-filters:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.products-clear-filters svg{width:18px;height:18px}.products-results-summary{margin-bottom:var(--spacing-8);padding:var(--spacing-4);background-color:var(--color-white);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-accent)}.products-results-summary h2{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.products-results-summary p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:0}.products-empty-state{text-align:center;padding:var(--spacing-16);background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md)}.products-empty-state svg{width:80px;height:80px;color:var(--color-gray-300);margin-bottom:var(--spacing-4)}.products-empty-state h3{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.products-empty-state p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.products-empty-state button{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.products-empty-state button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.products-pagination{margin-top:var(--spacing-12);padding:var(--spacing-8);background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md)}.products-pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.products-pagination-controls button{padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-gray-100);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);min-width:40px}.products-pagination-controls button:hover:not(:disabled){background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent);transform:translateY(-2px)}.products-pagination-controls button.active{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent);font-weight:var(--font-weight-bold)}.products-pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.dashboard-page-header .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dashboard-page-header .btn-primary:disabled{opacity:.5;cursor:not-allowed}.notification-icon svg{width:20px;height:20px}@media(max-width:768px){.transaction-page-header{padding:var(--spacing-8) 0;margin-bottom:var(--spacing-8)}.transaction-page-header h1{font-size:var(--font-size-2xl)}.transaction-page-content{padding:.7rem}.page-header{flex-direction:column;gap:var(--spacing-4)}.products-page-header{padding:var(--spacing-8) 0;margin-bottom:var(--spacing-6)}.products-page-header h1{font-size:var(--font-size-2xl)}.products-search-row{flex-direction:column}.products-search-input,.products-filter-select{width:100%}.products-filter-toggle{width:100%;justify-content:center}.products-advanced-filters-grid{grid-template-columns:1fr}.products-clear-filters{width:100%}.dashboard-page-header{padding:var(--spacing-8)}.dashboard-page-header h1{font-size:var(--font-size-2xl)}.dashboard-page-header .btn-primary,.dashboard-page-header .btn-secondary{width:45%;justify-content:center}.dashboard-grid-2,.dashboard-grid-3{grid-template-columns:1fr}.dashboard-page{overflow-x:hidden}.settings-tabs{flex-direction:column;gap:0}.settings-tab{border-bottom:none;border-left:3px solid transparent;padding:var(--spacing-3) var(--spacing-4)}.checkout-page{background-color:#f7f6f6;min-height:100vh;padding:var(--spacing-6) 0}.checkout-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-4)}.checkout-header{background-color:var(--color-white);border-radius:var(--border-radius-2xl);box-shadow:0 8px 24px #00000014;padding:var(--spacing-8) var(--spacing-6);margin-bottom:var(--spacing-8);border:1px solid rgb(255 155 55 / 10%)}.checkout-header-top{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.checkout-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-normal);flex-shrink:0}.checkout-back-btn:hover{background-color:var(--color-accent);color:var(--color-white);transform:translate(-2px)}.checkout-back-btn svg{width:20px;height:20px}.checkout-header-info h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);letter-spacing:-.5px}.checkout-header-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.checkout-steps{display:flex;align-items:center;gap:var(--spacing-4);justify-content:space-between}.checkout-step-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);flex:1;position:relative}.checkout-step-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--color-gray-300);background-color:var(--color-white);transition:all var(--transition-normal);flex-shrink:0}.checkout-step-icon svg{width:24px;height:24px}.checkout-step-completed{background-color:#16a34a;border-color:#16a34a;color:var(--color-white)}.checkout-step-active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);box-shadow:0 0 0 4px #ff9b371a}.checkout-step-pending{background-color:var(--color-white);border-color:var(--color-gray-300);color:var(--color-text-secondary)}.checkout-step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;transition:color var(--transition-normal)}.checkout-step-label-completed{color:#16a34a}.checkout-step-label-active{color:var(--color-accent)}.checkout-step-label-pending{color:var(--color-text-secondary)}.checkout-step-line{position:absolute;top:24px;left:50%;width:100%;height:2px;background-color:var(--color-gray-300);transform:translate(50%);z-index:-1;transition:background-color var(--transition-normal)}.checkout-step-line-completed{background-color:#16a34a}.checkout-content{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-8)}.checkout-main{background-color:linear-gradient(135deg,var(--color-white) 0%,#fafaf8 100%);border-radius:var(--border-radius-2xl);box-shadow:0 8px 24px #00000014;padding:var(--spacing-8);border:1px solid rgb(255 155 55 / 10%)}.checkout-step-section{display:flex;flex-direction:column;gap:var(--spacing-6)}.checkout-step-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.5px}.checkout-step-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-medium)}.checkout-review-items{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.checkout-review-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.checkout-review-items-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.checkout-review-item{display:flex;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-white);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200)}.checkout-review-item-image{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200)}.checkout-review-item-info{flex:1}.checkout-review-item-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.checkout-review-item-qty{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.checkout-review-item-price{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-accent);text-align:right}.checkout-review-section{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-6);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.checkout-review-box{padding:var(--spacing-4);background-color:var(--color-white);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200)}.checkout-review-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.checkout-review-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-1) 0;line-height:1.5}.checkout-review-text:last-child{margin-bottom:0}.checkout-actions{display:flex;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.checkout-btn{flex:1;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.checkout-btn-primary{background-color:var(--color-accent);color:var(--color-white)}.checkout-btn-primary:hover:not(:disabled){background-color:var(--color-deep-accent);transform:translateY(-2px);box-shadow:0 8px 16px #ff9b374d}.checkout-btn-primary:disabled{opacity:.5;cursor:not-allowed}.checkout-btn-secondary{background-color:var(--color-gray-100);color:var(--color-text-primary)}.checkout-btn-secondary:hover:not(:disabled){background-color:var(--color-gray-200);transform:translateY(-2px)}.checkout-btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1023px){.checkout-content{grid-template-columns:1fr}}@media(max-width:767px){.checkout-page{padding:var(--spacing-4) 0}.checkout-container{padding:0 var(--spacing-4)}.checkout-header{padding:var(--spacing-6) var(--spacing-4);margin-bottom:var(--spacing-6)}.checkout-header-info h1{font-size:var(--font-size-2xl)}.checkout-steps{gap:var(--spacing-2)}.checkout-step-item{gap:var(--spacing-1)}.checkout-step-icon{width:40px;height:40px}.checkout-step-icon svg{width:20px;height:20px}.checkout-step-label{font-size:var(--font-size-xs)}.checkout-step-line{top:20px}.checkout-main{padding:var(--spacing-6) var(--spacing-4)}.checkout-step-title{font-size:var(--font-size-xl)}.checkout-actions{flex-direction:column}.checkout-btn{width:100%}.checkout-review-item{flex-direction:column}.checkout-review-item-image{width:100%;height:200px}.checkout-review-item-price{text-align:left}}.checkout-payment-summary{margin-bottom:var(--spacing-6)}.checkout-payment-box{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4) var(--spacing-5);margin-bottom:var(--spacing-6)}.checkout-summary-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);overflow:hidden}.checkout-summary-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-accent);color:var(--color-white)}.checkout-summary-header-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.checkout-summary-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;letter-spacing:-.01em}.checkout-summary-toggle{border-bottom:1px solid var(--color-gray-100)}.checkout-summary-toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3) var(--spacing-6);background-color:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.checkout-summary-toggle-btn:hover{background-color:var(--color-gray-50);color:var(--color-text-primary)}.checkout-summary-toggle-icon{width:1rem;height:1rem}.checkout-summary-items{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);max-height:260px;overflow-y:auto}.checkout-summary-item{display:flex;align-items:center;gap:var(--spacing-3)}.checkout-summary-item-thumb{width:52px;height:52px;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0;border:1px solid var(--color-gray-200);background-color:var(--color-gray-100)}.checkout-summary-item-thumb img{width:100%;height:100%;object-fit:cover}.checkout-summary-item-info{flex:1;min-width:0}.checkout-summary-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;transition:color var(--transition-fast)}.checkout-summary-item-name:hover{color:var(--color-accent)}.checkout-summary-item-meta{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1)}.checkout-summary-item-qty{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-gray-100);padding:2px 6px;border-radius:var(--border-radius-full)}.checkout-summary-item-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.checkout-summary-breakdown{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.checkout-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.checkout-summary-row-with-icon{display:flex;align-items:center;gap:var(--spacing-2)}.checkout-summary-inline-icon{width:1rem;height:1rem;color:var(--color-gray-400);flex-shrink:0}.checkout-summary-inline-icon-green{color:var(--color-success)}.checkout-summary-discount{color:var(--color-success);font-weight:var(--font-weight-medium)}.checkout-summary-total{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-4);margin-top:var(--spacing-1);border-top:2px solid var(--color-gray-200);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.checkout-summary-total-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent)}.checkout-summary-info{margin:var(--spacing-4) var(--spacing-6) 0;border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.checkout-summary-info:last-of-type{margin-bottom:var(--spacing-4)}.checkout-summary-info-blue{background-color:#eff6ff;border:1px solid #bfdbfe}.checkout-summary-info-green{background-color:#f0fdf4;border:1px solid #bbf7d0}.checkout-summary-info-warning{background-color:#fffbeb;border:1px solid #fde68a}.checkout-summary-info-body{display:flex;align-items:flex-start;gap:var(--spacing-3)}.checkout-summary-info-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:2px;color:var(--color-info)}.checkout-summary-info-green .checkout-summary-info-icon{color:var(--color-success)}.checkout-summary-info-warning .checkout-summary-info-icon{color:var(--color-warning)}.checkout-summary-info-text{flex:1;min-width:0}.checkout-summary-info-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.checkout-summary-info-text p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.checkout-summary-info-text p+p{margin-top:var(--spacing-1)}.checkout-summary-box{margin:var(--spacing-4) var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg)}.checkout-summary-box-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-2) 0}.checkout-summary-box-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.checkout-summary-box-strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.checkout-summary-error{font-size:var(--font-size-sm);color:var(--color-error);margin:0}.checkout-summary-list{margin:var(--spacing-1) 0 0 var(--spacing-4);padding:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.checkout-summary-legal{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-100)}.checkout-summary-legal p{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0;line-height:var(--line-height-relaxed)}.checkout-summary-link{color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium)}.checkout-summary-link:hover{text-decoration:underline}.checkout-summary-security{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-6) var(--spacing-5);font-size:var(--font-size-xs);color:var(--color-text-muted)}.checkout-summary-security-icon{width:1rem;height:1rem;color:var(--color-success);flex-shrink:0}@media(max-width:767px){.checkout-summary-items{max-height:180px}.checkout-summary-header{padding:var(--spacing-4)}.checkout-summary-toggle-btn,.checkout-summary-items,.checkout-summary-breakdown{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.checkout-summary-info,.checkout-summary-box{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.checkout-summary-legal,.checkout-summary-security{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}.settings-tab.active{border-left-color:var(--color-accent);border-bottom:none}.notification-item{flex-direction:column}.notification-icon{width:32px;height:32px}}.product-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.product-grid-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%}.product-grid-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.product-grid-image-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background-color:var(--color-gray-100)}.product-grid-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-grid-card:hover .product-grid-image{transform:scale(1.08)}.product-grid-overlay{position:absolute;inset:0;background-color:#0000;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);opacity:0;transition:all var(--transition-normal)}.product-grid-card:hover .product-grid-overlay{background-color:#0006;opacity:1}.product-grid-overlay-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--color-white);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.product-grid-overlay-btn:hover{transform:scale(1.1);background-color:var(--color-accent)}.product-grid-overlay-btn:hover svg{color:var(--color-white)}.product-grid-overlay-btn svg{width:20px;height:20px;color:var(--color-text-primary);transition:color var(--transition-fast)}.product-grid-badges{position:absolute;top:var(--spacing-3);left:var(--spacing-3);right:var(--spacing-3);display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.product-grid-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-accent);color:var(--color-white);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.product-grid-badge.featured{background-color:var(--color-warning)}.product-grid-badge.out-of-stock,.product-grid-badge.discount{background-color:var(--color-error)}.product-grid-content{padding:var(--spacing-4);flex:1;display:flex;flex-direction:column}.product-grid-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);line-height:var(--line-height-tight);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.product-grid-rating{display:flex;align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.product-grid-stars{display:flex;gap:2px}.product-grid-star{width:14px;height:14px;color:var(--color-warning)}.product-grid-rating-text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-1)}.product-grid-price-section{margin-bottom:var(--spacing-3);display:flex;flex-direction:column;justify-content:space-between}.product-grid-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent)}.product-grid-original-price{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:line-through;margin-left:var(--spacing-2)}.product-grid-seller{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.product-grid-seller-badge{width:16px;height:16px;color:var(--color-success)}.product-grid-features{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.product-grid-feature{display:flex;align-items:center;gap:var(--spacing-2)}.product-grid-feature svg{width:16px;height:16px;color:var(--color-accent);flex-shrink:0}.product-grid-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-top:auto}.product-grid-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-grid-button:disabled{background-color:var(--color-gray-300);cursor:not-allowed;opacity:.6}.product-grid-button svg{width:18px;height:18px}.product-list-item{display:flex;gap:var(--spacing-4);background-color:var(--color-white);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);padding:var(--spacing-4)}.product-list-item:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.product-list-image-wrapper{position:relative;width:120px;height:120px;flex-shrink:0;border-radius:var(--border-radius-lg);overflow:hidden;background-color:var(--color-gray-100)}.product-list-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-list-item:hover .product-list-image{transform:scale(1.05)}.product-list-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.product-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2)}.product-list-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1}.product-list-wishlist{background-color:none;border:none;cursor:pointer;padding:var(--spacing-1);color:var(--color-text-muted);transition:all var(--transition-fast)}.product-list-wishlist:hover,.product-list-wishlist.active{color:var(--color-error)}.product-list-wishlist svg{width:20px;height:20px}.product-list-meta{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.product-list-rating{display:flex;align-items:center;gap:var(--spacing-1)}.product-list-stars{display:flex;gap:2px}.product-list-star{width:14px;height:14px;color:var(--color-warning)}.product-list-seller{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-text-secondary)}.product-list-seller-badge{width:16px;height:16px;color:var(--color-success)}.product-list-footer{display:flex;justify-content:space-between;align-items:center}.product-list-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent)}.product-list-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.product-list-button:hover:not(:disabled){background-color:var(--color-deep-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-list-button:disabled{background-color:var(--color-gray-300);cursor:not-allowed;opacity:.6}.product-list-button svg{width:16px;height:16px}@media(max-width:1024px){.product-grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.conversation-list-title-row{flex-wrap:wrap;gap:var(--spacing-3)}.conversation-filter-select{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}}@media(max-width:768px){.product-grid-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-3)}.product-grid-content{padding:var(--spacing-3)}.product-grid-title{font-size:var(--font-size-sm)}.product-grid-price{font-size:var(--font-size-base)}.product-list-item{flex-direction:column;gap:var(--spacing-3)}.product-list-image-wrapper{width:100%;height:160px}.product-list-header{flex-direction:column;gap:var(--spacing-2)}.product-list-footer{flex-direction:column;gap:var(--spacing-2);align-items:flex-start}.product-list-button{width:100%;justify-content:center}}input[type=text],input[type=url],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=time],input[type=search],textarea,select{width:100%;padding-top:14px;font-size:.95rem;font-family:var(--font-family-primary);font-weight:400;color:var(--color-text-primary);background-color:f;border:2px solid var(--color-gray-200);border-radius:12px;outline:none;transition:all .2s ease;box-sizing:border-box}input[type=text]:hover:not(:focus,:disabled),input[type=url]:hover:not(:focus,:disabled),input[type=email]:hover:not(:focus,:disabled),input[type=password]:hover:not(:focus,:disabled),input[type=number]:hover:not(:focus,:disabled),input[type=tel]:hover:not(:focus,:disabled),input[type=date]:hover:not(:focus,:disabled),input[type=time]:hover:not(:focus,:disabled),input[type=search]:hover:not(:focus,:disabled),textarea:hover:not(:focus,:disabled),select:hover:not(:focus,:disabled){border-color:var(--color-gray-300);background-color:#fafafa}input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=time]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:var(--color-accent);background-color:#fff;box-shadow:0 0 0 4px #ff9b371f,0 2px 8px #ff9b3714}input::placeholder,textarea::placeholder{color:var(--color-text-muted);font-weight:400;opacity:.7}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}textarea{resize:vertical;min-height:120px;max-height:400px;line-height:1.6}select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:44px;cursor:pointer}select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ff9b37' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}input.error,textarea.error,select.error{border-color:var(--color-error);background-color:#ef444405}input.error:focus,textarea.error:focus,select.error:focus{box-shadow:0 0 0 4px #ef44441a,0 2px 8px #ef44441f;border-color:var(--color-error)}input.success,textarea.success,select.success{border-color:var(--color-success);background-color:#10b98105}input.success:focus,textarea.success:focus,select.success:focus{box-shadow:0 0 0 4px #10b9811a,0 4px 12px #10b98126;border-color:var(--color-success)}input.warning,textarea.warning,select.warning{border-color:var(--color-warning);background-color:#f59e0b05}input.warning:focus,textarea.warning:focus,select.warning:focus{box-shadow:0 0 0 4px #f59e0b1a,0 4px 12px #f59e0b26;border-color:var(--color-warning)}.form-group label,.form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-1)}.form-group label .required,.form-field label .required{color:var(--color-error);font-weight:var(--font-weight-bold)}.form-help,.trans-price{text-align:center}.transaction-container{padding:0}.form-error,.error-message{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-1);display:flex;align-items:center;gap:var(--spacing-1)}.textarea-counter.warning{color:var(--color-warning)}.textarea-counter.error{color:var(--color-error)}.select-search-option.selected{background-color:#ff9b371a;color:var(--color-accent);font-weight:var(--font-weight-semibold)}@media(max-width:767px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=time],input[type=search],textarea,select{font-size:16px}textarea{min-height:100px}.form-group{margin-bottom:var(--spacing-3)}}@media(min-width:768px)and (max-width:1023px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=time],input[type=search],textarea,select{padding:var(--spacing-3) var(--spacing-4)}textarea{min-height:120px}}@media(min-width:1024px){input[type=email],input[type=password],input[type=tel],input[type=date],input[type=time],input[type=search],textarea,select{padding:var(--spacing-3) var(--spacing-4)}textarea{min-height:140px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=time]:focus,input[type=search]:focus,textarea:focus,select:focus{transform:translateY(-2px);box-shadow:0 0 0 4px #ff9b371a,0 8px 16px #ff9b3733}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;position:fixed;inset:0;background-color:linear-gradient(135deg,#fff 0%,#f8fafc 50%,#f1f5f9 100%);z-index:9999}.loading-spinner-container:before{content:"";position:absolute;top:20%;left:10%;width:300px;height:300px;background-color:radial-gradient(circle,rgb(255 155 55 / 8%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.loading-spinner-container:after{content:"";position:absolute;bottom:20%;right:10%;width:250px;height:250px;background-color:radial-gradient(circle,rgb(88 1 0 / 5%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.loading-spinner-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.spinner-ring{position:absolute;border-radius:50%;border:4px solid transparent}.spinner-ring-outer{width:140px;height:140px;border-color:var(--color-accent) rgb(255 155 55 / 30%) transparent transparent;animation:spin 1.8s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 20px #ff9b3733}.spinner-ring-middle{width:100px;height:100px;border-color:transparent transparent var(--color-deep-accent) rgb(88 1 0 / 30%);animation:spin-reverse 1.4s cubic-bezier(.4,0,.2,1) infinite}.spinner-ring-inner{width:60px;height:60px;border-color:var(--color-accent) transparent var(--color-deep-accent) transparent;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.spinner-logo{position:relative;z-index:10;font-size:16px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;background-color:var(--color-white);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-lg);box-shadow:0 2px 10px #00000014;animation:logo-pulse 2s ease-in-out infinite}.spinner-logo-pay{color:var(--color-accent)}.spinner-logo-hold{color:var(--color-deep-accent)}.spinner-text{margin-top:var(--spacing-8);font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);letter-spacing:.02em;animation:text-fade 2s ease-in-out infinite}.spinner-sm .loading-spinner-wrapper{width:80px;height:80px}.spinner-sm .spinner-ring-outer{width:80px;height:80px;border-width:3px}.spinner-sm .spinner-ring-middle{width:56px;height:56px;border-width:3px}.spinner-sm .spinner-ring-inner{width:36px;height:36px;border-width:3px}.spinner-sm .spinner-logo{font-size:11px;padding:var(--spacing-1) var(--spacing-2)}.spinner-lg .loading-spinner-wrapper{width:180px;height:180px}.spinner-lg .spinner-ring-outer{width:180px;height:180px;border-width:5px}.spinner-lg .spinner-ring-middle{width:130px;height:130px;border-width:5px}.spinner-lg .spinner-ring-inner{width:80px;height:80px;border-width:5px}.spinner-lg .spinner-logo{font-size:20px;padding:var(--spacing-3) var(--spacing-4)}.spinner-inline{position:relative;min-height:auto;background-color:transparent;padding:var(--spacing-8)}.spinner-inline:before,.spinner-inline:after{display:none}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes logo-pulse{0%,to{transform:scale(1);box-shadow:0 2px 10px #00000014}50%{transform:scale(1.05);box-shadow:0 4px 20px #ff9b3733}}@keyframes text-fade{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.orders-page{padding:var(--spacing-2);max-width:1400px;margin:0 auto}.orders-hero-header{background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:var(--spacing-8);margin-bottom:var(--spacing-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-6);position:relative;overflow:hidden;box-shadow:0 10px 40px #ff9b3740}.orders-hero-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background-color:radial-gradient(circle,rgb(255 255 255 / 10%) 0%,transparent 70%);border-radius:50%}.orders-hero-header:after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background-color:radial-gradient(circle,rgb(255 255 255 / 8%) 0%,transparent 70%);border-radius:50%}.orders-hero-content{display:flex;align-items:center;gap:var(--spacing-5);position:relative;z-index:1}.orders-hero-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;background-color:#fff3;border-radius:var(--border-radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / 30%)}.orders-hero-icon{width:36px;height:36px;color:var(--color-white)}.orders-hero-icon-glow{position:absolute;inset:-4px;background-color:#ffffff1a;border-radius:var(--border-radius-xl);filter:blur(8px);animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.orders-hero-text{color:var(--color-white)}.orders-hero-title{color:var(--color-white);font-size:2rem;font-weight:800;margin:0 0 var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2);text-shadow:0 2px 4px rgb(0 0 0 / 10%)}.orders-title-sparkle{width:24px;height:24px;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(15deg) scale(1.1);opacity:1}}.orders-hero-subtitle{color:var(--color-white);font-size:var(--font-size-base);margin:0;opacity:.9;max-width:400px;line-height:1.5}.orders-hero-actions{display:flex;gap:var(--spacing-3);position:relative;z-index:1}.orders-action-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;border:none}.orders-action-btn svg{width:18px;height:18px}.orders-action-btn-primary{background-color:var(--color-white);color:var(--color-accent);box-shadow:0 4px 12px #00000026}.orders-action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.orders-action-btn-secondary{background-color:#fff3;color:var(--color-white);border:1px solid rgb(255 255 255 / 30%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.orders-action-btn-secondary:hover{background-color:#ffffff4d}.orders-action-btn-secondary.refreshing{opacity:.7;cursor:not-allowed}.orders-action-btn svg.spinning{animation:spin 1s linear infinite}.orders-stats-container{background-color:var(--color-white);border-radius:var(--border-radius-2xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:0 4px 20px #0000000f;border:1px solid var(--color-gray-100)}.orders-stats-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-gray-100)}.orders-stats-header-icon{width:24px;height:24px;color:var(--color-accent)}.orders-stats-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.orders-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4)}.orders-stat-card{background-color:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);border-radius:var(--border-radius-xl);padding:.3rem;display:flex;align-items:center;gap:var(--spacing-4);position:relative;overflow:hidden;border:1px solid var(--color-gray-100);transition:all var(--transition-normal)}.orders-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.orders-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.orders-stat-card-total:before{background-color:linear-gradient(180deg,var(--color-accent))}.orders-stat-card-value:before{background-color:linear-gradient(180deg,#10b981,#059669)}.orders-stat-card-success:before{background-color:linear-gradient(180deg,#8b5cf6,#7c3aed)}.orders-stat-card-pending:before{background-color:linear-gradient(180deg,#f59e0b,#d97706)}.orders-stat-card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--border-radius-lg);flex-shrink:0}.orders-stat-card-total .orders-stat-card-icon{background-color:linear-gradient(135deg,rgb(255 155 55 / 15%),rgb(255 155 55 / 5%));color:var(--color-accent)}.orders-stat-card-value .orders-stat-card-icon{background-color:linear-gradient(135deg,rgb(16 185 129 / 15%),rgb(16 185 129 / 5%));color:#10b981}.orders-stat-card-success .orders-stat-card-icon{background-color:linear-gradient(135deg,rgb(139 92 246 / 15%),rgb(139 92 246 / 5%));color:#8b5cf6}.orders-stat-card-pending .orders-stat-card-icon{background-color:linear-gradient(135deg,rgb(245 158 11 / 15%),rgb(245 158 11 / 5%));color:#f59e0b}.orders-stat-card-icon svg{width:26px;height:26px}.orders-stat-card-content{flex:1;min-width:0;display:flex;flex-direction:column}.orders-stat-card-content .orders-stat-card-value{font-size:1.75rem;font-weight:800;color:var(--color-text-primary);line-height:1.2;margin-bottom:var(--spacing-1)}.orders-stat-card-content .orders-stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.orders-stat-card-trend{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md)}.orders-stat-trend-up{background-color:#10b9811a;color:#10b981}.orders-stat-trend-up svg{width:14px;height:14px}.orders-stat-card-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);background-color:#8b5cf61a;color:#8b5cf6}.orders-stat-card-badge.orders-badge-warning{background-color:#f59e0b1a;color:#f59e0b}.orders-filter-section{background-color:var(--color-white);border-radius:var(--border-radius-2xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:0 4px 20px #0000000f;border:1px solid var(--color-gray-100)}.orders-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-gray-100)}.orders-filter-title{display:flex;align-items:center;gap:var(--spacing-3)}.orders-filter-title svg{width:22px;height:22px;color:var(--color-accent)}.orders-filter-title h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.orders-filter-reset-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.orders-filter-reset-btn:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.orders-filter-reset-btn svg{width:16px;height:16px}.orders-quick-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.orders-quick-filter-btn{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-xl);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.orders-quick-filter-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transition:transform var(--transition-normal)}.orders-quick-filter-btn:hover{background-color:var(--color-white);transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.orders-quick-filter-btn.active:before{transform:scaleX(1)}.orders-quick-filter-btn.active{background-color:var(--color-white);box-shadow:0 8px 24px #0000001a}.orders-filter-accent:before{background-color:linear-gradient(90deg,var(--color-accent),var(--color-deep-accent))}.orders-filter-accent.active{border-color:var(--color-accent)}.orders-filter-accent.active .orders-quick-filter-icon{background-color:#ff9b371a;color:var(--color-accent)}.orders-filter-accent.active .orders-quick-filter-count{color:var(--color-accent)}.orders-filter-warning:before{background-color:linear-gradient(90deg,#f59e0b,#d97706)}.orders-filter-warning.active{border-color:#f59e0b}.orders-filter-warning.active .orders-quick-filter-icon{background-color:#f59e0b1a;color:#f59e0b}.orders-filter-warning.active .orders-quick-filter-count{color:#f59e0b}.orders-filter-info:before{background-color:linear-gradient(90deg,#3b82f6,#2563eb)}.orders-filter-info.active{border-color:#3b82f6}.orders-filter-info.active .orders-quick-filter-icon{background-color:#3b82f61a;color:#3b82f6}.orders-filter-info.active .orders-quick-filter-count{color:#3b82f6}.orders-filter-success:before{background-color:linear-gradient(90deg,#10b981,#059669)}.orders-filter-success.active{border-color:#10b981}.orders-filter-success.active .orders-quick-filter-icon{background-color:#10b9811a;color:#10b981}.orders-filter-success.active .orders-quick-filter-count{color:#10b981}.orders-filter-danger:before{background-color:linear-gradient(90deg,#ef4444,#dc2626)}.orders-filter-danger.active{border-color:#ef4444}.orders-filter-danger.active .orders-quick-filter-icon{background-color:#ef44441a;color:#ef4444}.orders-filter-danger.active .orders-quick-filter-count{color:#ef4444}.orders-quick-filter-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);color:var(--color-text-secondary);transition:all var(--transition-fast)}.orders-quick-filter-icon svg{width:20px;height:20px}.orders-quick-filter-info{display:flex;flex-direction:column;align-items:flex-start}.orders-quick-filter-count{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);line-height:1.2}.orders-quick-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.orders-advanced-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding-top:var(--spacing-5);border-top:1px solid var(--color-gray-100)}.orders-search-box{flex:1;min-width:280px;position:relative;display:flex;align-items:center}.orders-search-icon{position:absolute;left:24rem;width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.orders-search-input{width:100%;padding:.75rem;border:2px solid var(--color-gray-200);border-radius:var(--border-radius-xl);font-size:var(--font-size-base);background-color:var(--color-gray-50);transition:all var(--transition-fast)}.orders-search-input:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-white);box-shadow:0 0 0 4px #ff9b371a}.orders-search-input::placeholder{color:var(--color-text-muted)}.orders-search-clear{position:absolute;right:var(--spacing-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-gray-200);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.orders-search-clear:hover{background-color:var(--color-gray-300)}.orders-search-clear svg{width:14px;height:14px;color:var(--color-text-secondary)}.orders-filter-selects{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.orders-select-wrapper{position:relative}.orders-filter-select{padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-white);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);min-width:150px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%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-repeat:no-repeat;background-position:right 12px center;background-size:16px}.orders-filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.orders-date-range{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg)}.orders-date-icon{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.orders-date-input{border:none;background-color:transparent;font-size:var(--font-size-sm);color:var(--color-text-primary);width:130px;padding:var(--spacing-1)}.orders-date-input:focus{outline:none}.orders-date-separator{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:0 var(--spacing-1)}.orders-list-section{background-color:var(--color-white);border-radius:var(--border-radius-2xl);box-shadow:0 4px 20px #0000000f;border:1px solid var(--color-gray-100);overflow:hidden}.orders-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-5) var(--spacing-6);background-color:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);border-bottom:2px solid var(--color-gray-100)}.orders-list-title{display:flex;align-items:center;gap:var(--spacing-3)}.orders-list-title svg{width:24px;height:24px;color:var(--color-accent)}.orders-list-title h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.orders-list-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full)}.orders-list-view-options{display:flex;gap:var(--spacing-2)}.orders-view-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-gray-100);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.orders-view-btn:hover{background-color:var(--color-gray-200)}.orders-view-btn.active{background-color:var(--color-accent);color:var(--color-white)}.orders-view-btn svg{width:16px;height:16px}@media(max-width:1024px){.orders-hero-header{padding:var(--spacing-6)}.orders-hero-title{font-size:1.5rem}.orders-stats-cards{grid-template-columns:repeat(2,1fr)}.orders-quick-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.orders-page{padding:var(--spacing-3)}.orders-hero-header{flex-direction:column;align-items:flex-start;padding:var(--spacing-5)}.orders-hero-content{flex-direction:column;align-items:flex-start;text-align:left}.orders-hero-title{font-size:1.35rem}.orders-hero-subtitle{font-size:var(--font-size-sm)}.orders-hero-actions{width:100%;flex-direction:column}.orders-action-btn{width:100%;justify-content:center}.orders-stats-cards{grid-template-columns:1fr}.orders-quick-filters{grid-template-columns:repeat(2,1fr)}.orders-quick-filter-btn{padding:var(--spacing-3)}.orders-advanced-filters{flex-direction:column}.orders-search-box{min-width:100%}.orders-filter-selects{width:100%;flex-direction:column}.orders-filter-select{width:100%}.orders-date-range{width:100%;justify-content:space-between}.orders-date-input{flex:1;width:auto}.orders-list-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.orders-list-view-options{width:100%;justify-content:flex-end}}@media(max-width:480px){.orders-quick-filters{grid-template-columns:1fr}.orders-quick-filter-btn{flex-direction:row;justify-content:flex-start}.orders-stat-card{flex-wrap:wrap}.orders-stat-card-trend,.orders-stat-card-badge{margin-top:var(--spacing-2)}}.settings-nav-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.settings-nav-btn{width:100%;text-align:left;padding:var(--spacing-4);border-radius:var(--border-radius-lg);border:2px solid var(--color-gray-200);background-color:var(--color-white);cursor:pointer;transition:all var(--transition-base)}.settings-nav-btn:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.settings-nav-btn.active{border-color:var(--color-accent);background-color:var(--color-accent-light);color:var(--color-accent)}.settings-nav-content{display:flex;align-items:flex-start;gap:var(--spacing-3)}.settings-nav-content svg{width:20px;height:20px;margin-top:2px;flex-shrink:0;color:var(--color-text-secondary)}.settings-nav-btn.active .settings-nav-content svg{color:var(--color-accent)}.settings-nav-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.settings-nav-btn.active .settings-nav-label{color:var(--color-accent)}.settings-nav-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1)}.security-check-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.security-check-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-radius:var(--border-radius-lg)}.security-check-item.success{background-color:#22c55e1a}.security-check-item.warning{background-color:#fbbf241a}.security-check-content{display:flex;align-items:center;gap:var(--spacing-3)}.security-check-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.security-check-icon.success{background-color:#22c55e26}.security-check-icon.warning{background-color:#fbbf2426}.security-check-icon svg{width:16px;height:16px}.security-check-icon.success svg{color:var(--color-success)}.security-check-icon.warning svg{color:#f59e0b}.security-check-label{font-weight:var(--font-weight-medium)}.security-check-item.success .security-check-label{color:#166534}.security-check-item.warning .security-check-label{color:#854d0e}.security-check-status{font-size:var(--font-size-lg)}.security-check-status.success{color:var(--color-success)}.security-check-status.warning{color:#f59e0b}.security-scan-btn{width:100%;margin-top:var(--spacing-4);background-color:var(--color-accent);color:var(--color-white);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);border:none;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.security-scan-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9b374d}.settings-toggle-list{display:grid;gap:var(--spacing-4)}.settings-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.settings-toggle-item:hover{border-color:var(--color-gray-300)}.settings-toggle-info h4{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.settings-toggle-info p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-gray-300);transition:var(--transition-base);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--color-white);transition:var(--transition-base);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.payment-empty-state{text-align:center;padding:var(--spacing-8)}.payment-empty-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);color:var(--color-gray-300)}.payment-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.payment-empty-text{color:var(--color-text-muted);margin-bottom:var(--spacing-4)}.notification-icon-sm{width:16px;height:16px}.notification-icon-md{width:24px;height:24px}.notification-icon-lg{width:32px;height:32px}.notification-icon-green{color:var(--color-success)}.notification-icon-blue{color:var(--color-info)}.notification-icon-purple{color:#8b5cf6}.notification-icon-yellow{color:#f59e0b}.notification-icon-red{color:var(--color-error)}.notification-icon-gray{color:var(--color-text-muted)}.notification-stat-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-base)}.notification-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.notification-stat-value{font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.notification-stat-value.info{color:var(--color-info)}.notification-stat-value.error{color:var(--color-error)}.notification-stat-value.success{color:var(--color-success)}.notification-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.notification-action-btn{padding:var(--spacing-2);background-color:none;border:none;cursor:pointer;border-radius:var(--border-radius-lg);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.notification-action-btn.read{color:var(--color-info)}.notification-action-btn.read:hover{background-color:#3b82f61a}.notification-action-btn.delete{color:var(--color-error)}.notification-action-btn.delete:hover{background-color:#ef44441a}.notification-action-btn.more{color:var(--color-text-muted)}.notification-action-btn.more:hover{background-color:var(--color-gray-100)}.notification-actions{display:flex;align-items:center;gap:var(--spacing-2)}.notification-empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-4)}.notification-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.user-settings-container{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);overflow:hidden}.user-settings-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background-color:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.user-settings-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.user-settings-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.user-settings-tabs{border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.user-settings-nav{display:flex;gap:var(--spacing-1);padding:0 var(--spacing-4);overflow-x:auto}.user-settings-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-4);border:none;background-color:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:all var(--transition-fast);white-space:nowrap}.user-settings-tab svg{width:18px;height:18px}.user-settings-tab:hover{color:var(--color-accent)}.user-settings-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);background-color:var(--color-white)}.user-settings-content{padding:var(--spacing-6)}.user-settings-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.user-settings-section{padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.user-settings-section:last-child{border-bottom:none;padding-bottom:0}.user-settings-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.user-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.user-settings-checkbox{margin-top:var(--spacing-4)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-accent);cursor:pointer}.checkbox-label span{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.5}.user-settings-actions{padding-top:var(--spacing-4)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:48px}.password-toggle-btn{position:absolute;right:var(--spacing-3);background-color:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--spacing-1);transition:color var(--transition-fast)}.password-toggle-btn:hover{color:var(--color-accent)}.password-toggle-btn svg{width:20px;height:20px}.two-factor-card{background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);padding:var(--spacing-5);border:1px solid var(--color-gray-200)}.two-factor-content{display:flex;align-items:flex-start;gap:var(--spacing-4)}.two-factor-icon{width:48px;height:48px;border-radius:var(--border-radius-full);background-color:var(--color-gray-200);display:flex;align-items:center;justify-content:center;flex-shrink:0}.two-factor-icon svg{width:24px;height:24px;color:var(--color-text-secondary)}.two-factor-icon.enabled{background-color:var(--color-success-bg)}.two-factor-icon.enabled svg{color:var(--color-success)}.two-factor-info{flex:1}.two-factor-info h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.two-factor-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.two-factor-actions{display:flex;gap:var(--spacing-3)}.user-settings-security,.user-settings-notifications,.user-settings-privacy{display:flex;flex-direction:column;gap:var(--spacing-8)}.danger-zone{margin-top:var(--spacing-6)}.danger-zone-card{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-lg);padding:var(--spacing-5)}.danger-zone-content{display:flex;align-items:flex-start;gap:var(--spacing-4)}.danger-zone-icon{width:48px;height:48px;border-radius:var(--border-radius-full);background-color:#fee2e2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.danger-zone-icon svg{width:24px;height:24px;color:var(--color-error)}.danger-zone-info{flex:1}.danger-zone-info h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-error);margin-bottom:var(--spacing-1)}.danger-zone-info p{color:#7f1d1d;font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.danger-zone-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.btn-danger{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-error);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-danger svg{width:16px;height:16px}.delete-confirm{display:flex;flex-direction:column;gap:var(--spacing-3)}.delete-confirm-text{color:#7f1d1d;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.delete-confirm-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.transaction-list{padding:var(--spacing-4)}.transaction-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4)}.transaction-list-title h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.transaction-list-title p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.transaction-list-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.transaction-list-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.transaction-list-btn svg{width:16px;height:16px}.transaction-list-btn-primary{background-color:var(--color-accent);color:var(--color-white)}.transaction-list-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.transaction-list-btn-secondary{background-color:var(--color-gray-100);color:var(--color-text-primary)}.transaction-list-btn-secondary:hover{background-color:var(--color-gray-200)}.transaction-list-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.transaction-list-btn svg.spinning{animation:spin 1s linear infinite}.transaction-filters-container{background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.transaction-filters-row{display:flex;gap:var(--spacing-3);flex-wrap:wrap;align-items:center}.transaction-search-wrapper{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.transaction-search-wrapper svg{position:absolute;left:var(--spacing-3);width:18px;height:18px;color:var(--color-text-muted)}.transaction-search-wrapper input{width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-10);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.transaction-search-wrapper input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.transaction-filter-toggle{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.transaction-filter-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.transaction-filter-toggle.active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.transaction-filter-toggle svg{width:18px;height:18px}.transaction-empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-4)}.transaction-empty-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);color:var(--color-gray-300)}.transaction-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6) 0;border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-6)}.transaction-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.transaction-pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.transaction-pagination-btn:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-accent)}.transaction-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.transaction-pagination-btn svg{width:18px;height:18px;color:var(--color-text-primary)}.activity-skeleton{padding:var(--spacing-6)}.activity-skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4)}.activity-skeleton-filters{display:flex;gap:var(--spacing-2)}.activity-skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.activity-skeleton-item{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg)}.activity-skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}@media(max-width:768px){.activity-skeleton-header{flex-direction:column;align-items:stretch}.activity-skeleton-filters{width:100%;justify-content:center}}.transaction-skeleton{padding:var(--spacing-4)}.transaction-skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);gap:var(--spacing-4)}.transaction-skeleton-actions{display:flex;gap:var(--spacing-3)}.transaction-skeleton-filters{margin-bottom:var(--spacing-6)}.transaction-skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.transaction-skeleton-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.transaction-skeleton-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.transaction-skeleton-card-body{display:flex;flex-direction:column;gap:var(--spacing-2)}@media(max-width:768px){.transaction-skeleton-header{flex-direction:column}.transaction-skeleton-actions{width:100%}.transaction-list-header{flex-direction:column;align-items:stretch}.transaction-list-actions{width:100%}.transaction-list-btn{flex:1;justify-content:center}.transaction-filters-row{flex-direction:column}.transaction-search-wrapper{width:100%}.transaction-filter-toggle{width:100%;justify-content:center}}@media(max-width:768px){.user-settings-nav{padding:0 var(--spacing-2)}.user-settings-tab{padding:var(--spacing-3) var(--spacing-3);font-size:var(--font-size-xs)}.user-settings-content{padding:var(--spacing-4)}.user-settings-grid{grid-template-columns:1fr}.two-factor-content,.danger-zone-content{flex-direction:column;align-items:center;text-align:center}.two-factor-actions,.danger-zone-actions,.delete-confirm-actions{justify-content:center}}.ds-icon-xs{width:9px;height:9px}.ds-icon-sm{width:12px;height:12px}.ds-icon-md{width:14px;height:14px}.ds-icon-phone{width:15px;height:15px}.ds-icon-search{width:16px;height:16px}.ds-icon-chevron{width:17px;height:17px}.ds-icon-close{width:18px;height:18px}.ds-icon-pkg-check{width:20px;height:20px}.ds-icon-empty{width:40px;height:40px;margin:0 auto 12px;opacity:.4}.ds-icon-header{width:64px;height:64px;color:var(--color-accent);margin:0 auto var(--spacing-4)}.ds-status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:50px;font-size:13px;font-weight:700}.ds-order-card{border:1.5px solid var(--color-border, #e5e7eb);border-radius:16px;overflow:hidden;margin-top:20px}.ds-order-card__header{background-color:var(--color-background, #f9fafb);padding:14px 18px;border-bottom:1px solid var(--color-border, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.ds-order-card__header-title{font-weight:700;font-size:15px}.ds-order-card__rows{padding:0 18px}.ds-order-card__row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border, #f3f4f6);font-size:14px}.ds-order-card__row-label{color:var(--color-text-secondary, #6b7280)}.ds-order-card__row-value{font-weight:600;color:var(--color-text, #111);max-width:55%;text-align:right;word-break:break-all}.ds-order-card__footer{padding:12px 18px;border-top:1px solid var(--color-border, #e5e7eb);font-size:12px}.ds-tracker__search-row{display:flex;gap:8px;margin-bottom:6px}.ds-tracker__input{flex:1;padding:13px 16px;border:1.5px solid var(--color-border, #e5e7eb);border-radius:12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.ds-tracker__input:focus{border-color:var(--color-accent)}.ds-tracker__btn{padding:13px 20px;background-color:var(--color-accent);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;flex-shrink:0;transition:opacity .15s}.ds-tracker__btn:disabled{cursor:not-allowed;opacity:.7}.ds-tracker__hint{font-size:12px;color:var(--color-text-secondary, #9ca3af);margin-bottom:20px}.ds-tracker__loading{text-align:center;padding:32px 0}.ds-tracker__empty{text-align:center;padding:40px 20px;border:1.5px dashed var(--color-border, #e5e7eb);border-radius:16px;color:var(--color-text-secondary, #9ca3af);font-size:14px}.ds-tracker__empty-sub{font-size:12px}.ds-page-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1.5px solid var(--color-border, #e5e7eb);padding-bottom:0}.ds-page-tab{padding:10px 20px;border:none;border-bottom:2.5px solid transparent;background-color:transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--color-text-secondary, #888);cursor:pointer;transition:all .2s}.ds-page-tab--active{border-bottom-color:var(--color-accent);font-weight:700;color:var(--color-accent)}.ds-phone__valid-icon{width:20px;height:20px;color:#16a34a;margin-right:12px;flex-shrink:0}.ds-sim-notice{background-color:#fff7ed;border:1.5px solid #fed7aa;border-radius:12px;padding:14px 16px;margin-bottom:16px}.ds-sim-notice__title{margin:0 0 8px;font-size:13px;font-weight:700;color:#c2410c;display:flex;align-items:center;gap:6px}.ds-sim-notice__list{margin:0;padding-left:18px;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12px;color:#9a3412;font-weight:500;line-height:1.6}.ds-escrow-note{font-size:12px;color:var(--color-text-secondary)}.ds-footer-section--centered{text-align:center}.ds-cta--pay{margin-bottom:10px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.dashboard-messages-container{padding:var(--spacing-3)}.dashboard-messages-title{font-size:var(--font-size-2xl)}.dashboard-messages-title svg{width:2rem;height:2rem}.dashboard-stats-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.dashboard-chat-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100vh - 300px)}.chat-message{max-width:85%}.chat-message.own{align-self:flex-end;margin-left:auto;margin-right:0}.chat-message:not(.own){align-self:flex-start;margin-right:auto;margin-left:0}.chat-window-messages{padding:var(--spacing-3)}.chat-input-form{gap:var(--spacing-1)}.chat-input{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}}.dashboard-page{display:flex;flex-direction:column;gap:1rem;max-width:1400px;padding:.8rem;margin:0 auto;background-color:#f8fafc;min-height:calc(100vh - 80px)}.dashboard-page-header{margin-bottom:2.5rem;background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0}.dashboard-page-header h1{font-size:2.25rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;display:flex;align-items:center;gap:.75rem}.dashboard-page-header .header-icon{width:2.5rem;height:2.5rem;color:#3b82f6;background-color:#eff6ff;border-radius:8px;padding:.5rem}.dashboard-page-header p{color:#64748b;margin:0;font-size:1.1rem;line-height:1.6}.dashboard-page-header .header-actions{margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.dashboard-page-header .btn-primary{background-color:var(--color-accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.dashboard-page-header .btn-primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.dashboard-page-header .btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.dashboard-page-header .btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.dashboard-card{background-color:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0;transition:all .2s}.dashboard-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.dashboard-card-header{display:flex;align-items:center;justify-content:between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.dashboard-card-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.dashboard-card-title .icon{width:1.25rem;height:1.25rem;color:#3b82f6}.dashboard-grid{display:grid;gap:2rem;margin-bottom:2rem}.dashboard-grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.messages-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;height:calc(100vh - 280px);min-height:600px}.conversations-sidebar,.chat-main{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:1.1rem;text-align:center;padding:2rem}.no-conversation-selected .icon{width:4rem;height:4rem;color:#cbd5e1;margin-bottom:1rem}.profile-avatar-section{text-align:center;margin-bottom:2rem;padding:2rem;background-color:var(--color-accent);border-radius:12px;color:#fff;position:relative;overflow:hidden}.profile-avatar-section:before{content:"";position:absolute;inset:0;background-color:#0000001a;z-index:1}.profile-avatar-section>*{position:relative;z-index:2}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid white;margin:0 auto 1rem;object-fit:cover;box-shadow:0 8px 32px #0000004d}.profile-name{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.profile-role{color:#fff;font-size:1rem;opacity:.9;margin:0}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:2rem}.profile-stat{text-align:center;padding:1rem;background-color:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-stat-value{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.profile-stat-label{font-size:.875rem;opacity:.8;margin:0}.dashboard-form{display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s;background-color:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.form-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.settings-tabs{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:2rem;overflow-x:auto}.settings-tab{padding:1rem 1.5rem;border:none;background-color:none;color:#64748b;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.settings-tab:hover{color:#3b82f6}.settings-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.settings-tab .icon{width:1rem;height:1rem}.notification-item:last-child{border-bottom:none}.notification-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.info{background-color:#eff6ff;color:#3b82f6}.notification-icon.success{background-color:#f0fdf4;color:#22c55e}.notification-icon.warning{background-color:#fffbeb;color:#f59e0b}.notification-icon.error{background-color:#fef2f2;color:#ef4444}.notification-content{flex:1}.notification-title{font-weight:600;color:#1e293b;margin:0 0 .25rem}.notification-message{color:#64748b;margin:0 0 .5rem;line-height:1.5}.notification-time{font-size:.875rem;color:#94a3b8;margin:0}.transaction-card{background-color:linear-gradient(135deg,var(--color-white) 0%,#fafaf8 100%);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-xl);padding:0;transition:all var(--transition-normal);margin-bottom:var(--spacing-4);overflow:hidden;position:relative}.transaction-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:linear-gradient(180deg,var(--color-accent));opacity:0;transition:opacity var(--transition-fast)}.transaction-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px);border-color:#ff9b374d}.transaction-card:hover:before{opacity:1}.transaction-card-inner{padding:var(--spacing-5)}.transaction-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);gap:var(--spacing-3)}.transaction-card-header-left{display:flex;align-items:center;gap:var(--spacing-4);flex:1;min-width:0}.transaction-status-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-lg);flex-shrink:0;transition:all var(--transition-fast)}.transaction-status-icon svg{width:24px;height:24px}.transaction-status-icon.pending{background-color:linear-gradient(135deg,rgb(245 158 11 / 15%),rgb(245 158 11 / 5%));color:#f59e0b}.transaction-status-icon.accepted{background-color:linear-gradient(135deg,rgb(59 130 246 / 15%),rgb(59 130 246 / 5%));color:#3b82f6}.transaction-status-icon.funded{background-color:linear-gradient(135deg,rgb(139 92 246 / 15%),rgb(139 92 246 / 5%));color:#8b5cf6}.transaction-status-icon.shipped,.transaction-status-icon.delivered{background-color:linear-gradient(135deg,rgb(6 182 212 / 15%),rgb(6 182 212 / 5%));color:#06b6d4}.transaction-status-icon.completed{background-color:linear-gradient(135deg,rgb(16 185 129 / 15%),rgb(16 185 129 / 5%));color:#10b981}.transaction-status-icon.cancelled{background-color:linear-gradient(135deg,rgb(239 68 68 / 15%),rgb(239 68 68 / 5%));color:#ef4444}.transaction-status-icon.disputed{background-color:linear-gradient(135deg,rgb(249 115 22 / 15%),rgb(249 115 22 / 5%));color:#f97316}.transaction-card-title-section{flex:1;min-width:0}.transaction-card-title-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-platform{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.transaction-platform svg{width:14px;height:14px}.transaction-platform-name{font-weight:var(--font-weight-medium)}.transaction-platform-name.facebook{color:#1877f2}.transaction-platform-name.tiktok{color:#000}.transaction-platform-name.instagram{color:#e4405f}.transaction-platform-name.whatsapp{color:#25d366}.transaction-platform-name.telegram{color:#08c}.transaction-platform-name.twitter{color:#1da1f2}.transaction-platform-name.youtube{color:red}.transaction-platform-name.discord{color:#5865f2}.transaction-platform-name.other{color:var(--color-text-secondary)}.transaction-status-badge{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.transaction-status-badge.pending{background-color:#f59e0b1a;color:#d97706}.transaction-status-badge.accepted{background-color:#3b82f61a;color:#2563eb}.transaction-status-badge.funded{background-color:#8b5cf61a;color:#7c3aed}.transaction-status-badge.shipped,.transaction-status-badge.delivered{background-color:#06b6d41a;color:#0891b2}.transaction-status-badge.completed{background-color:#10b9811a;color:#059669}.transaction-status-badge.cancelled{background-color:#ef44441a;color:#dc2626}.transaction-status-badge.disputed{background-color:#f973161a;color:#ea580c}.transaction-card-details{background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.transaction-detail-row{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.transaction-detail-row+.transaction-detail-row{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px dashed var(--color-gray-200)}.transaction-detail-item{display:flex;align-items:center;gap:var(--spacing-2);flex:1;min-width:180px}.transaction-detail-item svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.transaction-detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.transaction-detail-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.transaction-amount{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-success)}.transaction-product-url{margin-bottom:var(--spacing-4)}.transaction-product-url a{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:#3b82f61a;color:#3b82f6;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast)}.transaction-product-url a:hover{background-color:#3b82f633}.transaction-product-url svg{width:16px;height:16px}.transaction-progress{margin-bottom:var(--spacing-4)}.transaction-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.transaction-progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.transaction-progress-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.transaction-progress-bar{height:8px;background-color:var(--color-gray-200);border-radius:var(--border-radius-full);overflow:hidden}.transaction-progress-fill{height:100%;border-radius:var(--border-radius-full);transition:width .5s ease-out}.transaction-progress-fill.primary{background-color:linear-gradient(90deg,var(--color-accent))}.transaction-progress-fill.success{background-color:linear-gradient(90deg,#10b981,#059669)}.transaction-progress-fill.danger{background-color:linear-gradient(90deg,#ef4444,#dc2626)}.transaction-card-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-100)}.transaction-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:none}.transaction-action-btn-primary{background-color:var(--color-accent);color:var(--color-white);box-shadow:0 4px 12px #ff9b374d}.transaction-action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff9b3766}.transaction-action-btn-success{background-color:var(--color-accent);color:var(--color-white)}.transaction-action-btn-secondary{background-color:var(--color-gray-100);color:var(--color-text-primary)}.transaction-action-btn-secondary:hover{background-color:var(--color-gray-200)}.transaction-notes{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background-color:#3b82f60d;border-radius:var(--border-radius-lg);border-left:3px solid #3b82f6}.transaction-notes p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.transaction-notes p span{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.transaction-dispute-warning{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:#f973161a;border-radius:var(--border-radius-lg);border:1px solid rgb(249 115 22 / 30%)}.transaction-dispute-warning svg{width:22px;height:22px;color:#f97316;flex-shrink:0}.transaction-dispute-warning p{font-size:var(--font-size-sm);color:#c2410c;margin:0;line-height:1.5}.transaction-cards-container{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(max-width:768px){.transaction-card-inner{padding:var(--spacing-4)}.transaction-card-header{flex-direction:column;align-items:flex-start}.transaction-card-header-left{width:100%}.transaction-status-badge{align-self:flex-start;margin-top:var(--spacing-2)}.transaction-card-details{padding:var(--spacing-3)}.transaction-detail-row{flex-direction:column;gap:var(--spacing-2)}.transaction-detail-item{min-width:100%}.transaction-card-actions{flex-direction:column}.transaction-action-btn{width:100%;justify-content:center}}.transaction-id{font-weight:600;color:#1e293b;font-size:1.1rem}.transaction-status{padding:.375rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.transaction-status.pending{background-color:#fef3c7;color:#92400e}.transaction-status.completed{background-color:#d1fae5;color:#065f46}.transaction-status.cancelled{background-color:#fee2e2;color:#991b1b}.transaction-status.in-progress{background-color:#dbeafe;color:#1e40af}.transaction-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.transaction-detail{display:flex;flex-direction:column;gap:.25rem}.transaction-detail-label{font-size:.875rem;color:#64748b;font-weight:500}.transaction-detail-value{font-weight:600;color:#1e293b}.filters-section{background-color:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid #e2e8f0}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.search-input{position:relative}.search-input input{padding-left:2.5rem}.search-input .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af}@media(max-width:1024px){.dashboard-grid-2,.dashboard-grid-3{grid-template-columns:1fr}.messages-layout{grid-template-columns:1fr;grid-template-rows:250px 1fr;height:calc(100vh - 200px)}}@media(max-width:768px){.dashboard-page-header{padding:1.5rem}.dashboard-page-header h1{font-size:1.75rem}.profile-stats{grid-template-columns:repeat(2,1fr)}.settings-tabs{flex-direction:column;border-bottom:none}.settings-tab{border-bottom:1px solid #e2e8f0;border-right:none;justify-content:flex-start}.settings-tab.active{border-bottom-color:#e2e8f0;border-left:3px solid #3b82f6;background-color:#f8fafc}.transaction-details,.filters-grid{grid-template-columns:1fr}.conversations-sidebar{max-height:250px;overflow-y:auto}}@media(max-width:480px){.dashboard-page-header .header-actions{gap:.5rem}.dashboard-page-header .btn-primary,.dashboard-page-header .btn-secondary{padding:.5rem 1rem;font-size:.875rem}.profile-stats{grid-template-columns:1fr}.profile-avatar{width:100px;height:100px}.profile-name{font-size:1.5rem}}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.flex{display:flex}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-full{width:100%}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-blue-500{border-color:#3b82f6}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef3c7}.bg-red-100{background-color:#fee2e2}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-red-500{background-color:#ef4444}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-green-600{color:#16a34a}.text-green-800{color:#166534}.text-yellow-600{color:#ca8a04}.text-yellow-800{color:#854d0e}.text-red-600{color:#dc2626}.text-purple-600{color:#9333ea}.hover\\:bg-blue-100:hover{background-color:#dbeafe}.hover\\:bg-blue-700:hover{background-color:#1d4ed8}.hover\\:bg-red-100:hover{background-color:#fee2e2}.hover\\:bg-gray-50:hover{background-color:#f9fafb}.hover\\:bg-gray-100:hover{background-color:#f3f4f6}.hover\\:border-gray-300:hover{border-color:#d1d5db}.hover\\:text-blue-800:hover{color:#1e40af}.hover\\:text-red-800:hover{color:#991b1b}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus\\:border-transparent:focus{border-color:transparent}.absolute{position:absolute}.relative{position:relative}.left-3{left:.75rem}.top-1{top:50%}.flex-shrink-0{flex-shrink:0}.inline{display:inline}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.dashboard-messages-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);padding:var(--spacing-6)}.dashboard-messages-header{margin-bottom:var(--spacing-6)}.dashboard-messages-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.dashboard-messages-title svg{width:2.5rem;height:2.5rem;color:var(--color-accent)}.dashboard-messages-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.dashboard-messages-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.dashboard-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);border:none}.dashboard-btn svg{width:1.25rem;height:1.25rem}.dashboard-btn-primary{background-color:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-md)}.dashboard-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dashboard-btn-secondary{background-color:var(--color-white);color:var(--color-text-primary);border:1px solid var(--color-gray-300)}.dashboard-btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dashboard-stat-card{display:flex;align-items:center;gap:var(--spacing-4);background-color:var(--color-white);padding:var(--spacing-5);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--border-radius-xl);background-color:var(--color-accent);color:var(--color-white)}.dashboard-stat-icon-wrapper svg{width:1.75rem;height:1.75rem}.dashboard-stat-content{flex:1}.dashboard-stat-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-1) 0}.dashboard-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.dashboard-stat-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.dashboard-chat-layout{display:grid;grid-template-columns:380px 1fr;gap:var(--spacing-4);height:calc(100vh - 400px);min-height:500px}.dashboard-chat-sidebar,.dashboard-chat-main{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.dashboard-no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-8);text-align:center}.dashboard-no-chat-icon{width:6rem;height:6rem;color:var(--color-gray-300);margin-bottom:var(--spacing-4)}.dashboard-no-chat-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.dashboard-no-chat-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0}.chat-window-content{display:flex;flex-direction:column;height:100%;background-color:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23d4ccc5' fill-opacity='0.4' d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z'/%3E%3C/svg%3E")}.chat-window-messages{flex:1;overflow-y:auto;padding:var(--spacing-4) var(--spacing-5);display:flex;flex-direction:column}.chat-messages-list{display:flex;flex-direction:column;gap:var(--spacing-1);padding-bottom:var(--spacing-2)}.chat-message-wrapper{display:flex;flex-direction:column}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:var(--spacing-3) 0}.chat-date-divider span{background-color:#e1dad0f2;color:#54656f;font-size:.75rem;font-weight:500;padding:5px 12px;border-radius:8px;box-shadow:0 1px .5px #0b141a21;text-transform:uppercase;letter-spacing:.3px}.chat-message{display:flex;gap:var(--spacing-2);max-width:75%;align-items:flex-end;animation:messageSlideIn .2s ease-out;margin-bottom:2px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message.own{align-self:flex-end;flex-direction:row-reverse;margin-left:auto;margin-right:0}.chat-message.received,.chat-message:not(.own){align-self:flex-start;margin-right:auto;margin-left:0}.chat-message-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-bottom:2px}.chat-message.own .chat-message-avatar{display:none}.chat-message-bubble{position:relative;max-width:100%}.chat-message-content{padding:6px 7px 8px 9px;border-radius:7.5px;box-shadow:0 1px .5px #0b141a21;position:relative;overflow-wrap:break-word;min-width:80px}.chat-message.received .chat-message-content,.chat-message:not(.own) .chat-message-content{background-color:#fff;border-top-left-radius:0}.chat-message.received .chat-message-content:before,.chat-message:not(.own) .chat-message-content:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-style:solid;border-width:0 8px 8px 0;border-color:transparent #fff transparent transparent}.chat-message.own .chat-message-content{background-color:#d9fdd3;color:#111b21;border-top-right-radius:0}.chat-message.own .chat-message-content:after{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 0 0;border-color:#d9fdd3 transparent transparent}.chat-message-sender{font-size:.8125rem;font-weight:500;color:#06cf9c;margin-bottom:2px}.chat-message.own .chat-message-sender{display:none}.chat-message-text{font-size:.9375rem;line-height:1.35;margin:0;color:#111b21;white-space:pre-wrap}.chat-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px;float:right;margin-left:8px;position:relative;top:8px}.chat-message-time{font-size:.6875rem;color:#667781;white-space:nowrap}.chat-message.own .chat-message-time{color:#667781}.chat-message:not(.own) .chat-message-time,.chat-message.received .chat-message-time{color:#667781}.chat-message-status{display:inline-flex;align-items:center;margin-left:2px}.chat-check-icon{width:16px;height:16px;color:#667781}.chat-check-icon.read{color:#53bdeb}.chat-message-status svg{width:16px;height:16px}.chat-loading-container{display:flex;align-items:center;justify-content:center;height:100%;background-color:#e5ddd5}.chat-loading-spinner{width:3rem;height:3rem;border:3px solid var(--color-gray-300);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.chat-window-input{padding:var(--spacing-4);background-color:var(--color-white);border-top:1px solid var(--color-gray-200)}.chat-input-form{display:flex;gap:var(--spacing-2)}.chat-input-actions{display:flex;gap:var(--spacing-1)}.chat-input-action{width:2.5rem;height:2.5rem;border:none;background-color:transparent;color:var(--color-text-secondary);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:0}.chat-input-action:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.chat-input-action.primary{background-color:var(--color-accent);color:var(--color-white)}.chat-input-action.primary:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.chat-input-action:disabled{opacity:.5;cursor:not-allowed}.chat-input-action:disabled:hover{transform:none;background-color:var(--color-accent)}.chat-input-action svg{width:1.25rem;height:1.25rem}.chat-input-wrapper{flex:1;position:relative}.chat-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-2xl);font-size:var(--font-size-sm);font-family:inherit;resize:none;min-height:2.5rem;max-height:120px;transition:all var(--transition-fast);background-color:var(--color-white);color:var(--color-text-primary)}.chat-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.chat-input::placeholder{color:var(--color-text-muted)}@media(max-width:1024px){.dashboard-messages-container{padding:var(--spacing-4)}.dashboard-chat-layout{grid-template-columns:300px 1fr;height:calc(100vh - 380px)}.chat-message{max-width:75%}}@media(max-width:768px){.dashboard-messages-container{padding:var(--spacing-3)}.dashboard-messages-title{font-size:var(--font-size-2xl)}.dashboard-messages-title svg{width:2rem;height:2rem}.dashboard-stats-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.dashboard-chat-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100vh - 300px)}.chat-message{max-width:85%}.chat-message.own{align-self:flex-end;margin-left:auto;margin-right:0}.chat-message:not(.own),.chat-message.received{align-self:flex-start;margin-right:auto;margin-left:0}.chat-window-messages{padding:var(--spacing-3)}.chat-input-form{gap:var(--spacing-1)}.chat-input{padding:var(--spacing-2) var(--spacing-3);font-size:16px}.chat-message.own .chat-message-content:after,.chat-message:not(.own) .chat-message-content:before,.chat-message.received .chat-message-content:before{border-width:6px}}@media(max-width:480px){.dashboard-messages-container{padding:var(--spacing-2)}.dashboard-messages-header{margin-bottom:var(--spacing-4)}.dashboard-messages-title{font-size:var(--font-size-xl)}.dashboard-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.dashboard-stat-card{padding:var(--spacing-4)}.dashboard-stat-icon-wrapper{width:3rem;height:3rem}.dashboard-stat-icon-wrapper svg{width:1.5rem;height:1.5rem}.dashboard-stat-value{font-size:var(--font-size-xl)}.chat-message{max-width:90%}.chat-message-content{padding:var(--spacing-2)}.chat-window-input{padding:var(--spacing-3)}.chat-input-action{width:2.25rem;height:2.25rem}}.dashboard-notification-btn{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#64748b;transition:all .2s;background-color:transparent;border:none;cursor:pointer}.dashboard-notification-btn:hover{background-color:#f1f5f9;color:#3b82f6}.dashboard-notification-badge{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:#ef4444;border-radius:50%;border:2px solid white}.notification-dropdown{position:absolute;top:100%;right:0;width:360px;background-color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e2e8f0;z-index:50;margin-top:.5rem;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc}.notification-header-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.notification-mark-read-btn{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#3b82f6;background-color:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.notification-mark-read-btn:hover{background-color:#eff6ff}.notification-check-icon{width:1rem;height:1rem}.notification-list{max-height:400px;overflow-y:auto}.notification-loading,.notification-empty{padding:2rem;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:1rem}.notification-empty-icon{width:3rem;height:3rem;color:#cbd5e1}.notification-empty-text{margin:0;font-size:.875rem}.notification-item{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{background-color:#f0f9ff}.notification-item-content{display:flex;gap:1rem;align-items:flex-start}.notification-item-icon-wrapper{flex-shrink:0}.notification-item-details{flex:1;min-width:0}.notification-item-title{font-size:.875rem;font-weight:500;color:#64748b;margin:0 0 .25rem}.notification-item-title.unread-text{color:#1e293b;font-weight:600}.notification-item-message{font-size:.875rem;color:#64748b;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-time{font-size:.75rem;color:#94a3b8;margin:0}.notification-unread-dot-wrapper{display:flex;align-items:center;justify-content:center;padding-top:.5rem}.notification-unread-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%}.notification-footer{padding:.75rem;border-top:1px solid #f1f5f9;background-color:#f8fafc}.notification-view-all-btn{width:100%;padding:.5rem;background-color:none;border:none;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border-radius:6px}.notification-view-all-btn:hover{background-color:#e2e8f0;color:#1e293b}@media(max-width:768px){.notification-dropdown{position:fixed;top:70px;left:1rem;right:1rem;width:auto;max-height:calc(100vh - 100px);margin:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.notification-list{max-height:calc(100vh - 200px)}}.advanced-tools-container{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.advanced-tools-header{border-radius:1rem;padding:2rem;background-color:var(--color-accent);position:relative;overflow:hidden}.advanced-tools-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background-color:radial-gradient(circle,rgb(255 255 255 / 10%) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.advanced-tools-header-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.advanced-tools-header-icon{color:#fff;width:3rem;height:3rem;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;flex-shrink:0}.advanced-tools-header-text h1{color:#fff;margin:0 0 .5rem;font-size:2rem;font-weight:700;text-shadow:0 2px 10px rgb(0 0 0 / 20%)}.advanced-tools-header-text p{color:#fff;margin:0;font-size:1rem;opacity:.95;text-shadow:0 1px 5px rgb(0 0 0 / 10%)}.advanced-tools-layout{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;min-height:600px}.advanced-tools-sidebar{background-color:#fff;border-radius:1rem;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;height:fit-content;position:sticky;top:1rem}.advanced-tools-sidebar h2{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.tools-overview-tab{width:100%;text-align:left;padding:.875rem;border-radius:.625rem;margin-bottom:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;color:#64748b}.tools-overview-tab:hover{background-color:#f8fafc;color:#3b82f6;transform:translate(2px)}.tools-overview-tab.active{background-color:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#2563eb;border:1px solid #93c5fd;font-weight:600}.tools-overview-tab-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.tool-category{margin-bottom:1.5rem}.tool-category-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:#94a3b8;margin-bottom:.625rem;padding:.5rem 0}.tool-category-icon{width:1rem;height:1rem}.tool-category-items{display:flex;flex-direction:column;gap:.375rem;margin-left:.25rem}.tool-item-button{width:100%;text-align:left;padding:.75rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background-color:transparent;cursor:pointer;display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;color:#475569}.tool-item-button:hover{background-color:#f8fafc;transform:translate(3px)}.tool-item-button.active{font-weight:600;box-shadow:0 2px 8px #00000014}.tool-item-button.active.color-blue{background-color:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#2563eb;border-color:#93c5fd}.tool-item-button.active.color-green{background-color:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);color:#16a34a;border-color:#86efac}.tool-item-button.active.color-purple{background-color:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);color:#9333ea;border-color:#d8b4fe}.tool-item-button.active.color-yellow{background-color:linear-gradient(135deg,#fefce8 0%,#fef9c3 100%);color:#ca8a04;border-color:#fde047}.tool-item-button.active.color-red{background-color:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color:#dc2626;border-color:#fca5a5}.tool-item-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.advanced-tools-content{background-color:#fff;border-radius:1rem;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;min-height:600px}.tools-overview-content{display:flex;flex-direction:column;gap:2rem}.tools-overview-section{display:flex;flex-direction:column;gap:1.25rem}.tools-overview-section h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.tools-overview-section p{font-size:1rem;line-height:1.6;color:#64748b;margin:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1rem}.tool-card{padding:1.5rem;border:2px solid #e2e8f0;border-radius:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:linear-gradient(90deg,#667eea 0%,#764ba2 100%);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.tool-card:hover{box-shadow:0 12px 24px -10px #00000026;transform:translateY(-4px);border-color:#cbd5e1}.tool-card:hover:before{transform:scaleX(1)}.tool-card.active{box-shadow:0 12px 24px -10px #0003;transform:translateY(-2px);border-width:2px}.tool-card.active:before{transform:scaleX(1)}.tool-card.active.color-blue{background-color:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-color:#60a5fa}.tool-card.active.color-green{background-color:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#4ade80}.tool-card.active.color-purple{background-color:linear-gradient(135deg,#faf5ff 0%,#fff 100%);border-color:#a855f7}.tool-card.active.color-yellow{background-color:linear-gradient(135deg,#fefce8 0%,#fff 100%);border-color:#facc15}.tool-card.active.color-red{background-color:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-color:#f87171}.tool-card-content{display:flex;flex-direction:column;gap:1rem}.tool-card-icon-wrapper{width:fit-content;padding:.875rem;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-card:hover .tool-card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.tool-card-icon-wrapper.color-blue{background-color:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#3b82f6}.tool-card-icon-wrapper.color-green{background-color:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);color:#22c55e}.tool-card-icon-wrapper.color-purple{background-color:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);color:#a855f7}.tool-card-icon-wrapper.color-yellow{background-color:linear-gradient(135deg,#fefce8 0%,#fef9c3 100%);color:#eab308}.tool-card-icon-wrapper.color-red{background-color:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color:#ef4444}.tool-card-icon{width:1.75rem;height:1.75rem;display:block}.tool-card-text h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .375rem}.tool-card-text p{font-size:.875rem;line-height:1.5;color:#64748b;margin:0}.tools-stats{background-color:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:1rem;padding:1.75rem;border:1px solid #e2e8f0}.tools-stats h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.25rem}.tools-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem}.tools-stat-item{text-align:center;padding:1.25rem;background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.tools-stat-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px -8px #00000026;border-color:#cbd5e1}.tools-stat-value{font-size:2rem;font-weight:800;color:#3b82f6;margin:0 0 .375rem;line-height:1;background-color:#667eea;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tools-stat-label{font-size:.875rem;color:#64748b;font-weight:500;margin:0}.tools-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.tools-empty-icon{width:4rem;height:4rem;color:#cbd5e1;margin-bottom:1.25rem;opacity:.5}.tools-empty-state h3{font-size:1.5rem;font-weight:700;color:#334155;margin:0 0 .625rem}.tools-empty-state p{font-size:1rem;color:#64748b;margin:0;max-width:400px}.tools-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.tools-loader{width:3rem;height:3rem;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.advanced-tools-layout{grid-template-columns:250px 1fr;gap:1rem}.advanced-tools-sidebar{padding:1.25rem}.advanced-tools-content{padding:1.5rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.advanced-tools-header{padding:1.5rem}.advanced-tools-header-text h1{font-size:1.5rem}.advanced-tools-header-text p{font-size:.875rem}.advanced-tools-layout{grid-template-columns:1fr;gap:1rem}.advanced-tools-sidebar{position:static;padding:1rem}.advanced-tools-content{padding:1.25rem;min-height:400px}.tools-grid{grid-template-columns:1fr}.tools-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.875rem}.tool-category{margin-bottom:1rem}}@media(max-width:480px){.advanced-tools-header{padding:1.25rem}.advanced-tools-header-content{flex-direction:column;align-items:flex-start}.advanced-tools-header-text h1{font-size:1.25rem}.advanced-tools-content{padding:1rem}.tools-overview-section h2{font-size:1.25rem}.tools-stats-grid{grid-template-columns:1fr}.tool-card{padding:1.25rem}}.ds-tabs{display:flex;gap:8px;margin-bottom:24px;background-color:var(--color-background, #f5f5f5);border-radius:14px;padding:5px}.ds-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border:none;border-radius:10px;background-color:transparent;font-size:13px;font-weight:600;color:var(--color-text-secondary, #888);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;font-family:inherit}.ds-tab--active{background-color:#fff;color:var(--color-text, #1a1a1a);box-shadow:0 1px 6px #0000001a}.ds-tab__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.ds-pkg{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:16px 14px 14px;border:1.5px solid var(--color-border, #e5e7eb);border-radius:16px;background-color:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .2s,box-shadow .2s,transform .18s}.ds-pkg:hover{border-color:var(--color-accent);box-shadow:0 2px 12px #00000012;transform:translateY(-1px)}.ds-pkg--selected{border-color:var(--color-accent)!important;background-color:#fffbf5;box-shadow:0 2px 16px #f9731621;transform:translateY(-1px)}.ds-pkg__badge{display:inline-flex;align-items:center;gap:3px;background-color:#fff7ed;color:var(--color-accent);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:3px 7px;margin-bottom:8px}.ds-pkg__size{font-size:24px;font-weight:800;line-height:1;color:var(--color-text, #1a1a1a);margin-bottom:2px}.ds-pkg__validity{font-size:11px;color:var(--color-text-secondary, #9ca3af);margin-bottom:10px}.ds-pkg__price{font-size:17px;font-weight:700;color:var(--color-text, #1a1a1a)}.ds-pkg__per-gb{font-size:10px;color:var(--color-text-secondary, #9ca3af);margin-top:1px}.ds-pkg__check{position:absolute;top:10px;right:10px;color:var(--color-accent)}.ds-section-heading{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-secondary, #9ca3af);margin:0 0 12px}.ds-phone-wrap{margin-bottom:28px}.ds-phone-label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--color-text, #1a1a1a);margin-bottom:8px}.ds-phone-row{display:flex;align-items:center;border:1.5px solid var(--color-border, #e5e7eb);border-radius:12px;background-color:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.ds-phone-row:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #f973161a}.ds-phone-prefix{padding:14px 12px;font-size:14px;font-weight:500;color:var(--color-text-secondary, #888);border-right:1.5px solid var(--color-border, #e5e7eb);background-color:var(--color-background, #f9f9f9);white-space:nowrap}.ds-phone-input{flex:1;border:none;outline:none;padding:14px;font-size:16px;font-family:inherit;color:var(--color-text, #1a1a1a);background-color:transparent;letter-spacing:.05em}.ds-phone-input::placeholder{color:#c4c4c4}.ds-phone-hint{font-size:11px;color:var(--color-text-secondary, #9ca3af);margin-top:5px;margin-bottom:0}.ds-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:none;border-radius:14px;background-color:var(--color-accent);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #f973164d;margin-bottom:12px}.ds-cta:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 18px #f9731659}.ds-cta:active:not(:disabled){transform:scale(.98)}.ds-cta:disabled{background-color:var(--color-border, #e5e7eb);color:var(--color-text-secondary, #aaa);box-shadow:none;cursor:not-allowed}.ds-cta--ghost{background-color:transparent;color:var(--color-accent);box-shadow:none;border:1.5px solid var(--color-accent);margin-bottom:0}.ds-cta--ghost:hover:not(:disabled){background-color:#fff7ed;box-shadow:none}.ds-trust{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.ds-trust__item{display:flex;align-items:center;gap:5px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:50px;padding:.5rem;font-size:11px;font-weight:500;color:#16a34a}.ds-overlay{position:fixed;inset:0;background-color:#0006;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s}.ds-overlay--on{opacity:1;pointer-events:all}.ds-drawer{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 40px #0000001f;padding:14px 20px 40px;z-index:101;transform:translateY(100%);transition:transform .38s cubic-bezier(.34,1.15,.64,1);max-height:90vh;overflow-y:auto}.ds-drawer--open{transform:translateY(0)}.ds-drawer__handle{width:38px;height:4px;background-color:#e5e7eb;border-radius:2px;margin:0 auto 18px}.ds-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ds-drawer__title{font-size:17px;font-weight:800;color:var(--color-text, #1a1a1a);margin:0}.ds-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background-color:var(--color-background, #f5f5f5);cursor:pointer;color:var(--color-text-secondary, #888)}.ds-drawer__net-pill{display:inline-flex;align-items:center;gap:6px;border-radius:50px;padding:6px 14px;font-size:13px;font-weight:700;margin-bottom:18px}.ds-drawer__net-dot{width:8px;height:8px;border-radius:50%}.ds-summary{border:1.5px solid var(--color-border, #e5e7eb);border-radius:14px;overflow:hidden;margin-bottom:16px}.ds-summary__row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;border-bottom:1px solid var(--color-border, #f0f0f0);color:var(--color-text-secondary, #888)}.ds-summary__row:last-child{border-bottom:none;background-color:#fffbf5}.ds-summary__val{font-weight:600;color:var(--color-text, #1a1a1a)}.ds-summary__total{font-size:20px;font-weight:800;color:var(--color-accent)}.ds-instant{display:flex;align-items:center;gap:6px;font-size:12px;color:#16a34a;font-weight:500;margin-bottom:18px}.ds-phone-warn{text-align:center;font-size:12px;color:#f97316;margin-top:8px;margin-bottom:0}.ds-empty{text-align:center;padding:32px 20px;color:var(--color-text-secondary, #aaa);font-size:14px}.ds-divider{height:1px;background-color:var(--color-border, #e5e7eb);margin:24px 0}.affiliate-dashboard{max-width:900px;margin:0 auto;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.affiliate-header{display:flex;justify-content:space-between;align-items:flex-start}.affiliate-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.affiliate-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.affiliate-refresh-btn{background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.affiliate-refresh-btn:hover{background-color:var(--color-gray-200);color:var(--color-accent)}.affiliate-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--spacing-5)}.affiliate-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.affiliate-card-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.affiliate-card-header h3{margin:0;font-size:var(--font-size-lg)}.affiliate-icon{width:1.5rem;height:1.5rem;color:var(--color-accent)}.affiliate-icon-sm{width:1.125rem;height:1.125rem}.affiliate-icon-xs{width:.875rem;height:.875rem}.affiliate-icon-lg{width:3rem;height:3rem;color:var(--color-gray-300)}.affiliate-section-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.affiliate-how-it-works{background-color:linear-gradient(135deg,var(--color-gray-50),var(--color-white))}.affiliate-steps{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.affiliate-step{display:flex;align-items:flex-start;gap:var(--spacing-3);flex:1;min-width:180px}.affiliate-step-number{width:2rem;height:2rem;border-radius:50%;background-color:var(--color-accent);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.affiliate-step-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.affiliate-step-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.points-main{text-align:center;padding:var(--spacing-4) 0}.points-value{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-accent);line-height:1}.points-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.points-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-4)}.points-stat{text-align:center}.points-stat-value{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.points-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.points-progress-section{border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-4);margin-top:var(--spacing-3)}.points-progress-header{display:flex;justify-content:space-between;font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.points-progress-remaining{color:var(--color-text-secondary)}.points-progress-bar{height:8px;background-color:var(--color-gray-100);border-radius:999px;overflow:hidden}.points-progress-fill{height:100%;background-color:var(--color-accent);border-radius:999px;transition:width .5s ease}.referral-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-6);color:var(--color-text-secondary)}.referral-generate{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-6) var(--spacing-4);gap:var(--spacing-3)}.affiliate-icon-lg{width:3rem;height:3rem;color:var(--color-accent)}.referral-generate-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.referral-generate-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:280px;margin:0;line-height:1.5}.referral-generate-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:.6rem;background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);margin-top:var(--spacing-2)}.referral-input-hint{font-size:.75rem;color:#9ca3af;margin-top:.375rem}.referral-input-error{font-size:.75rem;color:#ef4444;margin-top:.375rem;display:flex;align-items:center;gap:.25rem}.referral-custom-input--error{border-color:#ef4444!important;background-color:#fef2f2}.referral-custom-input--error:focus{outline-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.referral-change-panel{margin-top:1rem;padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem}.referral-change-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.referral-cancel-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.referral-cancel-btn:hover:not(:disabled){background-color:#f3f4f6;color:#374151;border-color:#9ca3af}.referral-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.referral-generate-btn:hover:not(:disabled){background-color:var(--color-deep-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.referral-generate-btn:disabled{opacity:.7;cursor:not-allowed}.referral-code-display{margin-bottom:var(--spacing-4)}.referral-code-row{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-gray-50);border:1px dashed var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--spacing-3)}.referral-code-value{flex:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent);letter-spacing:.1em;font-family:monospace}.referral-code-actions,.referral-change-btns{display:flex;gap:.5rem}.referral-copy-btn{background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-2);cursor:pointer;transition:background var(--transition-fast)}.referral-copy-btn:hover{opacity:.9}.referral-copied-msg{font-size:var(--font-size-xs);color:var(--color-success);margin-top:var(--spacing-1)}.referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-4)}.referral-stat{text-align:center}.referral-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.referral-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.referral-instructions{border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-3);margin-top:var(--spacing-3)}.referral-instructions p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.referrals-empty{text-align:center;padding:var(--spacing-8)}.referrals-empty-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--spacing-3)}.referrals-empty-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.referrals-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.referral-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-md);transition:background var(--transition-fast)}.referral-item:hover{background-color:var(--color-gray-50)}.referral-item-info{display:flex;align-items:center;gap:var(--spacing-3)}.referral-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background-color:var(--color-accent);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.referral-username{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.referral-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.referral-item-meta{display:flex;align-items:center;gap:var(--spacing-2)}.referral-points{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent)}.referral-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:2px var(--spacing-2);border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.referral-badge-success{background-color:#dcfce7;color:#166534}.referral-badge-active{background-color:#dbeafe;color:#1e40af}.referral-badge-pending{background-color:#fef3c7;color:#92400e}.rewards-empty{text-align:center;padding:var(--spacing-8)}.rewards-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.reward-item{border:1px solid var(--color-gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-4);transition:border-color var(--transition-fast)}.reward-item:hover{border-color:var(--color-gray-300)}.reward-item-content{display:flex;gap:var(--spacing-3)}.reward-icon{font-size:1.75rem;flex-shrink:0}.reward-details{flex:1}.reward-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0}.reward-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-3) 0}.reward-footer{display:flex;align-items:center;justify-content:space-between}.reward-points-cost{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent)}.reward-redeem-btn{background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-1)}.reward-redeem-btn:hover{opacity:.9}.reward-redeem-btn:disabled{opacity:.5;cursor:not-allowed}.reward-action-success{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.reward-locked{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.spinning{animation:spin 1s linear infinite}.referral-input{margin:var(--spacing-3) 0}.referral-input-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.referral-input-field{display:flex;align-items:center;gap:var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-white);transition:border-color var(--transition-fast)}.referral-input-field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px rgb(var(--color-accent-rgb, 59, 130, 246),.1)}.referral-input-icon{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);flex-shrink:0}.referral-input-text{border:none;outline:none;flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:transparent}.referral-input-status{width:1.25rem;height:1.25rem;flex-shrink:0}.referral-valid{color:var(--color-success)}.referral-invalid{color:var(--color-error)}.referral-input-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-1)}.referral-input-success{font-size:var(--font-size-xs);color:var(--color-success);margin-top:var(--spacing-1)}.referral-input-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.promo-input,.promo-input-validated{margin:var(--spacing-3) 0}.promo-input-row{display:flex;gap:var(--spacing-2)}.promo-input-field{flex:1;display:flex;align-items:center;gap:var(--spacing-2);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-white);transition:border-color var(--transition-fast)}.promo-input-field:focus-within{border-color:var(--color-accent)}.promo-input-icon{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);flex-shrink:0}.promo-input-text{border:none;outline:none;flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:transparent;letter-spacing:.05em}.promo-apply-btn{background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-1);white-space:nowrap}.promo-apply-btn:hover{opacity:.9}.promo-apply-btn:disabled{opacity:.5;cursor:not-allowed}.promo-error{display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-2)}.promo-icon{width:1.5rem;height:1.5rem}.promo-icon-sm{width:1.125rem;height:1.125rem}.promo-icon-xs{width:.875rem;height:.875rem}.promo-icon-success{color:var(--color-success)}.promo-input-validated{display:flex;justify-content:space-between;align-items:center;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--border-radius-md);padding:var(--spacing-3)}.promo-validated-info{display:flex;align-items:center;gap:var(--spacing-2)}.promo-validated-code{font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:monospace}.promo-validated-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--spacing-1)}.promo-remove-btn{background-color:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.promo-remove-btn:hover{color:var(--color-error)}.promo-banner{background-color:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--border-radius-lg);padding:var(--spacing-5) var(--spacing-6);color:var(--color-white);position:relative;overflow:hidden;margin:var(--spacing-4) 0}.promo-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background-color:#ffffff14;border-radius:50%}.promo-banner-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap}.promo-banner-text{flex:1;min-width:200px}.promo-banner-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0}.promo-banner-desc{font-size:var(--font-size-sm);opacity:.9;margin:0}.promo-banner-code{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px dashed rgb(255 255 255 / 50%);border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-4)}.promo-banner-code-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.15em;font-family:monospace}.promo-banner-copy-btn{background-color:#ffffff40;border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-1);cursor:pointer;color:var(--color-white);transition:background var(--transition-fast)}.promo-banner-copy-btn:hover{background-color:#fff6}.promo-banner-empty{text-align:center;padding:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:none}.txn-summary{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-5);margin:var(--spacing-4) 0}.txn-summary-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0;display:flex;align-items:center;gap:var(--spacing-2)}.txn-summary-rows{display:flex;flex-direction:column;gap:var(--spacing-2)}.txn-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.txn-summary-row-total{border-top:2px solid var(--color-gray-200);padding-top:var(--spacing-3);margin-top:var(--spacing-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-text-primary)}.txn-summary-discount-row{color:var(--color-success);font-weight:var(--font-weight-medium)}.txn-summary-savings{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-3);margin-top:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:#166534;font-weight:var(--font-weight-medium)}.promo-admin{max-width:960px;margin:0 auto;padding:var(--spacing-6)}.promo-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.promo-admin-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.promo-admin-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.promo-admin-create-btn{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.promo-admin-create-btn:hover{opacity:.9}.promo-admin-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.promo-admin-form-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.promo-admin-form-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.promo-admin-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.promo-form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.promo-form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.promo-form-group input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.promo-form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.promo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.promo-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-100)}.promo-form-cancel-btn{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.promo-form-cancel-btn:hover{background-color:var(--color-gray-50);color:var(--color-text-primary)}.promo-form-submit-btn{background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.promo-form-submit-btn:hover{opacity:.9}.promo-form-submit-btn:disabled{opacity:.5;cursor:not-allowed}.promo-admin-table-wrap{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.promo-admin-loading,.promo-admin-empty{text-align:center;padding:var(--spacing-10) var(--spacing-6);color:var(--color-text-secondary)}.promo-admin-empty p{margin:var(--spacing-2) 0 0}.promo-admin-empty p:last-child{font-size:var(--font-size-sm)}.promo-admin-table{width:100%;border-collapse:collapse}.promo-admin-table thead{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.promo-admin-table th{text-align:left;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.promo-admin-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-gray-100)}.promo-admin-table tbody tr:hover{background-color:var(--color-gray-50)}.promo-admin-code{font-family:monospace;font-weight:var(--font-weight-bold);color:var(--color-accent);background-color:var(--color-gray-50);padding:2px var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.promo-admin-desc{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.promo-admin-discount{font-weight:var(--font-weight-semibold);color:var(--color-success)}.promo-status-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-2);border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.promo-status-active{background-color:#dcfce7;color:#166534}.promo-status-inactive{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.promo-admin-row-actions{display:flex;align-items:center;gap:var(--spacing-2)}.promo-deactivate-btn{background-color:#fef3c7;color:#92400e;border:none;border-radius:var(--border-radius-md);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.promo-deactivate-btn:hover{background-color:#fde68a}.promo-delete-btn{background-color:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.promo-delete-btn:hover{color:var(--color-error)}@media(max-width:640px){.promo-admin{padding:var(--spacing-4)}.promo-admin-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.promo-form-row{grid-template-columns:1fr}.promo-admin-table-wrap{overflow-x:auto}.affiliate-cards-grid{grid-template-columns:1fr}.affiliate-steps{flex-direction:column}}.analytics-dashboard{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-2);max-width:1400px;margin:0 auto;width:100%}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4);background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:var(--spacing-8);box-shadow:0 8px 32px #ff9b3740;position:relative;overflow:hidden}.analytics-header:before{content:"";position:absolute;top:-60%;right:-10%;width:380px;height:380px;background-color:radial-gradient(circle,rgb(255 255 255 / 12%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.header-title-section{display:flex;align-items:center;gap:var(--spacing-4);position:relative;z-index:1}.header-icon{width:2.5rem!important;height:2.5rem!important;flex-shrink:0;background-color:#fff3;border-radius:var(--border-radius-xl);padding:.5rem;box-sizing:content-box}.header-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.header-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;letter-spacing:-.02em;line-height:1.2}.header-subtitle{font-size:var(--font-size-sm);margin:0;font-weight:var(--font-weight-medium)}.analytics-controls{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;position:relative;z-index:1}.control-select{padding:var(--spacing-2) var(--spacing-10) var(--spacing-2) var(--spacing-4);background-color:#fff3;color:#fff;border:1px solid rgb(255 255 255 / 35%);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:130px}.control-select option{background-color:#1f2937;color:#fff}.control-select:hover,.control-select:focus{background-color:#ffffff4d;outline:none}.refresh-btn:hover:not(:disabled){background-color:#ffffff59;transform:rotate(90deg)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg,.btn-icon{width:18px!important;height:18px!important}.loading-icon{animation:spin 1s linear infinite}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-5)}.metric-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);padding:var(--spacing-5);box-shadow:0 4px 16px #0000000f;transition:all var(--transition-normal);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity var(--transition-fast)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:var(--color-gray-200)}.metric-card:hover:before{opacity:1}.metric-card-header{display:flex;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.metric-card-icon-wrapper{width:48px;height:48px;min-width:48px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;border:1px solid transparent;flex-shrink:0}.metric-card-icon{width:24px!important;height:24px!important;flex-shrink:0}.metric-card-content{flex:1;min-width:0}.metric-card-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--spacing-2) 0}.metric-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.02em;line-height:1.1}.metric-card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--spacing-1) 0 0}.metric-card-change{display:flex;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-100);margin-top:auto}.metric-card-change svg{width:16px!important;height:16px!important;flex-shrink:0}.metric-card-change-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.metric-card-change-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.metric-bg-blue{background-color:#3b82f614}.metric-text-blue{color:#3b82f6}.metric-border-blue{border-color:#3b82f633}.metric-card:has(.metric-bg-blue):before{background-color:linear-gradient(90deg,#3b82f6,#60a5fa)}.metric-bg-green{background-color:#10b98114}.metric-text-green{color:#10b981}.metric-border-green{border-color:#10b98133}.metric-card:has(.metric-bg-green):before{background-color:linear-gradient(90deg,#10b981,#34d399)}.metric-bg-yellow{background-color:#f59e0b14}.metric-text-yellow{color:#f59e0b}.metric-border-yellow{border-color:#f59e0b33}.metric-card:has(.metric-bg-yellow):before{background-color:linear-gradient(90deg,#f59e0b,#fbbf24)}.metric-bg-purple{background-color:#8b5cf614}.metric-text-purple{color:#8b5cf6}.metric-border-purple{border-color:#8b5cf633}.metric-card:has(.metric-bg-purple):before{background-color:linear-gradient(90deg,#8b5cf6,#a78bfa)}.metric-bg-red{background-color:#ef444414}.metric-text-red{color:#ef4444}.metric-border-red{border-color:#ef444433}.metric-bg-gray{background-color:var(--color-gray-100)}.metric-text-gray{color:var(--color-text-secondary)}.metric-border-gray{border-color:var(--color-gray-200)}.metric-card-loading{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);padding:var(--spacing-5);box-shadow:0 4px 16px #0000000f}.metric-loading-icon{width:48px;height:48px;border-radius:var(--border-radius-lg);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.metric-loading-title{height:12px;width:80px;border-radius:var(--border-radius-sm);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;margin-bottom:var(--spacing-2)}.metric-loading-value{height:28px;width:120px;border-radius:var(--border-radius-sm);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.metric-loading-change-icon{width:16px;height:16px;border-radius:50%;background-color:#e2e8f0}.metric-loading-change-text{height:12px;width:100px;border-radius:var(--border-radius-sm);background-color:#e2e8f0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--spacing-6)}.chart-container{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000f;overflow:hidden;display:flex;flex-direction:column}.chart-container-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);background-color:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.chart-container-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.chart-container-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.chart-container-actions{display:flex;align-items:center;gap:var(--spacing-1)}.chart-container-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:none;border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast)}.chart-container-action-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-text-primary)}.chart-container-action-icon{width:16px!important;height:16px!important}.chart-container-content{padding:var(--spacing-6);flex:1}.h-80{min-height:20rem}.chart-container-loading{padding:var(--spacing-5) var(--spacing-6)}.chart-container-loading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.chart-container-loading-title{height:20px;width:160px;border-radius:var(--border-radius-sm);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.chart-container-loading-buttons{display:flex;gap:var(--spacing-2)}.chart-container-loading-button{width:32px;height:32px;border-radius:var(--border-radius-md);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.chart-container-loading-content{border-radius:var(--border-radius-lg);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.chart-container-error{display:flex;align-items:center;justify-content:center;padding:var(--spacing-6)}.chart-container-error-content{text-align:center}.chart-container-error-icon{width:3rem!important;height:3rem!important;color:var(--color-error);margin:0 auto var(--spacing-3)}.chart-container-error-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.chart-container-error-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.revenue-chart{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%}.revenue-chart-header{display:flex;align-items:center;justify-content:space-between}.revenue-chart-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.revenue-chart-current-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.revenue-chart-period-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.revenue-trend-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.revenue-trend-up{background-color:#10b9811a;color:#059669}.revenue-trend-down{background-color:#ef44441a;color:#dc2626}.revenue-trend-neutral{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.revenue-trend-icon{width:14px!important;height:14px!important}.revenue-chart-area{display:flex;align-items:flex-end;gap:var(--spacing-2);flex:1;min-height:140px;padding-bottom:var(--spacing-5);position:relative}.revenue-chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;gap:var(--spacing-1)}.revenue-chart-bar-wrapper{display:flex;align-items:flex-end;height:100%;width:100%}.revenue-chart-bar{width:100%;background-color:linear-gradient(180deg,var(--color-accent) 0%,#e07c1a 100%);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;position:relative;cursor:pointer;transition:all var(--transition-fast);min-height:4px}.revenue-chart-bar:hover{filter:brightness(1.1)}.revenue-chart-bar:hover .revenue-chart-tooltip{opacity:1;transform:translate(-50%) translateY(-4px)}.revenue-chart-tooltip{position:absolute;top:-36px;left:50%;transform:translate(-50%);background-color:var(--color-gray-900);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 8px;border-radius:var(--border-radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);z-index:10}.revenue-chart-tooltip-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-gray-900)}.revenue-chart-bar-label{font-size:10px;color:var(--color-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.revenue-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:0;top:0;bottom:var(--spacing-5);align-items:flex-end;pointer-events:none}.revenue-chart-y-label{font-size:10px;color:var(--color-text-muted)}.revenue-chart-summary{border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-4)}.revenue-chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.revenue-chart-stat{text-align:center}.revenue-chart-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--spacing-1);text-transform:uppercase;letter-spacing:.05em}.revenue-chart-stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.revenue-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:180px}.revenue-chart-empty-content{text-align:center}.revenue-chart-empty-icon{width:3rem!important;height:3rem!important;color:var(--color-gray-300);margin:0 auto var(--spacing-3)}.revenue-chart-empty-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.revenue-chart-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.transaction-chart{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%}.transaction-chart-header{display:flex;align-items:center;justify-content:space-between}.transaction-chart-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.transaction-chart-current-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.transaction-chart-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.transaction-trend-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.transaction-trend-up{background-color:#10b9811a;color:#059669}.transaction-trend-down{background-color:#ef44441a;color:#dc2626}.transaction-trend-neutral{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.transaction-trend-icon{width:14px!important;height:14px!important}.transaction-chart-area{position:relative;flex:1;min-height:140px}.transaction-chart-svg{width:100%;height:100%;display:block}.transaction-chart-data-point{cursor:pointer}.transaction-chart-y-axis{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.transaction-chart-y-label{font-size:10px;color:var(--color-text-muted)}.transaction-chart-x-axis{display:flex;justify-content:space-between;padding:0 var(--spacing-2)}.transaction-chart-x-label{font-size:10px;color:var(--color-text-muted)}.transaction-chart-summary{border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-4)}.transaction-chart-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.transaction-chart-stat{text-align:center}.transaction-chart-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--spacing-1);text-transform:uppercase;letter-spacing:.05em}.transaction-chart-stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.transaction-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:180px}.transaction-chart-empty-content{text-align:center}.transaction-chart-empty-icon{width:3rem!important;height:3rem!important;color:var(--color-gray-300);margin:0 auto var(--spacing-3)}.transaction-chart-empty-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.transaction-chart-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.user-growth-chart{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%}.user-growth-chart-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3)}.user-growth-chart-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.user-growth-chart-current-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.user-growth-trend-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.user-growth-trend-up{background-color:#10b9811a;color:#059669}.user-growth-trend-down{background-color:#ef44441a;color:#dc2626}.user-growth-trend-neutral{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.user-growth-trend-icon{width:14px!important;height:14px!important}.user-growth-chart-legend{display:flex;align-items:center;gap:var(--spacing-4)}.user-growth-chart-legend-item{display:flex;align-items:center;gap:var(--spacing-2)}.user-growth-chart-legend-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.user-growth-legend-blue{background-color:#3b82f6}.user-growth-legend-green{background-color:#10b981}.user-growth-chart-legend-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.user-growth-chart-area{display:flex;align-items:flex-end;gap:var(--spacing-2);flex:1;min-height:140px;position:relative;padding-bottom:var(--spacing-5)}.user-growth-chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;gap:var(--spacing-1)}.user-growth-chart-bars{display:flex;align-items:flex-end;gap:2px;height:100%;width:100%}.user-growth-chart-bar-wrapper{display:flex;align-items:flex-end;flex:1;height:100%}.user-growth-chart-bar{width:100%;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;position:relative;cursor:pointer;transition:filter var(--transition-fast);min-height:4px}.user-growth-bar-total{background-color:linear-gradient(180deg,#3b82f6,#2563eb)}.user-growth-bar-new{background-color:linear-gradient(180deg,#10b981,#059669)}.user-growth-chart-bar:hover{filter:brightness(1.15)}.user-growth-chart-tooltip{position:absolute;top:-32px;left:50%;transform:translate(-50%);background-color:var(--color-gray-900);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:3px 7px;border-radius:var(--border-radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:10}.user-growth-chart-bar:hover .user-growth-chart-tooltip{opacity:1}.user-growth-chart-tooltip-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--color-gray-900)}.user-growth-chart-bar-label{font-size:10px;color:var(--color-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.user-growth-chart-y-axis{position:absolute;right:0;top:0;bottom:var(--spacing-5);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.user-growth-chart-y-label{font-size:10px;color:var(--color-text-muted)}.user-growth-chart-summary{border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-4)}.user-growth-chart-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.user-growth-chart-stat-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.user-growth-chart-stat-header{display:flex;align-items:center;gap:var(--spacing-2)}.user-growth-chart-stat-icon{width:16px!important;height:16px!important;flex-shrink:0}.user-growth-icon-blue{color:#3b82f6}.user-growth-icon-green{color:#10b981}.user-growth-chart-stat-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.user-growth-chart-stat-values{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.user-growth-chart-stat-item{text-align:center}.user-growth-chart-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--spacing-1)}.user-growth-chart-stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.user-growth-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:180px}.user-growth-chart-empty-content{text-align:center}.user-growth-chart-empty-icon{width:3rem!important;height:3rem!important;color:var(--color-gray-300);margin:0 auto var(--spacing-3)}.user-growth-chart-empty-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.user-growth-chart-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.analytics-section{display:flex;flex-direction:column;gap:1rem}.analytics-section-title{font-size:1rem;font-weight:600;color:#111827;margin:0;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.analytics-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.analytics-three-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.analytics-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .15s}.analytics-stat-card:hover{box-shadow:0 4px 12px #0000000f}.analytics-stat-card-header{display:flex;align-items:center;gap:.5rem}.analytics-stat-card-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.analytics-stat-card-icon--green{color:#16a34a}.analytics-stat-card-icon--blue{color:#2563eb}.analytics-stat-card-icon--purple{color:#7c3aed}.analytics-stat-card-icon--yellow{color:#d97706}.analytics-stat-card-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.analytics-stat-card-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.analytics-stat-card-sub{font-size:.75rem;color:#9ca3af;margin:0}.analytics-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.5rem;overflow:hidden}.analytics-panel-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600;color:#374151}.analytics-panel-icon{width:1.125rem;height:1.125rem;color:#f97316;flex-shrink:0}.analytics-panel-body{padding:.25rem 0}.analytics-stat-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid #f3f4f6;gap:1rem}.analytics-stat-row:last-child{border-bottom:none}.analytics-stat-label{font-size:.8125rem;color:#6b7280;flex:1}.analytics-stat-right{display:flex;align-items:center;gap:.5rem}.analytics-stat-value{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap}.analytics-stat-sub{display:flex;align-items:center}.analytics-growth-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;transition:box-shadow .15s}.analytics-growth-card:hover{box-shadow:0 4px 12px #0000000f}.analytics-growth-icon{width:1.75rem;height:1.75rem;color:#f97316;margin-bottom:.25rem}.analytics-growth-label{font-size:.8125rem;font-weight:500;color:#6b7280;margin:0}.analytics-change{display:inline-flex;align-items:center;gap:.2rem;font-size:1rem;font-weight:700;padding:.25rem .5rem;border-radius:6px}.analytics-change--up{color:#16a34a;background:#dcfce7}.analytics-change--down{color:#dc2626;background:#fee2e2}.analytics-change--neutral{color:#6b7280;background:#f3f4f6}.analytics-badge{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;white-space:nowrap}.analytics-badge--green{background:#dcfce7;color:#15803d}.analytics-badge--blue{background:#dbeafe;color:#1d4ed8}.analytics-badge--amber{background:#fef3c7;color:#92400e}.analytics-icon-sm{width:1rem;height:1rem}.analytics-icon--amber{color:#d97706}@media(max-width:768px){.analytics-two-col,.analytics-three-col{grid-template-columns:1fr}}.analytics-four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:900px){.analytics-four-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.analytics-four-col{grid-template-columns:1fr}}.analytics-growth-share{font-size:.85rem;color:var(--color-text-muted, #6b7280);margin-top:.15rem}.analytics-panel-body--spaced{display:flex;flex-direction:column;gap:1rem}.analytics-percent-row{display:flex;flex-direction:column;gap:.25rem}.analytics-percent-label-row{display:flex;justify-content:space-between;align-items:center}.analytics-bar-track{width:100%;height:6px;background:var(--color-bg-muted, #f3f4f6);border-radius:999px;overflow:hidden}.analytics-bar-fill{height:100%;border-radius:999px;transition:width .5s ease}.analytics-bar--green{background:#22c55e}.analytics-bar--orange{background:#f97316}.analytics-bar--purple{background:#a855f7}.analytics-bar--blue{background:#3b82f6}.analytics-badge--sm{font-size:.7rem;padding:.1rem .45rem}.analytics-badge--lg{font-size:.85rem;padding:.35rem .75rem}.analytics-badge--orange{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.analytics-badge--amber{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.analytics-peak-hours{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.analytics-hint{width:100%;font-size:.78rem;color:var(--color-text-muted, #9ca3af);margin-top:.5rem}.analytics-empty-hint{font-size:.85rem;color:var(--color-text-muted, #9ca3af);text-align:center;padding:1rem 0}.analytics-panel-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.top-items-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.top-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-100);transition:background var(--transition-fast)}.top-item:hover{background-color:var(--color-gray-50)}.item-info{display:flex;align-items:center;gap:var(--spacing-3)}.item-rank{width:28px;height:28px;border-radius:50%;background-color:linear-gradient(135deg,var(--color-accent),#e07c1a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#fff;display:none}.item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.item-category{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:2px 0 0}.item-stats{text-align:right}.item-revenue{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent);margin:0}.item-sales{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:2px 0 0}.recent-activity-section{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000f;padding:var(--spacing-6)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-5);letter-spacing:-.01em}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-gray-100)}.activity-item:last-child{border-bottom:none}.activity-icon-wrapper{width:36px;height:36px;min-width:36px;border-radius:var(--border-radius-lg);background-color:#ff9b371a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon{width:18px!important;height:18px!important;color:var(--color-accent)}.activity-content{flex:1;min-width:0}.activity-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.activity-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.activity-timestamp{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.activity-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin:0}.insights-section{background-color:linear-gradient(135deg,rgb(255 155 55 / 6%) 0%,rgb(88 1 0 / 4%) 100%);border:1px solid rgb(255 155 55 / 20%);border-radius:var(--border-radius-xl);padding:var(--spacing-6)}.insights-content{display:flex;gap:var(--spacing-4);align-items:flex-start}.insights-icon{width:2rem!important;height:2rem!important;color:var(--color-accent);flex-shrink:0;margin-top:2px}.insights-text{flex:1}.insights-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-3)}.insights-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.insight-item{display:flex;gap:var(--spacing-2);align-items:flex-start}.insight-bullet{color:var(--color-accent);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:1px}.insight-item p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.analytics-loading{padding:var(--spacing-6)}.loading-pulse{display:flex;flex-direction:column;gap:var(--spacing-6)}.loading-title{height:64px;border-radius:var(--border-radius-2xl);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.loading-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-5)}.loading-card{height:120px;border-radius:var(--border-radius-xl);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.loading-charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.loading-chart{height:280px;border-radius:var(--border-radius-xl);background-color:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@media(max-width:1023px){.charts-grid{grid-template-columns:1fr}}@media(max-width:767px){.analytics-header{padding:var(--spacing-5);flex-direction:column;align-items:flex-start}.analytics-controls{width:100%;justify-content:flex-start}.control-select{flex:1;min-width:0}.metrics-grid{grid-template-columns:1fr 1fr}.metric-card-value{font-size:var(--font-size-xl)}.revenue-chart-stats,.transaction-chart-stats{grid-template-columns:1fr;gap:var(--spacing-2)}.loading-charts{grid-template-columns:1fr}}@media(max-width:480px){.metrics-grid,.user-growth-chart-stats{grid-template-columns:1fr}}.product-management svg,.product-management-row svg,.product-management-filters svg,.product-management-header svg,.product-management-modal svg,.image-upload svg,.product-form svg,.product-card svg{width:auto;height:auto}.product-management{max-width:1400px;margin:0 auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-6)}.product-management-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4);background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:var(--spacing-8);box-shadow:0 8px 28px #ff9b3738;position:relative;overflow:hidden}.product-management-header:before{content:"";position:absolute;top:-50%;right:-8%;width:320px;height:320px;background-color:radial-gradient(circle,rgb(255 255 255 / 10%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.product-management-header-content{position:relative;z-index:1}.product-management-header-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-1);letter-spacing:-.02em}.product-management-header-content p{font-size:var(--font-size-sm);color:#ffffffd9;margin:0;font-weight:var(--font-weight-medium)}.product-management-header-action{position:relative;z-index:1;display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.product-management-header-action .btn,.product-management-header-action a{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background-color:#fff3;color:#fff;border:1.5px solid rgb(255 255 255 / 40%);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-management-header-action .btn:hover,.product-management-header-action a:hover{background-color:#ffffff52}.product-management-header-action svg{width:18px!important;height:18px!important;flex-shrink:0}.product-management-filters{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d;padding:var(--spacing-5) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.product-management-search-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.product-management-search{flex:1;min-width:200px;display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:0 var(--spacing-3);transition:all var(--transition-fast)}.product-management-search:focus-within{border-color:var(--color-accent);background-color:var(--color-white);box-shadow:0 0 0 3px #ff9b371a}.product-management-search svg{width:18px!important;height:18px!important;color:var(--color-text-muted);flex-shrink:0}.product-management-search input{flex:1;border:none;background-color:transparent;padding:var(--spacing-3) 0;font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.product-management-search input::placeholder{color:var(--color-text-muted)}.product-management-filter-controls{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.product-management-filter-controls select{padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);background-color:var(--color-white);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;min-width:160px;transition:all var(--transition-fast)}.product-management-filter-controls select:hover,.product-management-filter-controls select:focus{border-color:var(--color-accent);outline:none}.product-management-filter-controls>button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);flex-shrink:0}.product-management-filter-controls>button:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370d}.product-management-filter-controls>button svg{width:18px!important;height:18px!important}.product-management-bulk-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:#ff9b370f;border:1px solid rgb(255 155 55 / 20%);border-radius:var(--border-radius-lg)}.product-management-bulk-actions-info{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent)}.product-management-bulk-actions-buttons{display:flex;gap:var(--spacing-2)}.product-management-bulk-actions-buttons button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.product-management-bulk-actions-buttons button:first-child{background-color:#10b9811a;color:#059669;border-color:#10b9814d}.product-management-bulk-actions-buttons button:nth-child(2){background-color:#f59e0b1a;color:#d97706;border-color:#f59e0b4d}.product-management-bulk-actions-buttons button:last-child{background-color:#ef44441a;color:#dc2626;border-color:#ef44444d}.product-management-table{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d;overflow:hidden}.product-management-table-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.product-management-table-header input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.product-management-row{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);transition:background var(--transition-fast);position:relative}.product-management-row:last-child{border-bottom:none}.product-management-row:hover{background-color:var(--color-gray-50)}.product-management-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.product-management-row-image{width:72px;height:72px;flex-shrink:0;border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);background-color:var(--color-gray-100)}.product-management-row-image img{width:100%;height:100%;object-fit:cover;display:block}.product-management-row-info{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center}.product-management-row-details{flex:2;min-width:140px}.product-management-row-details h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-management-row-details p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.product-management-row-pricing{flex:1;min-width:100px}.product-management-row-pricing p:first-child{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-accent);margin:0 0 var(--spacing-1)}.product-management-row-pricing p:last-child{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.product-management-row-stats{flex:1;min-width:80px}.product-management-row-stats p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-1)}.product-management-row-stats p:last-child{margin:0}.product-management-row-status{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);flex-shrink:0;min-width:90px}.product-management-row-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;white-space:nowrap}.product-management-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.product-management-status-badge svg{width:14px!important;height:14px!important;flex-shrink:0}.product-management-status-badge.active{background-color:#10b9811a;color:#059669}.product-management-status-badge.inactive{background-color:#ef44441a;color:#dc2626}.product-management-status-badge.draft{background-color:#f59e0b1a;color:#d97706}.product-management-row-actions{display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0}.product-management-row-actions a,.product-management-row-actions button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--border-radius-md);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.product-management-row-actions a:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.product-management-row-actions svg{width:18px!important;height:18px!important}.product-management-row-actions button.deactivate:hover{background-color:#ef44441a;color:#dc2626}.product-management-row-actions button.activate:hover{background-color:#10b9811a;color:#059669}.product-management-row-actions button[title="Delete product"]:hover{background-color:#ef44441a;color:#dc2626}.product-management-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d;text-align:center;gap:var(--spacing-4)}.product-management-empty>svg{width:4rem!important;height:4rem!important;color:var(--color-gray-300)}.product-management-empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.product-management-empty p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.product-management-empty .btn,.product-management-empty a{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-accent);color:var(--color-white);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #ff9b374d}.product-management-empty .btn:hover,.product-management-empty a:hover{transform:translateY(-2px)}.product-management-empty .btn svg,.product-management-empty a svg{width:18px!important;height:18px!important}.product-management-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d}.product-management-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.product-management-pagination-buttons{display:flex;gap:var(--spacing-2)}.product-management-pagination-buttons button{padding:var(--spacing-2) var(--spacing-5);background-color:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.product-management-pagination-buttons button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370d}.product-management-pagination-buttons button:disabled{opacity:.45;cursor:not-allowed}.product-management-modal-overlay{position:fixed;inset:0;background-color:#0000007f;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-management-modal{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:0 24px 60px #0000002e;padding:var(--spacing-8);max-width:440px;width:100%;animation:modal-scale-in .2s ease-out}.product-management-modal-content{text-align:center;margin-bottom:var(--spacing-6)}.product-management-modal-icon{width:3rem!important;height:3rem!important;color:var(--color-warning);margin:0 auto var(--spacing-4)}.product-management-modal-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-3)}.product-management-modal-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.product-management-modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}.product-management-modal-actions .cancel{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-gray-100);color:var(--color-text-primary);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.product-management-modal-actions .cancel:hover{background-color:var(--color-gray-200)}.product-management-modal-actions .delete{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-error);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #ef444440}.product-management-modal-actions .delete:hover{background-color:#b91c1c;transform:translateY(-1px)}.product-card-favorite svg,.product-card-rating svg{width:16px!important;height:16px!important}.product-card-favorite{width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important}.image-upload{display:flex;flex-direction:column;gap:var(--spacing-5)}.image-upload-dropzone{border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-xl);padding:var(--spacing-8) var(--spacing-6);text-align:center;cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-gray-50);position:relative}.image-upload-dropzone:hover,.image-upload-dropzone:focus{border-color:var(--color-accent);background-color:#ff9b3708;outline:none}.image-upload-dropzone.drag-over{border-color:var(--color-accent);background-color:#ff9b370f;box-shadow:0 0 0 4px #ff9b371a}.image-upload-dropzone.uploading{opacity:.55;pointer-events:none}.image-upload-dropzone svg{width:2.5rem!important;height:2.5rem!important;color:var(--color-gray-400);margin:0 auto var(--spacing-3);display:block}.image-upload-dropzone p:first-of-type{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.image-upload-dropzone p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;line-height:1.6}.image-upload-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.image-upload-preview-header h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.image-upload-preview-header p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.image-upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-3)}.image-upload-item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;border:2px solid var(--color-gray-200);cursor:grab;transition:all var(--transition-fast);background-color:var(--color-gray-50)}.image-upload-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.image-upload-item:active{cursor:grabbing}.image-upload-item-img-wrapper{position:relative;aspect-ratio:1;overflow:hidden}.image-upload-item-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.image-upload-primary-badge{position:absolute;top:var(--spacing-2);left:var(--spacing-2);display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background-color:var(--color-accent);color:#fff;border-radius:var(--border-radius-full);font-size:10px;font-weight:var(--font-weight-bold);z-index:2}.image-upload-primary-badge svg{width:12px!important;height:12px!important;flex-shrink:0}.image-upload-pending-badge{position:absolute;bottom:var(--spacing-2);left:var(--spacing-2);padding:2px 7px;background-color:#f59e0bd9;color:#fff;border-radius:var(--border-radius-full);font-size:10px;font-weight:var(--font-weight-semibold);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-upload-item-overlay{position:absolute;inset:0;background-color:#0000;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);z-index:3}.image-upload-item-img-wrapper:hover .image-upload-item-overlay{background-color:#00000073}.image-upload-item-actions{display:flex;gap:var(--spacing-1);opacity:0;transform:scale(.85);transition:all var(--transition-fast)}.image-upload-item-img-wrapper:hover .image-upload-item-actions{opacity:1;transform:scale(1)}.image-upload-item-actions button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#ffffffe5;border:none;border-radius:50%;cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast)}.image-upload-item-actions button:hover{background-color:#fff;transform:scale(1.1)}.image-upload-item-actions button:last-child:hover{background-color:#fee2e2;color:#dc2626}.image-upload-item-actions svg{width:14px!important;height:14px!important}.image-upload-item-info{padding:var(--spacing-2) var(--spacing-2) var(--spacing-2)}.image-upload-item-info p:first-child{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-upload-item-info p:last-child{font-size:10px;color:var(--color-text-muted);margin:0}.image-upload-preview-modal{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-upload-preview-modal-inner{position:relative;max-width:700px;width:100%;background-color:var(--color-white);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:0 32px 80px #0006}.image-upload-preview-modal-close{position:absolute;top:var(--spacing-3);right:var(--spacing-3);width:36px;height:36px;border-radius:50%;background-color:#0000007f;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background var(--transition-fast)}.image-upload-preview-modal-close:hover{background-color:#000000bf}.image-upload-preview-modal-close svg{width:18px!important;height:18px!important}.image-upload-preview-modal-inner img{width:100%;max-height:500px;object-fit:contain;display:block;background-color:var(--color-gray-50)}.image-upload-preview-modal-info{padding:var(--spacing-4) var(--spacing-5);display:flex;align-items:center;justify-content:space-between}.image-upload-preview-modal-info p{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0}.image-upload-preview-modal-info p:last-child{color:var(--color-text-muted);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs)}.image-upload-guidelines{background-color:#ff9b370d;border:1px solid rgb(255 155 55 / 20%);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.image-upload-guidelines-content{display:flex;gap:var(--spacing-3);align-items:flex-start}.image-upload-guidelines-content>svg{width:1.25rem!important;height:1.25rem!important;color:var(--color-accent);flex-shrink:0;margin-top:2px}.image-upload-guidelines h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.image-upload-guidelines ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.image-upload-guidelines ul li{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;margin:0}.product-form-page{max-width:900px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-6)}.product-form-page-header{background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:var(--spacing-7) var(--spacing-8);box-shadow:0 8px 28px #ff9b3738;position:relative;overflow:hidden}.product-form-page-header:before{content:"";position:absolute;top:-50%;right:-8%;width:280px;height:280px;background-color:radial-gradient(circle,rgb(255 255 255 / 10%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.product-form-page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-1);position:relative;z-index:1;letter-spacing:-.02em}.product-form-page-header p{font-size:var(--font-size-sm);color:#ffffffd9;margin:0;position:relative;z-index:1}.product-form-section{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d;overflow:hidden}.product-form-section-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.product-form-section-header svg{width:20px!important;height:20px!important;color:var(--color-accent);flex-shrink:0}.product-form-section-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.product-form-section-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5)}.product-form-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.product-form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.product-form-field label .required{color:var(--color-error);margin-left:2px}.product-form-field .help{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.product-form-field .error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:2px;display:flex;align-items:center;gap:var(--spacing-1)}.product-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5)}.product-form-price-wrapper{position:relative;display:flex;align-items:center}.product-form-price-wrapper .currency-symbol{position:absolute;left:var(--spacing-4);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);z-index:1;font-size:var(--font-size-sm);pointer-events:none}.product-form-price-wrapper input{padding-left:calc(var(--spacing-4) + 2.2rem)}.product-form-input-icon-wrapper{position:relative;display:flex;align-items:center}.product-form-input-icon-wrapper svg{position:absolute;left:var(--spacing-3);width:18px!important;height:18px!important;color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.product-form-input-icon-wrapper input{padding-left:calc(var(--spacing-3) + 1.75rem)}.product-form-actions{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding:var(--spacing-6);background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-100);border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.product-form-actions .btn-cancel{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-white);color:var(--color-text-primary);border:1.5px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center}.product-form-actions .btn-cancel:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.product-form-actions .btn-submit{padding:var(--spacing-3);background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #ff9b374d;display:inline-flex;align-items:center;gap:var(--spacing-2)}.product-form-actions .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff9b3766}.product-form-actions .btn-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.product-form-actions svg{width:16px!important;height:16px!important}@media(max-width:1023px){.product-management-row-stats{display:none}}@media(max-width:767px){.product-management{padding:var(--spacing-3);gap:var(--spacing-4)}.product-management-header{padding:var(--spacing-5);flex-direction:column;align-items:flex-start}.product-management-row{flex-wrap:wrap;padding:var(--spacing-4);gap:var(--spacing-3)}.product-management-row-image{width:60px;height:60px}.product-management-row-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.product-management-row-pricing,.product-management-row-status{min-width:unset}.product-management-row-actions{margin-top:var(--spacing-2);width:100%;justify-content:flex-end}.product-form-row-2{grid-template-columns:1fr}.product-form-actions{flex-direction:column}.product-form-actions .btn-cancel,.product-form-actions .btn-submit{width:100%;justify-content:center}.image-upload-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:480px){.product-management-filter-controls{flex-direction:column;align-items:stretch}.product-management-filter-controls select,.product-management-filter-controls>button{width:100%}.product-management-pagination{flex-direction:column;align-items:stretch;text-align:center}.product-management-pagination-buttons{justify-content:center}}.pf-page{max-width:780px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4) var(--spacing-10);display:flex;flex-direction:column;gap:var(--spacing-5)}.pf-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.pf-header{display:flex;align-items:center;gap:var(--spacing-4);background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:var(--spacing-6);box-shadow:0 8px 28px #ff9b3738;position:relative;overflow:hidden}.pf-header:before{content:"";position:absolute;top:-55%;right:-6%;width:240px;height:240px;background-color:radial-gradient(circle,rgb(255 255 255 / 10%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.pf-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff3;border:1px solid rgb(255 255 255 / 35%);border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);position:relative;z-index:1}.pf-back-btn:hover{background-color:#ffffff52;transform:translate(-2px)}.pf-header-text{position:relative;z-index:1}.pf-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 2px;letter-spacing:-.02em}.pf-subtitle{font-size:var(--font-size-xs);color:#ffffffd1;margin:0;font-weight:var(--font-weight-medium)}.pf-stepper{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);padding:var(--spacing-5) var(--spacing-6);box-shadow:0 4px 16px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-4)}.pf-stepper-bar{height:6px;background-color:var(--color-gray-100);border-radius:var(--border-radius-full);overflow:hidden}.pf-stepper-fill{height:100%;background-color:linear-gradient(90deg,var(--color-accent),#e07c1a);border-radius:var(--border-radius-full);transition:width .45s cubic-bezier(.4,0,.2,1)}.pf-stepper-items{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}.pf-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);text-align:center}.pf-step-bubble{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border:2px solid var(--color-gray-200);color:var(--color-text-muted);transition:all var(--transition-normal);flex-shrink:0}.pf-step--active .pf-step-bubble{background-color:#ff9b371f;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 4px #ff9b371f}.pf-step--done .pf-step-bubble{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.pf-step-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.pf-step--active .pf-step-label{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.pf-step--done .pf-step-label{color:var(--color-text-secondary)}.pf-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d;overflow:hidden}.pf-card--mt{margin-top:var(--spacing-5)}.pf-card-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.pf-card-icon{width:22px!important;height:22px!important;color:var(--color-accent);flex-shrink:0}.pf-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 2px;letter-spacing:-.01em}.pf-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.pf-optional{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-left:var(--spacing-2);padding:2px 8px;background-color:var(--color-gray-100);border-radius:var(--border-radius-full);vertical-align:middle}.pf-card-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5)}@keyframes pf-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pf-animate-in{animation:pf-slide-in .28s ease-out both}.pf-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.pf-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-1)}.pf-req{color:var(--color-error);margin-left:2px}.pf-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.pf-err-msg{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium)}.pf-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5)}.pf-input{width:100%;padding:14px 16px;font-size:var(--font-size-sm);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:#fff;border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);outline:none;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box}.pf-input::placeholder{color:var(--color-text-muted);opacity:.7}.pf-input:hover:not(:focus,:disabled){border-color:var(--color-gray-300)}.pf-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371f}.pf-input--err{border-color:var(--color-error);background-color:#ef444405}.pf-input--err:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.pf-textarea{resize:vertical;min-height:110px;line-height:1.6}.pf-icon-input{position:relative;display:flex;align-items:center}.pf-icon-input-svg{position:absolute;left:1px;width:18px!important;height:18px!important;color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.pf-input--padded{padding-left:42px}.pf-escrow-hint{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);background-color:#ff9b370f;border:1px solid rgb(255 155 55 / 18%);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pf-escrow-hint strong{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.pf-label-icon{width:14px!important;height:14px!important;color:var(--color-accent);flex-shrink:0}.pf-file-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.pf-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-xl);padding:var(--spacing-10) var(--spacing-6);text-align:center;cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-gray-50)}.pf-dropzone:hover,.pf-dropzone--over{border-color:var(--color-accent);background-color:#ff9b370a;box-shadow:0 0 0 4px #ff9b3714}.pf-dropzone--full{opacity:.5;pointer-events:none}.pf-dropzone-ring{width:64px;height:64px;border-radius:50%;background-color:#ff9b371a;display:flex;align-items:center;justify-content:center;border:2px solid rgb(255 155 55 / 20%)}.pf-dropzone-icon{width:28px!important;height:28px!important;color:var(--color-accent)}.pf-dropzone-main{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.pf-dropzone-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.pf-img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-2)}.pf-img-card{display:flex;flex-direction:column;gap:var(--spacing-1)}.pf-img-card--primary .pf-img-thumb{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b3733}.pf-img-thumb{position:relative;aspect-ratio:1;border-radius:var(--border-radius-lg);overflow:hidden;border:2px solid var(--color-gray-200);background-color:var(--color-gray-100);transition:border-color var(--transition-fast);cursor:pointer}.pf-img-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pf-img-badge{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background-color:var(--color-accent);color:#fff;border-radius:var(--border-radius-full);font-size:10px;font-weight:var(--font-weight-bold);z-index:2}.pf-img-overlay{position:absolute;inset:0;background-color:#0000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);transition:background var(--transition-fast);z-index:3}.pf-img-thumb:hover .pf-img-overlay{background-color:#0000007f}.pf-img-action{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:none;border-radius:var(--border-radius-md);font-size:11px;font-weight:var(--font-weight-semibold);cursor:pointer;opacity:0;transform:translateY(4px);transition:all var(--transition-fast);white-space:nowrap}.pf-img-thumb:hover .pf-img-action{opacity:1;transform:translateY(0)}.pf-img-action--star{background-color:#ffffffeb;color:var(--color-accent)}.pf-img-action--del{background-color:#ef4444d9;color:#fff;width:30px;height:30px;border-radius:50%;padding:0;justify-content:center}.pf-img-name{font-size:10px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin:0}.pf-tip{display:flex;gap:var(--spacing-3);align-items:flex-start;padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.pf-tip-icon{width:18px!important;height:18px!important;color:var(--color-info);flex-shrink:0;margin-top:2px}.pf-tip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.pf-tip-list li{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;padding-left:var(--spacing-3);position:relative}.pf-tip-list li:before{content:"·";position:absolute;left:0;color:var(--color-info);font-weight:700}.pf-condition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-3)}.pf-pill{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white);position:relative}.pf-pill:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.pf-pill--active{border-color:var(--color-accent);background-color:#ff9b370d}.pf-pill-radio{position:absolute;opacity:0;width:0;height:0}.pf-pill-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pf-pill--active .pf-pill-label{color:var(--color-accent)}.pf-pill-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.pf-tag-row{display:flex;gap:var(--spacing-3)}.pf-tag-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius-lg);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.pf-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.pf-tag{display:inline-flex;align-items:center;gap:5px;padding:5px var(--spacing-3);background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.pf-tag-x{display:flex;align-items:center;justify-content:center;background-color:none;border:none;cursor:pointer;padding:0;color:var(--color-text-muted);transition:color var(--transition-fast)}.pf-tag-x:hover{color:var(--color-error)}.pf-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.pf-status-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2);padding:var(--spacing-5) var(--spacing-3);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-xl);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-white);position:relative}.pf-status-card:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.pf-status-card--active{border-color:var(--color-accent);background-color:#ff9b370d;box-shadow:0 0 0 4px #ff9b371a}.pf-status-check{width:24px!important;height:24px!important;color:var(--color-gray-300);transition:color var(--transition-fast);flex-shrink:0}.pf-status-check--on{color:var(--color-accent)}.pf-status-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.pf-status-card--active .pf-status-label{color:var(--color-accent)}.pf-status-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.pf-notice{display:flex;gap:var(--spacing-4);align-items:flex-start;margin-top:var(--spacing-5);background-color:#ff9b370f;border:1px solid rgb(255 155 55 / 20%);border-radius:var(--border-radius-xl);padding:var(--spacing-5) var(--spacing-6)}.pf-notice-icon{width:22px!important;height:22px!important;color:var(--color-accent);flex-shrink:0;margin-top:2px}.pf-notice-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.pf-notice-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.pf-notice-list li{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding-left:var(--spacing-3);position:relative;line-height:1.5}.pf-notice-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-weight:700}.pf-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d}.pf-nav-back{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background-color:var(--color-white);color:var(--color-text-secondary);border:1.5px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pf-nav-back:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-text-primary)}.pf-nav-next{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #ff9b374d}.pf-nav-next:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff9b3761}.pf-nav-submit{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #10b98147}.pf-nav-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98161}.pf-nav-submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.pf-icon-xs{width:14px!important;height:14px!important;flex-shrink:0}.pf-icon-sm{width:18px!important;height:18px!important;flex-shrink:0}@media(max-width:767px){.pf-page{padding:var(--spacing-4) var(--spacing-3) var(--spacing-8);gap:var(--spacing-4)}.pf-header{padding:var(--spacing-5)}.pf-title{font-size:var(--font-size-lg)}.pf-stepper{padding:var(--spacing-4)}.pf-step-label{display:none}.pf-card-body{padding:var(--spacing-4);gap:var(--spacing-4)}.pf-row-2,.pf-status-grid{grid-template-columns:1fr}.pf-condition-grid{grid-template-columns:1fr 1fr}.pf-nav{flex-direction:row;padding:var(--spacing-4)}.pf-nav-next,.pf-nav-submit{padding:var(--spacing-3) var(--spacing-5)}.pf-img-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}@media(max-width:480px){.pf-condition-grid{grid-template-columns:1fr}}.etf-page{display:flex;flex-direction:column;gap:var(--spacing-5)}.etf-header{display:flex;align-items:center;gap:var(--spacing-4);background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:1rem;box-shadow:0 8px 28px #ff9b3738;position:relative;overflow:hidden}.etf-header:before{content:"";position:absolute;top:-55%;right:-6%;width:220px;height:220px;background-color:radial-gradient(circle,rgb(255 255 255 / 10%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.etf-header-icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#fff3;border:1px solid rgb(255 255 255 / 35%);border-radius:var(--border-radius-xl);flex-shrink:0;position:relative;z-index:1}.etf-header-icon{width:22px!important;height:22px!important;color:#fff}.etf-header-text{position:relative;z-index:1}.etf-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 2px;letter-spacing:-.02em}.etf-subtitle{font-size:var(--font-size-xs);color:#ffffffd1;margin:0;font-weight:var(--font-weight-medium)}.etf-stepper{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);padding:var(--spacing-5) var(--spacing-6);box-shadow:0 4px 16px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-4)}.etf-stepper-bar{height:6px;background-color:var(--color-gray-100);border-radius:var(--border-radius-full);overflow:hidden}.etf-stepper-fill{height:100%;background-color:linear-gradient(90deg,var(--color-accent),#e07c1a);border-radius:var(--border-radius-full);transition:width .45s cubic-bezier(.4,0,.2,1)}.etf-stepper-items{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}.etf-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);text-align:center}.etf-step-bubble{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);border:2px solid var(--color-gray-200);color:var(--color-text-muted);transition:all var(--transition-normal);flex-shrink:0}.etf-step--active .etf-step-bubble{background-color:#ff9b371f;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 4px #ff9b371f}.etf-step--done .etf-step-bubble{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.etf-step-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.etf-step--active .etf-step-label{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.etf-step--done .etf-step-label{color:var(--color-text-secondary)}.etf-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d;overflow:hidden}.etf-card--mt{margin-top:var(--spacing-5)}.etf-card-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.etf-card-icon{width:22px!important;height:22px!important;color:var(--color-accent);flex-shrink:0}.etf-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 2px;letter-spacing:-.01em}.etf-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.etf-card-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5)}@keyframes etf-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.etf-animate-in{animation:etf-slide-in .28s ease-out both}.etf-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.etf-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-1)}.etf-req{color:var(--color-error);margin-left:2px}.etf-optional{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.etf-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.etf-err{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium)}.etf-row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5)}.etf-input{width:100%;padding:14px 16px;font-size:var(--font-size-sm);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:#fff;border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);outline:none;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box}.etf-input::placeholder{color:var(--color-text-muted);opacity:.7}.etf-input:hover:not(:focus,:disabled){border-color:var(--color-gray-300)}.etf-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371f}.etf-input--err{border-color:var(--color-error);background-color:#ef444405}.etf-input--err:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.etf-textarea{resize:vertical;min-height:100px;line-height:1.6}.etf-icon-input{position:relative;display:flex;align-items:center}.etf-icon-input-svg{position:absolute;left:13px;width:18px!important;height:18px!important;color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.etf-input--padded{padding-left:42px}.etf-currency-symbol{position:absolute;left:14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);pointer-events:none;z-index:1}.etf-input--padded-wide{padding-left:52px}.etf-search-loading{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-3)}.etf-seller-results{border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 4px 16px #0000000f;background-color:var(--color-white)}.etf-seller-result-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);border:none;background-color:none;cursor:pointer;text-align:left;transition:background var(--transition-fast);border-bottom:1px solid var(--color-gray-100)}.etf-seller-result-item:last-child{border-bottom:none}.etf-seller-result-item:hover{background-color:var(--color-gray-50)}.etf-seller-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gray-200);flex-shrink:0}.etf-seller-avatar--lg{width:48px;height:48px}.etf-seller-result-info{display:flex;flex-direction:column;gap:2px}.etf-seller-result-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.etf-seller-result-username{font-size:var(--font-size-xs);color:var(--color-text-muted)}.etf-selected-seller{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4);background-color:#ff9b370d;border:1.5px solid rgb(255 155 55 / 25%);border-radius:var(--border-radius-lg)}.etf-selected-seller-left{display:flex;align-items:center;gap:var(--spacing-3)}.etf-selected-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 2px}.etf-selected-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.etf-selected-change{padding:var(--spacing-1) var(--spacing-3);background-color:none;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.etf-selected-change:hover{border-color:var(--color-accent);color:var(--color-accent)}.etf-tip{display:flex;gap:var(--spacing-3);align-items:flex-start;padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.etf-tip-icon{width:18px!important;height:18px!important;color:var(--color-warning);flex-shrink:0;margin-top:1px}.etf-tip-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.5}.etf-fee-card{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-5)}.etf-fee-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-4)}.etf-fee-rows{display:flex;flex-direction:column;gap:var(--spacing-3)}.etf-fee-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-bottom:var(--spacing-3);border-bottom:1px dashed var(--color-gray-200)}.etf-fee-row:last-child{border-bottom:none;padding-bottom:0}.etf-fee-orange{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.etf-fee-row--total{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding-top:var(--spacing-3);border-top:2px solid var(--color-gray-300);border-bottom:none}.etf-fee-row--total strong{color:var(--color-accent);font-size:var(--font-size-lg)}.etf-fee-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--spacing-3) 0 0;line-height:1.4}.etf-warning{display:flex;gap:var(--spacing-4);align-items:flex-start;margin-top:var(--spacing-5);background-color:#f59e0b0f;border:1px solid rgb(245 158 11 / 25%);border-radius:var(--border-radius-xl);padding:var(--spacing-5) var(--spacing-6)}.etf-warning-icon{width:22px!important;height:22px!important;color:var(--color-warning);flex-shrink:0;margin-top:2px}.etf-warning-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.etf-warning-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.6}.etf-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);margin-top:.5rem;background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000d}.etf-nav-back{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background-color:var(--color-white);color:var(--color-text-secondary);border:1.5px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.etf-nav-back:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-text-primary)}.etf-nav-next{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #ff9b374d}.etf-nav-next:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff9b3761}.etf-nav-submit{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.etf-nav-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98161}.etf-nav-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.etf-icon-xs{width:14px!important;height:14px!important;flex-shrink:0}.etf-icon-sm{width:18px!important;height:18px!important;flex-shrink:0}@media(max-width:767px){.etf-header{padding:var(--spacing-5)}.etf-title{font-size:var(--font-size-lg)}.etf-stepper{padding:var(--spacing-4)}.etf-step-label{display:none}.etf-card-body{padding:var(--spacing-4);gap:var(--spacing-4)}.etf-row-2{grid-template-columns:1fr}.etf-nav{padding:var(--spacing-4)}.etf-nav-next,.etf-nav-submit{padding:var(--spacing-3) var(--spacing-5)}.etf-warning{padding:var(--spacing-4)}}@media(max-width:480px){.etf-selected-seller{flex-direction:column;align-items:flex-start}}.td-page{max-width:1200px;margin:0 auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-5);animation:td-fade-in .25s ease-out both}@keyframes td-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.td-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4);background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:var(--spacing-6) var(--spacing-8);box-shadow:0 8px 28px #ff9b3738;position:relative;overflow:hidden}.td-header:before{content:"";position:absolute;top:-55%;right:-6%;width:280px;height:280px;background-color:radial-gradient(circle,rgb(255 255 255 / 10%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.td-header:after{content:"";position:absolute;bottom:-40%;left:-4%;width:200px;height:200px;background-color:radial-gradient(circle,rgb(255 255 255 / 6%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.td-header-left{display:flex;align-items:center;gap:var(--spacing-4);position:relative;z-index:1}.td-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff3;border:1.5px solid rgb(255 255 255 / 35%);border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.td-back-btn:hover{background-color:#ffffff52;transform:translate(-2px)}.td-back-btn svg{width:20px;height:20px}.td-header-text{display:flex;flex-direction:column;gap:2px}.td-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin:0;letter-spacing:-.02em}.td-header-id{font-size:var(--font-size-xs);color:#ffffffc7;margin:0;font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);letter-spacing:.04em}.td-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);color:#fff;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1.5px solid transparent;white-space:nowrap;position:relative;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.td-status-badge svg{width:16px;height:16px;flex-shrink:0}.td-status-badge.pending{background-color:#f59e0b2e;border-color:#f59e0b73;color:#fef3c7}.td-status-badge.accepted{background-color:#3b82f62e;border-color:#3b82f673;color:#dbeafe}.td-status-badge.funded{background-color:#8b5cf62e;border-color:#8b5cf673;color:#ede9fe}.td-status-badge.shipped,.td-status-badge.delivered{background-color:#06b6d42e;border-color:#06b6d473;color:#cffafe}.td-status-badge.completed{background-color:#10b9812e;border-color:#10b98173;color:#d1fae5}.td-status-badge.cancelled,.td-status-badge.disputed{background-color:#ef44442e;border-color:#ef444473;color:#fee2e2}.td-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--spacing-5);align-items:start}.td-card{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-100);box-shadow:0 4px 16px #0000000f;overflow:hidden;transition:box-shadow var(--transition-normal)}.td-card:hover{box-shadow:0 8px 28px #00000017}.td-card-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100)}.td-card-header svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.td-card-header h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:.01em;text-transform:uppercase}.td-card-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5)}.td-left{display:flex;flex-direction:column;gap:var(--spacing-5)}.td-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.td-product-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-2);letter-spacing:-.01em;line-height:1.3}.td-platform-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:4px 12px;background-color:#ff9b3714;border:1px solid rgb(255 155 55 / 22%);border-radius:var(--border-radius-full)}.td-platform-pill span{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.td-platform-name.facebook{color:#1877f2}.td-platform-name.instagram{color:#e4405f}.td-platform-name.tiktok{color:#333}.td-platform-name.whatsapp{color:#25d366}.td-platform-name.telegram{color:#08c}.td-platform-name.twitter{color:#1da1f2}.td-platform-name.youtube{color:red}.td-platform-name.discord{color:#5865f2}.td-platform-name.offline,.td-platform-name.other{color:var(--color-text-secondary)}.td-product-description{padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border-left:3px solid var(--color-accent)}.td-product-description h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--spacing-2)}.td-product-description p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.td-product-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:#3b82f614;border:1px solid rgb(59 130 246 / 22%);border-radius:var(--border-radius-lg);color:#2563eb;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);width:fit-content}.td-product-link:hover{background-color:#3b82f624;transform:translateY(-1px)}.td-product-link svg{width:15px;height:15px}.td-payment-rows{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-gray-100);border-radius:var(--border-radius-lg);overflow:hidden}.td-payment-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.td-payment-row:hover{background-color:var(--color-gray-50)}.td-payment-row:last-child{border-bottom:none;background-color:#ff9b370a}.td-payment-row-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.td-payment-row-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.td-payment-row.total .td-payment-row-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.td-payment-row.total .td-payment-row-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent)}.td-address-block{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.td-address-block p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.td-tracking-banner{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:#10b9810f;border:1px solid rgb(16 185 129 / 22%);border-radius:var(--border-radius-lg)}.td-tracking-banner svg{width:20px;height:20px;color:#059669;flex-shrink:0}.td-tracking-label{font-size:var(--font-size-xs);color:#059669;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px}.td-tracking-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-family-mono);letter-spacing:.06em;margin:0}.td-notes-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin:0;padding:var(--spacing-4);background-color:#3b82f60a;border-radius:var(--border-radius-lg);border-left:3px solid rgb(59 130 246 / 35%)}.td-shipping-details{margin-top:var(--spacing-4);padding:var(--spacing-5);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg)}.td-shipping-details h4{margin:0 0 var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.td-tracking-info{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-4);background-color:#10b9810f;border:1px solid rgb(16 185 129 / 22%);border-radius:var(--border-radius-lg)}.td-tracking-info svg{width:22px;height:22px;color:#059669;flex-shrink:0}.td-shipping-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-200)}.td-shipping-row:last-child{border-bottom:none;padding-bottom:0}.td-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.td-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:right}.td-empty-state{margin:0;padding:var(--spacing-6) var(--spacing-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);background-color:var(--color-gray-50);border:1px dashed var(--color-gray-300);border-radius:var(--border-radius-lg)}.td-right{display:flex;flex-direction:column;gap:var(--spacing-5)}.td-actions-card,.td-card-body{gap:var(--spacing-3)}.td-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;border:none;transition:all var(--transition-fast)}.td-action-btn svg{width:18px;height:18px;flex-shrink:0}.td-action-btn--primary{background-color:var(--color-accent);color:#fff;box-shadow:0 4px 14px #ff9b374d}.td-action-btn--primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.td-action-btn--success{background-color:var(--color-accent);color:#fff;box-shadow:0 4px 14px #10b98147}.td-action-btn--success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #10b98161}.td-action-btn--success:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.td-action-btn--secondary{background-color:var(--color-white);color:var(--color-text-primary);border:1.5px solid var(--color-gray-200)}.td-action-btn--secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.td-action-btn--danger{background-color:#ef44440f;color:#dc2626;border:1.5px solid rgb(239 68 68 / 20%)}.td-action-btn--danger:hover{background-color:#ef44441f;border-color:#ef444461}.td-btn-spinner{width:16px;height:16px;border:2px solid rgb(255 255 255 / 35%);border-top-color:#fff;border-radius:50%;animation:td-spin .7s linear infinite}@keyframes td-spin{to{transform:rotate(360deg)}}.td-actions-divider{height:1px;background-color:var(--color-gray-100);margin:var(--spacing-1) 0}.td-participants-grid{display:grid;gap:var(--spacing-4)}.td-participant-block{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-100)}.td-participant-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:0}.td-participant-info{display:flex;align-items:center;gap:var(--spacing-3)}.td-participant-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gray-200);flex-shrink:0}.td-participant-details{display:flex;flex-direction:column;gap:1px;min-width:0}.td-participant-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-participant-username{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.td-participant-rating{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning)}.td-timeline{display:flex;flex-direction:column;gap:0;position:relative}.td-timeline-item{display:flex;gap:var(--spacing-3);padding-bottom:var(--spacing-4);position:relative}.td-timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:16px;bottom:0;width:2px;background-color:linear-gradient(180deg,var(--color-gray-200),transparent);border-radius:1px}.td-timeline-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:2px;border:2px solid var(--color-white);box-shadow:0 0 0 2px var(--color-gray-200)}.td-timeline-dot.blue{background-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.td-timeline-dot.green{background-color:#10b981;box-shadow:0 0 0 2px #10b98133}.td-timeline-dot.purple{background-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.td-timeline-dot.orange{background-color:var(--color-accent);box-shadow:0 0 0 2px #ff9b3733}.td-timeline-content{flex:1;padding-bottom:2px}.td-timeline-event{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 2px}.td-timeline-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;font-family:var(--font-family-mono)}.td-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-4);text-align:center}.td-error-state svg{width:3.5rem;height:3.5rem;color:var(--color-error)}.td-error-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.td-error-state p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.td-error-back{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-gray-100);border:1.5px solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.td-error-back:hover{background-color:var(--color-gray-200)}.td-error-back svg{width:16px;height:16px}@media(max-width:1023px){.td-grid{grid-template-columns:1fr}.td-right{order:-1}}@media(max-width:767px){.td-page{padding:var(--spacing-3);gap:var(--spacing-4)}.td-header{padding:var(--spacing-5)}.td-header-title{font-size:var(--font-size-lg)}.td-card-body{padding:var(--spacing-4);gap:var(--spacing-4)}.td-participants-grid{grid-template-columns:1fr}.td-product-top{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.td-header{flex-direction:column;align-items:flex-start}.td-status-badge{align-self:flex-start}}.market-analyzer{display:flex;flex-direction:column;gap:var(--spacing-6)}.market-analyzer-header{display:flex;align-items:center;justify-content:space-between}.market-analyzer-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.market-analyzer-icon-wrap{padding:var(--spacing-3);background-color:#f3e8ff;border-radius:var(--border-radius-lg)}.market-analyzer-icon{width:2rem;height:2rem;color:#9333ea}.market-analyzer-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.market-analyzer-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.market-analyzer-refresh-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:#9333ea;color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast)}.market-analyzer-refresh-btn:hover:not(:disabled){background-color:#7e22ce}.market-analyzer-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.market-analyzer-refresh-icon{width:1.25rem;height:1.25rem}.market-analyzer-refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.market-analyzer-filters{background-color:var(--color-white);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.market-analyzer-filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.market-analyzer-filter-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.market-analyzer-filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.market-analyzer-select{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);cursor:pointer;transition:border-color var(--transition-fast)}.market-analyzer-select:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 2px #9333ea33}.market-analyzer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.market-analyzer-stat-card{background-color:var(--color-white);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.market-analyzer-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.market-analyzer-stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.market-analyzer-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.market-analyzer-stat-change{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.market-analyzer-stat-change.positive{color:var(--color-success)}.market-analyzer-stat-change.negative{color:var(--color-error)}.market-analyzer-trend-icon--up{width:1.25rem;height:1.25rem;color:var(--color-success)}.market-analyzer-trend-icon--down{width:1.25rem;height:1.25rem;color:var(--color-error)}.market-analyzer-table-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.market-analyzer-section-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.market-analyzer-section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.market-analyzer-section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.market-analyzer-table-wrap{overflow-x:auto}.market-analyzer-table{width:100%;border-collapse:collapse}.market-analyzer-thead{background-color:var(--color-gray-50)}.market-analyzer-th{padding:var(--spacing-3) var(--spacing-6);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.market-analyzer-tbody .market-analyzer-tr{border-top:1px solid var(--color-gray-200);transition:background var(--transition-fast)}.market-analyzer-tbody .market-analyzer-tr:hover{background-color:var(--color-gray-50)}.market-analyzer-td{padding:var(--spacing-4) var(--spacing-6);white-space:nowrap}.market-analyzer-td-primary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.market-analyzer-td-text{font-size:var(--font-size-sm);color:var(--color-text-primary)}.market-analyzer-trend-cell{display:flex;align-items:center;gap:var(--spacing-2)}.market-analyzer-trend-pct{font-size:var(--font-size-sm)}.market-analyzer-trend-pct.positive{color:var(--color-success)}.market-analyzer-trend-pct.negative{color:var(--color-error)}.market-analyzer-products-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.market-analyzer-products-list{padding:var(--spacing-6)}.market-analyzer-products-items{display:flex;flex-direction:column;gap:var(--spacing-4)}.market-analyzer-product-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg)}.market-analyzer-product-left{display:flex;align-items:center;gap:var(--spacing-4)}.market-analyzer-product-rank{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#f3e8ff;color:#9333ea;border-radius:var(--border-radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.market-analyzer-product-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.market-analyzer-product-sales{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.market-analyzer-product-right{display:flex;align-items:center;gap:var(--spacing-4)}.market-analyzer-product-price-wrap{text-align:right}.market-analyzer-product-price{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.market-analyzer-product-avg-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}@media(max-width:767px){.market-analyzer-stats{grid-template-columns:1fr}}.automation-tools{display:flex;flex-direction:column;gap:var(--spacing-6)}.automation-tools-header{display:flex;align-items:center;justify-content:space-between}.automation-tools-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.automation-tools-icon-wrap{padding:var(--spacing-3);background-color:#fef3c7;border-radius:var(--border-radius-lg)}.automation-tools-icon{width:2rem;height:2rem;color:#d97706}.automation-tools-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.automation-tools-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.automation-tools-new-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:#d97706;color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast)}.automation-tools-new-btn:hover{background-color:#b45309}.automation-tools-new-btn-icon{width:1.25rem;height:1.25rem}.automation-tools-tabs{border-bottom:1px solid var(--color-gray-200)}.automation-tools-tabs-nav{display:flex;gap:var(--spacing-8);margin-bottom:-1px}.automation-tools-tab{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-1);border:none;border-bottom:2px solid transparent;background-color:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.automation-tools-tab:hover{color:var(--color-gray-700);border-bottom-color:var(--color-gray-300)}.automation-tools-tab.active{color:#d97706;border-bottom-color:#d97706}.automation-tools-tab-icon{width:1.25rem;height:1.25rem}.automation-tools-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.automation-tools-stat-card{background-color:var(--color-white);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.automation-tools-stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin-bottom:var(--spacing-2)}.automation-tools-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.automation-tools-stat-sub{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-1)}.automation-tools-list-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.automation-tools-section-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.automation-tools-section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.automation-tools-section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.automation-tools-list{display:flex;flex-direction:column}.automation-tools-item{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);transition:background var(--transition-fast)}.automation-tools-item:first-child{border-top:none}.automation-tools-item:hover{background-color:var(--color-gray-50)}.automation-tools-item-row{display:flex;align-items:center;justify-content:space-between}.automation-tools-item-left{display:flex;align-items:flex-start;gap:var(--spacing-4);flex:1}.automation-tools-item-icon{padding:var(--spacing-2);border-radius:var(--border-radius-lg)}.automation-tools-item-icon.active{background-color:#dcfce7}.automation-tools-item-icon.inactive{background-color:var(--color-gray-100)}.automation-tools-status-icon{width:1.5rem;height:1.5rem}.automation-tools-status-icon.active{color:#16a34a}.automation-tools-status-icon.inactive{color:var(--color-gray-400)}.automation-tools-item-body{flex:1}.automation-tools-item-name-row{display:flex;align-items:center;gap:var(--spacing-2)}.automation-tools-item-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}.automation-tools-status-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);text-transform:capitalize}.automation-tools-status-badge.active{background-color:#dcfce7;color:#15803d}.automation-tools-status-badge.inactive{background-color:var(--color-gray-100);color:var(--color-gray-600)}.automation-tools-item-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.automation-tools-item-last-run{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:var(--spacing-2) 0 0}.automation-tools-item-actions{display:flex;align-items:center;gap:var(--spacing-2);margin-left:var(--spacing-4)}.automation-tools-toggle-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:background var(--transition-fast)}.automation-tools-toggle-btn.disable{background-color:var(--color-gray-100);color:var(--color-gray-700)}.automation-tools-toggle-btn.disable:hover{background-color:var(--color-gray-200)}.automation-tools-toggle-btn.enable{background-color:#d97706;color:var(--color-white)}.automation-tools-toggle-btn.enable:hover{background-color:#b45309}.automation-tools-delete-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error);background-color:transparent;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:background var(--transition-fast)}.automation-tools-delete-btn:hover{background-color:#fee2e2}.automation-tools-empty{padding:var(--spacing-12);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.automation-tools-empty-icon{width:3rem;height:3rem;color:var(--color-gray-400)}.automation-tools-empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.automation-tools-empty p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.automation-tools-templates-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.automation-tools-templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);padding:var(--spacing-6)}.automation-tools-template-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.automation-tools-template-item:hover{border-color:#fcd34d;box-shadow:var(--shadow-md)}.automation-tools-template-icon-wrap{padding:var(--spacing-2);background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);flex-shrink:0}.automation-tools-template-icon{width:1.25rem;height:1.25rem;color:var(--color-gray-600)}.automation-tools-template-body{flex:1}.automation-tools-template-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm);margin:0}.automation-tools-template-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}@media(max-width:767px){.automation-tools-stats,.automation-tools-templates-grid{grid-template-columns:1fr}.automation-tools-tabs-nav{gap:var(--spacing-4);overflow-x:auto}}.security-tools{display:flex;flex-direction:column;gap:var(--spacing-6)}.security-tools-header{display:flex;align-items:center;justify-content:space-between}.security-tools-header-left{display:flex;align-items:center;gap:var(--spacing-3)}.security-tools-icon-wrap{padding:var(--spacing-3);background-color:#fee2e2;border-radius:var(--border-radius-lg)}.security-tools-icon{width:2rem;height:2rem;color:#dc2626}.security-tools-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.security-tools-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.security-score-card{background-color:var(--color-white);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.security-score-card-inner{display:flex;align-items:center;justify-content:space-between}.security-score-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.security-score-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.security-score-badge{padding:var(--spacing-6);border-radius:var(--border-radius-lg);text-align:center}.security-score-badge.good{background-color:#dcfce7}.security-score-badge.medium{background-color:#fef9c3}.security-score-badge.poor{background-color:#fee2e2}.security-score-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.security-score-badge.good .security-score-value{color:#16a34a}.security-score-badge.medium .security-score-value{color:#ca8a04}.security-score-badge.poor .security-score-value{color:#dc2626}.security-score-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--spacing-1)}.security-score-bar-wrap{margin-top:var(--spacing-4)}.security-score-bar-bg{width:100%;background-color:var(--color-gray-200);border-radius:var(--border-radius-full);height:.5rem}.security-score-bar-fill{height:.5rem;border-radius:var(--border-radius-full);transition:width var(--transition-normal)}.security-score-bar-fill.good{background-color:var(--color-success)}.security-score-bar-fill.medium{background-color:var(--color-warning)}.security-score-bar-fill.poor{background-color:var(--color-error)}.security-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.security-setting-card{background-color:var(--color-white);padding:var(--spacing-6);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.security-setting-header{display:flex;align-items:flex-start;justify-content:space-between}.security-setting-info{display:flex;align-items:flex-start;gap:var(--spacing-3)}.security-setting-icon-wrap{padding:var(--spacing-2);background-color:#dbeafe;border-radius:var(--border-radius-lg)}.security-setting-icon-wrap.alert{background-color:#f3e8ff}.security-setting-icon{width:1.5rem;height:1.5rem;color:#2563eb}.security-setting-icon-wrap.alert .security-setting-icon{color:#9333ea}.security-setting-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}.security-setting-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.security-toggle{position:relative;display:inline-flex;height:1.5rem;width:2.75rem;flex-shrink:0;cursor:pointer;border-radius:var(--border-radius-full);border:2px solid transparent;transition:background var(--transition-normal)}.security-toggle.enabled{background-color:#2563eb}.security-toggle.disabled{background-color:var(--color-gray-200)}.security-toggle-knob{display:inline-block;height:1.25rem;width:1.25rem;border-radius:var(--border-radius-full);background-color:var(--color-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal);pointer-events:none}.security-toggle-knob.on{transform:translate(1.25rem)}.security-toggle-knob.off{transform:translate(0)}.security-active-notice{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:#f0fdf4;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:#166534}.security-active-notice-icon{width:1rem;height:1rem;flex-shrink:0}.security-tools-section-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.security-tools-section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.security-tools-section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.security-recs-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.security-recs-list{display:flex;flex-direction:column}.security-rec-item{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);transition:background var(--transition-fast)}.security-rec-item:hover{background-color:var(--color-gray-50)}.security-rec-row{display:flex;align-items:flex-start;justify-content:space-between}.security-rec-left{display:flex;align-items:flex-start;gap:var(--spacing-3)}.security-rec-icon{width:1.5rem;height:1.5rem;margin-top:.125rem;flex-shrink:0}.security-rec-icon.completed{color:var(--color-success)}.security-rec-icon.high{color:var(--color-error)}.security-rec-icon.medium{color:var(--color-warning)}.security-rec-name-row{display:flex;align-items:center;gap:var(--spacing-2)}.security-rec-name-row h4{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}.security-priority-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);text-transform:capitalize}.security-priority-badge.high{background-color:#fee2e2;color:#b91c1c}.security-priority-badge.medium{background-color:#fef9c3;color:#a16207}.security-rec-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}.security-fix-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-info);background-color:transparent;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.security-fix-btn:hover{background-color:#dbeafe}.security-activity-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.security-activity-list{display:flex;flex-direction:column}.security-activity-item{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);transition:background var(--transition-fast)}.security-activity-item:hover{background-color:var(--color-gray-50)}.security-activity-icon-wrap{padding:var(--spacing-2);border-radius:var(--border-radius-lg);flex-shrink:0}.security-activity-icon-wrap.warning{background-color:#fee2e2}.security-activity-icon-wrap.success{background-color:var(--color-gray-100)}.security-activity-icon{width:1.5rem;height:1.5rem}.security-activity-icon-wrap.warning .security-activity-icon{color:#dc2626}.security-activity-icon-wrap.success .security-activity-icon{color:var(--color-gray-600)}.security-activity-details{flex:1}.security-activity-top{display:flex;align-items:flex-start;justify-content:space-between}.security-activity-top h4{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}.security-activity-meta{display:flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-1)}.security-activity-meta-item{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.security-activity-time{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-gray-500);white-space:nowrap}.security-meta-icon{width:1rem;height:1rem;flex-shrink:0}.security-sessions-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);overflow:hidden}.security-sessions-list{display:flex;flex-direction:column}.security-session-item{padding:var(--spacing-6);border-top:1px solid var(--color-gray-200);transition:background var(--transition-fast)}.security-session-item:hover{background-color:var(--color-gray-50)}.security-session-row{display:flex;align-items:flex-start;justify-content:space-between}.security-session-left{display:flex;align-items:flex-start;gap:var(--spacing-4)}.security-session-icon-wrap{padding:var(--spacing-2);background-color:#dcfce7;border-radius:var(--border-radius-lg);flex-shrink:0}.security-session-icon{width:1.5rem;height:1.5rem;color:#16a34a}.security-session-device-row{display:flex;align-items:center;gap:var(--spacing-2)}.security-session-device-row h4{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}.security-current-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:#dcfce7;color:#15803d;border-radius:var(--border-radius-full)}.security-session-meta{margin-top:var(--spacing-1);display:flex;flex-direction:column;gap:var(--spacing-1)}.security-session-meta-item{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.security-revoke-btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error);background-color:transparent;border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.security-revoke-btn:hover{background-color:#fee2e2}@media(max-width:767px){.security-settings-grid{grid-template-columns:1fr}.security-activity-meta{flex-wrap:wrap;gap:var(--spacing-2)}}.price-calculator{display:flex;flex-direction:column;gap:var(--spacing-6)}.price-calculator-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.price-calculator-header-icon{width:2rem;height:2rem;color:#2563eb;flex-shrink:0}.price-calculator-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.price-calculator-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.price-calculator-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.price-calculator-form-wrap{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-6)}.price-calculator-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.price-calc-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.price-calc-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.price-calc-required{color:var(--color-error)}.price-calc-input-wrap{position:relative}.price-calc-input-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-gray-400)}.price-calc-input-icon svg{width:1.25rem;height:1.25rem}.price-calc-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.price-calc-input.with-icon{padding-left:2.5rem}.price-calc-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.price-calc-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);cursor:pointer;transition:border-color var(--transition-fast)}.price-calc-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.price-calc-error{font-size:var(--font-size-xs);color:var(--color-error);margin:0}.price-calc-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-2)}.price-calc-checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer}.price-calculator-results{display:flex;flex-direction:column;gap:var(--spacing-4)}.price-calc-loading{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-6);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.price-calc-spinner{width:2rem;height:2rem;border:3px solid var(--color-gray-200);border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.price-calc-skeletons{width:100%;display:flex;flex-direction:column;gap:var(--spacing-3)}.price-calc-skeleton{height:1rem;background-color:var(--color-gray-200);border-radius:var(--border-radius-lg);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.price-calc-breakdown{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-6)}.price-calc-breakdown h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4)}.price-calc-breakdown-rows{display:flex;flex-direction:column;gap:var(--spacing-3)}.price-calc-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-gray-100)}.price-calc-row:last-child{border-bottom:none;padding-bottom:0}.price-calc-row.recommended{background-color:#eff6ff;border-radius:var(--border-radius-lg);padding:var(--spacing-3);border-bottom:none;margin-top:var(--spacing-1)}.price-calc-recommended-inner{display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:var(--font-weight-semibold);color:#1d4ed8}.price-calc-row.net-profit{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);border-bottom:none;padding-top:var(--spacing-1)}.price-calc-empty{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-12);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center}.price-calc-empty-icon{width:3rem;height:3rem;color:var(--color-gray-400)}.price-calc-empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.price-calc-empty p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.price-calc-market{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-6)}.price-calc-market h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4)}.price-calc-market-rows{display:flex;flex-direction:column;gap:var(--spacing-3)}.price-calc-position{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);text-transform:capitalize}.price-calc-position.green{background-color:#dcfce7;color:#15803d}.price-calc-position.red{background-color:#fee2e2;color:#b91c1c}.price-calc-position.yellow{background-color:#fef9c3;color:#a16207}.price-calc-recs{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-6)}.price-calc-recs h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-3)}.price-calc-rec-item{border-radius:var(--border-radius-lg);padding:var(--spacing-3);margin-bottom:var(--spacing-2)}.price-calc-rec-item:last-child{margin-bottom:0}.price-calc-rec-item.green{background-color:#f0fdf4}.price-calc-rec-item.red{background-color:#fff1f2}.price-calc-rec-item.blue{background-color:#eff6ff}.price-calc-rec-item.gray{background-color:var(--color-gray-50)}.price-calc-rec-inner{display:flex;align-items:flex-start;gap:var(--spacing-3)}.price-calc-rec-icon{flex-shrink:0}.price-calc-rec-icon svg{width:1.25rem;height:1.25rem}.price-calc-rec-item.green .price-calc-rec-icon svg{color:#16a34a}.price-calc-rec-item.red .price-calc-rec-icon svg{color:#dc2626}.price-calc-rec-item.blue .price-calc-rec-icon svg{color:#2563eb}.price-calc-rec-item.gray .price-calc-rec-icon svg{color:var(--color-gray-600)}.price-calc-rec-content{flex:1}.price-calc-rec-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.price-calc-rec-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1) 0 0}@media(max-width:767px){.price-calculator-body{grid-template-columns:1fr}}.image-search-tool{display:flex;flex-direction:column;gap:var(--spacing-6)}.image-search-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.image-search-header-icon{width:2rem;height:2rem;color:#0891b2;flex-shrink:0}.image-search-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.image-search-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.image-search-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.image-search-upload-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.image-drop-zone{position:relative;border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-8);text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast);cursor:pointer}.image-drop-zone:hover{border-color:var(--color-gray-400)}.image-drop-zone.drag-active{border-color:#0891b2;background-color:#ecfeff}.image-drop-zone.has-image{border-color:#16a34a;background-color:#f0fdf4}.image-preview-wrap{position:relative;display:inline-block}.image-preview-img{max-height:12rem;max-width:100%;border-radius:var(--border-radius-lg);object-fit:contain}.image-clear-btn{position:absolute;top:-.5rem;right:-.5rem;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-full);padding:var(--spacing-1);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:background var(--transition-fast)}.image-clear-btn:hover{background-color:var(--color-gray-100)}.image-clear-icon{width:1rem;height:1rem;color:var(--color-gray-600)}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.image-placeholder-icon{width:3rem;height:3rem;color:var(--color-gray-400)}.image-upload-placeholder p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.image-placeholder-sub{font-size:var(--font-size-xs);color:var(--color-gray-500)}.image-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-upload-actions{display:flex;gap:var(--spacing-3)}.image-choose-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast)}.image-choose-btn:hover{background-color:var(--color-gray-50)}.image-search-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:#0891b2;color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;flex:1;justify-content:center;transition:background var(--transition-fast)}.image-search-btn:hover:not(:disabled){background-color:#0e7490}.image-search-btn:disabled{opacity:.5;cursor:not-allowed}.image-btn-icon{width:1.25rem;height:1.25rem}.image-spinner{width:1rem;height:1rem;border:2px solid rgb(255 255 255 / 30%);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}.image-tips{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:#fefce8;border-radius:var(--border-radius-lg);border:1px solid #fde68a}.image-tips-icon{width:1.25rem;height:1.25rem;color:#ca8a04;flex-shrink:0;margin-top:.125rem}.image-tips-content h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#92400e;margin:0 0 var(--spacing-2)}.image-tips-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.image-tips-content li{font-size:var(--font-size-sm);color:#78350f}.image-results-section{display:flex;flex-direction:column;gap:var(--spacing-4);background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-6)}.image-results-header{display:flex;align-items:center;justify-content:space-between}.image-results-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.image-results-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full)}.image-results-list{overflow-y:auto;max-height:32rem}.image-results-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-12) var(--spacing-4);text-align:center}.image-results-empty-icon{width:3rem;height:3rem;color:var(--color-gray-400)}.image-results-empty h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.image-results-empty p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.image-recent-searches{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-6)}.image-recent-searches h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4)}.image-recent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-2)}.image-recent-item{aspect-ratio:1;background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.image-recent-item:hover{background-color:var(--color-gray-200)}.image-recent-icon{width:1.5rem;height:1.5rem;color:var(--color-gray-400)}@media(max-width:767px){.image-search-body{grid-template-columns:1fr}.image-recent-grid{grid-template-columns:repeat(3,1fr)}}.stat-card-subtext{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--spacing-1) 0 0;font-weight:var(--font-weight-normal)}.admin-system-info{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6);border:1px solid var(--color-gray-200);margin-top:var(--spacing-6);position:relative;overflow:hidden}.admin-system-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:linear-gradient(90deg,var(--color-accent))}.admin-system-info h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-5)}.system-info-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.system-info-item{background-color:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);border-radius:var(--border-radius-lg);padding:var(--spacing-4) var(--spacing-5);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-2);transition:all var(--transition-fast)}.system-info-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.system-info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.system-info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);word-break:break-word}@media(min-width:640px){.system-info-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.system-info-grid{grid-template-columns:repeat(4,1fr)}}.table-container{width:100%;overflow-x:auto;border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);background-color:var(--color-white);box-shadow:var(--shadow-sm)}.table-container table{width:100%;border-collapse:collapse;min-width:640px}.table-container thead{background-color:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%)}.table-container th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.table-container td{padding:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.table-container tbody tr{transition:background-color var(--transition-fast)}.table-container tbody tr:hover{background-color:var(--color-gray-50)}.table-container tbody tr:last-child td{border-bottom:none}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:var(--spacing-3);width:1rem;height:1rem;color:var(--color-gray-400);pointer-events:none;flex-shrink:0}.search-input-wrapper .search-input{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 2.25rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);transition:all var(--transition-fast)}.search-input-wrapper .search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371f}.filter-select{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);width:100%}.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371f}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-gray-300);background-color:var(--color-white);border-radius:var(--border-radius-lg);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);flex-shrink:0}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .btn-icon{width:18px;height:18px}@keyframes management-spin{to{transform:rotate(360deg)}}.product-detail-page{--pd-radius: 20px;--pd-card-shadow: 0 1px 2px rgb(17 24 39 / 4%), 0 20px 44px -28px rgb(17 24 39 / 22%);--pd-border: #ececf0;background:radial-gradient(120% 70% at 50% 0%,#ff9b3714,#ff9b3700 42%),var(--color-background-color);min-height:100vh;padding:var(--spacing-8) 0 var(--spacing-16)}.product-detail-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.product-detail-content{display:flex;flex-direction:column;gap:var(--spacing-8)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-10);align-items:start}.product-images-section{position:sticky;top:calc(64px + var(--spacing-6));display:flex;flex-direction:column;gap:var(--spacing-4)}.product-main-image{aspect-ratio:1;background:linear-gradient(135deg,#fff,#faf7f5);border:1px solid var(--pd-border);border-radius:var(--pd-radius);overflow:hidden;box-shadow:var(--pd-card-shadow)}.product-main-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal)}.product-main-image:hover img{transform:scale(1.03)}.product-thumbnails{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.product-thumbnail{width:76px;height:76px;border:2px solid var(--pd-border);border-radius:14px;overflow:hidden;background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);padding:0;flex-shrink:0}.product-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.product-thumbnail:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.product-thumbnail.active{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b3733}.product-info-section{display:flex;flex-direction:column;gap:var(--spacing-5)}.product-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.product-title-rating{flex:1;min-width:0}.product-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0 0 var(--spacing-2);letter-spacing:-.02em}.product-rating{display:flex;align-items:center;gap:var(--spacing-2)}.stars-container{display:flex;gap:2px}.star-icon{width:16px;height:16px;flex-shrink:0}.star-icon.filled{color:var(--color-warning);fill:var(--color-warning)}.star-icon.empty{color:var(--color-gray-300)}.review-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.product-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid var(--color-gray-200);border-radius:var(--border-radius-full);background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.action-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370f;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-btn .icon-filled{width:20px;height:20px;color:var(--color-error)}.action-btn .icon-outline{width:20px;height:20px}.price-section{background:linear-gradient(135deg,#ff9b371f,#ff9b3708),var(--color-white);border:1px solid rgb(255 155 55 / 22%);border-radius:var(--pd-radius);padding:var(--spacing-6);position:relative;overflow:hidden}.price-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent),#f97316)}.price-main{display:flex;align-items:baseline;gap:var(--spacing-1)}.price-main .currency{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-accent)}.price-main .amount{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-accent);letter-spacing:-.03em;line-height:1}.price-fee{margin-top:var(--spacing-3)}.fee-label{display:inline-flex;align-items:center;padding:4px 12px;background-color:var(--color-white);border:1px solid rgb(255 155 55 / 30%);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.seller-info-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.seller-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);background-color:var(--color-white);border:1px solid var(--pd-border);border-radius:var(--border-radius-xl);padding:var(--spacing-4) var(--spacing-5);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.seller-card:hover{box-shadow:var(--shadow-sm)}.seller-details{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0}.seller-avatar{position:relative;flex-shrink:0}.seller-verified-badge{position:absolute;bottom:-2px;right:-2px}.verified-icon{width:16px;height:16px;color:#2563eb}.seller-text{display:flex;flex-direction:column;gap:2px;min-width:0}.seller-name-row{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.seller-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified-tag{display:inline-flex;align-items:center;padding:2px 8px;background-color:#2563eb1a;color:#2563eb;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;letter-spacing:.02em}.seller-rating{display:flex;align-items:center;gap:var(--spacing-1)}.seller-rating .star-icon.filled{width:14px;height:14px}.rating-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sales-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.contact-seller-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.icon-sm{width:16px;height:16px;flex-shrink:0}.seller-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.seller-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-3) var(--spacing-2);background-color:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-lg);text-align:center}.stat-icon{width:18px;height:18px;color:var(--color-accent)}.stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.product-views-section{display:inline-flex;align-items:center;gap:var(--spacing-2)}.views-icon{width:16px;height:16px;color:var(--color-text-muted)}.views-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.quantity-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.quantity-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.quantity-selector{display:flex;align-items:center;gap:var(--spacing-3)}.qty-btn{width:36px;height:36px;border:1.5px solid var(--color-gray-300);background-color:var(--color-white);border-radius:var(--border-radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);line-height:1}.qty-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370f}.qty-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);min-width:32px;text-align:center}.stock-info{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:var(--spacing-2)}.total-price-section{background-color:#ff9b370f;border:1px solid rgb(255 155 55 / 22%);border-radius:var(--border-radius-lg);padding:var(--spacing-4) var(--spacing-5)}.total-price{display:flex;align-items:center;justify-content:space-between}.total-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.total-amount{font-size:var(--font-size-xl);font-weight:800;color:var(--color-accent);letter-spacing:-.02em}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-3)}.action-buttons .btn-primary{width:100%;padding:var(--spacing-4) var(--spacing-6);background:linear-gradient(180deg,#ffb05a 0%,var(--color-accent) 100%);color:var(--color-white);border:none;border-radius:var(--border-radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 10px 24px -8px #ff9b378c;display:flex;align-items:center;justify-content:center}.action-buttons .btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--color-accent) 0%,#f97316 100%);transform:translateY(-2px);box-shadow:0 14px 30px -8px #ff9b37a6}.action-buttons .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.action-buttons .btn-secondary{width:100%;padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-white);color:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--border-radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.action-buttons .btn-secondary:hover:not(:disabled){background-color:var(--color-accent);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-buttons .btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.security-features{display:flex;gap:1.5rem;padding-top:var(--spacing-2);border-top:1px solid var(--color-gray-100)}.security-feature{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.security-feature .feature-icon{width:18px;height:18px;flex-shrink:0;padding:.5rem}.product-description-section{background-color:var(--color-white);border:1px solid var(--pd-border);border-radius:var(--pd-radius);padding:var(--spacing-8);box-shadow:var(--pd-card-shadow)}.description-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-5)}.description-title:before{content:"";width:4px;height:1.1em;border-radius:var(--border-radius-full);background:linear-gradient(180deg,var(--color-accent),#f97316)}.description-content{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-wrap}.product-specifications-section{background-color:var(--color-white);border:1px solid var(--pd-border);border-radius:var(--pd-radius);padding:var(--spacing-8);box-shadow:var(--pd-card-shadow);display:flex;flex-direction:column;gap:var(--spacing-6)}.specifications-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-5)}.specifications-title:before{content:"";width:4px;height:1.1em;border-radius:var(--border-radius-full);background:linear-gradient(180deg,var(--color-accent),#f97316)}.specifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-4)}.spec-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-xl);transition:all var(--transition-fast)}.spec-item:hover{border-color:#ff9b3759;background-color:#ff9b3708;box-shadow:var(--shadow-sm)}.spec-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ff9b372e,#ff9b370f);border-radius:var(--border-radius-lg);flex-shrink:0}.spec-icon .icon{width:20px;height:20px;color:var(--color-accent)}.spec-content{display:flex;flex-direction:column;gap:3px;min-width:0}.spec-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.spec-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.spec-value.availability.in-stock{color:var(--color-success)}.spec-value.availability.out-of-stock{color:var(--color-error)}.spec-value.condition{text-transform:capitalize}.policy-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.policy-item{padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-white);border:1px solid var(--pd-border);border-radius:var(--border-radius-xl);border-left:4px solid var(--color-accent);box-shadow:var(--pd-card-shadow)}.policy-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.policy-icon{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.policy-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.policy-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.share-menu-modal{position:fixed;inset:0;background-color:#0000007f;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-fade-in .15s ease}.share-menu-content{background-color:var(--color-white);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:360px;overflow:hidden;animation:modal-scale-in .2s ease-out}.share-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-gray-100);background-color:var(--color-gray-50)}.share-menu-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.share-menu-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:var(--color-gray-200);border:none;border-radius:50%;cursor:pointer;font-size:1.25rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.share-menu-close:hover{background-color:var(--color-gray-300);color:var(--color-text-primary)}.share-menu-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6)}.share-option{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;border:none;transition:all var(--transition-fast);background-color:var(--color-gray-100);color:var(--color-text-primary);text-align:center}.share-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-option.facebook{background-color:#1877f2;color:#fff}.share-option.twitter{background-color:#1da1f2;color:#fff}.share-option.whatsapp{background-color:#25d366;color:#fff}.share-option.linkedin{background-color:#0a66c2;color:#fff}.share-option.email{background-color:var(--color-gray-700);color:#fff}.share-option.copy-link{background-color:var(--color-accent);color:#fff}@media(max-width:1023px){.product-detail-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.product-images-section{position:static}.product-title{font-size:var(--font-size-2xl)}}@media(max-width:767px){.product-detail-page{padding:var(--spacing-4) 0 var(--spacing-10)}.product-detail-content{gap:var(--spacing-5)}.product-description-section,.product-specifications-section{padding:var(--spacing-5)}.specifications-grid{grid-template-columns:1fr 1fr}.seller-stats{gap:var(--spacing-2)}.share-menu-options{grid-template-columns:1fr}.product-main-image{border-radius:var(--border-radius-xl)}.quantity-selector{flex-wrap:wrap}}@media(max-width:480px){.specifications-grid{grid-template-columns:1fr}.seller-card{flex-direction:column;align-items:flex-start}.contact-seller-btn{width:100%;justify-content:center}}.skeleton-product-main-image{border-radius:var(--border-radius-2xl)}.loading-icon{animation:management-spin .8s linear infinite}.loading-cell,.empty-cell{text-align:center;padding:var(--spacing-12) var(--spacing-6)!important}.loading-content,.empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.loading-content .loading-icon{width:32px;height:32px;color:var(--color-accent)}.loading-content span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.empty-icon{width:48px;height:48px;color:var(--color-gray-400);margin-bottom:var(--spacing-2)}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.pagination{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.pagination-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.page-number{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pagination-controls{display:flex;gap:var(--spacing-2)}.pagination-controls button{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-gray-300);background-color:var(--color-white);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pagination-controls button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370d}.pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:3px var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.status-badge .badge-icon{width:12px;height:12px}.status-open{background-color:#3b82f61a;color:#2563eb}.status-in-review{background-color:#f59e0b1a;color:#d97706}.status-resolved{background-color:#10b9811a;color:#059669}.status-closed{background-color:#6b72801a;color:var(--color-gray-600)}.status-unknown{background-color:var(--color-gray-100);color:var(--color-gray-600)}.priority-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em}.priority-high{background-color:#ef44441a;color:var(--color-error)}.priority-medium{background-color:#f59e0b1a;color:var(--color-warning)}.priority-low{background-color:#10b9811a;color:var(--color-success)}.action-buttons{display:flex;align-items:center;gap:var(--spacing-2)}.action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-icon,.action-btn .action-icon{width:16px;height:16px}.edit-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#3b82f60f}.activate-btn:hover{border-color:var(--color-success);color:var(--color-success);background-color:#10b9810f}.deactivate-btn:hover{border-color:var(--color-warning);color:var(--color-warning);background-color:#f59e0b0f}.delete-btn:hover{border-color:var(--color-error);color:var(--color-error);background-color:#ef44440f}.view-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);background-color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.view-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370f;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.text-right{text-align:right}.date-cell{white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-text-muted)}.user-management{display:flex;flex-direction:column;gap:var(--spacing-6)}.user-management-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);text-align:center;background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.access-denied-icon{width:64px;height:64px;color:var(--color-error);margin-bottom:var(--spacing-4);opacity:.7}.access-denied-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.access-denied-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.user-management-header{background-color:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);border-radius:var(--border-radius-xl);padding:var(--spacing-6);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.user-management-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:linear-gradient(90deg,var(--color-accent))}.user-management-header .header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}.header-title-section{display:flex;align-items:center;gap:var(--spacing-4)}.add-user-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #ff9b374d;text-decoration:none}.add-user-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ff9b3766;background-color:linear-gradient(135deg,#e8841e,var(--color-deep-accent))}.add-user-btn:disabled{opacity:.6;cursor:not-allowed}.add-user-btn .btn-icon{width:18px;height:18px}.user-management .filters-section{background-color:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--spacing-5);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.user-management .filters-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media(min-width:640px){.user-management .filters-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.user-management .filters-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.bulk-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;background-color:linear-gradient(135deg,rgb(59 130 246 / 6%),rgb(99 102 241 / 6%));border:1px solid rgb(59 130 246 / 20%);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-4)}.bulk-actions-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#2563eb;margin-right:auto}.bulk-action-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-gray-300);background-color:var(--color-white);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.bulk-action-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370d}.user-info{display:flex;align-items:center;gap:var(--spacing-3)}.user-avatar{flex-shrink:0}.avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gray-200)}.avatar-placeholder{width:25px;height:25px;border-radius:50%;background-color:var(--color-accent);display:flex;align-items:center;justify-content:center}.avatar-initials{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);text-transform:uppercase;letter-spacing:.03em}.user-details{display:flex;flex-direction:column;gap:2px}.user-name-row{display:flex;align-items:center;gap:var(--spacing-1)}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.verified-icon{width:14px;height:14px;color:#3b82f6;flex-shrink:0}.user-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dispute-list{display:flex;flex-direction:column;gap:var(--spacing-5)}.dispute-list-header{background-color:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);border-radius:var(--border-radius-xl);padding:var(--spacing-6);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dispute-list-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:linear-gradient(90deg,var(--color-error),#dc2626)}.dispute-list-header .header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}.dispute-list .filters-section{background-color:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--spacing-5);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.filters-content{display:flex;flex-direction:column;gap:var(--spacing-3)}.search-wrapper{width:100%}.filters-controls{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.filters-controls .filter-select{flex:1;min-width:130px}@media(min-width:768px){.filters-content{flex-direction:row;align-items:center}.search-wrapper{flex:1;min-width:200px;max-width:320px}.filters-controls{flex-wrap:nowrap}}.dispute-info{display:flex;flex-direction:column;gap:var(--spacing-1);max-width:280px}.dispute-id-row{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.dispute-id{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-family-mono)}.dispute-reason{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.dispute-description{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:var(--line-height-normal)}.transaction-id{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-family:var(--font-family-mono)}.transaction-amount{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-top:2px}.dispute-stat-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media(min-width:640px){.dispute-stat-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dispute-stat-cards{grid-template-columns:repeat(4,1fr)}}.dispute-guidelines{background-color:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:var(--border-radius-xl);padding:var(--spacing-6)}.dispute-guidelines-inner{display:flex;gap:var(--spacing-4);align-items:flex-start}.dispute-guidelines-icon{width:24px;height:24px;color:#2563eb;flex-shrink:0;margin-top:2px}.dispute-guidelines-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1e40af;margin:0 0 var(--spacing-2)}.dispute-guidelines ul{margin:0;padding-left:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-1)}.dispute-guidelines li{font-size:var(--font-size-sm);color:#1e3a8a;margin:0}.dispute-activity-box{background-color:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--color-gray-200);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.dispute-activity-box h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.dispute-activity-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-100);transition:background-color var(--transition-fast)}.dispute-activity-item:hover{background-color:var(--color-gray-100)}.dispute-activity-item p{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 2px}.dispute-activity-item time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dashboard-page{min-height:100%}.user-status-badge{display:inline-flex;align-items:center;padding:3px var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.user-status-active{background-color:#10b9811a;color:#059669}.user-status-unverified{background-color:#f59e0b1a;color:#d97706}.user-status-suspended{background-color:#ef44441a;color:var(--color-error)}.user-phone{white-space:nowrap}.phone-number{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.phone-icon{width:12px;height:12px;color:var(--color-gray-400);flex-shrink:0}.no-phone{color:var(--color-gray-400);font-size:var(--font-size-sm)}.sign-in-count{font-size:10px;color:var(--color-text-muted);margin-top:2px}.avatar-lg{width:52px!important;height:52px!important}.avatar-lg .avatar-initials{font-size:var(--font-size-base)!important}.modal-overlay{position:fixed;inset:0;background-color:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);padding:var(--spacing-4);animation:overlay-fade-in .15s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.edit-user-modal{background-color:var(--color-white);border-radius:var(--border-radius-2xl, 1rem);box-shadow:0 20px 60px #0003;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modal-slide-in .2s ease;border:1px solid var(--color-gray-200)}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background-color:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);border-radius:var(--border-radius-2xl, 1rem) var(--border-radius-2xl, 1rem) 0 0;position:sticky;top:0;z-index:1}.edit-modal-user-preview{display:flex;align-items:center;gap:var(--spacing-3)}.edit-modal-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 2px}.edit-modal-user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-gray-200);background-color:var(--color-white);border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);flex-shrink:0}.modal-close-btn:hover{border-color:var(--color-error);color:var(--color-error);background-color:#ef44440d}.delete-confirm-modal{background-color:var(--color-white);border-radius:var(--border-radius-2xl, 1rem);box-shadow:0 20px 60px #00000038;width:100%;max-width:440px;border:1px solid var(--color-gray-200);animation:modal-slide-in .2s ease;overflow:hidden}.delete-modal-header{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6);background-color:linear-gradient(135deg,#fff5f5 0%,var(--color-white) 100%);border-bottom:1px solid #fee2e2}.delete-modal-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fee2e2;border-radius:var(--border-radius-lg);flex-shrink:0}.delete-modal-icon{width:20px;height:20px;color:var(--color-error)}.delete-modal-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 3px}.delete-modal-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.delete-modal-user-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.delete-modal-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 2px}.delete-modal-user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.delete-modal-body{padding:var(--spacing-5) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}.delete-modal-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.delete-modal-required{color:var(--color-error)}.delete-modal-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);resize:vertical;font-family:inherit;line-height:var(--line-height-normal);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.delete-modal-textarea:focus{outline:none;border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441f}.delete-modal-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.delete-modal-confirm-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-6);background-color:#ef4444;color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #ef44444d}.delete-modal-confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}.delete-modal-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.edit-modal-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.edit-modal-info-item{display:flex;flex-direction:column;gap:3px}.edit-modal-info-full{grid-column:1 / -1}.edit-modal-info-label{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.edit-modal-info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.edit-modal-fields{padding:var(--spacing-5) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.edit-modal-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.edit-modal-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.edit-modal-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.toggle-label-group{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.toggle-description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.toggle-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap;flex-shrink:0}.toggle-off{background-color:var(--color-gray-200);color:var(--color-text-secondary);border-color:var(--color-gray-300)}.toggle-off:hover{background-color:var(--color-gray-300)}.toggle-on{border-color:transparent}.toggle-success{background-color:#10b9811f;color:#059669;border-color:#10b98159}.toggle-success:hover{background-color:#10b98133}.toggle-danger{background-color:#ef44441a;color:var(--color-error);border-color:#ef44444d}.toggle-danger:hover{background-color:#ef44442e}.edit-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-radius:0 0 var(--border-radius-2xl, 1rem) var(--border-radius-2xl, 1rem)}.edit-modal-cancel-btn{padding:var(--spacing-2) var(--spacing-5);border:1px solid var(--color-gray-300);background-color:var(--color-white);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.edit-modal-cancel-btn:hover{border-color:var(--color-gray-400);color:var(--color-text-primary)}.edit-modal-save-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-6);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #ff9b374d}.edit-modal-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ff9b3766}.edit-modal-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}@media(max-width:767px){.user-management-header .header-content,.dispute-list-header .header-content,.bulk-actions{flex-direction:column;align-items:flex-start}.bulk-actions-label{margin-right:0}.pagination-content{flex-direction:column;align-items:center}.table-container table{font-size:var(--font-size-xs)}}.support-page{background-color:linear-gradient(160deg,var(--color-background) 0%,var(--color-gray-100) 100%);min-height:80vh}.support-container{max-width:1000px}.support-hero{text-align:center;padding-bottom:var(--spacing-4)}.support-hero-badge{display:inline-block;background-color:var(--color-accent);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;padding:var(--spacing-1) var(--spacing-4);border-radius:var(--border-radius-full);margin-bottom:var(--spacing-4)}.support-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.support-category-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);padding:var(--spacing-6);transition:all var(--transition-normal);display:flex;flex-direction:column;gap:var(--spacing-2);position:relative;overflow:hidden}.support-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;opacity:0;transition:opacity var(--transition-fast)}.support-category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.support-category-card:hover:before{opacity:1}.support-cat-blue:before{background-color:var(--color-info)}.support-cat-orange:before{background-color:var(--color-accent)}.support-cat-green:before{background-color:var(--color-success)}.support-cat-red:before{background-color:var(--color-error)}.support-cat-icon-wrap{width:48px;height:48px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2);background-color:var(--color-gray-100)}.support-cat-blue .support-cat-icon-wrap{background-color:#3b82f61a;color:var(--color-info)}.support-cat-orange .support-cat-icon-wrap{background-color:#ff9b371a;color:var(--color-accent)}.support-cat-green .support-cat-icon-wrap{background-color:#10b9811a;color:var(--color-success)}.support-cat-red .support-cat-icon-wrap{background-color:#ef44441a;color:var(--color-error)}.support-cat-icon{width:24px;height:24px}.support-category-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:0}.support-category-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;flex:1}.support-cat-link{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;margin-top:var(--spacing-2);transition:gap var(--transition-fast),color var(--transition-fast)}.support-cat-link:hover{color:var(--color-accent);gap:var(--spacing-2)}.support-cat-arrow{transition:transform var(--transition-fast)}.support-cat-link:hover .support-cat-arrow{transform:translate(3px)}.support-main-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-8);margin-bottom:var(--spacing-8);align-items:start}.support-ticket-section h2{margin-bottom:var(--spacing-2)}.support-form{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-4)}.support-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);background-color:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b3726}.form-group textarea{resize:vertical}.support-submit-btn{align-self:flex-start;padding:var(--spacing-3) var(--spacing-8);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.support-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff9b3759}.support-success{text-align:center;padding:var(--spacing-12) var(--spacing-6);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl)}.support-success-icon{width:64px;height:64px;background-color:var(--color-success);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 auto var(--spacing-4)}.support-success h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.support-success p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.support-sidebar{display:flex;flex-direction:column;gap:var(--spacing-4);position:sticky;top:calc(var(--spacing-16) + var(--spacing-4))}.support-contact-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);padding:var(--spacing-6)}.support-contact-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.support-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.support-contact-list li{display:flex;align-items:flex-start;gap:var(--spacing-3);margin:0;color:var(--color-text-primary)}.support-contact-icon{width:20px;height:20px;color:var(--color-accent);flex-shrink:0;margin-top:2px}.support-contact-list div{display:flex;flex-direction:column;gap:2px}.support-contact-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.support-contact-list a,.support-contact-list span{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.support-contact-list a:hover{color:var(--color-accent)}.support-status-card{background-color:linear-gradient(135deg,rgb(16 185 129 / 7%) 0%,rgb(16 185 129 / 3%) 100%);border:1px solid rgb(16 185 129 / 25%);border-radius:var(--border-radius-xl);padding:var(--spacing-4) var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-3)}.support-status-dot{width:10px;height:10px;background-color:var(--color-success);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #10b98133;animation:pulse-status 2s infinite}@keyframes pulse-status{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b9811a}}.support-status-card strong{font-size:var(--font-size-sm);color:var(--color-text-primary);display:block}.support-status-card p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.support-faq-section h2{margin-bottom:var(--spacing-6)}.support-faq-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.support-faq-item{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}.support-faq-item.open{border-color:var(--color-accent)}.support-faq-question{width:100%;background-color:none;border:none;padding:var(--spacing-4) var(--spacing-5);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);cursor:pointer;text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:background-color var(--transition-fast)}.support-faq-question:hover{background-color:var(--color-gray-50)}.support-faq-chevron{width:18px;height:18px;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.support-faq-chevron.rotated{transform:rotate(180deg);color:var(--color-accent)}.support-faq-answer{padding:var(--spacing-1) var(--spacing-5) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media(max-width:767px){.support-categories-grid,.support-main-grid{grid-template-columns:1fr}.support-sidebar{position:static}.support-form-row{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.support-categories-grid{grid-template-columns:repeat(2,1fr)}.support-main-grid{grid-template-columns:1fr 240px}}.notification-settings-container{display:flex;flex-direction:column}.notification-settings-container.with-padding{padding:var(--spacing-8)}.notification-settings-header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-5);border-bottom:1px solid var(--color-gray-200);background-color:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.notification-settings-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap}.notification-settings-header-content>div>h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.notification-settings-header-content>div>p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.notification-settings-header .btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px #ff9b3740;white-space:nowrap;animation:none}.notification-settings-header .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #ff9b3766}.notification-settings-header .btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.notification-settings-body{display:flex;flex-direction:column;gap:0}.notification-settings-section{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.notification-settings-section:last-child{border-bottom:none}.notification-settings-section>h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-accent);display:inline-block}.notification-settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-4);border-radius:var(--border-radius-lg);transition:background-color var(--transition-fast)}.notification-settings-row:not(:last-child){margin-bottom:var(--spacing-2)}.notification-settings-row:hover{background-color:var(--color-gray-50)}.notification-settings-info{display:flex;align-items:center;gap:var(--spacing-4);flex:1;min-width:0}.notification-icon-lg{width:40px;height:40px;flex-shrink:0;padding:var(--spacing-2);background-color:linear-gradient(135deg,rgb(255 155 55 / 12%) 0%,rgb(88 1 0 / 6%) 100%);border-radius:var(--border-radius-lg);color:var(--color-accent)}.notification-settings-info>div>p:first-child{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 2px}.notification-settings-info>div>p:last-child{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.notification-toggle-container{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.notification-enable-btn{padding:var(--spacing-1) var(--spacing-3);border:1.5px solid var(--color-accent);background-color:transparent;color:var(--color-accent);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.notification-enable-btn:hover{background-color:var(--color-accent);color:var(--color-white)}.notification-toggle-label{cursor:pointer;display:flex;align-items:center}.notification-toggle{position:relative;width:46px;height:26px;background-color:var(--color-gray-300);border-radius:var(--border-radius-full);transition:background-color var(--transition-normal);flex-shrink:0}.notification-toggle.active{background-color:var(--color-accent)}.notification-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform var(--transition-normal)}.notification-toggle.active .notification-toggle-knob{transform:translate(20px)}.notification-toggle-label:has(+input:disabled) .notification-toggle,input.sr-only:disabled~.notification-toggle-label .notification-toggle{opacity:.45;cursor:not-allowed}.notification-category-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-4);border-radius:var(--border-radius-lg);transition:background-color var(--transition-fast)}.notification-category-row:not(:last-child){border-bottom:1px solid var(--color-gray-100);margin-bottom:var(--spacing-1)}.notification-category-row:hover{background-color:var(--color-gray-50)}.notification-category-row>div:first-child>h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.notification-category-row>div:first-child>p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.notification-category-toggles{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;justify-content:flex-end}.notification-category-toggle{display:inline-flex;align-items:center}.notification-category-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.notification-category-label{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border:1.5px solid var(--color-gray-300);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-white);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);white-space:nowrap}.notification-category-label:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370d}.notification-category-toggle input[type=checkbox]:checked+.notification-category-label{background-color:var(--color-accent);border-color:transparent;color:var(--color-white);box-shadow:0 2px 6px #ff9b3759}.notification-category-label.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.notification-quiet-hours-times{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);flex-wrap:wrap}.notification-time-field{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;min-width:120px}.notification-time-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.notification-time-field input[type=time]{padding:var(--spacing-2) var(--spacing-3);border:1.5px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.notification-time-field input[type=time]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b3726}.notification-skeleton-bar{height:24px;width:60%;background-color:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-6)}.notification-skeleton-line{height:56px;width:100%;background-color:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-3)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:639px){.notification-settings-header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.notification-settings-header .btn-primary{width:100%;justify-content:center}.notification-settings-row{flex-wrap:wrap;gap:var(--spacing-3)}.notification-settings-info{gap:var(--spacing-3)}.notification-toggle-container{margin-left:auto}.notification-category-row{grid-template-columns:1fr;gap:var(--spacing-3)}.notification-category-toggles{justify-content:flex-start}}@media(min-width:640px)and (max-width:1023px){.notification-category-row{grid-template-columns:1fr auto;gap:var(--spacing-4)}}.dispute-resolution{width:100%}.dispute-resolution__card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.dispute-resolution__header,.dispute-resolution__section,.dispute-resolution__body{padding:24px}.dispute-resolution__header,.dispute-resolution__section{border-bottom:1px solid #e5e7eb}.dispute-resolution__header-row{display:flex;align-items:center;gap:12px}.dispute-resolution__section-icon,.dispute-resolution__access-icon,.dispute-resolution__success-icon{width:48px;height:48px;flex-shrink:0}.dispute-resolution__section-icon{color:#2563eb}.dispute-resolution__access-icon{color:#9ca3af;margin:0 auto 16px}.dispute-resolution__success-icon{color:#22c55e;margin:0 auto 16px}.dispute-resolution__title{margin:0;font-size:24px;line-height:1.2;font-weight:700;color:#111827}.dispute-resolution__subtitle{margin:4px 0 0;color:#4b5563;font-size:14px}.dispute-resolution__section-title{margin:0 0 16px;font-size:18px;line-height:1.3;font-weight:600;color:#111827}.dispute-resolution__quick-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}@media(min-width:768px){.dispute-resolution__quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.dispute-resolution__quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dispute-resolution__quick-btn,.dispute-resolution__primary-btn,.dispute-resolution__secondary-btn,.dispute-resolution__submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;cursor:pointer}.dispute-resolution__quick-btn{width:100%;padding:12px 16px;border-width:1px}.dispute-resolution__quick-btn--buyer{border-color:#86efac;color:#15803d;background:#f0fdf4}.dispute-resolution__quick-btn--buyer:hover{background:#dcfce7}.dispute-resolution__quick-btn--seller{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}.dispute-resolution__quick-btn--seller:hover{background:#dbeafe}.dispute-resolution__quick-btn--refund{border-color:#fcd34d;color:#b45309;background:#fffbeb}.dispute-resolution__quick-btn--refund:hover{background:#fef3c7}.dispute-resolution__quick-btn--dismiss{border-color:#fca5a5;color:#b91c1c;background:#fef2f2}.dispute-resolution__quick-btn--dismiss:hover{background:#fee2e2}.dispute-resolution__quick-btn:disabled,.dispute-resolution__submit-btn:disabled{opacity:.5;cursor:not-allowed}.dispute-resolution__body-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dispute-resolution__primary-btn{padding:10px 16px;color:#fff;background:#2563eb}.dispute-resolution__primary-btn:hover{background:#1d4ed8}.dispute-resolution__form{display:grid;gap:24px}.dispute-resolution__field{display:grid;gap:8px}.dispute-resolution__label{font-size:14px;font-weight:600;color:#374151}.dispute-resolution__required{color:#ef4444}.dispute-resolution__select,.dispute-resolution__input,.dispute-resolution__textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;font-size:14px;box-shadow:0 1px 2px #00000005;transition:border-color .15s ease,box-shadow .15s ease}.dispute-resolution__select,.dispute-resolution__input{padding:10px 12px}.dispute-resolution__textarea{padding:12px;resize:vertical;min-height:96px}.dispute-resolution__select:focus,.dispute-resolution__input:focus,.dispute-resolution__textarea:focus,.dispute-resolution__range:focus,.dispute-resolution__checkbox:focus,.dispute-resolution__quick-btn:focus,.dispute-resolution__primary-btn:focus,.dispute-resolution__secondary-btn:focus,.dispute-resolution__submit-btn:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.dispute-resolution__error{margin:0;font-size:13px;color:#dc2626}.dispute-resolution__panel-muted{padding:16px;border-radius:12px;background:#f9fafb}.dispute-resolution__mini-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827}.dispute-resolution__grid-2{display:grid;gap:16px}@media(min-width:768px){.dispute-resolution__grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.dispute-resolution__range-row,.dispute-resolution__input-prefix-row{display:flex;align-items:center;gap:10px}.dispute-resolution__range{flex:1;accent-color:#2563eb}.dispute-resolution__range-value{width:44px;font-size:14px;font-weight:600;color:#111827;text-align:right}.dispute-resolution__prefix{font-size:14px;color:#6b7280;white-space:nowrap}.dispute-resolution__checkbox-row{display:flex;align-items:flex-start}.dispute-resolution__checkbox-label{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer}.dispute-resolution__checkbox{width:16px;height:16px;margin-top:2px;accent-color:#2563eb}.dispute-resolution__checkbox-text{font-size:14px;color:#374151}.dispute-resolution__warning{border:1px solid #fde68a;background:#fffbeb;border-radius:12px;padding:16px}.dispute-resolution__warning-row{display:flex;gap:12px}.dispute-resolution__warning-icon{width:20px;height:20px;color:#f59e0b;flex-shrink:0;margin-top:2px}.dispute-resolution__warning-title{margin:0;font-size:14px;font-weight:600;color:#92400e}.dispute-resolution__warning-text{margin:4px 0 0;font-size:14px;color:#b45309;line-height:1.5}.dispute-resolution__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:16px;border-top:1px solid #e5e7eb}.dispute-resolution__secondary-btn{padding:10px 16px;color:#374151;background:#fff;border-color:#d1d5db}.dispute-resolution__secondary-btn:hover{background:#f9fafb}.dispute-resolution__submit-btn{padding:10px 18px;color:#fff;background:#2563eb}.dispute-resolution__submit-btn:hover{background:#1d4ed8}.dispute-resolution__btn-icon{width:18px;height:18px;flex-shrink:0}.dispute-resolution__btn-icon--spin{animation:dispute-resolution-spin 1s linear infinite}@keyframes dispute-resolution-spin{to{transform:rotate(360deg)}}.dispute-resolution__access-denied{width:100%}.dispute-resolution__center{text-align:center}.dispute-resolution__heading{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.dispute-resolution__muted{margin:0;color:#6b7280;font-size:14px}.dispute-resolution__details{margin-top:24px;padding:16px;border-radius:12px;background:#f9fafb;text-align:left}.dispute-resolution__details-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#111827}.dispute-resolution__details-list{display:grid;gap:8px;font-size:14px;color:#374151}.dispute-resolution__label-inline{font-weight:600;color:#111827}.dispute-details{--dd-red: #dc2626;--dd-red-dark: #b91c1c;--dd-ring: rgb(220 38 38 / 16%);--dd-border: #e9eaee;width:100%}.dispute-details__card{background:#fff;border:1px solid var(--dd-border);border-radius:20px;box-shadow:0 1px 2px #1118270a,0 22px 48px -30px #1118273d;overflow:hidden}.dispute-details__card--center{text-align:center;padding:48px 28px}.dispute-details__header,.dispute-details__section,.dispute-details__moderator{padding:24px}.dispute-details__header,.dispute-details__section{border-bottom:1px solid var(--dd-border)}.dispute-details__header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:radial-gradient(130% 150% at 0% 0%,#dc262617,#dc262600 58%),linear-gradient(180deg,#fff,#fdf7f7)}.dispute-details__header:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--dd-red),#f97316)}.dispute-details__header-row{display:flex;align-items:center;gap:14px}.dispute-details__header-icon{box-sizing:content-box;width:24px;height:24px;padding:9px;border-radius:13px;color:var(--dd-red);background:#dc26261a;flex-shrink:0}.dispute-details__empty-icon{width:52px;height:52px;color:#9ca3af;margin:0 auto 18px}.dispute-details__title{margin:0;font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.01em;color:#111827}.dispute-details__subtitle{margin:5px 0 0;font-size:14px;color:#6b7280}.dispute-details__heading{margin:0 0 6px;font-size:18px;font-weight:700;color:#111827}.dispute-details__muted{margin:6px 0 0;font-size:13px;font-weight:400;color:#9ca3af}.dispute-details__status{flex-shrink:0}.dispute-details__badge{display:inline-flex;align-items:center;gap:6px;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;border:1px solid transparent}.dispute-details__badge-icon{width:13px;height:13px}.dispute-details__badge--open{background:#fef3c7;color:#92400e;border-color:#fde68a}.dispute-details__badge--review{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.dispute-details__badge--resolved{background:#dcfce7;color:#166534;border-color:#bbf7d0}.dispute-details__badge--closed,.dispute-details__badge--unknown{background:#f3f4f6;color:#374151;border-color:#e5e7eb}.dispute-details__grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.dispute-details__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dispute-details__section-title{margin:0 0 14px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}.dispute-details__info-list{display:grid;gap:10px}.dispute-details__info-list>div{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:#fafafb;border:1px solid #eef0f3;border-radius:12px}.dispute-details__label{display:block;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#9ca3af}.dispute-details__value{margin:0;font-size:14px;font-weight:500;color:#1f2937;line-height:1.55;word-break:break-word}.dispute-details__attachments-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:768px){.dispute-details__attachments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dispute-details__attachment{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease}.dispute-details__attachment:hover{border-color:#d1d5db;box-shadow:0 6px 18px -12px #11182759}.dispute-details__attachment-left{display:flex;align-items:center;gap:12px;min-width:0}.dispute-details__attachment-icon{width:20px;height:20px;color:#9ca3af;flex-shrink:0}.dispute-details__attachment-name{margin:0;font-size:14px;font-weight:600;color:#111827;word-break:break-word}.dispute-details__attachment-size{margin:4px 0 0;font-size:12px;color:#9ca3af}.dispute-details__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;background:#fff5f5;color:var(--dd-red);border-radius:9px;cursor:pointer;flex-shrink:0;text-decoration:none;transition:background .15s ease,color .15s ease}.dispute-details__icon-btn:hover{background:#fee2e2;color:var(--dd-red-dark)}.dispute-details__download-icon{width:18px;height:18px}.dispute-details__responses{display:grid;gap:14px}.dispute-details__response-card{background:#fafafb;border:1px solid #eef0f3;border-radius:14px;padding:16px}.dispute-details__response-row{display:flex;align-items:flex-start;gap:12px}.dispute-details__avatar-wrap{flex-shrink:0}.dispute-details__avatar{width:38px;height:38px;border-radius:9999px;object-fit:cover}.dispute-details__avatar-fallback{box-sizing:border-box;width:38px;height:38px;padding:7px;color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:9999px}.dispute-details__response-content{min-width:0;flex:1}.dispute-details__response-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.dispute-details__response-name{font-size:14px;font-weight:700;color:#111827}.dispute-details__role-icon{width:16px;height:16px;color:var(--dd-red)}.dispute-details__btn-icon{width:18px;height:18px;flex-shrink:0}.dispute-details__response-date{font-size:12px;color:#9ca3af}.dispute-details__response-message{margin:0;font-size:14px;color:#374151;line-height:1.6}.dispute-details__primary-btn,.dispute-details__secondary-btn,.dispute-details__submit-btn,.dispute-details__moderator-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid transparent;padding:12px 18px;font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}.dispute-details__primary-btn,.dispute-details__submit-btn{background:linear-gradient(180deg,#ef4444 0%,var(--dd-red) 100%);color:#fff;box-shadow:0 10px 22px -10px #dc2626a6}.dispute-details__primary-btn:hover,.dispute-details__submit-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--dd-red) 0%,var(--dd-red-dark) 100%);box-shadow:0 14px 28px -10px #dc2626b3;transform:translateY(-1px)}.dispute-details__submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.dispute-details__secondary-btn{background:#fff;border-color:#e5e7eb;color:#374151}.dispute-details__secondary-btn:hover{background:#f9fafb;border-color:#d1d5db}.dispute-details__moderator-actions{display:flex;flex-wrap:wrap;gap:12px}.dispute-details__moderator-btn--success{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;box-shadow:0 10px 22px -10px #16a34a8c}.dispute-details__moderator-btn--success:hover{background:linear-gradient(180deg,#16a34a,#15803d);transform:translateY(-1px)}.dispute-details__moderator-btn--primary{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 10px 22px -10px #2563eb8c}.dispute-details__moderator-btn--primary:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.dispute-details__moderator-btn--neutral{background:#fff;border-color:#e5e7eb;color:#374151}.dispute-details__moderator-btn--neutral:hover{background:#f9fafb;border-color:#d1d5db}.dispute-details__form{display:grid;gap:16px}.dispute-details__field{display:grid;gap:10px}.dispute-details__field .dispute-details__label{font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:#111827}.dispute-details__textarea{width:100%;min-height:120px;resize:vertical;border:1.5px solid #e5e7eb;border-radius:12px;padding:14px;background:#fff;color:#111827;font-size:14px;font-family:inherit;line-height:1.6;transition:border-color .15s ease,box-shadow .15s ease}.dispute-details__textarea:focus,.dispute-details__primary-btn:focus-visible,.dispute-details__secondary-btn:focus-visible,.dispute-details__submit-btn:focus-visible,.dispute-details__moderator-btn:focus-visible,.dispute-details__icon-btn:focus-visible{outline:none;border-color:var(--dd-red);box-shadow:0 0 0 4px var(--dd-ring)}.dispute-details__error{margin:2px 0 0;font-size:13px;font-weight:500;color:var(--dd-red)}.dispute-details__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.dispute-details__loading{padding:24px}.dispute-details__skeleton-list{display:grid;gap:12px}.dispute-details__skeleton{background:#eef0f3;border-radius:10px;animation:dispute-details-pulse 1.5s ease-in-out infinite}.dispute-details__skeleton--title{height:26px;width:200px;margin-bottom:18px}.dispute-details__skeleton--line{height:16px;width:100%}@keyframes dispute-details-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(max-width:640px){.dispute-details__card{border-radius:16px}.dispute-details__header{flex-direction:column;align-items:flex-start}.dispute-details__header,.dispute-details__section,.dispute-details__moderator{padding:18px 16px}.dispute-details__moderator-actions .dispute-details__moderator-btn{width:100%}}.dispute-dashboard{display:grid;gap:24px;width:100%}.dispute-dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dispute-dashboard__heading-row{display:flex;align-items:flex-start;gap:12px}.dispute-dashboard__heading-icon{width:32px;height:32px;color:#dc2626;flex-shrink:0;margin-top:4px}.dispute-dashboard__title{margin:0;font-size:30px;line-height:1.2;font-weight:700;color:#111827}.dispute-dashboard__subtitle{margin:4px 0 0;font-size:14px;color:#4b5563}.dispute-dashboard__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.dispute-dashboard__secondary-btn,.dispute-dashboard__primary-btn,.dispute-dashboard__danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.dispute-dashboard__secondary-btn{background:#fff;border-color:#d1d5db;color:#374151}.dispute-dashboard__secondary-btn:hover{background:#f9fafb}.dispute-dashboard__primary-btn{background:#2563eb;color:#fff}.dispute-dashboard__primary-btn:hover{background:#1d4ed8}.dispute-dashboard__danger-btn{background:#dc2626;color:#fff}.dispute-dashboard__danger-btn:hover{background:#b91c1c}.dispute-dashboard__btn-icon{width:16px;height:16px}.dispute-dashboard__stats-grid{display:grid;gap:24px;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.dispute-dashboard__stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.dispute-dashboard__stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.dispute-dashboard__stat-card,.dispute-dashboard__main-card,.dispute-dashboard__panel,.dispute-dashboard__help{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0000000a}.dispute-dashboard__stat-card{padding:24px}.dispute-dashboard__stat-row{display:flex;align-items:center;gap:16px}.dispute-dashboard__stat-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.dispute-dashboard__stat-icon--blue{background:#eff6ff;color:#2563eb}.dispute-dashboard__stat-icon--yellow{background:#fffbeb;color:#d97706}.dispute-dashboard__stat-icon--green{background:#f0fdf4;color:#16a34a}.dispute-dashboard__stat-icon--red{background:#fef2f2;color:#dc2626}.dispute-dashboard__stat-icon-svg{width:24px;height:24px}.dispute-dashboard__stat-label{margin:0;font-size:14px;font-weight:500;color:#4b5563}.dispute-dashboard__stat-value{margin:6px 0 0;font-size:24px;line-height:1.2;font-weight:700;color:#111827}.dispute-dashboard__main-card{overflow:hidden}.dispute-dashboard__panel{padding:24px}.dispute-dashboard__section-title{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827}.dispute-dashboard__activity-list{display:grid;gap:12px}.dispute-dashboard__activity-item{display:flex;gap:12px;align-items:flex-start;background:#f9fafb;border-radius:12px;padding:12px}.dispute-dashboard__activity-icon-wrap{flex-shrink:0}.dispute-dashboard__activity-icon{width:20px;height:20px}.dispute-dashboard__activity-icon--red{color:#ef4444}.dispute-dashboard__activity-icon--green{color:#22c55e}.dispute-dashboard__activity-icon--blue{color:#3b82f6}.dispute-dashboard__activity-content{min-width:0}.dispute-dashboard__activity-text{margin:0;font-size:14px;color:#111827}.dispute-dashboard__activity-time{margin:4px 0 0;font-size:12px;color:#6b7280}.dispute-dashboard__empty-state{margin:0;padding:12px 0;text-align:center;color:#6b7280;font-size:14px}.dispute-dashboard__help{padding:24px;background:#eff6ff;border-color:#bfdbfe}.dispute-dashboard__help-row{display:flex;align-items:flex-start;gap:12px}.dispute-dashboard__help-icon{width:24px;height:24px;color:#2563eb;flex-shrink:0;margin-top:2px}.dispute-dashboard__help-title{margin:0;font-size:18px;font-weight:600;color:#1e3a8a}.dispute-dashboard__help-text{margin-top:8px;color:#1e40af;font-size:14px}.dispute-dashboard__list{margin:0;padding-left:20px}.dispute-dashboard__list li+li{margin-top:4px}.dispute-dashboard__loading{display:grid;gap:24px}.dispute-dashboard__skeleton{background:#e5e7eb;border-radius:10px;animation:dispute-dashboard-pulse 1.5s ease-in-out infinite}.dispute-dashboard__skeleton--title{height:24px;width:220px}.dispute-dashboard__skeleton--card{height:120px}@keyframes dispute-dashboard-pulse{0%,to{opacity:1}50%{opacity:.55}}.new-dispute-page{width:100%;min-height:70vh;padding:40px 16px 72px;background:radial-gradient(120% 80% at 50% 0%,#dc26260f,#dc262600 55%),#f9fafb}.new-dispute-page__inner{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.new-dispute-page__back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 16px;font-size:14px;font-weight:600;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;box-shadow:0 1px 2px #0000000a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease}.new-dispute-page__back:hover{color:#111827;border-color:#d1d5db;box-shadow:0 6px 16px -6px #1118272e;transform:translateY(-1px)}.new-dispute-page__back-icon{width:18px;height:18px}.new-dispute-page .dispute-form{box-shadow:0 18px 40px -22px #11182747}.new-dispute-page__assurance{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0000000a}.new-dispute-page__assurance-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#dc262617}.new-dispute-page__assurance-icon{width:22px;height:22px;color:#dc2626}.new-dispute-page__assurance-title{margin:0 0 3px;font-size:14px;font-weight:700;color:#111827}.new-dispute-page__assurance-text{margin:0;font-size:13px;line-height:1.6;color:#6b7280}.new-dispute-page__missing{max-width:480px;margin:48px auto 0;padding:44px 28px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 18px 40px -24px #11182740}.new-dispute-page__missing-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 20px;border-radius:9999px;background:#f59e0b1f}.new-dispute-page__missing-icon{width:32px;height:32px;color:#f59e0b}.new-dispute-page__missing-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#111827}.new-dispute-page__missing-text{margin:0 0 24px;font-size:14px;line-height:1.6;color:#6b7280}.new-dispute-page__missing-link{display:inline-flex;align-items:center;padding:11px 22px;font-size:14px;font-weight:600;color:#fff;background:#dc2626;border-radius:10px;text-decoration:none;box-shadow:0 8px 18px -8px #dc262699;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.new-dispute-page__missing-link:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 10px 22px -8px #dc2626a6}.dispute-form{--df-red: #dc2626;--df-red-dark: #b91c1c;--df-ring: rgb(220 38 38 / 16%);--df-border: #e9eaee;width:100%;background:#fff;border:1px solid var(--df-border);border-radius:20px;box-shadow:0 1px 2px #1118270a,0 22px 48px -30px #1118273d;overflow:hidden}.dispute-form__header{position:relative;padding:26px 24px;border-bottom:1px solid var(--df-border);background:radial-gradient(130% 150% at 0% 0%,#dc262617,#dc262600 58%),linear-gradient(180deg,#fff,#fdf7f7)}.dispute-form__header:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--df-red),#f97316)}.dispute-form__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dispute-form__heading{display:flex;align-items:center;gap:14px}.dispute-form__heading-icon{box-sizing:content-box;width:24px;height:24px;padding:9px;border-radius:13px;color:var(--df-red);background:#dc26261a;flex-shrink:0}.dispute-form__title{margin:0;font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.01em;color:#111827}.dispute-form__subtitle{margin:5px 0 0;font-size:14px;color:#6b7280}.dispute-form__close-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid transparent;background:#ffffffa6;color:#9ca3af;border-radius:10px;cursor:pointer;flex-shrink:0;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.dispute-form__close-btn:hover{color:var(--df-red);background:#fff;border-color:#fecaca}.dispute-form__close-icon{width:22px;height:22px}.dispute-form__transaction{padding:24px;border-bottom:1px solid var(--df-border);background:#fafafb}.dispute-form__mini-title{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}.dispute-form__transaction-section{margin-top:18px;padding-top:18px;border-top:1px dashed var(--df-border)}.dispute-form__transaction-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}@media(min-width:640px){.dispute-form__transaction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dispute-form__transaction-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:#fff;border:1px solid #eef0f3;border-radius:12px}.dispute-form__transaction-item--full{grid-column:1 / -1}.dispute-form__transaction-label{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#9ca3af}.dispute-form__transaction-value{font-size:14px;font-weight:600;color:#111827;word-break:break-word}.dispute-form__transaction-value--capitalize{text-transform:capitalize}.dispute-form__transaction-value--mono{font-family:var(--font-family-mono)}.dispute-form__transaction-value--bold{font-size:15px;font-weight:800;color:#111827}.dispute-form__form{display:grid;gap:26px;padding:26px 24px}.dispute-form__field{display:grid;gap:10px}.dispute-form__label{font-size:14px;font-weight:700;color:#111827}.dispute-form__required{color:var(--df-red)}.dispute-form__help{margin:-2px 0 2px;font-size:13px;line-height:1.5;color:#6b7280}.dispute-form__reasons{display:grid;gap:10px;margin-top:2px}@media(min-width:640px){.dispute-form__reasons{grid-template-columns:repeat(2,minmax(0,1fr))}}.dispute-form__reason{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.dispute-form__reason:hover{border-color:#fca5a5;background:snow}.dispute-form__reason:has(.dispute-form__radio:checked){border-color:var(--df-red);background:#fff5f5;box-shadow:0 0 0 3px var(--df-ring)}.dispute-form__reason:has(.dispute-form__radio:focus-visible){border-color:var(--df-red);box-shadow:0 0 0 4px var(--df-ring)}.dispute-form__radio{margin-top:2px;width:18px;height:18px;accent-color:var(--df-red);flex-shrink:0;cursor:pointer}.dispute-form__reason-content{flex:1;min-width:0}.dispute-form__reason-title{font-size:14px;font-weight:700;color:#111827}.dispute-form__reason-desc{margin-top:3px;font-size:13px;line-height:1.45;color:#6b7280}.dispute-form__textarea,.dispute-form__select{width:100%;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;color:#111827;font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.dispute-form__select{padding:12px 14px}.dispute-form__textarea{padding:14px;resize:vertical;min-height:120px;line-height:1.6}.dispute-form__textarea:focus,.dispute-form__select:focus,.dispute-form__close-btn:focus-visible,.dispute-form__remove-btn:focus-visible,.dispute-form__cancel-btn:focus-visible,.dispute-form__submit-btn:focus-visible{outline:none;border-color:var(--df-red);box-shadow:0 0 0 4px var(--df-ring)}.dispute-form__error{margin:2px 0 0;font-size:13px;font-weight:500;color:var(--df-red)}.dispute-form__dropzone{border:2px dashed #e0e2e7;border-radius:16px;padding:32px 24px;text-align:center;background:#fafafb;transition:border-color .15s ease,background-color .15s ease}.dispute-form__dropzone:hover{border-color:#fca5a5;background:#fff7f7}.dispute-form__dropzone-icon{width:46px;height:46px;margin:0 auto 12px;color:#9ca3af}.dispute-form__dropzone-text{font-size:14px;color:#4b5563}.dispute-form__upload-link{color:var(--df-red);font-weight:700;cursor:pointer;border-radius:6px;transition:color .15s ease}.dispute-form__upload-link:hover{color:var(--df-red-dark);text-decoration:underline}.dispute-form__file-input{display:none}.dispute-form__dropzone-hint{margin:8px 0 0;font-size:12px;color:#9ca3af}.dispute-form__uploading{margin-top:10px;font-size:14px;font-weight:500;color:var(--df-red)}.dispute-form__attachments{display:grid;gap:8px;margin-top:16px}.dispute-form__attachments-title{margin:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9ca3af}.dispute-form__attachment{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px;transition:border-color .15s ease,box-shadow .15s ease}.dispute-form__attachment:hover{border-color:#d1d5db;box-shadow:0 6px 18px -12px #11182759}.dispute-form__attachment-left{display:flex;align-items:center;gap:10px;min-width:0}.dispute-form__attachment-icon{width:18px;height:18px;color:#22c55e;flex-shrink:0}.dispute-form__attachment-name{font-size:14px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dispute-form__attachment-size{font-size:12px;color:#9ca3af;flex-shrink:0}.dispute-form__remove-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:#9ca3af;border-radius:8px;cursor:pointer;flex-shrink:0;transition:color .15s ease,background-color .15s ease}.dispute-form__remove-btn:hover{color:var(--df-red-dark);background:#fee2e2}.dispute-form__remove-icon{width:16px;height:16px}.dispute-form__notice{background:linear-gradient(180deg,#fffdf7,#fffbeb);border:1px solid #fde68a;border-radius:14px;padding:18px}.dispute-form__notice-row{display:flex;gap:12px}.dispute-form__notice-icon{width:22px;height:22px;color:#f59e0b;flex-shrink:0;margin-top:1px}.dispute-form__notice-content{min-width:0}.dispute-form__notice-title{margin:0 0 6px;font-size:14px;font-weight:700;color:#92400e}.dispute-form__notice-list{margin:0;padding-left:18px;display:grid;gap:5px}.dispute-form__notice-list li{margin:0;font-size:13px;line-height:1.5;color:#b45309}.dispute-form__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:22px;border-top:1px solid var(--df-border)}.dispute-form__cancel-btn,.dispute-form__submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}.dispute-form__cancel-btn{padding:12px 18px;border:1.5px solid #e5e7eb;background:#fff;color:#374151}.dispute-form__cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.dispute-form__submit-btn{padding:12px 26px;border:1px solid transparent;background:linear-gradient(180deg,#ef4444 0%,var(--df-red) 100%);color:#fff;box-shadow:0 10px 22px -10px #dc2626a6}.dispute-form__submit-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--df-red) 0%,var(--df-red-dark) 100%);box-shadow:0 14px 28px -10px #dc2626b3;transform:translateY(-1px)}.dispute-form__submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media(max-width:640px){.dispute-form{border-radius:16px}.dispute-form__header{padding:20px 16px}.dispute-form__transaction{padding:18px 16px}.dispute-form__form{padding:20px 16px;gap:22px}.dispute-form__title{font-size:20px}.dispute-form__actions{flex-direction:column-reverse;align-items:stretch}.dispute-form__cancel-btn,.dispute-form__submit-btn{width:100%}}.dispute-workflow{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.dispute-workflow--padded{padding:24px}.dispute-workflow--center{text-align:center}.dispute-workflow__header{padding:24px;border-bottom:1px solid #e5e7eb}.dispute-workflow__title{margin:0;font-size:22px;line-height:1.2;font-weight:700;color:#111827}.dispute-workflow__subtitle{margin:4px 0 0;font-size:14px;color:#4b5563}.dispute-workflow__body{padding:24px}.dispute-workflow__timeline{list-style:none;margin:0;padding:0}.dispute-workflow__item{position:relative;padding-bottom:32px}.dispute-workflow__item:last-child{padding-bottom:0}.dispute-workflow__connector{position:absolute;top:32px;left:16px;width:2px;height:calc(100% - 32px);transform:translate(-1px)}.dispute-workflow__connector--completed{background:#bbf7d0}.dispute-workflow__connector--pending{background:#e5e7eb}.dispute-workflow__row{position:relative;display:flex;gap:12px}.dispute-workflow__icon-wrap{flex-shrink:0}.dispute-workflow__step-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px}.dispute-workflow__step-icon--completed{background:#dcfce7}.dispute-workflow__step-icon--pending{background:#fef3c7}.dispute-workflow__step-icon--default{background:#f3f4f6}.dispute-workflow__step-icon-svg{width:20px;height:20px}.dispute-workflow__step-icon--completed .dispute-workflow__step-icon-svg{color:#16a34a}.dispute-workflow__step-icon--pending .dispute-workflow__step-icon-svg{color:#d97706}.dispute-workflow__step-icon--default .dispute-workflow__step-icon-svg{color:#4b5563}.dispute-workflow__content{flex:1;min-width:0;padding-top:2px}.dispute-workflow__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dispute-workflow__step-title{margin:0;font-size:14px;font-weight:600;color:#111827}.dispute-workflow__step-desc{margin:4px 0 0;font-size:14px;color:#6b7280}.dispute-workflow__step-side{text-align:right;flex-shrink:0}.dispute-workflow__timestamp{margin:4px 0 0;font-size:12px;color:#9ca3af}.dispute-workflow__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.dispute-workflow__badge--system{background:#f3f4f6;color:#1f2937}.dispute-workflow__badge--moderator{background:#dbeafe;color:#1e40af}.dispute-workflow__badge--admin{background:#fee2e2;color:#991b1b}.dispute-workflow__badge--buyer{background:#dcfce7;color:#166534}.dispute-workflow__badge--seller{background:#f3e8ff;color:#6b21a8}.dispute-workflow__footer{padding:24px;border-top:1px solid #e5e7eb;background:#f9fafb}.dispute-workflow__status-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.dispute-workflow__status-side{text-align:right}.dispute-workflow__status-label{margin:0;font-size:14px;font-weight:600;color:#111827}.dispute-workflow__status-value{margin:4px 0 0;font-size:14px;color:#4b5563;text-transform:capitalize}.dispute-workflow__status-updated{margin:0;font-size:14px;color:#4b5563}.dispute-workflow__note{margin-top:16px;padding:16px;border:1px solid transparent;border-radius:10px}.dispute-workflow__note--info{background:#eff6ff;border-color:#bfdbfe}.dispute-workflow__note--success{background:#f0fdf4;border-color:#bbf7d0}.dispute-workflow__note-title{margin:0;font-size:14px;font-weight:600;color:#1e3a8a}.dispute-workflow__note-title--success{color:#14532d}.dispute-workflow__note-text{margin-top:4px;font-size:14px;color:#1e40af}.dispute-workflow__note-text p{margin:0;color:inherit}.dispute-workflow__note-text p+p{margin-top:4px}.dispute-workflow__note-text--success{color:#15803d}.dispute-workflow__empty-icon{width:48px;height:48px;margin:0 auto 16px;color:#9ca3af}.dispute-workflow__empty-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.dispute-workflow__empty-text{margin:0;font-size:14px;color:#6b7280}.dispute-workflow__loading{display:grid;gap:24px}.dispute-workflow__skeleton-list{display:grid;gap:16px}.dispute-workflow__skeleton-row{display:flex;align-items:center;gap:16px}.dispute-workflow__skeleton-lines{flex:1;display:grid;gap:8px}.dispute-workflow__skeleton{background:#e5e7eb;border-radius:8px;animation:dispute-workflow-pulse 1.5s ease-in-out infinite}.dispute-workflow__skeleton--title{height:24px;width:192px}.dispute-workflow__skeleton--circle{width:32px;height:32px;border-radius:9999px;flex-shrink:0}.dispute-workflow__skeleton--line{height:16px;width:75%}.dispute-workflow__skeleton--short{height:12px;width:50%}@keyframes dispute-workflow-pulse{0%,to{opacity:1}50%{opacity:.55}}.txn-link-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);text-decoration:none;color:inherit;transition:all var(--transition-normal);position:relative;overflow:hidden}.txn-link-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:linear-gradient(90deg,var(--color-accent));transform:scaleX(0);transition:transform var(--transition-normal)}.txn-link-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #ff9b371f;transform:translateY(-2px)}.txn-link-card:hover:before{transform:scaleX(1)}.txn-link-card:hover .txn-card-chevron{color:var(--color-accent);transform:translate(3px)}.txn-card-icon{width:44px;height:44px;border-radius:var(--border-radius-lg);background-color:#ff9b3714;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.txn-card-body{flex:1;min-width:0}.txn-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 2px}.txn-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-card-chevron{color:var(--color-gray-300);font-size:1.25rem;transition:all var(--transition-fast);flex-shrink:0}[data-status]{display:inline-flex;align-items:center;padding:3px var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;line-height:1.4}[data-status=pending]{background-color:#f59e0b1a;color:#d97706}[data-status=paid],[data-status=escrow_funded]{background-color:#3b82f61a;color:#2563eb}[data-status=shipped],[data-status=delivered]{background-color:#06b6d41a;color:#0891b2}[data-status=completed],[data-status=escrow_released]{background-color:#10b9811a;color:#059669}[data-status=cancelled],[data-status=failed]{background-color:#ef44441a;color:#dc2626}[data-status=disputed]{background-color:#f973161a;color:#ea580c}[data-status=refunded]{background-color:#6b72801a;color:#374151}[data-status=held]{background-color:#8b5cf61a;color:#7c3aed}.txn-filters{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-5) var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.txn-filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:flex-end}.txn-filter-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.txn-filter-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.txn-filter-field select,.txn-filter-field input{padding:var(--spacing-2) var(--spacing-3);border:1.5px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-white);min-width:130px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.txn-filter-field select:focus,.txn-filter-field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b371a}.txn-clear-btn{padding:var(--spacing-2) var(--spacing-4);border:1.5px solid var(--color-gray-300);background-color:var(--color-white);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);align-self:flex-end}.txn-clear-btn:hover:not(:disabled){background-color:#ef44440f;border-color:var(--color-error)}.txn-clear-btn:disabled{opacity:.5;cursor:not-allowed}.txn-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm)}.txn-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.txn-pagination-info span{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.txn-pagination-btns{display:flex;gap:var(--spacing-1);align-items:center;flex-wrap:wrap}.txn-page-btn{padding:var(--spacing-1) var(--spacing-3);min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-gray-200);background-color:var(--color-white);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.txn-page-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background-color:#ff9b370d}.txn-page-btn[aria-current=page]{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:var(--font-weight-bold)}.txn-page-btn:disabled{opacity:.45;cursor:not-allowed}.txn-page-ellipsis{padding:0 var(--spacing-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.txn-table-page{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-2)}.txn-page-header{background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:var(--spacing-6) var(--spacing-8);box-shadow:0 8px 28px #ff9b3738;position:relative;overflow:hidden}.txn-page-header:before{content:"";position:absolute;top:-50%;right:-6%;width:260px;height:260px;background-color:radial-gradient(circle,rgb(255 255 255 / 8%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.txn-page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-1);position:relative;z-index:1}.txn-page-header p{font-size:var(--font-size-sm);color:#ffffffd1;margin:0;position:relative;z-index:1}.txn-table-wrap{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.txn-table-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.txn-table-topbar h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.txn-count-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-gray-100);padding:2px var(--spacing-3);border-radius:var(--border-radius-full)}.txn-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.txn-table{width:100%;border-collapse:collapse;min-width:640px}.txn-table thead{background-color:var(--color-gray-50)}.txn-table th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.txn-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.txn-table tbody tr{transition:background var(--transition-fast)}.txn-table tbody tr:hover{background-color:var(--color-gray-50)}.txn-table tbody tr:last-child td{border-bottom:none}.txn-ref{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.txn-user-cell p:first-child{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 1px}.txn-user-cell p:last-child{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.txn-amount{font-weight:var(--font-weight-bold);color:var(--color-accent)}.txn-payout{font-weight:var(--font-weight-semibold);color:var(--color-success)}.txn-confirm-yes{color:var(--color-success);font-size:1.1em}.txn-confirm-no{color:var(--color-gray-300)}.txn-date{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.txn-view-link{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-decoration:none;padding:4px var(--spacing-3);border:1px solid rgb(255 155 55 / 30%);border-radius:var(--border-radius-md);background-color:#ff9b370f;transition:all var(--transition-fast)}.txn-view-link:hover{background-color:var(--color-accent);color:#fff;border-color:transparent}.txn-state-cell{text-align:center;padding:var(--spacing-12) var(--spacing-6)!important}.txn-state-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.txn-state-inner p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.txn-error-banner{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background-color:#ef44440f;border:1px solid rgb(239 68 68 / 20%);border-radius:var(--border-radius-lg);color:#dc2626;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.txn-sort-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.txn-sort-row label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.txn-sort-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-gray-200);background-color:var(--color-white);border-radius:var(--border-radius-lg);font-size:1rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.txn-sort-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.txn-summary-strip{display:flex;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background-color:#ff9b370d;border:1px solid rgb(255 155 55 / 18%);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs)}.txn-summary-item{display:flex;gap:var(--spacing-1);align-items:center}.txn-summary-item span:first-child{color:var(--color-text-muted);text-transform:capitalize}.txn-summary-item span:last-child{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}@media(max-width:767px){.txn-page-header{padding:var(--spacing-5)}.txn-page-header h1{font-size:var(--font-size-xl)}.txn-filters{padding:var(--spacing-4)}.txn-filter-field select,.txn-filter-field input{min-width:0;width:100%}.txn-sort-row{justify-content:center;gap:3rem}.txn-pagination{flex-direction:column;align-items:center}.txn-table-topbar{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}.bph-page{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-2)}.bph-header{background-color:var(--color-accent);border-radius:var(--border-radius-2xl);padding:var(--spacing-6) var(--spacing-8);box-shadow:0 8px 28px #ff9b3738;position:relative;overflow:hidden}.bph-header:before{content:"";position:absolute;top:-55%;right:-6%;width:260px;height:260px;background-color:radial-gradient(circle,rgb(255 255 255 / 8%) 0%,transparent 70%);border-radius:50%;pointer-events:none}.bph-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-1);position:relative;z-index:1;letter-spacing:-.02em}.bph-header p{font-size:var(--font-size-sm);color:#ffffffd1;margin:0;position:relative;z-index:1;font-weight:var(--font-weight-medium)}.bph-error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background-color:#ef44440f;border:1px solid rgb(239 68 68 / 20%);border-radius:var(--border-radius-lg);color:#dc2626;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bph-table-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.bph-table-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.bph-table-topbar h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.bph-count-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-gray-100);padding:2px var(--spacing-3);border-radius:var(--border-radius-full)}.bph-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.bph-table{width:100%;border-collapse:collapse;min-width:640px}.bph-table thead{background-color:var(--color-gray-50)}.bph-table th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.bph-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.bph-table tbody tr{transition:background-color var(--transition-fast)}.bph-table tbody tr:hover{background-color:var(--color-gray-50)}.bph-table tbody tr:last-child td{border-bottom:none}.bph-ref{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:.04em}.bph-product{font-weight:var(--font-weight-medium);color:var(--color-text-primary);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bph-seller{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.bph-amount{font-weight:var(--font-weight-bold);color:var(--color-accent);white-space:nowrap}.bph-escrow-pill{display:inline-flex;align-items:center;padding:3px var(--spacing-3);background-color:#8b5cf614;color:#7c3aed;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;white-space:nowrap}.bph-escrow-nil{color:var(--color-text-muted);font-size:var(--font-size-sm)}.bph-date{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.bph-dispute-link{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-error);text-decoration:none;padding:4px var(--spacing-3);border:1px solid rgb(239 68 68 / 25%);border-radius:var(--border-radius-md);background-color:#ef44440d;white-space:nowrap;transition:all var(--transition-fast)}.bph-dispute-link:hover{background-color:var(--color-error);color:#fff;border-color:transparent}.bph-state-cell{text-align:center;padding:var(--spacing-12) var(--spacing-6)!important}.bph-state-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.bph-state-icon{width:48px;height:48px;color:var(--color-gray-300)}.bph-state-inner p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.bph-skeleton-row td{padding:var(--spacing-3) var(--spacing-4)}.bph-skeleton-cell{height:16px;border-radius:var(--border-radius-sm);background-color:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:bph-shimmer 1.5s ease-in-out infinite}@keyframes bph-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:767px){.bph-page{gap:var(--spacing-4)}.bph-header{padding:var(--spacing-5)}.bph-header h1{font-size:var(--font-size-xl)}.bph-table-topbar{flex-direction:column;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-4)}.bph-table td,.bph-table th{padding:var(--spacing-3)}.bph-product{max-width:120px}}.error-boundary-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.error-boundary-card{max-width:28rem;width:100%;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.5rem;padding:1.5rem}.error-boundary-icon-wrapper{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:0 auto 1rem;background-color:#fee2e2;border-radius:9999px}.error-boundary-icon{width:1.5rem;height:1.5rem;color:#dc2626}.error-boundary-body{text-align:center}.error-boundary-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.error-boundary-message{font-size:.875rem;color:#4b5563;margin:0 0 1.5rem;line-height:1.5}.error-boundary-actions{display:flex;flex-direction:column;gap:.75rem}.error-boundary-btn{width:100%;padding:.5rem 1rem;border-radius:.375rem;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.error-boundary-btn:focus{outline:none;box-shadow:0 0 0 3px #6366f166}.error-boundary-btn--primary{background-color:#2563eb;color:#fff}.error-boundary-btn--primary:hover{background-color:#1d4ed8}.error-boundary-btn--secondary{background-color:#e5e7eb;color:#1f2937}.error-boundary-btn--secondary:hover{background-color:#d1d5db}.error-boundary-details{margin-top:1.5rem;text-align:left}.error-boundary-details summary{cursor:pointer;font-size:.875rem;font-weight:500;color:#374151;-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{color:#111827}.error-boundary-details-body{margin-top:.5rem;padding:.75rem;background-color:#f3f4f6;border-radius:.375rem}.error-boundary-pre{font-size:.75rem;color:#1f2937;white-space:pre-wrap;overflow:auto;max-height:10rem;margin:0}.sub-wrapper{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.sub-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background-color:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.sub-header__inner{display:flex;align-items:center;gap:var(--spacing-4)}.sub-header__icon{width:28px;height:28px;color:var(--color-accent);flex-shrink:0}.sub-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.sub-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.sub-section{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-100)}.sub-section:last-child{border-bottom:none}.sub-section__heading{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4)}.sub-current-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-5);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl)}.sub-current-card__left{display:flex;align-items:flex-start;gap:var(--spacing-4);flex:1;min-width:0}.sub-current-card__info{flex:1;min-width:0}.sub-current-card__name-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;margin-bottom:var(--spacing-1)}.sub-current-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.sub-current-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-3)}.sub-current-card__meta{display:flex;flex-direction:column;gap:var(--spacing-2)}.sub-meta-row{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sub-meta-row__icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.sub-current-card__price{text-align:right;flex-shrink:0}.sub-price__amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.1}.sub-price__period{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1)}.sub-plan-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--border-radius-lg);flex-shrink:0}.sub-plan-icon--lg{width:56px;height:56px;border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-4)}.sub-plan-icon__svg{width:22px;height:22px}.sub-plan-icon__svg--lg{width:28px;height:28px}.sub-plan-icon--gray{background-color:var(--color-gray-100);color:var(--color-gray-600)}.sub-plan-icon--blue{background-color:#3b82f61a;color:#2563eb}.sub-plan-icon--yellow{background-color:#f59e0b1f;color:#d97706}.sub-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:3px var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.sub-status-badge__icon{width:13px;height:13px;flex-shrink:0}.sub-status-badge--active{background-color:#10b9811a;color:#059669}.sub-status-badge--canceled{background-color:#ef44441a;color:#dc2626}.sub-status-badge--past-due{background-color:#f59e0b1a;color:#d97706}.sub-status-badge--unknown{background-color:var(--color-gray-100);color:var(--color-gray-600)}.sub-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-5)}.sub-plan-card{position:relative;display:flex;flex-direction:column;border:2px solid var(--color-gray-200);border-radius:var(--border-radius-xl);padding:var(--spacing-6);background-color:var(--color-white);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.sub-plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sub-plan-card--popular{border-color:#d97706;background-color:#f59e0b08}.sub-plan-card--current{border-color:#2563eb;background-color:#3b82f608}.sub-plan-card__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;letter-spacing:.03em}.sub-plan-card__badge-icon{width:13px;height:13px;flex-shrink:0}.sub-plan-card__badge--popular{background-color:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 2px 8px #d9770659}.sub-plan-card__badge--current{background-color:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 8px #2563eb4d}.sub-plan-card__body{display:flex;flex-direction:column;align-items:flex-start}.sub-plan-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.sub-plan-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-4)}.sub-plan-card__pricing{margin-bottom:var(--spacing-5)}.sub-plan-card__price{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.03em}.sub-plan-card__period{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:2px}.sub-plan-card__features{list-style:none;padding:0;margin:0 0 var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.sub-plan-card__feature{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.sub-plan-card__feature-icon{width:16px;height:16px;color:var(--color-success);flex-shrink:0;margin-top:2px}.sub-plan-card__actions{margin-top:auto}.sub-plan-card__actions-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.sub-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;border:none;transition:all var(--transition-fast)}.sub-btn--disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed;border:1px solid var(--color-gray-200)}.sub-btn--cancel{background-color:transparent;color:var(--color-error);border:1.5px solid rgb(239 68 68 / 30%)}.sub-btn--cancel:hover{background-color:#ef44440f;border-color:var(--color-error)}.sub-btn--secondary{background-color:var(--color-gray-100);color:var(--color-text-primary);border:1px solid var(--color-gray-200)}.sub-btn--secondary:hover{background-color:var(--color-gray-200)}.sub-btn--danger{background-color:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444447}.sub-btn--danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}.sub-btn--danger:disabled{opacity:.55;cursor:not-allowed;transform:none}.sub-btn--upgrade{box-shadow:0 2px 8px #0000001a;color:#fff}.sub-btn--upgrade:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #0000002e}.sub-btn--upgrade:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.sub-btn--upgrade-gray{background-color:linear-gradient(135deg,var(--color-gray-600),#374151)}.sub-btn--upgrade-blue{background-color:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb4d}.sub-btn--upgrade-blue:hover:not(:disabled){box-shadow:0 6px 18px #2563eb66}.sub-btn--upgrade-yellow{background-color:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 2px 8px #d9770652}.sub-btn--upgrade-yellow:hover:not(:disabled){box-shadow:0 6px 18px #d9770673}.sub-modal-overlay{position:fixed;inset:0;background-color:#0000007f;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sub-modal{background-color:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:0 24px 60px #0000002e;padding:var(--spacing-7) var(--spacing-8);max-width:420px;width:100%;animation:modal-scale-in .2s ease-out}.sub-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-3)}.sub-modal__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-6)}.sub-modal__actions{display:flex;gap:var(--spacing-3)}.sub-modal__actions .sub-btn{flex:1}.sub-skeleton{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-3)}.sub-skeleton__title{height:24px;width:48%;border-radius:var(--border-radius-md);background-color:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.sub-skeleton__card{height:80px;border-radius:var(--border-radius-lg);background-color:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@media(max-width:767px){.sub-plans-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.sub-current-card{flex-direction:column;gap:var(--spacing-3)}.sub-current-card__price{text-align:left}.sub-modal{padding:var(--spacing-5) var(--spacing-5)}.sub-modal__actions{flex-direction:column}}@media(min-width:768px)and (max-width:1023px){.sub-plans-grid{grid-template-columns:repeat(2,1fr)}}.personal-details{display:flex;flex-direction:column;gap:1.5rem}.personal-details-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background-color:#ef444414;border:1px solid rgb(239 68 68 / 25%);border-radius:10px;color:#991b1b}.personal-details-alert svg{flex-shrink:0;color:#dc2626;margin-top:2px}.personal-details-alert p{margin:.25rem 0 0;font-size:.875rem;color:#7f1d1d}.details-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.details-row{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid #f1f5f9}.details-row:last-child{border-bottom:none}.details-row-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background-color:#eff6ff;color:#3b82f6;display:inline-flex;align-items:center;justify-content:center}.details-row-icon svg{width:1.125rem;height:1.125rem}.details-row-body{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.details-row-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.details-row-value{font-size:.95rem;color:#1e293b;font-weight:500;word-break:break-word}.details-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background-color:#f1f5f9;color:#334155}.details-badge-success{background-color:#10b9811f;color:#047857}.details-badge-warning{background-color:#f59e0b24;color:#b45309}.details-badge-danger{background-color:#ef44441f;color:#b91c1c}.details-badge-muted{background-color:#f1f5f9;color:#64748b}.details-badge-customer{background-color:#3b82f61f;color:#1d4ed8}.details-badge-seller,.details-badge-merchant{background-color:#a855f71f;color:#7c3aed}.details-badge-admin{background-color:#f43f5e1f;color:#be123c}.details-badge-unknown{background-color:#f1f5f9;color:#64748b}.details-referral{display:inline-flex;align-items:center;gap:.5rem}.details-referral code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;font-weight:600;padding:4px 10px;background-color:#f1f5f9;border-radius:6px;color:#1e293b;letter-spacing:.05em}.details-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e2e8f0;background-color:#fff;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.details-copy-btn:hover{color:#3b82f6;border-color:#3b82f6;background-color:#eff6ff}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.details-stat{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.details-stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.details-stat-value{font-size:.95rem;font-weight:600;color:#1e293b}.details-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.details-online{display:inline-flex;align-items:center;gap:.5rem}.details-online-dot{width:8px;height:8px;border-radius:50%;background-color:#94a3b8;box-shadow:0 0 0 3px #94a3b833}.details-online-dot.is-online{background-color:#10b981;box-shadow:0 0 0 3px #10b98140}@media(max-width:640px){.details-row{gap:.75rem}.details-row-icon{width:32px;height:32px}.details-grid{grid-template-columns:1fr}}.edit-profile-modal{background-color:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.edit-profile-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem}.edit-profile-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.edit-profile-modal .modal-header button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:#f1f5f9;color:#64748b;border-radius:8px;cursor:pointer;transition:all .15s ease}.edit-profile-modal .modal-header button:hover{background-color:#e2e8f0;color:#1e293b}.edit-profile-body{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.edit-profile-modal .modal-footer{padding:1rem 1.5rem}.edit-profile-modal .btn-primary,.edit-profile-modal .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s ease}.edit-profile-modal .btn-primary{background-color:#3b82f6;color:#fff;border:1px solid #3b82f6}.edit-profile-modal .btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.edit-profile-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.edit-profile-modal .btn-secondary{background-color:#fff;color:#475569;border:1px solid #e2e8f0}.edit-profile-modal .btn-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.profile-photo-input{display:none}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 #ff9b3759}70%{box-shadow:0 0 0 12px #ff9b3700}to{box-shadow:0 0 #ff9b3700}}@keyframes checkmark-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin-smooth{to{transform:rotate(360deg)}}@keyframes progress-fill{0%{width:0%}to{width:100%}}.payment-gateway-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-background-color);padding:var(--spacing-4);animation:fadeIn .3s ease}.payment-gateway-card{width:100%;max-width:480px;background:var(--color-white);border-radius:var(--border-radius-2xl);box-shadow:0 1px 3px #0000000f,0 8px 32px #00000014,0 0 0 1px #0000000a;overflow:hidden;animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1)}.payment-gateway-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--color-accent) 0%,#ffb76b 100%)}.payment-gateway-body{padding:var(--spacing-8) var(--spacing-6)}.payment-gateway-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-100);background-color:var(--color-gray-50);text-align:center}.payment-gateway-footer p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.payment-gateway-footer a{color:var(--color-accent);font-weight:var(--font-weight-semibold);text-decoration:none;transition:opacity var(--transition-fast)}.payment-gateway-footer a:hover{opacity:.75}.status-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-4);animation:fadeSlideUp .35s cubic-bezier(.16,1,.3,1)}.status-icon-wrap{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;margin-bottom:var(--spacing-2)}.status-icon-wrap--processing{background-color:#ff9b371a}.status-icon-wrap--success{background-color:#10b9811a;animation:checkmark-pop .5s cubic-bezier(.34,1.56,.64,1) both}.status-icon-wrap--success svg{color:var(--color-success);width:40px;height:40px}.status-icon-wrap--failed{background-color:#ef44441a;animation:checkmark-pop .5s cubic-bezier(.34,1.56,.64,1) both}.status-icon-wrap--failed svg{color:var(--color-error);width:40px;height:40px}.status-icon-wrap--pending,.status-icon-wrap--timeout{background-color:#f59e0b1a;animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite}.status-icon-wrap--pending svg,.status-icon-wrap--timeout svg{color:var(--color-warning);width:36px;height:36px}.status-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.status-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);max-width:340px;margin:0}.status-hint{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-full);padding:var(--spacing-2) var(--spacing-4)}.status-hint svg{width:14px;height:14px;color:var(--color-accent)}.status-progress-bar{width:100%;height:3px;background-color:var(--color-gray-100);border-radius:var(--border-radius-full);overflow:hidden}.status-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#ffb76b);border-radius:var(--border-radius-full);animation:shimmer 1.6s ease-in-out infinite;background-size:800px 4px;background-image:linear-gradient(90deg,var(--color-accent) 0%,#ffca8a 50%,var(--color-accent) 100%)}.payment-summary-card{width:100%;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);overflow:hidden}.payment-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.payment-summary-row:last-child{border-bottom:none}.payment-summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.payment-summary-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.payment-summary-value--amount{font-size:var(--font-size-base);color:var(--color-success)}.redirect-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--spacing-2)}.redirect-hint:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--color-success);animation:pulse-ring 1.5s ease infinite;flex-shrink:0}.retry-counter{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-4)}.status-warning-box{width:100%;display:flex;gap:var(--spacing-3);background-color:#f59e0b14;border:1px solid rgb(245 158 11 / 25%);border-radius:var(--border-radius-lg);padding:var(--spacing-4);text-align:left}.status-warning-box svg{width:20px;height:20px;color:var(--color-warning);flex-shrink:0;margin-top:2px}.status-warning-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.status-warning-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.status-info-box{width:100%;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4);text-align:left}.status-info-box p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.status-info-box p+p{margin-top:var(--spacing-2)}.status-actions{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}@media(min-width:400px){.status-actions{flex-direction:row;justify-content:center}}.btn-payment-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,var(--color-accent) 0%,#f78b20 100%);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #ff9b3759;white-space:nowrap;text-decoration:none}.btn-payment-primary svg{width:16px;height:16px}.btn-payment-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ff9b3773}.btn-payment-primary:active:not(:disabled){transform:translateY(0)}.btn-payment-primary:disabled{opacity:.6;cursor:not-allowed}.btn-payment-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-payment-ghost svg{width:16px;height:16px}.btn-payment-ghost:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-text-primary)}.btn-payment-continue{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-8);background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #10b9814d;text-decoration:none}.btn-payment-continue:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.escrow-funding-page{min-height:100vh;background-color:var(--color-background-color);animation:fadeIn .3s ease}.escrow-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-4);position:sticky;top:0;z-index:var(--z-sticky)}.escrow-header-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-4)}.escrow-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.escrow-back-btn svg{width:18px;height:18px}.escrow-back-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-text-primary)}.escrow-header-identity{display:flex;align-items:center;gap:var(--spacing-3)}.escrow-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#ff9b3726,#ff9b370d);border:1px solid rgb(255 155 55 / 20%)}.escrow-header-icon svg{width:22px;height:22px;color:var(--color-accent)}.escrow-header-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.escrow-header-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.escrow-body{max-width:720px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4);animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1)}@media(min-width:768px){.escrow-body{padding:var(--spacing-8) var(--spacing-6);gap:var(--spacing-6)}}.escrow-section{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.escrow-section-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-100);background-color:var(--color-gray-50)}.escrow-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:.06em}.escrow-section-body{padding:var(--spacing-5)}.escrow-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px dashed var(--color-gray-200)}.escrow-summary-row:last-child{border-bottom:none;padding-bottom:0}.escrow-summary-row:first-child{padding-top:0}.escrow-summary-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.escrow-summary-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.escrow-summary-row--total{margin-top:var(--spacing-2);padding-top:var(--spacing-4);border-top:2px solid var(--color-gray-200);border-bottom:none}.escrow-summary-row--total .escrow-summary-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.escrow-summary-row--total .escrow-summary-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent)}.escrow-protection-banner{display:flex;gap:var(--spacing-4);background:linear-gradient(135deg,#ff9b370f,#ff9b3705);border:1px solid rgb(255 155 55 / 20%);border-radius:var(--border-radius-xl);padding:var(--spacing-5)}.escrow-protection-icon-wrap{display:flex;align-items:flex-start;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--color-accent) 0%,#f78b20 100%);border-radius:var(--border-radius-lg);flex-shrink:0}.escrow-protection-icon-wrap svg{width:24px;height:24px;color:var(--color-white);margin:auto}.escrow-protection-content{flex:1}.escrow-protection-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.escrow-protection-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.payment-method-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.payment-method-option{position:relative;display:flex;align-items:center;padding:var(--spacing-4);border:1.5px solid var(--color-gray-200);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-normal);background-color:var(--color-white);gap:var(--spacing-3)}.payment-method-option:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.payment-method-option--selected{border-color:var(--color-accent)!important;background:linear-gradient(135deg,#ff9b370a,#ff9b3703)!important;box-shadow:0 0 0 3px #ff9b371f}.payment-method-option--disabled{opacity:.5;cursor:not-allowed}.payment-method-radio{position:absolute;opacity:0;width:0;height:0}.payment-method-radio-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-gray-300);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.payment-method-option--selected .payment-method-radio-indicator{border-color:var(--color-accent);background-color:var(--color-accent)}.payment-method-radio-indicator:after{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--color-white);display:none}.payment-method-option--selected .payment-method-radio-indicator:after{display:block}.payment-method-icon-bubble{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-lg);background-color:var(--color-gray-100);transition:background-color var(--transition-fast);flex-shrink:0}.payment-method-option--selected .payment-method-icon-bubble{background-color:#ff9b371f}.payment-method-icon-bubble svg{width:20px;height:20px;color:var(--color-gray-500);transition:color var(--transition-fast)}.payment-method-option--selected .payment-method-icon-bubble svg{color:var(--color-accent)}.payment-method-text{flex:1;min-width:0}.payment-method-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.payment-method-badge{font-size:var(--font-size-xs);padding:2px var(--spacing-2);border-radius:var(--border-radius-full);background-color:var(--color-gray-100);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.payment-method-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:2px 0 0}.payment-method-check{width:20px;height:20px;color:var(--color-accent);opacity:0;transform:scale(.7);transition:all var(--transition-fast);flex-shrink:0}.payment-method-option--selected .payment-method-check{opacity:1;transform:scale(1)}.escrow-security-notice{display:flex;gap:var(--spacing-3);background-color:#3b82f60d;border:1px solid rgb(59 130 246 / 15%);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.escrow-security-notice svg{width:20px;height:20px;color:var(--color-info);flex-shrink:0;margin-top:1px}.escrow-security-content h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.escrow-security-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.escrow-security-list li{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;display:flex;align-items:center;gap:var(--spacing-2)}.escrow-security-list li:before{content:"✓";color:var(--color-info);font-weight:var(--font-weight-bold);font-size:10px}.escrow-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}@media(min-width:480px){.escrow-actions{flex-direction:row;justify-content:flex-end}}.escrow-cancel-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.escrow-cancel-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-text-primary)}.escrow-fund-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,var(--color-accent) 0%,#f78b20 100%);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #ff9b3759;flex:1}.escrow-fund-btn svg{width:18px;height:18px}.escrow-fund-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ff9b3773}.escrow-fund-btn:active:not(:disabled){transform:translateY(0)}.escrow-fund-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(min-width:480px){.escrow-fund-btn{flex:unset;min-width:240px}}.escrow-terms{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.escrow-terms a{color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none}.escrow-terms a:hover{text-decoration:underline}.escrow-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-8) var(--spacing-4);text-align:center;gap:var(--spacing-4);animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1)}.escrow-error-icon{width:64px;height:64px;background-color:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center}.escrow-error-icon svg{width:32px;height:32px;color:var(--color-error)}.escrow-error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.escrow-error-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;max-width:320px}@media(min-width:1024px){.escrow-body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:start}.escrow-protection-banner,.escrow-security-notice,.escrow-actions-section{grid-column:1 / -1}}.td-action-btn--outline-danger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s;justify-content:center;text-decoration:none;background:transparent;color:#dc2626;border:1.5px solid #dc2626}.td-action-btn--outline-danger:hover:not(:disabled){background-color:#fee2e2}.td-action-btn--outline-danger:disabled{opacity:.5;cursor:not-allowed}.td-action-btn--outline-danger svg{width:1rem;height:1rem;flex-shrink:0}.td-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1rem;animation:td-overlay-in .15s ease}@keyframes td-overlay-in{0%{opacity:0}to{opacity:1}}.td-modal{background:#fff;border-radius:.875rem;box-shadow:0 20px 60px #0003;width:100%;max-width:440px;overflow:hidden;animation:td-modal-in .2s cubic-bezier(.34,1.56,.64,1)}@keyframes td-modal-in{0%{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.td-modal-header{padding:1.25rem 1.5rem 0}.td-modal-header h3{font-size:1.0625rem;font-weight:700;color:#111827;margin:0}.td-modal-body{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.875rem}.td-modal-message{font-size:.9rem;color:#374151;line-height:1.55;margin:0}.td-modal-warning{display:flex;align-items:flex-start;gap:.625rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;padding:.75rem 1rem}.td-modal-warning svg{width:1.125rem;height:1.125rem;flex-shrink:0;color:#d97706;margin-top:1px}.td-modal-warning p{font-size:.8125rem;color:#92400e;margin:0;line-height:1.5}.td-modal-field{display:flex;flex-direction:column;gap:.375rem}.td-modal-label{font-size:.8125rem;font-weight:600;color:#374151}.td-optional{font-weight:400;color:#9ca3af}.td-modal-textarea{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;color:#111827;resize:vertical;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.td-modal-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.td-modal-textarea::placeholder{color:#9ca3af}.td-modal-footer{display:flex;gap:.75rem;padding:0 1.5rem 1.25rem}.td-modal-footer .td-action-btn{flex:1}.td-terminal-banner{display:flex;align-items:flex-start;gap:.875rem;padding:1rem;border-radius:.625rem;border:1px solid}.td-terminal-banner--completed{background:#f0fdf4;border-color:#bbf7d0}.td-terminal-banner--cancelled{background:#fef2f2;border-color:#fecaca}.td-terminal-banner--refunded{background:#eff6ff;border-color:#bfdbfe}.td-terminal-banner-icon{flex-shrink:0;display:flex;align-items:center}.td-terminal-banner--completed .td-terminal-banner-icon svg{width:1.5rem;height:1.5rem;color:#16a34a}.td-terminal-banner--cancelled .td-terminal-banner-icon svg{width:1.5rem;height:1.5rem;color:#dc2626}.td-terminal-banner--refunded .td-terminal-banner-icon svg{width:1.5rem;height:1.5rem;color:#2563eb}.td-terminal-banner-title{font-size:.9rem;font-weight:700;margin:0 0 .25rem}.td-terminal-banner--completed .td-terminal-banner-title{color:#14532d}.td-terminal-banner--cancelled .td-terminal-banner-title{color:#7f1d1d}.td-terminal-banner--refunded .td-terminal-banner-title{color:#1e3a8a}.td-terminal-banner-body{font-size:.8125rem;line-height:1.5;margin:0}.td-terminal-banner--completed .td-terminal-banner-body{color:#166534}.td-terminal-banner--cancelled .td-terminal-banner-body{color:#991b1b}.td-terminal-banner--refunded .td-terminal-banner-body{color:#1d4ed8}.td-waiting-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.5rem;font-size:.8125rem;color:#64748b;line-height:1.4}.td-waiting-badge svg{width:1rem;height:1rem;flex-shrink:0;color:#94a3b8}.td-info-note{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:#6b7280;line-height:1.45;margin:0;padding:.625rem .875rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.td-info-note svg{width:.9rem;height:.9rem;flex-shrink:0;color:#9ca3af;margin-top:1px}.td-dispute-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:.625rem}.td-dispute-notice>svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:#d97706;margin-top:1px}.td-dispute-notice-title{font-size:.875rem;font-weight:700;color:#92400e;margin:0 0 .25rem}.td-dispute-notice-body{font-size:.8rem;color:#78350f;line-height:1.5;margin:0}.td-status-badge.declined_by_seller{background:#fee2e2;color:#dc2626}.td-status-badge.refunded{background:#eff6ff;color:#2563eb}.td-status-badge.cancelled{background:#fef2f2;color:#dc2626}.sef-page{min-height:100vh;background-color:var(--color-background-color);padding-bottom:var(--spacing-16)}.sef-header{background:linear-gradient(135deg,var(--color-accent) 0%,#e67e22 100%);padding:var(--spacing-5) var(--spacing-4);box-shadow:0 4px 20px #ff9b374d}.sef-header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-4)}.sef-back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:var(--border-radius-lg);background-color:#fff3;color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.sef-back-btn:hover{background-color:#ffffff59;transform:translate(-2px)}.sef-back-btn svg{width:18px;height:18px}.sef-header-icon-wrap{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--border-radius-xl);background-color:#fff3;flex-shrink:0}.sef-header-icon-wrap svg{width:24px;height:24px;color:var(--color-white)}.sef-header-text h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:.15rem;line-height:var(--line-height-tight)}.sef-header-text p{font-size:var(--font-size-sm);color:#fffc;margin-bottom:0;line-height:1.4}.sef-content{max-width:900px;margin:0 auto;padding:var(--spacing-6) var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-5)}.sef-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-normal)}.sef-card:hover{box-shadow:var(--shadow-md)}.sef-card-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-100);background-color:var(--color-gray-50)}.sef-card-header svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.sef-card-header h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:0}.sef-card-body{padding:var(--spacing-5)}.sef-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3) var(--spacing-6)}.sef-summary-row{display:flex;flex-direction:column;gap:.2rem}.sef-summary-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sef-summary-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.sef-summary-value--amount{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-accent)}.sef-summary-value--status{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#7c3aed;background-color:#ede9fe;padding:.2rem .6rem;border-radius:var(--border-radius-full)}.sef-address-block{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4);line-height:var(--line-height-relaxed)}.sef-address-block p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:.1rem}.sef-address-block p:last-child{margin-bottom:0}.sef-form-section{display:flex;flex-direction:column;gap:var(--spacing-5)}.sef-field-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.sef-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.sef-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sef-label-required{color:var(--color-error);margin-left:2px}.sef-input,.sef-select,.sef-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1.5px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;appearance:none}.sef-input::placeholder,.sef-textarea::placeholder{color:var(--color-gray-400)}.sef-input:focus,.sef-select:focus,.sef-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff9b3726}.sef-input:disabled,.sef-select:disabled,.sef-textarea:disabled{background-color:var(--color-gray-50);color:var(--color-text-muted);cursor:not-allowed}.sef-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-10);cursor:pointer}.sef-textarea{resize:vertical;min-height:100px}.sef-field-error{font-size:var(--font-size-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-1)}.sef-field-error svg{width:13px;height:13px;flex-shrink:0}.sef-upload-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1);display:block}.sef-upload-hint{font-size:var(--font-size-xs);text-align:center;color:var(--color-text-muted);margin-bottom:var(--spacing-3)}.sef-upload-zone{border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-xl);padding:var(--spacing-8) var(--spacing-4);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);background-color:var(--color-gray-50)}.sef-upload-zone:hover{border-color:var(--color-accent);background-color:#ff9b370a}.sef-upload-zone-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);pointer-events:none}.sef-upload-icon{width:40px;height:40px;color:var(--color-gray-400);transition:color var(--transition-fast)}.sef-upload-zone:hover .sef-upload-icon{color:var(--color-accent)}.sef-upload-zone-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:0}.sef-upload-zone-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:0}.sef-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);margin-top:var(--spacing-4)}.sef-preview-item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);background-color:var(--color-gray-100);aspect-ratio:1}.sef-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.sef-preview-remove{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--border-radius-full);background-color:#0009;color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);padding:0}.sef-preview-remove:hover{background-color:var(--color-error);transform:scale(1.1)}.sef-preview-remove svg{width:14px;height:14px}.sef-preview-name{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-1) var(--spacing-2);background-color:#0000008c;color:var(--color-white);font-size:10px;font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.sef-notice{display:flex;gap:var(--spacing-3);align-items:flex-start;padding:var(--spacing-4);background-color:#fffbeb;border:1px solid #fde68a;border-radius:var(--border-radius-lg)}.sef-notice svg{width:18px;height:18px;color:var(--color-warning);flex-shrink:0;margin-top:1px}.sef-notice h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#92400e;margin-bottom:var(--spacing-2)}.sef-notice ul{list-style:none;padding:0;margin:0}.sef-notice li{font-size:var(--font-size-sm);color:#92400e;margin-bottom:var(--spacing-1);line-height:var(--line-height-normal)}.sef-notice li:last-child{margin-bottom:0}.sef-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-2)}.sef-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);cursor:pointer;border:1.5px solid transparent;transition:all var(--transition-fast);outline:none;text-decoration:none}.sef-btn:disabled{opacity:.6;cursor:not-allowed}.sef-btn svg{width:16px;height:16px;flex-shrink:0}.sef-btn--secondary{background-color:var(--color-white);color:var(--color-text-secondary);border-color:var(--color-gray-300)}.sef-btn--secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-text-primary)}.sef-btn--primary{background:var(--color-accent);color:var(--color-white);border-color:transparent;box-shadow:0 2px 8px #ff9b374d}.sef-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #ff9b3766}.sef-btn--primary:active:not(:disabled){transform:translateY(0)}.sef-btn-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgb(255 255 255 / 40%);border-top-color:var(--color-white);border-radius:var(--border-radius-full);animation:spin .7s linear infinite;flex-shrink:0}.sef-loading-state{min-height:60vh;display:flex;align-items:center;justify-content:center}.sef-error-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}.sef-error-state svg{width:48px;height:48px;color:var(--color-error)}.sef-error-state h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.sef-error-state p{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:360px;margin-bottom:0}.sef-error-back{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background-color:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-primary)}.sef-error-back:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-text-primary)}.sef-error-back svg{width:16px;height:16px;color:inherit}@media(min-width:640px){.sef-header{padding:var(--spacing-6) var(--spacing-6)}.sef-content{padding:var(--spacing-8) var(--spacing-6)}.sef-field-row--2{grid-template-columns:1fr 1fr}.sef-field-row--3{grid-template-columns:1fr 1fr 1fr}.sef-summary-grid,.sef-preview-grid{grid-template-columns:repeat(4,1fr)}.sef-actions{flex-direction:row}}@media(min-width:900px){.sef-header{padding:var(--spacing-6) var(--spacing-8)}.sef-content{padding:var(--spacing-8) var(--spacing-8)}.sef-card-body{padding:var(--spacing-6)}.sef-header-text h1{font-size:var(--font-size-2xl)}.sef-header-text p{font-size:var(--font-size-base)}.sef-preview-grid{grid-template-columns:repeat(5,1fr)}.sef-btn{padding:var(--spacing-3) var(--spacing-8)}}@media(max-width:480px){.sef-summary-grid{grid-template-columns:1fr 1fr}.sef-preview-grid{grid-template-columns:repeat(3,1fr)}.sef-actions{flex-direction:column-reverse}.sef-btn{width:100%;justify-content:center}}.atd-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.atd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.atd-header-left{display:flex;align-items:center;gap:.75rem}.atd-header-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.atd-back-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;transition:background .15s;flex-shrink:0}.atd-back-btn:hover{background:#f9fafb}.atd-back-btn svg{width:1rem;height:1rem}.atd-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.atd-subtitle{font-size:.8125rem;color:#9ca3af;margin:0;font-family:monospace}.atd-flag-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;background:#fef3c7;color:#92400e}.atd-flag-badge svg{width:.875rem;height:.875rem}.atd-grid{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}.atd-col-left,.atd-col-right{display:flex;flex-direction:column;gap:1.25rem}.atd-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.atd-card-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.9375rem;font-weight:600;color:#111827}.atd-card-header h2{margin:0;font-size:.9375rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.atd-card-icon{width:1.125rem;height:1.125rem;color:#f97316;flex-shrink:0}.atd-card-body{padding:.25rem 0}.atd-detail-row{display:flex;align-items:baseline;justify-content:space-between;padding:.625rem 1.25rem;border-bottom:1px solid #f3f4f6;gap:1rem}.atd-detail-row:last-child{border-bottom:none}.atd-detail-label{font-size:.8125rem;color:#6b7280;flex-shrink:0;min-width:130px}.atd-detail-value{font-size:.875rem;font-weight:500;color:#111827;text-align:right;word-break:break-all}.atd-timeline{padding:.75rem 1.25rem!important;display:flex;flex-direction:column;gap:0}.atd-timeline-item{display:flex;gap:.875rem;padding:.625rem 0;position:relative}.atd-timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:1.25rem;bottom:-.625rem;width:2px;background:#e5e7eb}.atd-timeline-dot{width:12px;height:12px;border-radius:50%;background:#f97316;flex-shrink:0;margin-top:3px}.atd-timeline-label{font-size:.875rem;font-weight:500;color:#111827;margin:0}.atd-timeline-meta{font-size:.75rem;color:#9ca3af;margin:.125rem 0 0}.atd-risk-list{list-style:disc;padding-left:1rem;margin:0;font-size:.8125rem;color:#374151}.atd-actions{padding:1rem 1.25rem!important;display:flex;flex-direction:column;gap:.625rem}.atd-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,background .15s}.atd-action-btn:disabled{opacity:.6;cursor:not-allowed}.atd-action-btn svg{width:1rem;height:1rem;flex-shrink:0}.atd-action-btn--primary{background:#f97316;color:#fff}.atd-action-btn--primary:hover:not(:disabled){background:#ea6c10}.atd-action-btn--danger{background:#fee2e2;color:#dc2626}.atd-action-btn--danger:hover:not(:disabled){background:#fecaca}.atd-terminal-note{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem;background:#f0fdf4;border-radius:8px;font-size:.8125rem;color:#166534}.atd-terminal-note svg{width:1rem;height:1rem;flex-shrink:0;margin-top:1px}.atd-terminal-note p{margin:0}.atd-count-badge{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:9999px;background:#f97316;color:#fff;font-size:.6875rem;font-weight:700}.atd-related-table{width:100%;border-collapse:collapse;font-size:.8125rem}.atd-related-table thead tr{background:#f9fafb}.atd-related-table th{text-align:left;padding:.625rem 1rem;font-weight:600;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb}.atd-related-table td{padding:.625rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151}.atd-related-table tbody tr:last-child td{border-bottom:none}.atd-ref{font-family:monospace;font-size:.75rem;color:#6b7280}.atd-date{color:#9ca3af}.atd-loading,.atd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1.5rem;text-align:center;color:#6b7280}.atd-loading-icon{width:2rem;height:2rem;color:#f97316;animation:spin 1s linear infinite}.atd-error-icon{width:2.5rem;height:2.5rem;color:#dc2626}.atd-error h3{color:#111827;margin:0}.atd-error p{margin:0;font-size:.875rem}@media(max-width:900px){.atd-grid{grid-template-columns:1fr}}@media(max-width:480px){.atd-page{padding:1rem}.atd-detail-label{min-width:100px}}.aff-admin{font-family:var(--aff-font);background:var(--aff-bg);min-height:100vh;padding:28px 32px 48px;color:var(--aff-text-primary);box-sizing:border-box}.aff-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--aff-orange-grad);border-radius:var(--aff-radius-lg);padding:24px 28px;margin-bottom:28px;position:relative;overflow:hidden}.aff-page-header:after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:#ffffff1a;pointer-events:none}.aff-page-title{margin:0 0 4px;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.aff-page-sub{margin:0;font-size:13.5px;color:#ffffffd1}.aff-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--aff-radius-sm);font-size:13.5px;font-weight:600;font-family:var(--aff-font);border:none;cursor:pointer;transition:background .15s,box-shadow .15s,opacity .15s,transform .1s;white-space:nowrap;line-height:1}.aff-btn:active{transform:scale(.97)}.aff-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.aff-btn--primary{background:var(--aff-orange);color:#fff;box-shadow:0 1px 4px #f9731659}.aff-btn--primary:hover:not(:disabled){background:var(--aff-orange-dark);box-shadow:0 2px 8px #f9731666}.aff-btn--danger{background:#dc2626;color:#fff;box-shadow:0 1px 4px #dc26264d}.aff-btn--danger:hover:not(:disabled){background:#b91c1c}.aff-btn--ghost{background:transparent;color:var(--aff-text-secondary);border:1.5px solid var(--aff-border)}.aff-btn--ghost:hover:not(:disabled){background:var(--aff-bg);border-color:#cbd5e1;color:var(--aff-text-primary)}.aff-page-header .aff-btn--ghost{background:#ffffff2e;border-color:#ffffff59;color:#fff}.aff-page-header .aff-btn--ghost:hover:not(:disabled){background:#ffffff47}.aff-btn--sm{padding:6px 12px;font-size:12.5px}.aff-btn--icon{padding:8px;border-radius:var(--aff-radius-sm)}.aff-icon-sm{width:18px;height:18px;flex-shrink:0}.aff-icon-xs{width:14px;height:14px;flex-shrink:0}@keyframes aff-spin{to{transform:rotate(360deg)}}.aff-icon-spin{animation:aff-spin .75s linear infinite}.aff-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}@media(max-width:1100px){.aff-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.aff-stats-grid{grid-template-columns:1fr}}.aff-stat-card{background:var(--aff-surface);border:1px solid var(--aff-border);border-radius:var(--aff-radius);padding:20px 20px 18px;display:flex;align-items:center;gap:16px;box-shadow:var(--aff-shadow-xs);transition:box-shadow .15s,transform .15s}.aff-stat-card:hover{box-shadow:var(--aff-shadow-sm);transform:translateY(-1px)}.aff-stat-icon-wrap{width:46px;height:46px;border-radius:10px;background:var(--aff-orange-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.aff-stat-icon{width:22px;height:22px;color:var(--aff-orange)}.aff-stat-value{margin:0 0 2px;font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--aff-text-primary);line-height:1}.aff-stat-label{margin:0;font-size:12.5px;color:var(--aff-text-secondary);font-weight:500}.aff-stat-sub{margin:4px 0 0;font-size:11.5px;color:var(--aff-text-muted)}.aff-tabs{display:flex;gap:4px;border-bottom:2px solid var(--aff-border);margin-bottom:24px}.aff-tab{position:relative;display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:transparent;border:none;cursor:pointer;font-family:var(--aff-font);font-size:13.5px;font-weight:500;color:var(--aff-text-secondary);border-radius:var(--aff-radius-sm) var(--aff-radius-sm) 0 0;margin-bottom:-2px;transition:color .15s,background .15s}.aff-tab:hover{color:var(--aff-text-primary);background:#f973160f}.aff-tab--active{color:var(--aff-orange);font-weight:600;border-bottom:2px solid var(--aff-orange)}.aff-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--aff-orange);color:#fff;font-size:11px;font-weight:700;line-height:1}.aff-section{background:var(--aff-surface);border:1px solid var(--aff-border);border-radius:var(--aff-radius);box-shadow:var(--aff-shadow-xs);overflow:hidden}.aff-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--aff-border);background:#fafbfc}.aff-section-title{margin:0;font-size:14.5px;font-weight:700;color:var(--aff-text-primary)}.aff-select{appearance:none;background:var(--aff-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 10px center;border:1.5px solid var(--aff-border);border-radius:var(--aff-radius-sm);padding:7px 30px 7px 11px;font-size:13px;font-family:var(--aff-font);color:var(--aff-text-primary);cursor:pointer;transition:border-color .15s}.aff-select:focus{outline:none;border-color:var(--aff-border-focus);box-shadow:0 0 0 3px #f9731626}.aff-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.aff-table{width:100%;border-collapse:collapse;font-size:13.5px}.aff-table thead tr{background:#f8f9fb;border-bottom:1px solid var(--aff-border)}.aff-table th{padding:11px 16px;text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--aff-text-secondary);white-space:nowrap}.aff-table tbody tr{border-bottom:1px solid var(--aff-border);transition:background .12s}.aff-table tbody tr:last-child{border-bottom:none}.aff-table tbody tr:hover{background:#fafbff}.aff-table td{padding:13px 16px;vertical-align:middle;color:var(--aff-text-primary)}.aff-user-cell{display:flex;align-items:center;gap:9px}.aff-avatar{width:32px;height:32px;border-radius:50%;background:var(--aff-orange-light);color:var(--aff-orange);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aff-avatar--muted{background:#f1f5f9;color:var(--aff-text-secondary)}.aff-username{font-size:13.5px;font-weight:500;color:var(--aff-text-primary)}.aff-reward-name{margin:0 0 2px;font-size:13.5px;font-weight:600;color:var(--aff-text-primary)}.aff-reward-type{margin:0;font-size:11.5px;color:var(--aff-text-muted);text-transform:capitalize}.aff-pts-cell{font-size:13.5px;font-weight:600;color:var(--aff-text-primary);font-variant-numeric:tabular-nums}.aff-date-cell{font-size:12.5px;color:var(--aff-text-secondary);white-space:nowrap}.aff-sub-date{font-size:11.5px;color:var(--aff-text-muted)}.aff-failure-reason{margin:4px 0 0;font-size:11.5px;color:var(--aff-danger-text);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aff-code{font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:12px;background:#f1f5f9;color:var(--aff-text-primary);padding:3px 7px;border-radius:4px;border:1px solid #E2E8F0}.aff-no-action{color:var(--aff-text-muted);font-size:14px}.aff-table-empty{text-align:center;padding:52px 20px!important;color:var(--aff-text-muted)}.aff-table-empty>*{display:block;margin:auto}.aff-table-empty>span{display:inline-flex;align-items:center;gap:8px;color:var(--aff-text-secondary)}.aff-empty-icon{width:36px;height:36px;color:#cbd5e1;margin-bottom:10px}.aff-empty-title{margin:0 0 4px;font-size:14.5px;font-weight:600;color:var(--aff-text-secondary)}.aff-empty-sub{margin:0;font-size:13px;color:var(--aff-text-muted)}.aff-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.aff-badge--success{background:var(--aff-success-bg);color:var(--aff-success-text)}.aff-badge--warning{background:var(--aff-warning-bg);color:var(--aff-warning-text)}.aff-badge--info{background:var(--aff-info-bg);color:var(--aff-info-text)}.aff-badge--danger{background:var(--aff-danger-bg);color:var(--aff-danger-text)}.aff-rank{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;padding:4px 10px;border-radius:20px;background:#f1f5f9;color:var(--aff-text-secondary)}.aff-rank--1{background:#fef9c3;color:#a16207}.aff-rank--2{background:#f1f5f9;color:#64748b}.aff-rank--3{background:#fff7ed;color:#c2410c}.aff-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-top:1px solid var(--aff-border)}.aff-page-info{font-size:13px;color:var(--aff-text-secondary)}.aff-page-info strong{color:var(--aff-text-primary);font-weight:600}.aff-overlay{position:fixed;inset:0;background:#1118278c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:aff-fade-in .15s ease}@keyframes aff-fade-in{0%{opacity:0}to{opacity:1}}.aff-modal{background:var(--aff-surface);border-radius:var(--aff-radius-lg);box-shadow:var(--aff-shadow-modal);width:100%;max-width:480px;display:flex;flex-direction:column;animation:aff-slide-up .2s ease;overflow:hidden}@keyframes aff-slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.aff-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--aff-border);background:#fafbfc}.aff-modal-title{margin:0 0 3px;font-size:16px;font-weight:700;color:var(--aff-text-primary)}.aff-modal-sub{margin:0;font-size:12.5px;color:var(--aff-text-secondary)}.aff-modal-close{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:var(--aff-radius-sm);color:var(--aff-text-secondary);display:flex;align-items:center;flex-shrink:0;transition:background .12s,color .12s}.aff-modal-close:hover{background:var(--aff-danger-bg);color:var(--aff-danger-text)}.aff-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.aff-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--aff-border);background:#fafbfc}.aff-field{display:flex;flex-direction:column;gap:5px}.aff-field-label{font-size:12.5px;font-weight:600;color:var(--aff-text-secondary);text-transform:uppercase;letter-spacing:.4px;margin:0}.aff-field-hint{font-weight:400;color:var(--aff-text-muted);text-transform:none}.aff-required{color:var(--aff-danger-text)}.aff-input,.aff-textarea{font-family:var(--aff-font);font-size:13.5px;color:var(--aff-text-primary);background:var(--aff-surface);border:1.5px solid var(--aff-border);border-radius:var(--aff-radius-sm);padding:9px 12px;transition:border-color .15s,box-shadow .15s;resize:vertical}.aff-input::placeholder,.aff-textarea::placeholder{color:var(--aff-text-muted)}.aff-input:focus,.aff-textarea:focus{outline:none;border-color:var(--aff-border-focus);box-shadow:0 0 0 3px #f9731626}.aff-textarea{line-height:1.5;min-height:72px}.aff-action-pills{display:flex;gap:8px;flex-wrap:wrap}.aff-pill{padding:7px 14px;border-radius:20px;font-size:12.5px;font-weight:600;font-family:var(--aff-font);border:1.5px solid var(--aff-border);background:transparent;color:var(--aff-text-secondary);cursor:pointer;transition:all .15s}.aff-pill:hover{border-color:#cbd5e1;color:var(--aff-text-primary);background:var(--aff-bg)}.aff-pill--active-complete{background:var(--aff-success-bg);border-color:#86efac;color:var(--aff-success-text)}.aff-pill--active-process{background:var(--aff-info-bg);border-color:#93c5fd;color:var(--aff-info-text)}.aff-pill--active-fail{background:var(--aff-danger-bg);border-color:#fca5a5;color:var(--aff-danger-text)}.aff-recipient-block{border-radius:var(--aff-radius-sm);border:1px solid var(--aff-border);overflow:hidden}.aff-recipient-block>.aff-field-label{display:block;padding:8px 12px;background:#f8f9fb;border-bottom:1px solid var(--aff-border)}.aff-recipient-pre{margin:0;padding:10px 12px;font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:12px;color:var(--aff-text-primary);background:var(--aff-surface);overflow-x:auto;white-space:pre;line-height:1.6}@media(max-width:768px){.aff-admin{padding:16px 16px 40px}.aff-page-header{padding:18px}.aff-page-title{font-size:17px}.aff-table{font-size:12.5px}.aff-table th,.aff-table td{padding:10px 12px}.aff-modal{max-width:100%}}