:root{--primary:#7c3aed;--primary-hover:#6d28d9;--primary-light:#f5f3ff;--secondary:#a78bfa;--text:#4b5563;--text-dark:#1f2937;--text-light:#9ca3af;--bg:#fff;--bg-soft:#f9fafb;--border:#e5e7eb;--white:#fff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-soft);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-dark{color:var(--text-dark)}.text-light{color:var(--text-light)}.text-white{color:var(--white)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--white);border-color:var(--border);color:var(--text-dark)}.btn-secondary:hover{background-color:var(--bg-soft);border-color:var(--text-light)}.btn-outline{border-color:var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary-light)}.card{background-color:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.input{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--white);width:100%;color:var(--text-dark);padding:.625rem .875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-success{color:var(--success);background-color:#d1fae5}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.site-header{background-color:var(--white);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm);position:sticky;top:0}.top-bar{color:var(--white);background-color:#4c1d95;border-bottom:1px solid #ffffff1a;padding:.375rem 0}.top-link-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;transition:color .15s ease-in-out}.top-link-btn:hover{color:var(--white);text-decoration:underline}.user-welcome{color:#ffffffe6;margin-right:.25rem}.main-header{border-bottom:1px solid var(--border)}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-md);width:42px;height:42px;box-shadow:0 4px 6px -1px #7c3aed4d}.logo-title{color:#1e1b4b;letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.logo-subtitle{color:var(--text-light);font-size:.6875rem;font-weight:600;display:block}.search-input-wrapper{width:100%;position:relative}.search-input{border:2px solid var(--border);border-radius:var(--radius-md);width:100%;padding:.625rem 3rem .625rem 1rem;font-size:.875rem;transition:all .2s ease-in-out}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.search-submit-btn{background-color:var(--primary);border:2px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;width:3rem;color:var(--white);cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s ease-in-out;display:flex;position:absolute;top:0;bottom:0;right:0}.search-submit-btn:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.header-actions{align-items:center;display:flex}.action-btn-item{color:var(--text-dark);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;transition:color .15s ease-in-out}.action-btn-item:hover{color:var(--primary)}.icon-badge-wrapper{padding:4px;display:inline-flex;position:relative}.action-badge{border-radius:var(--radius-full);min-width:16px;height:16px;color:var(--white);box-shadow:0 0 0 2px var(--white);justify-content:center;align-items:center;padding:0 4px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}.bg-primary{background-color:var(--primary)}.bg-warning{background-color:var(--warning)}.action-label{color:var(--text);margin-top:2px;font-size:.6875rem;font-weight:500}.action-btn-item:hover .action-label{color:var(--primary)}.category-nav{background-color:var(--bg-soft);padding:.5rem 0}.nav-item{color:var(--text-dark);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out}.nav-item:hover{color:var(--primary);background-color:#7c3aed14}.nav-item-highlight{color:var(--primary);border:1px dashed var(--secondary);background-color:#7c3aed0f}.nav-item-highlight:hover{background-color:#7c3aed1f}.site-footer{color:#94a3b8;border-top:4px solid var(--primary);background-color:#0f172a;margin-top:auto}.footer-logo-icon{background-color:var(--primary);border-radius:var(--radius-sm);width:32px;height:32px}.footer-links-list{margin:0;padding:0;list-style:none}.footer-links-list li{margin-bottom:.75rem}.footer-links-list a{color:#94a3b8;transition:color .15s ease-in-out,padding-left .15s ease-in-out;display:inline-block}.footer-links-list a:hover{color:var(--secondary);padding-left:4px}.footer-col-title{padding-bottom:.5rem;position:relative}.footer-col-title:after{content:"";background-color:var(--primary);width:24px;height:2px;position:absolute;bottom:0;left:0}.contact-info .border-top{border-top:1px solid #334155;margin-top:.75rem}.footer-bottom{color:#64748b;border-top:1px solid #1e293b}.footer-business{color:#94a3b8;text-align:center;border-top:1px solid #1e293b;line-height:1.8}.footer-business p{margin:.15rem 0}.footer-business b{color:#cbd5e1}.footer-business span{color:#475569;margin:0 .45rem}@media (width<=768px){.footer-top.grid{grid-template-columns:1fr;gap:2rem;padding-top:2rem;padding-bottom:2rem}.footer-business{text-align:left}.footer-business span{display:none}}.chat-widget-toggle{border-radius:var(--radius-full);background-color:var(--primary);cursor:pointer;z-index:999;border:none;width:56px;height:56px;transition:all .2s ease-in-out;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #7c3aed66}.chat-widget-toggle:hover{background-color:var(--primary-hover);transform:scale(1.05)}.chat-widget-panel{background-color:var(--white);border:1px solid var(--border);width:360px;height:480px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:var(--radius-lg);animation:.25s ease-out slideUp;position:fixed;bottom:24px;right:24px;overflow:hidden}.chat-panel-header{height:60px}.chat-close-btn{cursor:pointer;opacity:.85;background:0 0;border:none;padding:4px;transition:opacity .15s}.chat-close-btn:hover{opacity:1}.chat-panel-body{background-color:#f8fafc;flex-direction:column;gap:1rem;display:flex}.chat-bubble-row{align-items:flex-end;gap:.5rem;width:100%;display:flex}.user-row{justify-content:flex-end}.bot-row{justify-content:flex-start}.chat-avatar{border-radius:var(--radius-full);border:1px solid var(--border);flex-shrink:0;width:28px;height:28px}.chat-bubble{border-radius:var(--radius-md);word-break:break-all;max-width:75%;padding:.625rem .875rem;line-height:1.4}.user-bubble{background-color:var(--primary);color:var(--white);border-bottom-right-radius:2px}.bot-bubble{background-color:var(--white);color:var(--text-dark);border:1px solid var(--border);border-bottom-left-radius:2px}.chat-input{border:1px solid var(--border);border-radius:var(--radius-md);outline:none;padding:.5rem .75rem;transition:border-color .15s}.chat-input:focus{border-color:var(--primary)}.chat-send-btn{width:36px;height:36px;border-radius:var(--radius-md)!important;padding:0!important}.typing-bubble{align-items:center;gap:4px;height:28px;display:flex}.typing-bubble .dot{border-radius:var(--radius-full);background-color:var(--text-light);width:6px;height:6px;animation:1.4s ease-in-out infinite both typingDot}.typing-bubble .dot:first-child{animation-delay:-.32s}.typing-bubble .dot:nth-child(2){animation-delay:-.16s}@keyframes typingDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-banner{min-height:420px;color:var(--white);align-items:center;padding:4rem 0;transition:background .5s ease-in-out;display:flex;position:relative;overflow:hidden}.hero-slide-content{text-align:left;z-index:10;max-width:700px;animation:.8s cubic-bezier(.16,1,.3,1) forwards bannerFadeIn}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-badge{background-color:var(--secondary);color:#1e1b4b;border-radius:var(--radius-sm);margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.slide-title{color:#ffffffe6;margin-bottom:.5rem;font-size:1.25rem;font-weight:500}.slide-main-title{color:var(--white);letter-spacing:-.03em;margin-bottom:1rem;font-size:2.75rem;font-weight:800;line-height:1.2}.slide-desc{color:#fffc;margin-bottom:2rem;font-size:1rem}.slide-cta-btn{padding:.75rem 1.5rem;font-size:.9375rem}.slide-arrow{color:var(--white);border-radius:var(--radius-full);cursor:pointer;z-index:20;background-color:#ffffff1a;border:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slide-arrow:hover{background-color:#ffffff40;transform:translateY(-50%)scale(1.05)}.prev-arrow{left:1.5rem}.next-arrow{right:1.5rem}.slide-dots{z-index:20;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.slide-dot{border-radius:var(--radius-full);cursor:pointer;background-color:#ffffff59;width:10px;height:10px;transition:background-color .2s}.slide-dot.active{background-color:var(--white);width:24px}.category-card{border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--white);box-shadow:var(--shadow-sm);transition:all .2s ease-in-out;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-6px)}.category-card-img{border-bottom:1px solid var(--border);height:180px;overflow:hidden}.category-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.category-card:hover .category-card-img img{transform:scale(1.05)}.meviy-mock{background:linear-gradient(135deg,#7c3aed0d,#a78bfa1a);width:100%;height:100%}.product-card{flex-direction:column;height:380px;display:flex}.product-card-img{background-color:var(--bg-soft);height:200px;position:relative;overflow:hidden}.product-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .product-card-img img{transform:scale(1.05)}.product-card-body{flex:1}.product-category-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:700;display:inline-block}.product-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-actions{border-top:1px solid var(--border)}.case-diagram{width:100%;padding:2rem}.case-graphic-box{border:2px solid var(--border);background-color:var(--white);border-radius:var(--radius-md);width:100%;max-width:380px;box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative}.schematic-motor{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--white);border-radius:var(--radius-sm);text-align:center;padding:.75rem;font-size:.8125rem;font-weight:600;position:relative}.schematic-coupling{color:#475569;border-radius:var(--radius-sm);text-align:center;background-color:#e2e8f0;border:1px dashed #94a3b8;width:70%;margin:0 auto;padding:.375rem;font-size:.75rem;font-weight:600}.schematic-stage{color:var(--text-dark);border-radius:var(--radius-sm);text-align:center;background-color:#f1f5f9;border:2px solid #cbd5e1;padding:.75rem;font-size:.8125rem;font-weight:600;position:relative}.design-points{margin:0;padding:0;list-style:none}.design-points li{margin-bottom:.5rem}.product-compare-section{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden}.compare-header{background-color:#7c3aed0a;transition:background-color .2s}.compare-header:hover{background-color:#7c3aed14}.compare-body{max-width:100%}.compare-table{border-collapse:collapse;text-align:left;width:100%}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:.75rem 1rem}.spec-label-col{background-color:var(--bg-soft);width:180px;min-width:150px;color:var(--text-dark);font-size:.875rem;font-weight:700}.product-data-col{background-color:var(--white);width:calc(33.3333% - 60px);min-width:200px}.compare-product-info{text-align:center;flex-direction:column;align-items:center;display:flex}.compare-remove-btn{background-color:var(--bg-soft);border:1px solid var(--border);color:var(--text-light);border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s ease-in-out;display:flex;position:absolute;top:-4px;right:-4px}.compare-remove-btn:hover{background-color:var(--danger);color:var(--white);border-color:var(--danger)}.compare-prod-img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:80px;height:80px}.compare-prod-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:32px;line-height:1.3;display:-webkit-box;overflow:hidden}.spec-label{background-color:var(--bg-soft);color:var(--text-dark);border-right:1px solid var(--border);font-size:.8125rem;font-weight:600}.spec-val{color:var(--text);font-size:.8125rem;line-height:1.4}.compare-table tbody tr:hover td{background-color:#7c3aed05}.compare-table tbody tr:hover .spec-label{background-color:var(--border)}.product-list-layout{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}.list-sidebar{background-color:var(--white);border:1px solid var(--border);position:sticky;top:100px}.sidebar-title{border-bottom:2px solid var(--border);padding-bottom:.5rem}.sidebar-cat-btn{text-align:left;border-radius:var(--radius-md);color:var(--text);cursor:pointer;background:0 0;border:none;padding:.625rem .875rem;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out}.sidebar-cat-btn:hover{background-color:var(--bg-soft);color:var(--primary);padding-left:1.125rem}.sidebar-cat-btn.active{background-color:var(--primary);color:var(--white);padding-left:1.125rem}.sidebar-info-box{border-left:3px solid var(--primary);line-height:1.4}.list-product-card{flex-direction:column;height:390px;display:flex}.list-product-img{background-color:var(--bg-soft);border-bottom:1px solid var(--border);height:180px;position:relative;overflow:hidden}.list-product-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.list-product-card:hover .list-product-img img{transform:scale(1.05)}.list-product-body{flex:1}.product-short-desc{height:34px;line-height:1.4;overflow:hidden}.compare-active{background-color:var(--warning);color:var(--white)!important;border-color:var(--warning)!important}.no-products{border:1px solid var(--border)}@media (width<=992px){.product-list-layout{grid-template-columns:1fr}.list-sidebar{position:static}}.back-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s ease-in-out}.back-btn:hover{color:var(--primary)}.detail-layout{border:1px solid var(--border)}.detail-img-box{border:1px solid var(--border);background:linear-gradient(135deg,#7c3aed05,#a78bfa0d);height:420px}.detail-img{object-fit:contain;max-width:90%;max-height:90%}.detail-order-info{padding-left:1rem}.detail-purchase-box{background-color:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--border);padding:1.5rem}.qty-counter{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--white);overflow:hidden}.qty-btn{cursor:pointer;width:36px;height:36px;color:var(--text-dark);background:0 0;border:none;font-size:1.125rem;font-weight:600;transition:background-color .15s}.qty-btn:hover{background-color:var(--bg-soft)}.qty-input{border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);width:48px;height:36px;color:var(--text-dark);font-size:.875rem;font-weight:700}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spec-table-detail{border-collapse:collapse;width:100%;margin-top:1rem}.spec-table-detail td{border:1px solid var(--border);padding:.875rem 1.25rem}.spec-key-col{width:200px;font-weight:700}.spec-val-col{line-height:1.5}.detail-consult-banner{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border:1px solid #ffffff1a}@media (width<=768px){.detail-layout{grid-template-columns:1fr;padding:1.5rem}.detail-order-info{margin-top:2rem;padding-left:0}}.cart-layout{grid-template-columns:1fr 320px;align-items:start;gap:2rem;display:grid}.cart-table{border-collapse:collapse;width:100%}.cart-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-dark);padding-bottom:1rem;font-size:.8125rem;font-weight:700}.cart-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:1.25rem 0}.th-product,.td-product{width:45%}.cart-item-img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:64px;height:64px}.cart-item-title{line-height:1.4}.qty-counter{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--white);display:inline-flex;overflow:hidden}.qty-btn-sm{cursor:pointer;width:28px;height:28px;color:var(--text-light);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.qty-btn-sm:hover{background-color:var(--bg-soft);color:var(--primary)}.qty-input-sm{border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);width:32px;height:28px;color:var(--text-dark);font-size:.8125rem;font-weight:700}.qty-input-sm::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input-sm::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart-delete-btn{color:var(--text-light);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.5rem;transition:all .15s ease-in-out}.cart-delete-btn:hover{color:var(--danger);background-color:#ef444414}.summary-card{border:1px solid var(--border);position:sticky;top:100px}.shipping-notice{line-height:1.4}.cart-page-empty{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.empty-cart-icon-wrapper{background-color:var(--bg-soft);border-radius:var(--radius-full);border:2px dashed var(--border);justify-content:center;align-items:center;width:120px;height:120px;display:flex}@media (width<=992px){.cart-layout{grid-template-columns:1fr}.summary-card{position:static}}.auth-page{min-height:calc(100vh - 280px)}.auth-card{border:1px solid var(--border);box-shadow:var(--shadow-md);background-color:var(--white);width:100%;max-width:500px}.auth-icon-bg{border-radius:var(--radius-full);width:56px;height:56px}.form-group{flex-direction:column;display:flex}.form-input{border:1px solid var(--border);border-radius:var(--radius-md);padding:.625rem .875rem;transition:all .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.phone-input-wrapper,.recovery-phone-field{align-items:center;display:flex;position:relative}.phone-input-wrapper svg,.recovery-phone-field svg{color:#94a3b8;pointer-events:none;position:absolute;left:.8rem}.phone-input-wrapper .form-input,.recovery-phone-field .recovery-input{padding-left:2.3rem}.form-help-text{color:#94a3b8;margin-top:.35rem;font-size:.72rem;font-weight:600}.auth-link-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.auth-link-btn:hover{color:var(--primary-hover);text-decoration:underline}.alert-box{border-radius:var(--radius-md);text-align:center;padding:.75rem 1rem}.alert-danger{color:var(--danger);background-color:#ef444414;border:1px solid #ef444433}.alert-success{color:var(--success);background-color:#10b98114;border:1px solid #10b98133}.login-security-warning{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fcd34d;border-radius:12px;align-items:flex-start;gap:.55rem;padding:.8rem .9rem;font-size:.78rem;font-weight:800;line-height:1.45;display:flex}.login-security-warning svg{color:#d97706;flex-shrink:0;margin-top:.05rem}.social-auth-container{flex-direction:column;gap:.75rem;display:flex}.btn-naver{color:#fff;background-color:#03c75a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;width:100%;height:46px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.btn-naver:hover{color:#fff;background-color:#02b34f;transform:translateY(-1px);box-shadow:0 4px 12px #03c75a26}.btn-naver:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000d}.btn-kakao{color:#191919;background-color:#fee500;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;width:100%;height:46px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.btn-kakao:hover{color:#191919;background-color:#ead000;transform:translateY(-1px);box-shadow:0 4px 12px #fee50040}.btn-kakao:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000d}.btn-google{color:#3c4043;background-color:#fff;border:1px solid #dadce0;border-radius:8px;justify-content:center;align-items:center;gap:.625rem;width:100%;height:46px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #0000000d}.btn-google:hover{color:#3c4043;background-color:#f8f9fa;border-color:#c4c7c5;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.btn-google:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000d}.social-divider{align-items:center;margin:1.75rem 0;display:flex}.social-divider:before,.social-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.social-divider span{color:var(--dark);letter-spacing:.05em;white-space:nowrap;padding:0 1rem;font-size:.875rem;font-weight:700}.recovery-modal{z-index:1000;background-color:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.recovery-container{text-align:left;background-color:#f9f9fc;border-radius:12px;width:420px;max-width:95%;overflow:hidden;box-shadow:0 10px 25px #00000026}.recovery-header{background-color:#fff;border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.recovery-header h3{color:#1e293b;margin:0;font-size:15px;font-weight:800}.recovery-body{flex-direction:column;gap:16px;padding:24px;display:flex}.recovery-input-group{flex-direction:column;gap:6px;display:flex}.recovery-label{color:#475569;font-size:11px;font-weight:700}.recovery-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.recovery-input:focus{border-color:#03cf5d;box-shadow:0 0 0 3px #03cf5d1f}.recovery-footer{background-color:#fff;border-top:1px solid #eef2f6;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.btn-recovery-submit{color:#fff;cursor:pointer;background-color:#03cf5d;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:700;transition:background-color .15s}.btn-recovery-submit:hover{background-color:#02b34f}.btn-recovery-cancel{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:700;transition:background-color .15s}.btn-recovery-cancel:hover{background-color:#e2e8f0}.result-box{color:#334155;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:16px;font-size:12px;display:flex}.result-box-id{background:linear-gradient(135deg,#7c3aed14,#ecfdf58c),#fff;border-color:#d8b4fe;box-shadow:0 10px 22px #581c8714}.result-id-title{color:#581c87;align-items:center;gap:.45rem;font-size:.78rem;font-weight:900;display:flex}.found-email-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.found-email-list li{color:#6d28d9;overflow-wrap:anywhere;background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;width:fit-content;max-width:100%;padding:.48rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82rem;font-weight:900}.result-guide-text{color:#64748b;border-top:1px dashed #d8b4fe;margin:0;padding-top:.55rem;font-size:.72rem;font-weight:700;line-height:1.45}.unlock-container{border:1px solid #dbeafe}.unlock-security-card{background:linear-gradient(135deg,#2563eb14,#ecfdf5a6),#fff;border:1px solid #bfdbfe;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.95rem;display:flex}.unlock-security-card svg{color:#2563eb;flex-shrink:0}.unlock-security-card b{color:#1e3a8a;margin-bottom:.25rem;font-size:.82rem;font-weight:900;display:block}.unlock-security-card p{color:#475569;margin:0;font-size:.74rem;font-weight:700;line-height:1.5}.unlock-email-card{background:#eff6ff;border:1px dashed #93c5fd;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem .85rem;display:flex}.unlock-email-card span{color:#64748b;font-size:.72rem;font-weight:900}.unlock-email-card b{color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82rem}.unlock-dev-code{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;padding:.65rem .75rem;font-size:.76rem;font-weight:800}.unlock-dev-code b{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem}.unlock-message{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem .75rem;font-size:.76rem;font-weight:800}.social-link-modal-backdrop{z-index:99999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overscroll-behavior:contain;background:#0f172a94;justify-content:center;align-items:flex-start;padding:clamp(1rem,4vh,2.5rem) 1rem;display:flex;overflow-y:auto;position:fixed!important;inset:0!important}.social-link-modal{background:radial-gradient(circle at 0 0,#7c3aed24,#0000 38%),#fff;border:1px solid #d8b4febf;border-radius:22px;width:min(100%,430px);max-height:calc(100vh - clamp(2rem,8vh,5rem));margin:auto 0;padding:1.6rem;position:relative;overflow-y:auto;box-shadow:0 28px 70px #0f172a40}.social-link-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:absolute;top:.95rem;right:.95rem}.social-link-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#10b981);border-radius:16px;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex;box-shadow:0 14px 28px #7c3aed38}.social-link-copy{margin-top:1rem}.social-link-kicker{color:#7c3aed;font-size:.72rem;font-weight:900}.social-link-copy h3{color:#0f172a;letter-spacing:-.03em;margin:.25rem 0 .45rem;font-size:1.08rem;font-weight:900}.social-link-copy p{color:#64748b;margin:0;font-size:.82rem;font-weight:650;line-height:1.6}.social-link-email-card{background:#faf5ff;border:1px dashed #c4b5fd;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem .85rem;display:flex}.social-link-email-card span{color:#64748b;font-size:.72rem;font-weight:900}.social-link-email-card b{color:#6d28d9;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82rem}.social-link-form{flex-direction:column;gap:.55rem;margin-top:1rem;display:flex}.social-link-form label{color:#334155;font-size:.74rem;font-weight:900}.social-link-password{align-items:center;display:flex;position:relative}.social-link-password svg{color:#94a3b8;position:absolute;left:.82rem}.social-link-password input{color:#0f172a;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.75rem .85rem .75rem 2.35rem;font-size:.9rem}.social-link-password input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.social-link-code-guide{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;flex-direction:column;gap:.35rem;padding:.65rem .75rem;font-size:.72rem;font-weight:800;line-height:1.45;display:flex}.social-link-code-guide b{color:#4c1d95;background:#fff;border-radius:999px;width:fit-content;padding:.22rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.social-link-confirm-guide{color:#166534;background:#f0fdf4;border-color:#bbf7d0;flex-direction:row;align-items:flex-start;gap:.5rem}.social-link-confirm-guide svg{color:#16a34a;flex-shrink:0;margin-top:.05rem}.social-link-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .65rem;font-size:.74rem;font-weight:800;display:flex}.social-link-error span{flex:1}.social-link-find-password{color:#be123c;cursor:pointer;background:#fff;border:1px solid #fecdd3;border-radius:999px;flex-shrink:0;padding:.22rem .48rem;font-size:.68rem;font-weight:900}.social-link-find-password:hover{background:#ffe4e6}.social-link-reset-panel{background:linear-gradient(135deg,#2563eb12,#ffffffe6),#fff;border:1px solid #dbeafe;border-radius:13px;flex-direction:column;gap:.55rem;padding:.8rem;display:flex}.social-link-reset-title{color:#1d4ed8;align-items:center;gap:.4rem;font-size:.78rem;font-weight:900;display:flex}.social-link-reset-panel p{color:#64748b;margin:0;font-size:.72rem;font-weight:700;line-height:1.45}.social-link-reset-field{grid-template-columns:1fr auto;gap:.45rem;display:grid}.social-link-reset-field input{color:#0f172a;border:1px solid #cbd5e1;border-radius:10px;outline:none;min-width:0;padding:.62rem .7rem;font-size:.8rem}.social-link-reset-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.social-link-reset-field button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;padding:.62rem .7rem;font-size:.74rem;font-weight:900}.social-link-reset-field button:disabled{opacity:.65;cursor:not-allowed}.social-link-reset-error,.social-link-reset-success{border-radius:10px;padding:.55rem .65rem;font-size:.72rem;font-weight:800;line-height:1.45}.social-link-reset-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.social-link-reset-success{color:#047857;background:#f0fdf4;border:1px solid #bbf7d0}.social-link-actions{justify-content:flex-end;gap:.55rem;margin-top:.5rem;display:flex}.social-link-cancel,.social-link-submit{cursor:pointer;border:none;border-radius:11px;padding:.68rem .95rem;font-size:.82rem;font-weight:900}.social-link-cancel{color:#475569;background:#f1f5f9}.social-link-submit{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 10px 22px #7c3aed2e}.social-link-submit:disabled{opacity:.65;cursor:not-allowed}.pg-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0f172aa6;position:fixed;inset:0}.pg-modal-panel{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);border:1px solid var(--border);animation:.25s cubic-bezier(.16,1,.3,1) modalPop}.pg-modal-header{height:50px}.pg-modal-body{background-color:var(--white)}.pg-input{border:1px solid var(--border);border-radius:var(--radius-md);outline:none;width:100%;padding:.625rem;transition:all .15s ease-in-out}.pg-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1f}.card-inputs-row input{letter-spacing:.25em}.amount-display-box{background-color:#7c3aed0a}.pg-scenario-selector{border-top:1px dashed var(--border)}.pg-scenario-selector select{color:var(--primary);background-color:#7c3aed05;font-weight:600}.payment-receipt-summary{border:1px solid var(--border)}.tax-proof-card{border-radius:var(--radius-md);color:#334155;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #bfdbfe;padding:.9rem}.tax-proof-title{color:#1d4ed8;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.78rem;font-weight:900;display:flex}.tax-proof-card p{color:#475569;margin:0;font-size:.72rem;line-height:1.6}.card-type-toggle{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.card-type-toggle label{border:1px solid var(--border);border-radius:var(--radius-md);color:#64748b;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:.35rem;min-height:42px;font-size:.8rem;font-weight:900;transition:all .16s;display:flex}.card-type-toggle label.active{color:var(--primary);border-color:var(--primary);background:#7c3aed0f;box-shadow:0 0 0 3px #7c3aed14}.card-type-toggle input{accent-color:var(--primary)}.mock-payment-notice{border-radius:var(--radius-sm);color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;align-items:flex-start;gap:.4rem;padding:.75rem;font-size:.7rem;line-height:1.5;display:flex}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.checkout-layout{grid-template-columns:1fr 340px;align-items:start;gap:2rem;display:grid}.checkout-form-section .card{border:1px solid var(--border)}.shipping-form-card{position:relative;overflow:hidden}.shipping-form-card:before{content:"";background:linear-gradient(90deg,#7c3aed,#06b6d4,#22c55e);height:5px;position:absolute;inset:0 0 auto}.shipping-form-hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.shipping-form-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.68rem;font-weight:900;display:block}.shipping-security-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.55rem .75rem;font-size:.72rem;font-weight:900;display:inline-flex}.shipping-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.address-book-panel{border-radius:var(--radius-sm);background:linear-gradient(135deg,#7c3aed14,#06b6d40f);border:1px solid #ddd6fe;margin-bottom:1rem;padding:.9rem}.shipping-form-wide{grid-column:1/-1}.postcode-row{grid-template-columns:1fr auto;gap:.5rem;display:grid}.postcode-button{min-width:92px;padding-inline:.85rem;font-size:.78rem;font-weight:800}.shipping-save-default{border-radius:var(--radius-sm);color:#475569;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;align-items:center;gap:.45rem;margin-top:1rem;padding:.75rem .9rem;font-size:.78rem;font-weight:800;display:inline-flex}.shipping-save-default input{width:1rem;height:1rem;accent-color:var(--primary)}.checkout-item-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:48px;height:48px}.payment-option-box{border:1px solid var(--primary);background-color:#7c3aed08}@media (width<=992px){.checkout-layout{grid-template-columns:1fr}}@media (width<=640px){.shipping-form-hero{flex-direction:column}.shipping-form-grid,.postcode-row{grid-template-columns:1fr}}.mypage-layout{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}.profile-section{border:1px solid var(--border);position:sticky;top:100px}.profile-avatar{background-color:var(--primary)}.order-receipt-card{border:1px solid var(--border)}.receipt-item-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:40px;height:40px}.timeline-steps{justify-content:space-between;padding:0 1rem;display:flex;position:relative}.step-point{color:var(--text-light);z-index:2;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex;position:relative}.point-dot{border-radius:var(--radius-full);background-color:var(--border);border:2px solid var(--white);width:12px;height:12px;transition:all .2s}.step-line{background-color:var(--border);z-index:1;flex:1;height:2px;position:relative;top:5px}.step-point.completed .point-dot{background-color:var(--primary)}.step-point.completed span{color:var(--primary)}.step-line.completed{background-color:var(--primary)}.step-point.active .point-dot{background-color:var(--primary);box-shadow:0 0 0 4px #7c3aed33}.step-point.active span{color:var(--primary);font-weight:700}.no-orders{border:1px solid var(--border)}.tax-proof-summary{border-radius:var(--radius-md);background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;grid-template-columns:minmax(160px,auto) 1fr;align-items:center;gap:.8rem;margin-top:.85rem;padding:.9rem 1rem;display:grid}.tax-proof-summary>div{flex-direction:column;gap:.25rem;display:flex}.tax-proof-summary-label{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.tax-proof-summary strong{color:#0f172a;font-size:.9rem}.tax-proof-summary p{color:#475569;margin:0;font-size:.75rem;line-height:1.55}@media (width<=992px){.mypage-layout{grid-template-columns:1fr}.profile-section{position:static}.tax-proof-summary{grid-template-columns:1fr}}.profile-header{align-items:center;gap:12px;display:flex}.profile-avatar{background-color:var(--primary);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.profile-header h4{margin:0;font-size:15px;font-weight:800;line-height:1.2}.profile-header span{margin-top:4px;font-size:11px;display:block}.profile-details .flex.justify-between{border-bottom:1px dashed #e2e8f0;gap:4px;padding:8px 0;display:flex;flex-direction:column!important;align-items:flex-start!important}.profile-details .flex.justify-between:last-child{border-bottom:none}.profile-details span.text-light{color:#64748b;font-size:11px;font-weight:700}.profile-details span.font-semibold{word-break:break-all;font-size:12px}.naver-edit-modal{z-index:1000;background-color:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.claim-modal-backdrop{z-index:2500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a9e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.claim-modal-container{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(440px,100%);max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 24px 70px #0f172a52}.naver-edit-container{background-color:#f9f9fc;border-radius:12px;width:440px;max-width:95%;overflow:hidden;box-shadow:0 10px 25px #00000026}.naver-edit-header{background-color:#fff;border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.naver-edit-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:800}.naver-edit-body{flex-direction:column;gap:16px;padding:24px;display:flex}.naver-input-group{flex-direction:column;gap:6px;display:flex}.naver-label{color:#475569;font-size:12px;font-weight:700}.naver-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.naver-input:focus{border-color:#03cf5d;box-shadow:0 0 0 3px #03cf5d1f}.naver-input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.naver-edit-footer{border-t:1px solid #eef2f6;background-color:#fff;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.btn-naver-submit{color:#fff;cursor:pointer;background-color:#03cf5d;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:700;transition:background-color .15s}.btn-naver-submit:hover{background-color:#02b34f}.btn-naver-cancel{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:700;transition:background-color .15s}.btn-naver-cancel:hover{background-color:#e2e8f0}.btn-withdraw{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;text-decoration:underline;transition:all .15s}.btn-withdraw:hover{color:#dc2626;background-color:#fef2f2}.naver-verify-container{background-color:#fff;border-radius:12px;width:380px;max-width:90%;overflow:hidden;box-shadow:0 10px 25px #00000026}.naver-verify-body{text-align:center;flex-direction:column;gap:16px;padding:24px;display:flex}.admin-dashboard-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.admin-header{border-bottom:1px solid var(--border-color,#e2e8f0)}.admin-nav-btn{text-align:left;width:100%;color:var(--light-text,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.admin-nav-btn:hover{color:var(--primary);background-color:#f3e8ff}.admin-nav-btn.active{background-color:var(--primary);color:#fff}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.stat-card:hover{border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.icon-bg{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chart-container{flex-direction:column;gap:1rem;display:flex}.admin-chart-svg{background:#f8fafc;border-radius:6px;overflow:visible}.admin-chart-svg text{font-family:Inter,sans-serif;font-weight:600}.shipping-dashboard{border:1px dashed var(--secondary);background:#faf5ff;border-radius:10px;padding:1.5rem}.table-responsive{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.admin-table{border-collapse:separate;border-spacing:0}.admin-table th{color:#334155;background-color:#f8fafc;border-bottom:2px solid #cbd5e1;padding:1rem .75rem;font-size:.95rem;font-weight:800}.admin-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:1rem .75rem;font-size:.9rem}.admin-table tr:last-child td{border-bottom:none}.admin-order-id-card{background:linear-gradient(135deg,#7c3aed14,#fff0 45%),#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:.35rem;min-width:156px;padding:.7rem .75rem;display:inline-flex;box-shadow:0 8px 20px #0f172a0d}.admin-order-id-label{color:#7c3aed;letter-spacing:-.01em;background:#f3e8ff;border-radius:999px;width:fit-content;padding:.1rem .45rem;font-size:.65rem;font-weight:900}.admin-order-id-value{color:#475569;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.25}.admin-order-time{border-top:1px dashed #dbe3ef;grid-template-columns:auto 1fr;align-items:center;gap:.35rem;padding-top:.4rem;display:grid}.admin-order-time span{color:#94a3b8;font-size:.68rem;font-weight:800}.admin-order-time b{color:#1e293b;letter-spacing:-.02em;white-space:nowrap;font-size:.74rem;font-weight:900}.admin-claim-reason-card{background:linear-gradient(135deg,#7c3aed14,#ecfdf58c),#fff;border:1px solid #e9d5ff;border-radius:12px;width:min(100%,220px);margin-top:.45rem;padding:.65rem .7rem;box-shadow:0 8px 18px #581c8712}.admin-claim-reason-head{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.admin-claim-reason-head span{color:#6d28d9;font-size:.68rem;font-weight:900}.admin-claim-reason-head em{color:#64748b;white-space:nowrap;background:#f8fafc;border-radius:999px;padding:.08rem .38rem;font-size:.62rem;font-style:normal;font-weight:800}.admin-claim-reason-card p{color:#334155;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:.76rem;font-weight:700;line-height:1.45}.draggable-row{cursor:grab;transition:background-color .2s,transform .1s}.draggable-row:active{cursor:grabbing;background-color:#f3e8ff!important}.draggable-row.dragging{opacity:.5;border:2px dashed var(--primary);background-color:#faf5ff}.order-btn-group{gap:2px;display:inline-flex}.order-btn{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:all .15s;display:inline-flex}.order-btn:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.order-input{text-align:center;width:50px;color:var(--primary);border:1px solid #cbd5e1;border-radius:4px;padding:2px 4px;font-size:11px;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.animate-scale-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tab-claims,.tab-settlement{animation:.3s ease-out forwards fadeIn}.tab-settlement .card{border:1px solid #f1f5f9;border-radius:12px;transition:transform .2s;box-shadow:0 4px 6px -1px #00000005}.tab-settlement .card:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000000a}.badge{white-space:nowrap;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.admin-customer-link{color:var(--dark);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-items:center;padding:0;font-size:1rem;font-weight:900;-webkit-text-decoration:underline #7c3aed4d;text-decoration:underline #7c3aed4d;display:inline-flex}.admin-customer-link.compact{font-size:.8rem}.admin-customer-link:hover{color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.admin-secure-modal{text-align:center}.secure-modal-icon{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.9rem;display:inline-flex}.secure-warning-box{color:#92400e;text-align:left;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:.55rem;padding:.8rem;font-size:.75rem;font-weight:800;line-height:1.5;display:flex}.secure-warning-box.strong{color:#be123c;background:#fff1f2;border-color:#fecdd3}.admin-customer-detail{max-height:92vh;overflow:hidden}.customer-detail-header{background:linear-gradient(135deg,#312e81,#7c3aed);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.35rem 1.5rem;display:flex}.customer-detail-kicker{color:#ddd6fe;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.customer-detail-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.customer-detail-body{max-height:calc(92vh - 92px);padding:1.5rem;overflow-y:auto}.customer-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:1rem;margin-bottom:1.25rem;display:grid}.customer-detail-card,.customer-detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem;box-shadow:0 10px 25px #0f172a0a}.customer-detail-card h4,.customer-detail-section h4{color:#0f172a;margin:0 0 .85rem;font-size:.95rem;font-weight:900}.detail-row{border-top:1px solid #f1f5f9;grid-template-columns:90px 1fr;gap:.75rem;padding:.55rem 0;font-size:.8rem;display:grid}.detail-row span,.summary-metric span{color:#64748b;font-weight:800}.detail-row b{color:#0f172a;word-break:break-all}.summary-metric{border-top:1px solid #f1f5f9;justify-content:space-between;gap:1rem;padding:.6rem 0;font-size:.8rem;display:flex}.summary-metric b{color:var(--primary);font-size:.92rem}.customer-order-list,.customer-claim-list{gap:.75rem;display:grid}.customer-order-card,.customer-claim-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem;font-size:.78rem}.customer-order-top,.customer-order-meta{color:#64748b;justify-content:space-between;gap:1rem;font-weight:800;display:flex}.customer-order-top b{color:var(--primary)}.customer-order-items{flex-wrap:wrap;gap:.35rem;margin:.6rem 0;display:flex}.customer-order-items span{color:#5b21b6;background:#ede9fe;border-radius:999px;padding:.25rem .45rem;font-weight:800}.customer-order-card p{color:#334155;word-break:break-all;margin:.6rem 0 0}.customer-claim-card{color:#475569;gap:.25rem;display:grid}.customer-claim-card b{color:#be123c}@media (width<=900px){.customer-detail-grid{grid-template-columns:1fr}}.tax-proof-admin-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.7rem;flex-direction:column;gap:.15rem;min-width:92px;padding:.45rem .65rem;display:inline-flex}.tax-proof-admin-chip strong{color:#1e40af;font-size:.74rem;font-weight:900}.tax-proof-admin-chip span{color:#64748b;font-size:.62rem;font-weight:800}.app-wrapper{background-color:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.main-content{flex-grow:1;width:100%}