@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:100;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--color-border);min-height:var(--header-height);display:flex;position:relative}.brand-logo{background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;width:40px;min-width:40px;height:40px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.brand-text{flex-direction:column;display:flex;overflow:hidden}.brand-name{font-size:var(--font-size-lg);background:var(--gradient-primary);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-weight:700}.brand-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.sidebar-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar-toggle:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{padding:var(--spacing-md) var(--spacing-sm);flex:1;overflow-y:auto}.nav-section-label{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.nav-item-wrapper{margin-bottom:2px}.nav-item{width:100%;color:var(--color-text-secondary);font-size:var(--font-size-base);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;padding:10px 12px;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{background:var(--color-accent-glow);color:var(--color-accent)}.nav-item.active .nav-item-left svg{color:var(--color-accent)}.nav-item-left{align-items:center;gap:var(--spacing-md);display:flex;overflow:hidden}.nav-item-left span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-chevron{transition:transform var(--transition-fast);min-width:16px}.nav-chevron.rotated{transform:rotate(180deg)}.nav-submenu{margin-top:2px;padding-left:20px;animation:.2s ease-out fadeInDown}.nav-subitem{align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:1px;padding:8px 12px;text-decoration:none;display:flex}.nav-subitem:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.nav-subitem.active{color:var(--color-accent)}.subitem-dot{background:var(--color-text-muted);width:5px;min-width:5px;height:5px;transition:all var(--transition-fast);border-radius:50%}.nav-subitem.active .subitem-dot{background:var(--color-accent);box-shadow:0 0 6px var(--color-accent-glow)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.user-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex}.user-avatar{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;width:36px;min-width:36px;height:36px;font-weight:700;font-size:var(--font-size-base);justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.user-role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.logout-btn{color:var(--color-text-muted)!important}.logout-btn:hover{color:var(--color-danger)!important;background:var(--color-danger-bg)!important}.access-user-site-btn{border-radius:var(--radius-md);color:#818cf8;width:100%;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:linear-gradient(135deg,#6366f120,#8b5cf620);border:1px solid #6366f140;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;font-weight:500;display:flex}.access-user-site-btn:hover:not(:disabled){color:#a5b4fc;background:linear-gradient(135deg,#6366f130,#8b5cf630);border-color:#6366f160;transform:translateY(-1px)}.access-user-site-btn:disabled{opacity:.6;cursor:not-allowed}.access-user-site-btn span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-item-left{justify-content:center}.sidebar.collapsed .nav-section-label{text-align:center;padding:var(--spacing-sm)}@media (width<=768px){.sidebar{transform:translate(-100%);width:270px!important;transition:transform var(--transition-base)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-overlay{-webkit-backdrop-filter:blur(4px);z-index:99;background:#0f172a66;animation:.2s ease-out fadeIn;position:fixed;inset:0}}.header{top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-xl);z-index:90;transition:left var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;display:flex;position:fixed}.sidebar-collapsed .header{left:var(--sidebar-collapsed-width)}.header-left{align-items:center;gap:var(--spacing-lg);display:flex}.mobile-menu-btn{display:none}.header-greeting h2{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.header-greeting p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.header-right{align-items:center;gap:var(--spacing-lg);display:flex}.header-search{align-items:center;gap:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);transition:all var(--transition-fast);padding:6px 16px;display:flex}.header-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.header-search input{color:var(--color-text-primary);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;width:180px}.header-search input::placeholder{color:var(--color-text-muted)}.notification-btn{position:relative}.notification-dot{background:var(--color-danger);border:2px solid var(--color-bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.header-user{align-items:center;gap:var(--spacing-sm);display:flex}.header-avatar{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;width:34px;height:34px;font-weight:700;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}@media (width<=768px){.header{left:0}.mobile-menu-btn{display:flex}.header-search{display:none}}.layout{min-height:100vh}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));transition:margin-left var(--transition-base);background:var(--color-bg-primary)}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.content-wrapper{max-width:var(--content-max-width);padding:var(--spacing-xl);margin:0 auto;animation:.4s ease-out fadeInUp}@media (width<=768px){.main-content{margin-left:0}}.login-page{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-effects{pointer-events:none;position:absolute;inset:0}.bg-orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.bg-orb.orb-1{background:var(--color-accent);width:400px;height:400px;animation:8s ease-in-out infinite float;top:-100px;right:-100px}.bg-orb.orb-2{background:var(--color-secondary);width:300px;height:300px;animation:10s ease-in-out infinite reverse float;bottom:-50px;left:-50px}.bg-orb.orb-3{opacity:.2;background:#06b6d4;width:200px;height:200px;animation:6s ease-in-out infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-grid{background-image:linear-gradient(#6366f108 1px,#0000 1px),linear-gradient(90deg,#6366f108 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.login-container{z-index:1;width:100%;max-width:440px;padding:var(--spacing-xl);position:relative}.login-card{padding:var(--spacing-2xl) var(--spacing-2xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-logo{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-glow-lg);justify-content:center;align-items:center;animation:3s infinite glowPulse;display:flex}.login-header h1{font-size:var(--font-size-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs);-webkit-background-clip:text;background-clip:text;font-weight:800}.login-header p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-error{align-items:center;gap:var(--spacing-sm);background:var(--color-danger-bg);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm);border:1px solid #ef444433;padding:10px 14px;display:flex}.password-wrapper{position:relative}.password-toggle{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-primary)}.login-btn{width:100%;margin-top:var(--spacing-sm)}.login-demo{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid #ffffff0f}.demo-title{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md)}.demo-accounts{gap:var(--spacing-sm);flex-direction:column;display:flex}.demo-account{align-items:center;gap:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);padding:8px 14px;display:flex}.demo-account:hover{border-color:var(--color-accent);background:var(--color-bg-hover)}.demo-cred{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:Courier New,monospace}.dashboard{gap:var(--spacing-xl);flex-direction:column;display:flex}.page-header{margin-bottom:var(--spacing-sm)}.stat-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-top{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.stat-value{font-size:var(--font-size-3xl);color:var(--color-text-primary);font-weight:800;line-height:1.1}.stat-icon{border-radius:var(--radius-lg);color:#fff;width:48px;min-width:48px;height:48px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.stat-card-bottom{align-items:center;display:flex}.stat-change{font-size:var(--font-size-xs);align-items:center;gap:4px;font-weight:500;display:flex}.stat-change.up{color:var(--color-success)}.stat-change.down{color:var(--color-danger)}.chart-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.chart-card .card-header{padding-bottom:var(--spacing-sm);border-bottom:none}.chart-card .card-title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);display:flex}.chart-body{position:relative}.recent-scans{gap:var(--spacing-md);padding:var(--spacing-sm) 0;flex-direction:column;display:flex}.recent-scan-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:background var(--transition-fast);display:flex}.recent-scan-item:hover{background:var(--color-bg-hover)}.scan-dot{background:var(--color-accent);border-radius:50%;width:8px;min-width:8px;height:8px}.scan-dot.active{background:var(--color-success)}.scan-dot.warning{background:var(--color-warning)}.scan-info{flex-direction:column;gap:2px;display:flex}.scan-serial{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.scan-location{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (width<=1024px){.chart-grid{grid-template-columns:1fr}.chart-card[style*="grid-column: span 2"]{grid-column:span 1!important}}@media (width<=768px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.accounts-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.toolbar{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.toolbar .search-box{flex:1;min-width:250px}.account-info{align-items:center;gap:var(--spacing-md);display:flex}.account-avatar{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;width:36px;min-width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.account-name{font-weight:600;font-size:var(--font-size-base)}.account-email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.expiry-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.expiry-date.expired{color:var(--color-danger)}.renew-info{background:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md)}@media (width<=768px){.form-row{grid-template-columns:1fr}}.enterprise-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.form-grid{gap:var(--spacing-lg);padding:var(--spacing-sm) 0;grid-template-columns:1fr 1fr;display:grid}.form-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.domain-info-box{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-info-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:var(--color-info);font-size:var(--font-size-sm);display:flex}.domain-preview{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.domain-preview strong{color:var(--color-accent-light)}.toggle-switch{background:var(--color-border-light);border-radius:var(--radius-full);width:44px;height:24px;transition:background var(--transition-fast);position:relative}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-grid [style*=grid-column]{grid-column:span 1!important}}.products-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.toolbar-count{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.products-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{cursor:pointer;padding:0;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-image{background:var(--color-bg-tertiary);height:180px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.product-card:hover .product-image img{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.product-overlay{padding:var(--spacing-sm);opacity:0;transition:opacity var(--transition-fast);gap:4px;display:flex;position:absolute;top:0;right:0}.product-card:hover .product-overlay{opacity:1}.product-overlay .btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009}.product-info{padding:var(--spacing-lg);flex-direction:column;gap:6px;display:flex}.product-name{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.product-sku{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.product-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.product-dist{font-size:var(--font-size-xs);color:var(--color-accent-light)}.distributors-section{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.section-header label{color:var(--color-text-primary);font-weight:600}.distributor-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);grid-template-columns:1fr 1fr 120px 32px;align-items:center;display:grid}@media (width<=768px){.products-grid,.distributor-row,.form-row{grid-template-columns:1fr}}.labels-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.batch-code{color:var(--color-accent-light);background:var(--color-accent-glow);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-weight:700;font-size:var(--font-size-sm);padding:2px 8px}.serial-range{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.serial-number{font-family:Courier New,monospace;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.text-muted{color:var(--color-text-muted);font-style:italic}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.action-buttons{gap:4px;display:flex}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.renew-info{background:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.renew-info p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.renew-info p strong{color:var(--color-text-primary)}.migrate-guide{padding:var(--spacing-lg)}.migrate-guide>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);line-height:1.6}.guide-steps{gap:var(--spacing-md);flex-direction:column;display:flex}.guide-step{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.step-num{background:var(--gradient-primary);color:#fff;width:28px;min-width:28px;height:28px;font-weight:700;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.tabs{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (width<=768px){.form-row{grid-template-columns:1fr}}.templates-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.templates-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.template-card{border:2.5px solid var(--color-border);padding:0;overflow:hidden}.template-preview{padding:var(--spacing-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-height:160px}.preview-header{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:8px 16px;display:flex}.preview-body{font-size:var(--font-size-sm);opacity:.8}.preview-product-name{font-size:var(--font-size-md);margin-bottom:6px;font-weight:700}.preview-info{font-size:var(--font-size-xs);opacity:.6;margin-bottom:4px}.preview-scan{font-size:var(--font-size-xs);margin-top:var(--spacing-sm);opacity:.5}.template-info{padding:var(--spacing-lg)}.template-info h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);font-weight:600}.template-meta,.template-colors{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.color-dot{border:2px solid var(--color-border);border-radius:50%;width:20px;height:20px}.template-actions{gap:var(--spacing-sm);display:flex}.color-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.color-input{align-items:center;gap:var(--spacing-sm);display:flex}.color-input input[type=color]{border-radius:var(--radius-md);cursor:pointer;border:none;width:36px;height:36px;padding:0}.color-input span{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:monospace}.toggle-group{gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.toggle-label{align-items:center;gap:var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex}.toggle-label input{display:none}.toggle-switch{background:var(--color-border-light);border-radius:var(--radius-full);width:40px;min-width:40px;height:22px;transition:background var(--transition-fast);position:relative}.toggle-switch:after{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-label input:checked+.toggle-switch{background:var(--color-accent)}.toggle-label input:checked+.toggle-switch:after{transform:translate(18px)}.preview-modal{border-radius:var(--radius-2xl);width:100%;max-width:400px;padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);border:2.5px solid #ffffff29;position:relative}.preview-close{top:var(--spacing-md);right:var(--spacing-md);color:inherit;z-index:10;position:absolute}.preview-full h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.preview-badge{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-lg);color:#fff;font-weight:700;font-size:var(--font-size-md);padding:12px 20px;display:flex}.preview-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid #ffffff1a}.preview-section h4{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.preview-section p{font-size:var(--font-size-sm);opacity:.7;line-height:1.5}.preview-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-xs);opacity:.5;border-top:1px solid #ffffff1a;font-family:monospace}.analytics-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.tabs{gap:var(--spacing-sm);display:flex}.tab{align-items:center;gap:6px;display:flex}.scan-time{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.serial-number{font-family:Courier New,monospace;font-weight:600;font-size:var(--font-size-sm)}.location-cell{font-size:var(--font-size-sm);align-items:center;gap:6px;display:flex}.device-badge{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize;align-items:center;gap:4px;display:flex}.ip-address{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.map-section{gap:var(--spacing-lg);grid-template-columns:2fr 1fr;display:grid}.map-placeholder{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.map-placeholder h3{margin-top:var(--spacing-md);color:var(--color-text-secondary)}.map-placeholder p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.location-list{text-align:left;max-height:400px;overflow-y:auto}.location-item{align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);padding:8px;display:flex}.location-coords{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.location-time{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;min-width:120px}.text-accent{color:var(--color-accent)}.demo-container{gap:var(--spacing-2xl);padding:var(--spacing-lg);flex-wrap:wrap;align-items:flex-start;display:flex}.demo-phone{width:280px;min-width:280px;box-shadow:var(--shadow-xl), 0 0 0 2px #333;background:#000;border-radius:36px;padding:12px;position:relative}.phone-notch{z-index:2;background:#000;border-radius:0 0 16px 16px;width:100px;height:24px;margin:0 auto;position:relative}.phone-screen{padding:var(--spacing-lg);background:#0f172a;border-radius:24px;min-height:440px;overflow:hidden}.demo-scan-result{animation:.5s ease-out fadeInUp}.demo-badge-verified{align-items:center;gap:var(--spacing-sm);background:var(--gradient-success);border-radius:var(--radius-lg);color:#fff;font-weight:700;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);padding:10px 16px;display:flex}.demo-product{text-align:center;margin-bottom:var(--spacing-lg)}.demo-product-image{margin-bottom:var(--spacing-md);font-size:48px}.demo-product h3{font-size:var(--font-size-md);color:#f1f5f9;margin-bottom:6px}.demo-product-desc{font-size:var(--font-size-xs);color:#94a3b8}.demo-info-section{padding:var(--spacing-md) 0;border-top:1px solid #ffffff0f}.demo-info-section h4{font-size:var(--font-size-xs);color:#6366f1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.demo-info-section p{font-size:var(--font-size-sm);color:#cbd5e1}.demo-serial{text-align:center;font-size:var(--font-size-xs);color:#475569;margin-top:var(--spacing-lg);font-family:monospace}.demo-details{flex:1;min-width:280px}.demo-details h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.demo-details p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.demo-details ul{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;list-style:none;display:flex}.demo-details li{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:8px 12px}.demo-note{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-xs)}.chart-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=1024px){.map-section,.chart-row{grid-template-columns:1fr}}@media (width<=768px){.demo-container{flex-direction:column;align-items:center}}:root{--primary-color:#6366f1;--secondary-color:#4f46e5;--bg-color:#0f172a;--text-color:#f8fafc}.scan-public-page{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);justify-content:center;align-items:flex-start;padding:16px;font-family:Outfit,Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.scan-bg-effects{z-index:0;pointer-events:none;position:fixed;inset:0}.scan-bg-effects .bg-orb{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}.scan-bg-effects .orb-1{background-color:var(--primary-color);width:50vw;height:50vw;top:-10%;left:-20%}.scan-bg-effects .orb-2{background-color:var(--secondary-color);width:50vw;height:50vw;bottom:-10%;right:-20%}.scan-container{z-index:1;width:100%;max-width:480px;margin:0 auto;padding-bottom:80px;position:relative}.scan-card{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:5px solid #ffffff38;border-radius:24px;margin-top:16px;padding:24px;box-shadow:0 20px 40px #0000004d}.scan-public-page.light-theme .scan-card{background:#ffffffd9;border:5px solid #00000026;box-shadow:0 10px 30px #0000000d}.verif-badge-container{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.verif-badge{letter-spacing:.5px;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;animation:2s infinite pulse-glow;display:inline-flex;box-shadow:0 4px 20px #00000026}.verif-badge.success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.verif-badge.warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.verif-badge.error{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.verif-text{opacity:.8;margin-top:12px;font-size:.9rem}.scan-alert{border-radius:16px;gap:12px;margin-bottom:20px;padding:16px;font-size:.9rem;line-height:1.5;display:flex}.scan-alert.success{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.scan-public-page.light-theme .scan-alert.success{background-color:#10b9810d}.scan-alert.warning{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.scan-public-page.light-theme .scan-alert.warning{background-color:#f59e0b0d}.scan-alert.error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.scan-public-page.light-theme .scan-alert.error{background-color:#ef44440d}.alert-title{margin-bottom:4px;font-weight:700}.scan-product-section{border-bottom:1px solid #ffffff14;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.scan-public-page.light-theme .scan-product-section{border-bottom:1px solid #00000014}.scan-product-image{aspect-ratio:1;object-fit:cover;background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;width:100%}.scan-public-page.light-theme .scan-product-image{background-color:#00000005;border:1px solid #0000000d}.scan-product-name{font-size:1.4rem;font-weight:800;line-height:1.3}.scan-product-desc{opacity:.8;font-size:.95rem;line-height:1.6}.scan-info-block{margin-bottom:20px}.scan-info-block:last-child{margin-bottom:0}.block-title{text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:8px;font-size:.8rem;font-weight:700}.block-content{flex-direction:column;gap:8px;display:flex}.enterprise-logo{object-fit:contain;background-color:#fff;border-radius:8px;width:32px;height:32px;padding:2px}.enterprise-name{font-size:1.1rem;font-weight:700}.info-item{opacity:.8;gap:8px;font-size:.9rem;line-height:1.4;display:flex}.info-icon{opacity:.6;flex-shrink:0;margin-top:2px}.scan-serial-box{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;margin-top:24px;padding:16px}.scan-public-page.light-theme .scan-serial-box{background-color:#00000003;border:1px solid #0000000d}.serial-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:8px 0;font-size:.85rem;display:flex}.scan-public-page.light-theme .serial-row{border-bottom:1px solid #0000000a}.serial-row:last-child{border-bottom:none;padding-bottom:0}.serial-row:first-child{padding-top:0}.serial-label{opacity:.5}.serial-value{font-weight:600}.serial-value.highlight{color:var(--primary-color);font-family:monospace;font-size:.95rem}.scan-chatbot-widget{z-index:100;font-family:sans-serif;position:fixed;bottom:20px;right:20px}.chatbot-toggle-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 8px 24px #0003}.chatbot-toggle-btn:hover{background-color:var(--secondary-color);transform:scale(1.05)}.chatbot-window{background-color:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;width:320px;height:400px;animation:.2s cubic-bezier(.16,1,.3,1) scale-up;display:flex;position:absolute;bottom:70px;right:0;overflow:hidden;box-shadow:0 12px 32px #00000040}.scan-public-page.light-theme .chatbot-window{background-color:#fff;border:1px solid #e2e8f0}.chatbot-header{background-color:var(--primary-color);color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.95rem;font-weight:700;display:flex}.chatbot-close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;display:flex}.chatbot-close-btn:hover{opacity:1}.chatbot-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-msg{border-radius:14px;max-width:80%;padding:10px 14px;font-size:.85rem;line-height:1.4}.chat-msg.bot{color:#f1f5f9;background-color:#334155;border-bottom-left-radius:2px;align-self:flex-start}.scan-public-page.light-theme .chat-msg.bot{color:#1e293b;background-color:#f1f5f9}.chat-msg.user{background-color:var(--primary-color);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chatbot-input-area{background-color:#0f172a;border-top:1px solid #334155;padding:12px;display:flex}.scan-public-page.light-theme .chatbot-input-area{background-color:#f8fafc;border-top:1px solid #e2e8f0}.chatbot-input{color:#fff;background-color:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.85rem}.scan-public-page.light-theme .chatbot-input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1}.chatbot-send-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:8px;display:flex}.chatbot-send-btn:hover{color:var(--secondary-color)}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 4px 15px #10b9814d}50%{transform:scale(1.02);box-shadow:0 4px 25px #10b98199}to{transform:scale(1);box-shadow:0 4px 15px #10b9814d}}@keyframes scale-up{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes orb-float{0%{transform:translate(0)scale(1)}50%{transform:translate(4%,6%)scale(1.08)}to{transform:translate(0)scale(1)}}.scan-bg-effects .orb-1{animation:16s ease-in-out infinite orb-float}.scan-bg-effects .orb-2{animation:12s ease-in-out infinite alternate orb-float}.icon-shield{animation:2s ease-in-out infinite shield-pulse}@keyframes shield-pulse{0%{opacity:.9;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 4px #fff6);transform:scale(1.1)}to{opacity:.9;transform:scale(1)}}.scan-image-wrapper{border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.scan-line{background:linear-gradient(to right, transparent, var(--primary-color), transparent);width:100%;height:3px;box-shadow:0 0 10px var(--primary-color), 0 0 20px var(--primary-color);pointer-events:none;animation:4s linear infinite scan-move;position:absolute;top:0;left:0}@keyframes scan-move{0%{top:0%}50%{top:100%}to{top:0%}}.scan-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s}.scan-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 30px 60px #00000073}.scan-public-page.layout-minimal .scan-card{box-shadow:none;background:0 0;border:none;border-radius:12px;padding:16px}.scan-public-page.layout-premium .scan-card{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:5px solid #fbbf2480}.scan-public-page.layout-premium .scan-product-name{background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.legacy-info-block{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;margin-top:24px;padding:16px}.legacy-content{flex-direction:column;gap:10px;display:flex}.scan-public-page.light-theme .legacy-info-block{background-color:#00000005;border:1px solid #0000000d}@media (width<=480px){.scan-public-page{padding:10px}.scan-container{padding-bottom:70px}.scan-card{border-radius:20px;margin-top:8px;padding:20px 16px}.verif-badge{padding:10px 18px;font-size:.9rem}.scan-alert{border-radius:12px;margin-bottom:16px;padding:12px}.scan-product-section{margin-bottom:16px;padding-bottom:16px}.scan-product-name{font-size:1.25rem}.scan-product-desc{font-size:.85rem;line-height:1.5}.block-title{margin-bottom:6px;font-size:.75rem}.scan-serial-box{margin-top:16px;padding:12px}.chatbot-window{width:calc(100vw - 40px);height:360px;bottom:65px;right:0}}.scan-brand-header{justify-content:center;align-items:center;margin-top:16px;margin-bottom:8px;display:flex}.brand-header-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #00000026);max-width:180px;max-height:60px}.scan-public-page.theme-agriculture{--primary-color:#10b981;--secondary-color:#047857;--bg-color:#f0fdf4;--text-color:#1f2937;background-color:var(--bg-color);color:var(--text-color)}.scan-public-page.theme-agriculture .scan-bg-effects{display:none}.scan-public-page.theme-agriculture .scan-card{background:#ffffffe6;border:5px solid #2d6a4f;box-shadow:0 10px 30px #10b98114}.scan-public-page.theme-agriculture .scan-card:hover{border-color:#10b98140;transform:translateY(-4px);box-shadow:0 15px 35px #10b98126}.scan-public-page.theme-agriculture .verif-text{color:#047857;font-weight:500}.scan-public-page.theme-agriculture .scan-alert.success{color:#065f46;background-color:#ecfdf5;border:1px solid #10b9814d}.scan-public-page.theme-agriculture .scan-product-name{color:#065f46}.scan-public-page.theme-agriculture .block-title{color:#047857;opacity:.7}.scan-public-page.theme-agriculture .badge-neutral{color:#065f46;background-color:#d1fae5}.scan-public-page.theme-agriculture .scan-serial-box{background-color:#f6fffa;border:1px solid #10b9811a}.scan-public-page.theme-agriculture .serial-row{border-bottom:1px solid #10b98114}.scan-public-page.theme-agriculture .chatbot-window{background-color:#fff;border:1px solid #10b981}.scan-public-page.theme-agriculture .chat-msg.bot{color:#065f46;background-color:#ecfdf5}.scan-public-page.theme-agriculture .chatbot-input-area{background-color:#f0fdf4;border-top:1px solid #d1fae5}.scan-public-page.theme-agriculture .chatbot-input{color:#1f2937;background-color:#fff;border:1px solid #a7f3d0}.scan-public-page.theme-functional_food{--primary-color:#0284c7;--secondary-color:#0369a1;--bg-color:#f0f9ff;--text-color:#1e293b;background-color:var(--bg-color);color:var(--text-color)}.scan-public-page.theme-functional_food .scan-bg-effects{display:none}.scan-public-page.theme-functional_food .scan-card{background:#fffffff2;border:5px solid #0369a1;box-shadow:0 10px 30px #0284c714}.scan-public-page.theme-functional_food .scan-card:hover{border-color:#0284c740;transform:translateY(-4px);box-shadow:0 15px 35px #0284c726}.scan-public-page.theme-functional_food .verif-text{color:#0369a1;font-weight:500}.scan-public-page.theme-functional_food .verif-badge.success{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 15px #0284c74d}.scan-public-page.theme-functional_food .scan-alert.success{color:#075985;background-color:#e0f2fe;border:1px solid #0284c74d}.scan-public-page.theme-functional_food .scan-product-name{color:#0c4a6e}.scan-public-page.theme-functional_food .block-title{color:#0369a1;opacity:.7}.scan-public-page.theme-functional_food .badge-neutral{color:#0369a1;background-color:#e0f2fe}.scan-public-page.theme-functional_food .scan-serial-box{background-color:#f7fcff;border:1px solid #0284c71a}.scan-public-page.theme-functional_food .serial-row{border-bottom:1px solid #0284c714}.scan-public-page.theme-functional_food .chatbot-window{background-color:#fff;border:1px solid #0284c7}.scan-public-page.theme-functional_food .chat-msg.bot{color:#075985;background-color:#f0f9ff}.scan-public-page.theme-functional_food .chatbot-input-area{background-color:#f0f9ff;border-top:1px solid #bae6fd}.scan-public-page.theme-functional_food .chatbot-input{color:#1e293b;background-color:#fff;border:1px solid #93c5fd}.scan-public-page.theme-cosmetics{--primary-color:#ec4899;--secondary-color:#db2777;--bg-color:#fff1f2;--text-color:#374151;background-color:var(--bg-color);color:var(--text-color)}.scan-public-page.theme-cosmetics .scan-bg-effects{display:none}.scan-public-page.theme-cosmetics .scan-card{background:#fffffff2;border:5px solid #be185d;border-radius:30px;box-shadow:0 10px 30px #ec489914}.scan-public-page.theme-cosmetics .scan-card:hover{border-color:#ec489940;transform:translateY(-4px);box-shadow:0 15px 35px #ec489926}.scan-public-page.theme-cosmetics .verif-text{color:#be185d;font-weight:500}.scan-public-page.theme-cosmetics .verif-badge.success{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 15px #ec48994d}.scan-public-page.theme-cosmetics .scan-alert.success{color:#9f1239;background-color:#ffe4e6;border:1px solid #ec48994d}.scan-public-page.theme-cosmetics .scan-product-name{color:#881337;letter-spacing:.5px;font-family:Playfair Display,Outfit,sans-serif}.scan-public-page.theme-cosmetics .block-title{color:#be185d;opacity:.7}.scan-public-page.theme-cosmetics .badge-neutral{color:#be185d;background-color:#ffe4e6}.scan-public-page.theme-cosmetics .scan-serial-box{background-color:#fffbfa;border:1px solid #ec48991a}.scan-public-page.theme-cosmetics .serial-row{border-bottom:1px solid #ec489914}.scan-public-page.theme-cosmetics .chatbot-window{background-color:#fff;border:1px solid #ec4899}.scan-public-page.theme-cosmetics .chat-msg.bot{color:#9f1239;background-color:#ffe4e6}.scan-public-page.theme-cosmetics .chatbot-input-area{background-color:#fff1f2;border-top:1px solid #fecdd3}.scan-public-page.theme-cosmetics .chatbot-input{color:#374151;background-color:#fff;border:1px solid #f9a8d4}.theme-header-block{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding:24px 16px;display:flex}.theme-header-block.agriculture{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.theme-header-block.medical{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1)}.theme-header-block.cosmetics{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777)}.check-outer-circle{background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:2s ease-in-out infinite scale-glow;display:flex}.check-inner-icon{color:#fff}.theme-title{letter-spacing:1px;text-shadow:0 2px 4px #00000026;margin:0;font-size:1.5rem;font-weight:900}.theme-subtitle{opacity:.9;margin:0;font-size:.9rem}.theme-title-cosm{letter-spacing:2px;margin:0;font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:700}.theme-subtitle-cosm{text-transform:uppercase;letter-spacing:1.5px;opacity:.9;margin:0;font-size:.85rem}.product-details-grid{border-bottom:1px dashed #00000014;grid-template-columns:140px 1fr;gap:20px;margin-bottom:20px;padding:16px 0;display:grid}.scan-public-page:not(.light-theme):not(.theme-agriculture):not(.theme-functional_food):not(.theme-cosmetics) .product-details-grid{border-bottom:1px dashed #ffffff14}.product-image-col{border-radius:16px;width:140px;height:140px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.agri-product-img,.med-product-img,.cosm-product-img{object-fit:cover;border:1px solid #0000000d;border-radius:16px;width:100%;height:100%}.product-image-col.placeholder{background-color:#0000000a;justify-content:center;align-items:center;font-size:3rem;display:flex}.product-info-col{flex-direction:column;justify-content:center;display:flex}.agri-category-badge{color:#059669;background-color:#e6fcf5;border-radius:50px;align-self:flex-start;margin-bottom:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.med-category-badge{color:#0284c7;background-color:#f0f9ff;border-radius:50px;align-self:flex-start;margin-bottom:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.cosm-category-badge{color:#ec4899;background-color:#fff1f2;border-radius:50px;align-self:flex-start;margin-bottom:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.agri-product-name{color:#065f46;margin:0 0 10px;font-size:1.3rem;font-weight:850;line-height:1.25}.med-product-name{color:#0c4a6e;margin:0 0 10px;font-size:1.3rem;font-weight:850;line-height:1.25}.cosm-product-name{color:#881337;margin:0 0 10px;font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:850;line-height:1.25}.agri-specs-list,.med-specs-list,.cosm-specs-list{flex-direction:column;gap:6px;display:flex}.spec-row{border-bottom:1px solid #00000008;justify-content:space-between;padding-bottom:4px;font-size:.85rem;display:flex}.scan-public-page:not(.light-theme):not(.theme-agriculture):not(.theme-functional_food):not(.theme-cosmetics) .spec-row{border-bottom:1px solid #ffffff08}.spec-row:last-child{border-bottom:none;padding-bottom:0}.spec-label{color:#6b7280;font-weight:500}.scan-public-page:not(.light-theme):not(.theme-agriculture):not(.theme-functional_food):not(.theme-cosmetics) .spec-label{color:#9ca3af}.spec-value{text-align:right;font-weight:600}.spec-value.highlight-green{color:#059669}.spec-value.highlight-blue{color:#0284c7}.spec-value.highlight-pink{color:#ec4899}.traceability-section{margin-top:20px;margin-bottom:24px}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:#047857;text-align:center;margin-bottom:16px;font-size:.8rem;font-weight:800}.section-title.cosm{color:#be185d;letter-spacing:1px;font-family:Playfair Display,Georgia,serif}.trace-flow-stepper{justify-content:space-between;align-items:center;padding:0 10px;display:flex;position:relative}.trace-step{text-align:center;z-index:2;flex-direction:column;flex:1;align-items:center;display:flex}.step-icon-circle{color:#fff;background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .3s;display:flex;box-shadow:0 4px 10px #10b98133}.trace-flow-stepper.blue .step-icon-circle{background-color:#0284c7;box-shadow:0 4px 10px #0284c733}.trace-flow-stepper.pink .step-icon-circle{background-color:#ec4899;box-shadow:0 4px 10px #ec489933}.step-icon-circle:hover{transform:scale(1.15)}.step-label{margin-top:8px;font-size:.8rem;font-weight:700}.step-desc{opacity:.7;max-width:80px;margin-top:2px;font-size:.65rem;line-height:1.2}.trace-line{z-index:1;background-color:#e2e8f0;flex-grow:1;height:3px;margin-top:-26px}.trace-line.completed{background-color:#10b981}.trace-flow-stepper.blue .trace-line.completed{background-color:#0284c7}.trace-flow-stepper.pink .trace-line.completed{background-color:#ec4899}.agri-info-card,.med-info-card,.cosm-info-card{background-color:#fff;border:1px solid #10b9811a;border-radius:18px;margin-bottom:20px;padding:16px;box-shadow:0 4px 15px #00000005}.med-info-card{border-color:#0284c71a}.cosm-info-card{border-color:#ec48991a;border-radius:24px}.enterprise-logo-title{align-items:center;gap:12px;margin-bottom:12px;display:flex}.enterprise-name-styled{color:#065f46;font-size:1.05rem;font-weight:800;display:block}.enterprise-name-styled.text-blue{color:#0c4a6e}.enterprise-name-styled.text-pink{color:#be185d}.enterprise-mst{opacity:.6;font-size:.75rem}.info-body{flex-direction:column;gap:8px;display:flex}.info-line{align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.4;display:flex}.icon-agri{color:#10b981;flex-shrink:0;margin-top:2px}.icon-blue{color:#0284c7;flex-shrink:0;margin-top:2px}.icon-pink{color:#ec4899;flex-shrink:0;margin-top:2px}.agri-link{color:#059669;text-decoration:underline}.map-section{margin-bottom:24px}.map-wrapper{border:1px solid #0000000f;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #0000000a}.agri-metadata-box,.med-metadata-box,.cosm-metadata-box{background-color:#f4fbf7;border:1px solid #10b98114;border-radius:16px;padding:14px}.med-metadata-box{background-color:#f0f9ff;border-color:#0284c714}.cosm-metadata-box{background-color:#fff5f5;border-color:#ec489914;border-radius:20px}.meta-row{border-bottom:1px solid #00000008;justify-content:space-between;padding:6px 0;font-size:.8rem;display:flex}.meta-row:last-child{border-bottom:none;padding-bottom:0}.meta-row:first-child{padding-top:0}.scan-alert.agri-alert{color:#065f46;background-color:#e6fdf4;border-color:#10b98140}.scan-alert.agri-alert-warn{color:#b45309;background-color:#fffbeb;border-color:#f59e0b40}.scan-alert.med-alert{color:#0369a1;background-color:#f0f9ff;border-color:#0284c740}.scan-alert.cosm-alert{color:#be185d;background-color:#fff1f2;border-color:#ec489940}@keyframes scale-glow{0%{transform:scale(1);box-shadow:0 0 #ffffff4d}70%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.scan-line-blue{pointer-events:none;background:linear-gradient(90deg,#0000,#0284c7,#0000);width:100%;height:3px;animation:4s linear infinite scan-move;position:absolute;top:0;left:0;box-shadow:0 0 10px #0284c7,0 0 20px #0284c7}.scan-line-pink{pointer-events:none;background:linear-gradient(90deg,#0000,#ec4899,#0000);width:100%;height:3px;animation:4s linear infinite scan-move;position:absolute;top:0;left:0;box-shadow:0 0 10px #ec4899,0 0 20px #ec4899}@media (width<=480px){.product-details-grid{grid-template-columns:1fr;justify-items:center;gap:16px}.product-image-col{width:100%;max-width:200px;height:200px}.trace-flow-stepper{flex-wrap:wrap;justify-content:center;gap:12px 6px}.trace-step{flex:none;width:45%}.trace-line{display:none}.theme-title{font-size:1.3rem}}.scan-public-page.theme-agriculture{color:#1f2937;background-color:#f3f4f6;flex-direction:column;align-items:center;padding:0 0 40px;display:flex}.scan-public-page.theme-agriculture .scan-container{width:100%;max-width:480px;padding-bottom:40px}.agri-header-bar{color:#fff;z-index:100;background-color:#2d6a4f;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0000001a}.header-back-btn,.header-more-btn{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;align-items:center;padding:8px;transition:opacity .2s;display:flex}.header-back-btn:hover,.header-more-btn:hover{opacity:1}.header-title{letter-spacing:.5px;font-size:1.05rem;font-weight:750}.theme-agri-card{color:#1f2937!important;background:#fff!important;border:5px solid #2d6a4f!important;border-radius:16px!important;margin-top:12px!important;padding:20px 16px!important;box-shadow:0 4px 12px #00000008!important}.agri-verification-block{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.agri-success-circle{color:#fff;background-color:#2d6a4f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.check-svg{width:28px;height:28px}.agri-verif-text-col{flex-direction:column;display:flex}.agri-verif-title{color:#2d6a4f;letter-spacing:.5px;margin:0;font-size:1.25rem;font-weight:850}.agri-verif-subtitle{color:#1f2937;margin:2px 0 0;font-size:1rem;font-weight:750}.agri-verif-desc{color:#6b7280;margin:4px 0 0;font-size:.8rem;line-height:1.3}.product-details-grid-agri{border-bottom:1px dashed #e5e7eb;grid-template-columns:130px 1fr;gap:16px;margin-bottom:20px;padding:16px 0;display:grid}.product-image-col-agri{border:1px solid #f3f4f6;border-radius:12px;width:130px;height:130px;position:relative;overflow:hidden}.product-image-col-agri img{object-fit:cover;width:100%;height:100%}.product-info-col-agri{flex-direction:column;justify-content:center;display:flex}.agri-product-title-bold{color:#2d6a4f;margin:0 0 8px;font-size:1.15rem;font-weight:850;line-height:1.25}.agri-specs-list-new{flex-direction:column;gap:6px;display:flex}.spec-row-new{border-bottom:1px solid #f9fafb;justify-content:space-between;padding-bottom:4px;font-size:.8rem;display:flex}.spec-row-new:last-child{border-bottom:none;padding-bottom:0}.spec-label-new{color:#4b5563;font-weight:500}.spec-value-new{color:#1f2937;text-align:right;font-weight:700}.spec-value-new.highlight-green{color:#2d6a4f;background-color:#e8f5e9;border-radius:4px;padding:2px 6px;font-family:monospace}.agri-card-section{margin-bottom:20px}.section-header-styled{align-items:center;gap:10px;margin-bottom:12px;display:flex}.header-icon-circle-green{color:#2d6a4f;background-color:#e8f5e9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.section-title-bold{color:#1f2937;letter-spacing:.5px;font-size:.85rem;font-weight:850}.section-body-specs{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.spec-row-new .text-left{text-align:right;max-width:70%;line-height:1.3}.production-process-stepper{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 8px;display:flex;overflow-x:auto}.process-step-box{flex-direction:column;flex:1;align-items:center;min-width:60px;display:flex}.step-square{color:#2d6a4f;background-color:#fff;border:1.5px solid #2d6a4f;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 2px 6px #2d6a4f0d}.step-square-icon{width:24px;height:24px}.step-square-label{color:#4b5563;text-align:center;margin-top:6px;font-size:.65rem;font-weight:750;line-height:1.2}.process-arrow{color:#bdf0d4;margin-top:-20px;font-size:1.2rem;font-weight:700}.certifications-grid{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 8px;display:grid}.cert-item{text-align:center;flex-direction:column;align-items:center;display:flex}.cert-badge-wrapper{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 3px 8px #00000008}.cert-badge-wrapper.vietgap{background-color:#e8f5e9;border:1.5px solid #2e7d32}.vietgap-badge-design{flex-direction:column;align-items:center;line-height:.95;display:flex}.vgap-main-text{color:#2e7d32;font-size:.8rem;font-style:italic;font-weight:850}.vgap-sub-text{color:#1b5e20;font-size:.5rem;font-weight:900}.cert-badge-wrapper.organic{background-color:#f1f8e9;border:1.5px solid #558b2f}.organic-badge-design{flex-direction:column;align-items:center;line-height:1.05;display:flex}.org-text-top{color:#33691e;letter-spacing:.2px;font-size:.5rem;font-weight:850}.org-text-bottom{color:#558b2f;font-size:.45rem;font-weight:900}.cert-badge-wrapper.iso{background-color:#e3f2fd;border:1.5px solid #1565c0}.iso-badge-design{flex-direction:column;align-items:center;line-height:1;display:flex}.iso-quacert{color:#1565c0;letter-spacing:.2px;font-size:.45rem;font-weight:900}.iso-number{color:#0d47a1;font-size:.55rem;font-weight:850}.cert-name-label{color:#1f2937;margin-top:6px;font-size:.7rem;font-weight:800}.cert-number-label{color:#6b7280;word-break:break-all;max-width:90px;margin-top:2px;font-size:.6rem}.map-header{justify-content:space-between}.view-map-link{color:#2d6a4f;align-items:center;gap:4px;font-size:.75rem;font-weight:750;text-decoration:none;display:flex}.view-map-link:hover{text-decoration:underline}.map-wrapper-new{border:1px solid #e5e7eb;border-radius:12px;position:relative;overflow:hidden}.map-wrapper-new iframe{vertical-align:middle}.map-location-label{color:#1f2937;background-color:#fffffff2;border:1px solid #e5e7eb;border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:750;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #0000000f}.icon-map-label{color:#2d6a4f}.agri-action-buttons-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;display:grid}.action-footer-btn{color:#2d6a4f;cursor:pointer;background-color:#f0fdf4;border:1px solid #bdf0d4;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:.7rem;font-weight:800;transition:background-color .2s;display:flex}.action-footer-btn:hover{background-color:#dcfce7}.action-footer-btn.report{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.action-footer-btn.report:hover{background-color:#fee2e2}.btn-footer-icon{width:14px;height:14px}.agri-last-updated{text-align:center;color:#9ca3af;margin-top:20px;font-size:.7rem}.custom-fertilizer{width:24px;height:24px}@media (width<=480px){.product-details-grid-agri{grid-template-columns:1fr;justify-items:center;gap:16px}.product-image-col-agri{width:150px;height:150px}.production-process-stepper{flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding:16px 12px;overflow-x:auto}.process-step-box{flex-shrink:0;width:66px}.process-arrow{display:none}}.scan-public-page.theme-functional_food{color:#1f2937;background-color:#f3f4f6;flex-direction:column;align-items:center;padding:0 0 40px;display:flex}.scan-public-page.theme-functional_food .scan-container{width:100%;max-width:480px;padding-bottom:40px}.med-header-bar{color:#fff;z-index:100;background-color:#0369a1;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0000001a}.theme-med-card{color:#1f2937!important;background:#fff!important;border:5px solid #0369a1!important;border-radius:16px!important;margin-top:12px!important;padding:20px 16px!important;box-shadow:0 4px 12px #00000008!important}.med-verification-block{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.med-success-circle{color:#fff;background-color:#0369a1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.med-verif-text-col{flex-direction:column;display:flex}.med-verif-title{color:#0369a1;letter-spacing:.5px;margin:0;font-size:1.25rem;font-weight:850}.med-verif-subtitle{color:#1f2937;margin:2px 0 0;font-size:1rem;font-weight:750}.med-verif-desc{color:#6b7280;margin:4px 0 0;font-size:.8rem;line-height:1.3}.product-details-grid-med{border-bottom:1px dashed #e5e7eb;grid-template-columns:130px 1fr;gap:16px;margin-bottom:20px;padding:16px 0;display:grid}.product-image-col-med{border:1px solid #f3f4f6;border-radius:12px;width:130px;height:130px;position:relative;overflow:hidden}.product-image-col-med img,.product-image-col-med .med-product-img{object-fit:cover;width:100%;height:100%}.product-info-col-med{flex-direction:column;justify-content:center;display:flex}.med-product-title-bold{color:#0369a1;margin:0 0 8px;font-size:1.15rem;font-weight:850;line-height:1.25}.med-specs-list-new{flex-direction:column;gap:6px;display:flex}.med-card-section{margin-bottom:20px}.header-icon-circle-blue{color:#0369a1;background-color:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.section-body-specs.med,.production-process-stepper.med{background-color:#f0f9ff;border:1px solid #e0f2fe}.step-square.med{color:#0369a1;border-color:#0369a1;box-shadow:0 2px 6px #0369a114}.process-arrow.med{color:#bae6fd}.certifications-grid.med{background-color:#f0f9ff;border:1px solid #e0f2fe}.cert-badge-wrapper.sdk{background-color:#e0f2fe;border:1.5px solid #0284c7}.sdk-badge-design{flex-direction:column;align-items:center;line-height:.95;display:flex}.sdk-main-text{color:#0369a1;font-size:.75rem;font-weight:900}.sdk-sub-text{color:#0c4a6e;font-size:.45rem;font-weight:800}.cert-badge-wrapper.gmp{background-color:#dbeafe;border:1.5px solid #1d4ed8}.gmp-badge-design{flex-direction:column;align-items:center;line-height:1.05;display:flex}.gmp-text-top{color:#1d4ed8;font-size:.65rem;font-weight:900}.gmp-text-bottom{color:#1e40af;font-size:.45rem;font-weight:800}.cert-badge-wrapper.iso-med{background-color:#e3f2fd;border:1.5px solid #1565c0}.view-map-link.med,.map-location-label.med .icon-map-label{color:#0369a1}.med-action-buttons-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;display:grid}.action-footer-btn.med{color:#0369a1;background-color:#f0f9ff;border:1px solid #bae6fd}.action-footer-btn.med:hover{background-color:#e0f2fe}.med-last-updated{text-align:center;color:#9ca3af;margin-top:20px;font-size:.7rem}.scan-public-page.theme-cosmetics{color:#1f2937;background-color:#f3f4f6;flex-direction:column;align-items:center;padding:0 0 40px;display:flex}.scan-public-page.theme-cosmetics .scan-container{width:100%;max-width:480px;padding-bottom:40px}.cosm-header-bar{color:#fff;z-index:100;background-color:#be185d;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0000001a}.theme-cosm-card{color:#1f2937!important;background:#fff!important;border:5px solid #be185d!important;border-radius:16px!important;margin-top:12px!important;padding:20px 16px!important;box-shadow:0 4px 12px #00000008!important}.cosm-verification-block{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.cosm-success-circle{color:#fff;background-color:#be185d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.cosm-verif-text-col{flex-direction:column;display:flex}.cosm-verif-title{color:#be185d;letter-spacing:.5px;margin:0;font-size:1.25rem;font-weight:850}.cosm-verif-subtitle{color:#1f2937;margin:2px 0 0;font-size:1rem;font-weight:750}.cosm-verif-desc{color:#6b7280;margin:4px 0 0;font-size:.8rem;line-height:1.3}.product-details-grid-cosm{border-bottom:1px dashed #e5e7eb;grid-template-columns:130px 1fr;gap:16px;margin-bottom:20px;padding:16px 0;display:grid}.product-image-col-cosm{border:1px solid #f3f4f6;border-radius:12px;width:130px;height:130px;position:relative;overflow:hidden}.product-image-col-cosm img,.product-image-col-cosm .cosm-product-img{object-fit:cover;width:100%;height:100%}.product-info-col-cosm{flex-direction:column;justify-content:center;display:flex}.cosm-product-title-bold{color:#be185d;margin:0 0 8px;font-size:1.15rem;font-weight:850;line-height:1.25}.cosm-specs-list-new{flex-direction:column;gap:6px;display:flex}.spec-value-new.highlight-pink{color:#be185d;background-color:#ffe4e6;border-radius:4px;padding:2px 6px;font-family:monospace}.cosm-card-section{margin-bottom:20px}.header-icon-circle-pink{color:#be185d;background-color:#ffe4e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.section-body-specs.cosm,.production-process-stepper.cosm{background-color:#fff1f2;border:1px solid #fecdd3}.step-square.cosm{color:#be185d;border-color:#be185d;box-shadow:0 2px 6px #be185d14}.process-arrow.cosm{color:#fecdd3}.certifications-grid.cosm{background-color:#fff1f2;border:1px solid #fecdd3}.cert-badge-wrapper.cgmp{background-color:#fce7f3;border:1.5px solid #db2777}.cgmp-badge-design{flex-direction:column;align-items:center;line-height:1.05;display:flex}.cgmp-text-top{color:#be185d;font-size:.6rem;font-weight:900}.cgmp-text-bottom{color:#9d174d;font-size:.45rem;font-weight:800}.cert-badge-wrapper.iso-cosm{background-color:#fdf2f8;border:1.5px solid #ec4899}.iso-cosm-badge-design{flex-direction:column;align-items:center;line-height:1;display:flex}.iso-cosm-text{color:#db2777;font-size:.55rem;font-weight:900}.iso-cosm-number{color:#be185d;font-size:.65rem;font-weight:850}.cert-badge-wrapper.halal{background-color:#ecfdf5;border:1.5px solid #059669}.halal-badge-design{flex-direction:column;align-items:center;line-height:1.05;display:flex}.halal-text-top{color:#059669;font-size:.55rem;font-weight:900}.halal-text-bottom{color:#047857;font-size:.4rem;font-weight:800}.view-map-link.cosm,.map-location-label.cosm .icon-map-label{color:#be185d}.cosm-action-buttons-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;display:grid}.action-footer-btn.cosm{color:#be185d;background-color:#fff1f2;border:1px solid #fecdd3}.action-footer-btn.cosm:hover{background-color:#ffe4e6}.cosm-last-updated{text-align:center;color:#9ca3af;margin-top:20px;font-size:.7rem}@media (width<=480px){.product-details-grid-med,.product-details-grid-cosm{grid-template-columns:1fr;justify-items:center;gap:16px}.product-image-col-med,.product-image-col-cosm{width:150px;height:150px}.production-process-stepper.med,.production-process-stepper.cosm{flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding:16px 12px;overflow-x:auto}.production-process-stepper.med .process-step-box,.production-process-stepper.cosm .process-step-box{flex-shrink:0;width:66px}.process-arrow.med,.process-arrow.cosm{display:none}.product-details-grid-def{grid-template-columns:1fr;justify-items:center;gap:16px}.product-image-col-def{width:150px;height:150px}.production-process-stepper.def{flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding:16px 12px;overflow-x:auto}.production-process-stepper.def .process-step-box{flex-shrink:0;width:66px}.process-arrow.def{display:none}}.scan-public-page.theme-default{color:#1f2937;background-color:#f3f4f6;flex-direction:column;align-items:center;padding:0 0 40px;display:flex}.scan-public-page.theme-default .scan-bg-effects{display:none}.scan-public-page.theme-default .scan-container{width:100%;max-width:480px;padding-bottom:40px}.def-header-bar{background-color:var(--primary-color,#4f46e5);color:#fff;z-index:100;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0000001a}.theme-def-card{color:#1f2937!important;border:5px solid var(--primary-color,#4f46e5)!important;background:#fff!important;border-radius:16px!important;margin-top:12px!important;padding:20px 16px!important;box-shadow:0 4px 12px #00000008!important}.def-verification-block{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.def-success-circle{background-color:var(--primary-color,#4f46e5);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.def-warning-circle{color:#fff;background-color:#f59e0b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.def-verif-text-col{flex-direction:column;display:flex}.def-verif-title{color:var(--primary-color,#4f46e5);letter-spacing:.5px;margin:0;font-size:1.25rem;font-weight:850}.def-verification-block:has(.def-warning-circle) .def-verif-title{color:#d97706}.def-verif-subtitle{color:#1f2937;margin:2px 0 0;font-size:1rem;font-weight:750}.def-verif-desc{color:#6b7280;margin:4px 0 0;font-size:.8rem;line-height:1.3}.product-details-grid-def{border-bottom:1px dashed #e5e7eb;grid-template-columns:130px 1fr;gap:16px;margin-bottom:20px;padding:16px 0;display:grid}.product-image-col-def{border:1px solid #f3f4f6;border-radius:12px;width:130px;height:130px;position:relative;overflow:hidden}.product-image-col-def img,.product-image-col-def .def-product-img{object-fit:cover;width:100%;height:100%}.product-image-col-def .def-product-img.placeholder{background-color:#f9fafb;justify-content:center;align-items:center;font-size:3rem;display:flex}.product-info-col-def{flex-direction:column;justify-content:center;display:flex}.def-product-title-bold{color:var(--primary-color,#4f46e5);margin:0 0 8px;font-size:1.15rem;font-weight:850;line-height:1.25}.def-specs-list-new{flex-direction:column;gap:6px;display:flex}.spec-value-new.highlight-default{color:var(--primary-color,#4f46e5);background-color:color-mix(in srgb, var(--primary-color,#4f46e5) 12%, white);border-radius:4px;padding:2px 6px;font-family:monospace}@supports not (color:color-mix(in srgb, red, white)){.spec-value-new.highlight-default{background-color:#eef2ff}}.def-card-section{margin-bottom:20px}.header-icon-circle-def{background-color:color-mix(in srgb, var(--primary-color,#4f46e5) 12%, white);width:28px;height:28px;color:var(--primary-color,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@supports not (color:color-mix(in srgb, red, white)){.header-icon-circle-def{background-color:#eef2ff}}.section-body-specs.def,.production-process-stepper.def{background-color:#f8fafc;border:1px solid #e2e8f0}.step-square.def{border-color:var(--primary-color,#4f46e5);color:var(--primary-color,#4f46e5);box-shadow:0 2px 6px color-mix(in srgb, var(--primary-color,#4f46e5) 15%, transparent)}@supports not (color:color-mix(in srgb, red, white)){.step-square.def{box-shadow:0 2px 6px #4f46e514}}.process-arrow.def{color:#c7d2fe}.certifications-grid.def{background-color:#f8fafc;border:1px solid #e2e8f0}.cert-badge-wrapper.haccp{background-color:#fef3c7;border:1.5px solid #d97706}.haccp-badge-design{flex-direction:column;align-items:center;line-height:1.05;display:flex}.haccp-text-top{color:#b45309;font-size:.6rem;font-weight:900}.haccp-text-bottom{color:#92400e;font-size:.45rem;font-weight:800}.cert-badge-wrapper.iso-def{border:1.5px solid var(--primary-color,#4f46e5);background-color:#eef2ff}.iso-def-badge-design{flex-direction:column;align-items:center;line-height:1;display:flex}.iso-def-text{color:var(--primary-color,#4f46e5);font-size:.55rem;font-weight:900}.iso-def-number{color:var(--secondary-color,#4338ca);font-size:.65rem;font-weight:850}.cert-badge-wrapper.tem{background-color:#f0fdf4;border:1.5px solid #10b981}.tem-badge-design{flex-direction:column;align-items:center;line-height:1.05;display:flex}.tem-text-top{color:#059669;font-size:.65rem;font-weight:900}.tem-text-bottom{color:#047857;font-size:.45rem;font-weight:800}.view-map-link.def,.map-location-label.def .icon-map-label{color:var(--primary-color,#4f46e5)}.def-action-buttons-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;display:grid}.action-footer-btn.def{background-color:color-mix(in srgb, var(--primary-color,#4f46e5) 8%, white);border:1px solid color-mix(in srgb, var(--primary-color,#4f46e5) 25%, white);color:var(--primary-color,#4f46e5)}.action-footer-btn.def:hover{background-color:color-mix(in srgb, var(--primary-color,#4f46e5) 15%, white)}@supports not (color:color-mix(in srgb, red, white)){.action-footer-btn.def{background-color:#eef2ff;border-color:#c7d2fe}.action-footer-btn.def:hover{background-color:#e0e7ff}}.scan-line-def{background:linear-gradient(to right, transparent, var(--primary-color,#4f46e5), transparent);width:100%;height:3px;box-shadow:0 0 10px var(--primary-color,#4f46e5);pointer-events:none;animation:4s linear infinite scan-move;position:absolute;top:0;left:0}.def-last-updated{text-align:center;color:#9ca3af;margin-top:20px;font-size:.7rem}.scan-public-page.theme-default .chatbot-window{border:1px solid var(--primary-color,#4f46e5);background-color:#fff}.scan-public-page.theme-default .chat-msg.bot{color:#1e293b;background-color:#f8fafc}.scan-public-page.theme-default .chatbot-input-area{background-color:#f8fafc;border-top:1px solid #e2e8f0}.scan-public-page.theme-default .chatbot-input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1}.scan-public-page.theme-agriculture,.scan-public-page.theme-functional_food{background-color:#e8ede9;justify-content:center;align-items:flex-start;padding:16px 12px 100px}.scan-public-page.theme-agriculture .scan-container,.scan-public-page.theme-functional_food .scan-container{width:100%;max-width:480px;padding:0 0 100px}.scan-public-page.theme-agriculture .scan-bg-effects,.scan-public-page.theme-functional_food .scan-bg-effects{display:none}.hub-page-shell{background:#fff;border:6px solid #007d32;border-radius:16px;width:100%;max-width:480px;margin:0 auto;overflow:hidden;box-shadow:0 6px 28px #007d321f}.brand-top-header{z-index:10;background:#fff;border-bottom:1.5px solid #e8f5e9;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px 16px;display:flex;position:relative}.brand-header-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-logo-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.brand-logo-circle.agri,.brand-logo-circle.food{color:#007d32;background-color:#e8f5e9;border:2.5px solid #007d32}.brand-logo-img{object-fit:contain;width:100%;height:100%}.brand-logo-icon{width:24px;height:24px}.brand-name-col{flex-direction:column;line-height:1.2;display:flex}.brand-name-top{color:#007d32;letter-spacing:.5px;text-transform:uppercase;font-size:1rem;font-weight:900;line-height:1.1}.brand-top-header.food .brand-name-top,.theme-functional_food .brand-name-top{color:#007d32}.brand-name-bottom{color:#4b5563;letter-spacing:.3px;font-size:.85rem;font-weight:700}.brand-divider-v{background-color:#d1d5db;flex-shrink:0;width:1.5px;height:40px;margin:0 4px}.brand-slogan{color:#007d32;text-align:right;flex:1;padding-left:4px;font-family:Outfit,sans-serif;font-size:.88rem;font-style:italic;line-height:1.4}.product-gallery-strip{background:#fff;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 10px 0;display:grid}.gallery-strip-item{cursor:pointer;opacity:.72;background:#f3f4f6;border:none;border-radius:10px;height:130px;padding:0;transition:opacity .2s,box-shadow .2s,transform .2s;overflow:hidden}.gallery-strip-item.active{opacity:1;transform:scale(1.01);box-shadow:0 0 0 2.5px #007d32}.gallery-strip-item img{object-fit:cover;width:100%;height:100%;display:block}.gallery-dots{background:#fff;justify-content:center;gap:8px;padding:8px 0 6px;position:static;transform:none}.product-slider-wrapper{background:#f3f4f6;width:100%;max-height:280px;margin:0;position:relative;overflow:hidden}.slider-track{will-change:transform;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.slide-item{flex-shrink:0;min-width:100%;height:240px;overflow:hidden}.slide-img{object-fit:cover;width:100%;height:100%}.slider-btn{cursor:pointer;color:#374151;z-index:10;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.slider-btn:hover{background:#fff}.slider-btn.prev{left:10px}.slider-btn.next{right:10px}.slider-dots{z-index:10;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;background:#ffffff8c;border:1.5px solid #ffffffb3;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.slider-dot.active{background:#007d32;border-color:#007d32;transform:scale(1.2)}.slider-dot.active.food{background:#007d32;border-color:#007d32}.product-slider-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:160px;font-size:.9rem;font-weight:600;display:flex}.product-slider-placeholder.agri,.product-slider-placeholder.food{color:#007d32;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.verify-banner-new{border:1.5px solid;border-radius:14px;align-items:center;gap:16px;margin:12px 12px 0;padding:16px 18px;display:flex;position:relative;overflow:hidden}.verify-banner-new.agri,.verify-banner-new.food{background:#f0fdf4;border-color:#86efac;margin:10px 12px 0;box-shadow:0 2px 8px #007d320f}.verify-banner-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.verify-banner-icon.agri,.verify-banner-icon.food{color:#fff;background:#007d32;box-shadow:0 4px 14px #007d3259}.verify-banner-text{z-index:1;flex:1}.verify-banner-title{color:#007d32;letter-spacing:.4px;text-transform:uppercase;margin:0 0 5px;font-size:1rem;font-weight:900}.verify-banner-new.food .verify-banner-title,.theme-functional_food .verify-banner-title{color:#007d32}.verify-banner-desc{color:#374151;margin:0;font-size:.8rem;line-height:1.5}.verify-banner-bg-icon{opacity:.06;color:#007d32;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.verify-banner-new.food .verify-banner-bg-icon,.theme-functional_food .verify-banner-bg-icon{color:#007d32}.product-summary-card{background:#fff;border:5px solid #007d32;border-radius:14px;align-items:flex-start;gap:16px;margin:10px 12px 0;padding:14px 16px;display:flex;box-shadow:0 2px 10px #0000000d}.psc-image-col{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.psc-product-img{object-fit:cover;width:100%;height:100%}.psc-product-img.placeholder{background:#f3f4f6;justify-content:center;align-items:center;font-size:2rem;display:flex}.psc-info-col{flex:1;min-width:0}.psc-product-name{color:#007d32;word-break:break-word;text-transform:uppercase;letter-spacing:.3px;margin:0 0 4px;font-size:1.1rem;font-weight:900;line-height:1.2}.theme-functional_food .psc-product-name,.psc-origin-icon.agri{color:#007d32}.psc-manufacturer{color:#6b7280;margin:0 0 2px;font-size:.75rem;font-weight:500}.psc-manufacturer-name{color:#1f2937;text-transform:uppercase;letter-spacing:.2px;margin:2px 0 8px;font-size:.85rem;font-weight:800}.psc-origin{color:#4b5563;align-items:center;gap:4px;font-size:.8rem;display:flex}.psc-origin-icon{color:#6b7280;flex-shrink:0}.action-grid-8{background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 12px 0;padding:16px 6px;display:grid;box-shadow:0 2px 10px #0000000d}.action-grid-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:8px 2px;transition:background .15s,transform .15s;display:flex}.action-grid-btn:hover{background:#f0fdf4;transform:translateY(-1px)}.action-grid-btn:active{background:#dcfce7;transform:translateY(0)}.agb-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 6px #007d3214}.agb-icon-circle.agri,.agb-icon-circle.food{color:#007d32!important;background:#f0fdf4!important;border:2px solid #007d32!important}.action-grid-btn.active,.action-grid-btn.active.agri{background:#e8fdf0}.action-grid-btn.active .agb-icon-circle,.action-grid-btn.active.agri .agb-icon-circle{box-shadow:0 4px 10px #007d3259;color:#fff!important;background:#007d32!important;border-color:#007d32!important}.action-grid-btn:hover .agb-icon-circle{transform:scale(1.05)}.action-grid-btn span{color:#374151;text-align:center;letter-spacing:.3px;text-transform:uppercase;font-size:.62rem;font-weight:800;line-height:1.3}.expand-section-card{background:#fff;border:1.5px solid;border-radius:14px;margin:10px 12px 0;animation:.25s cubic-bezier(.34,1.56,.64,1) expand-fade-in;overflow:hidden;box-shadow:0 2px 10px #0000000d}.expand-section-card.agri,.expand-section-card.food{border-color:#86efac;margin:10px 12px 12px}.expand-section-header.agri,.expand-section-header.food{color:#007d32;letter-spacing:.3px;background:#f0fdf4;font-weight:900}.hub-cert-grid{background:0 0;border:none;margin:0;padding:12px 8px 16px}@keyframes expand-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.expand-section-header{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:800;display:flex}.expand-section-body{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.expand-empty{color:#9ca3af;text-align:center;margin:0;padding:8px 0;font-size:.85rem}.expand-guide-text{color:#4b5563;margin:0;font-size:.85rem;line-height:1.6}.points-info-box{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.points-info-box.agri{background:#f0fdf4;border:1px solid #bbf7d0}.points-info-box.food{background:#eff6ff;border:1px solid #bfdbfe}.points-info-box p{color:#374151;margin:0;font-size:.85rem;line-height:1.5}.points-star{color:#fbbf24}.scan-public-page.theme-agriculture .chatbot-toggle-btn,.scan-public-page.theme-functional_food .chatbot-toggle-btn{width:auto;height:auto;box-shadow:none;background:0 0;border:none;border-radius:28px;padding:0}.chatbot-toggle-label{cursor:pointer;background:#007d32;border-radius:28px;align-items:center;gap:0;padding:10px 16px 10px 10px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 24px #007d3266}.scan-public-page.theme-functional_food .chatbot-toggle-label{background:#007d32;box-shadow:0 6px 24px #007d3266}.chatbot-toggle-label:hover{transform:scale(1.05);box-shadow:0 8px 28px #007d3280}.chatbot-toggle-icon-wrap{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;display:flex}.chatbot-toggle-text{color:#fff;text-align:left;letter-spacing:.2px;font-size:.74rem;font-weight:700;line-height:1.35}.spec-value-new.highlight-blue{color:#1d4ed8;background-color:#eff6ff;border-radius:4px;padding:2px 6px;font-family:monospace}.gallery-dots .slider-dot{background:#007d3240;border-color:#007d3266}.gallery-dots .slider-dot.active{background:#007d32;border-color:#007d32}@media (width<=480px){.hub-page-shell{border-width:2px;border-radius:12px}.brand-top-header{min-height:64px;padding:12px 14px}.brand-logo-circle{width:44px;height:44px}.brand-name-top{font-size:.9rem}.gallery-strip-item{height:110px}.verify-banner-new{margin:8px 10px 0;padding:14px}.verify-banner-icon{width:50px;height:50px}.product-summary-card{margin:8px 10px 0}.action-grid-8{margin:8px 10px 0;padding:12px 4px}.agb-icon-circle{width:48px;height:48px}.action-grid-btn span{font-size:.58rem}.expand-section-card{margin:8px 10px 10px}}.scan-choice-page{background:linear-gradient(135deg,#0f172a 0%,#1a1f3a 50%,#0d1b2a 100%);justify-content:center;align-items:flex-start;min-height:100vh;font-family:Outfit,Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.choice-bg-orb{filter:blur(100px);border-radius:50%;animation:14s ease-in-out infinite choiceOrb;position:absolute}.choice-bg-orb.orb-c{background:radial-gradient(circle,#f59e0b26,#0000 70%);width:35vw;height:35vw;animation-delay:9s;top:40%;left:40%}@keyframes choiceOrb{0%,to{transform:scale(1)translate(0)}50%{transform:scale(1.15)translate(5%,8%)}}.scan-choice-content{z-index:1;flex-direction:column;gap:0;width:100%;max-width:440px;padding:24px 20px 48px;display:flex;position:relative}.choice-brand-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:14px;margin-top:20px;margin-bottom:20px;padding:16px 20px;display:flex}.choice-brand-logo{object-fit:cover;background:#fff;border-radius:14px;flex-shrink:0;width:52px;height:52px;padding:2px}.choice-brand-info{flex:1;min-width:0}.choice-brand-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:800;line-height:1.3;overflow:hidden}.choice-verified-badge{color:#34d399;background:linear-gradient(135deg,#10b98133,#05966926);border:1px solid #10b98166;border-radius:50px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:18px;padding:7px 16px;font-size:.82rem;font-weight:700;animation:2.5s ease-in-out infinite verifiedPulse;display:inline-flex}@keyframes verifiedPulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 6px #10b9811a}}.choice-product-details{flex:1;min-width:0}.choice-product-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:.95rem;font-weight:800;line-height:1.3;overflow:hidden}.choice-product-serial strong{color:#a5b4fc;font-family:monospace}.choice-prompt p{color:#f1f5f98c;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem;font-weight:500}.choice-btn{cursor:pointer;text-align:left;border:none;border-radius:20px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.choice-btn:before{content:"";opacity:0;background:#ffffff0d;transition:opacity .3s;position:absolute;inset:0}.choice-btn-info:hover{border-color:#6366f199;box-shadow:0 16px 40px #6366f140}.choice-btn-dist:hover{border-color:#10b98199;box-shadow:0 16px 40px #10b98140}.choice-btn-icon-wrap{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.choice-btn-icon-wrap.info{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 16px #6366f14d}.choice-btn-icon-wrap.dist{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 16px #10b9814d}.choice-btn-arrow{color:#f1f5f94d;flex-shrink:0;font-size:1.6rem;font-weight:300;transition:transform .2s,color .2s}.choice-npp-status span{flex:1}.choice-npp-logout{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:background .2s}.choice-footer-note{text-align:center;color:#f1f5f959;margin:8px 0 0;font-size:.78rem;line-height:1.6}.npp-login-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.npp-login-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.npp-login-icon-wrap{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.npp-login-header-text{flex:1}.npp-login-close{color:#f1f5f9b3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.npp-login-close:hover{color:#f1f5f9;background:#ffffff24}.npp-login-context{color:#f1f5f966;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:6px;margin-bottom:20px;padding:8px 12px;font-size:.78rem;display:flex}.npp-login-context strong{color:#a5b4fc}.npp-login-form{flex-direction:column;gap:14px;display:flex}.npp-login-field{flex-direction:column;gap:6px;display:flex}.npp-login-field label{color:#f1f5f9a6;font-size:.8rem;font-weight:600}.npp-pw-toggle:hover{color:#f1f5f9cc}.npp-login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.npp-login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.npp-login-submit:disabled{opacity:.7;cursor:not-allowed}.npp-btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.npp-login-note{color:#f1f5f94d;text-align:center;margin-top:16px;font-size:.76rem;line-height:1.6}.dist-entry-page{color:#f1f5f9;background:linear-gradient(160deg,#0f2027,#203a43,#2c5364);flex-direction:column;min-height:100vh;font-family:Outfit,Inter,sans-serif;display:flex}.dist-header-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#00000040;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.dist-back-btn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .2s}.dist-header-title{color:#f1f5f9;text-align:center;flex:1;font-size:.95rem;font-weight:800}.dist-npp-info{flex-direction:column;flex:1;gap:2px;display:flex}.dist-npp-name{color:#f1f5f9;font-size:.9rem;font-weight:800}.dist-npp-role{color:#10b981cc;font-size:.75rem;font-weight:600}.dist-npp-truck-icon{color:#10b98180;flex-shrink:0}.dist-form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;margin:0 20px 32px;overflow:hidden}.dist-info-label{color:#f1f5f966;font-size:.72rem;font-weight:500}.dist-info-value{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:700;overflow:hidden}.dist-info-value.serial-red{color:#f87171;font-family:monospace;font-size:.88rem}.dist-field-label{color:#f1f5f9b3;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.dist-input:focus{background:#ffffff17;border-color:#10b98199}.dist-select{appearance:none;color:#f1f5f9;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:12px 40px 12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.dist-select option{color:#f1f5f9;background:#1e293b}.dist-select-arrow{pointer-events:none;color:#f1f5f966;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.dist-loading-dist .spin{animation:.8s linear infinite spin}.dist-serial-label{color:#f1f5f973;font-size:.72rem;font-weight:600}.dist-serial-arrow{color:#f1f5f94d;flex-shrink:0;margin-bottom:12px}.serial-input{letter-spacing:.3px;font-family:Courier New,monospace;font-size:.83rem!important}.dist-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;padding:15px 24px;font-family:inherit;font-size:1rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex}.dist-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #10b98166}.dist-submit-btn:disabled{opacity:.7;cursor:not-allowed}.dist-success-card{text-align:center;background:#ffffff0d;border:1px solid #10b98133;border-radius:24px;flex-direction:column;align-items:center;margin:32px 20px;padding:32px 24px;animation:.4s cubic-bezier(.16,1,.3,1) successAppear;display:flex}@keyframes successAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes successBounce{0%{opacity:0;transform:scale(0)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.dist-result-card{background:#0003;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:10px;width:100%;margin-bottom:24px;padding:16px;display:flex}.dist-result-row{justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;display:flex}.dist-result-label{color:#f1f5f973;flex-shrink:0}.dist-result-value{color:#f1f5f9;text-align:right;word-break:break-all;font-weight:700}.dist-result-value.count-highlight{color:#34d399;font-size:1rem}.dist-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;width:100%;padding:13px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s}.dist-btn-secondary{color:#f1f5f9b3;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:13px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s}@media (width<=480px){.scan-choice-content{padding:16px 16px 40px}.choice-brand-header{padding:14px 16px}.choice-brand-name{font-size:.95rem}.choice-btn{gap:13px;padding:15px 16px}.choice-btn-icon-wrap{width:50px;height:50px}.choice-btn-title{font-size:.92rem}.choice-product-card{padding:12px 14px}.dist-form-card{margin:0 16px 28px}.dist-npp-banner{margin:12px 16px}.dist-serial-range{flex-direction:column}.dist-serial-arrow{display:none}}.scan-choice-page{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);flex-direction:column;align-items:center;min-height:100vh;font-family:Outfit,Inter,sans-serif;display:flex;position:relative;overflow:hidden}.scan-choice-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.choice-bg-orb{filter:blur(100px);opacity:.18;border-radius:50%;animation:14s ease-in-out infinite orb-float;position:absolute}.choice-bg-orb.orb-a{background:radial-gradient(circle,#6366f1,#4f46e5);width:55vw;height:55vw;animation-delay:0s;top:-15%;left:-15%}.choice-bg-orb.orb-b{background:radial-gradient(circle,#10b981,#059669);width:45vw;height:45vw;animation-delay:-5s;bottom:-10%;right:-10%}.choice-bg-orb.orb-c{opacity:.1;background:radial-gradient(circle,#f59e0b,#d97706);width:35vw;height:35vw;animation-delay:-9s;top:40%;left:30%}.scan-choice-content{z-index:1;width:100%;max-width:480px;padding:0 20px 48px;position:relative}.choice-brand-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border-bottom:1px solid #ffffff14;align-items:center;gap:14px;margin:0 -20px 20px;padding:18px 20px;display:flex}.choice-brand-logo{object-fit:contain;background:#fff;border-radius:12px;width:44px;height:44px;padding:3px}.choice-brand-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:800;display:flex}.choice-brand-name{color:#f8fafc;margin:0;font-size:1rem;font-weight:700}.choice-brand-slogan{color:#f8fafc80;margin:2px 0 0;font-size:.75rem}.choice-verified-badge{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:50px;align-items:center;gap:7px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:600;animation:3s ease-in-out infinite choice-badge-pulse;display:inline-flex}@keyframes choice-badge-pulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 6px #10b98114}}.choice-product-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:14px;margin-bottom:24px;padding:14px 16px;display:flex}.choice-product-img{object-fit:cover;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;width:64px;height:64px}.choice-product-img-placeholder{color:#818cf8;background:#6366f126;border:1px dashed #6366f166;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.choice-product-name{color:#f1f5f9;margin:0 0 4px;font-size:.98rem;font-weight:700;line-height:1.3}.choice-product-serial{color:#f8fafc8c;align-items:center;gap:5px;margin:0 0 3px;font-size:.76rem;display:flex}.choice-product-cat{color:#f8fafc66;margin:0;font-size:.75rem}.choice-prompt{text-align:center;margin-bottom:14px}.choice-prompt p{color:#f8fafc8c;text-transform:uppercase;letter-spacing:.8px;font-size:.88rem;font-weight:500}.choice-buttons{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.choice-btn{cursor:pointer;text-align:left;border:none;border-radius:18px;align-items:center;gap:16px;padding:18px 20px;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.choice-btn:before{content:"";opacity:0;transition:opacity .2s;position:absolute;inset:0}.choice-btn:hover:before{opacity:1}.choice-btn:hover{transform:translateY(-3px)}.choice-btn:active{transform:translateY(-1px)}.choice-btn-info{background:linear-gradient(135deg,#6366f12e 0%,#4f46e538 100%);border:1.5px solid #6366f166;box-shadow:0 4px 20px #6366f11f}.choice-btn-info:hover{background:linear-gradient(135deg,#6366f147 0%,#4f46e552 100%);border-color:#6366f1a6;box-shadow:0 8px 32px #6366f140}.choice-btn-icon-wrap.info{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 14px #6366f166}.choice-btn-dist{background:linear-gradient(135deg,#10b98126 0%,#05966933 100%);border:1.5px solid #10b98166;box-shadow:0 4px 20px #10b9811a}.choice-btn-dist:hover{background:linear-gradient(135deg,#10b98140 0%,#0596694d 100%);border-color:#10b981a6;box-shadow:0 8px 32px #10b98138}.choice-btn-icon-wrap.dist{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 14px #10b98159}.choice-btn-text{flex-direction:column;flex:1;gap:4px;display:flex}.choice-btn-title{color:#f1f5f9;font-size:.98rem;font-weight:700}.choice-btn-desc{color:#f8fafc80;font-size:.76rem;line-height:1.4}.choice-btn-arrow{color:#f8fafc4d;flex-shrink:0;font-size:1.6rem;line-height:1;transition:transform .2s,color .2s}.choice-btn:hover .choice-btn-arrow{color:#f8fafcb3;transform:translate(4px)}.choice-npp-status{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:.78rem;display:flex}.choice-npp-logout{color:#34d399;cursor:pointer;background:0 0;border:1px solid #10b98159;border-radius:6px;margin-left:auto;padding:3px 10px;font-family:inherit;font-size:.72rem;transition:background .15s}.choice-npp-logout:hover{background:#10b98126}.choice-footer-note{text-align:center;color:#f8fafc59;margin-top:8px;font-size:.75rem;line-height:1.6}.npp-login-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:flex-end;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.npp-login-modal{background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1a;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:0 0 32px;animation:.32s cubic-bezier(.16,1,.3,1) modal-slide-up;box-shadow:0 -20px 60px #00000080}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.npp-login-header{border-bottom:1px solid #ffffff12;align-items:center;gap:14px;padding:20px 20px 16px;display:flex}.npp-login-icon-wrap{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 14px #10b9814d}.npp-login-header-text h2{color:#f1f5f9;margin:0 0 2px;font-size:1.05rem;font-weight:700}.npp-login-header-text p{color:#f8fafc73;margin:0;font-size:.76rem}.npp-login-close{color:#f8fafc99;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;transition:background .15s;display:flex}.npp-login-close:hover{background:#ffffff1f}.npp-login-context{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:7px;margin:14px 20px 0;padding:8px 20px;font-size:.76rem;display:flex}.npp-login-form{flex-direction:column;gap:14px;padding:16px 20px 0;display:flex}.npp-login-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;display:flex}.npp-login-field label{color:#f8fafc8c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:.78rem;font-weight:600;display:block}.npp-login-field input{color:#f1f5f9;box-sizing:border-box;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,background .2s}.npp-login-field input:focus{background:#ffffff14;border-color:#10b98199}.npp-login-field input::placeholder{color:#f8fafc40}.npp-login-field input:disabled{opacity:.5;cursor:not-allowed}.npp-pw-wrap{position:relative}.npp-pw-wrap input{padding-right:44px}.npp-pw-toggle{color:#f8fafc66;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.npp-login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:4px;padding:13px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #10b98159}.npp-login-submit:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 22px #10b98173}.npp-login-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.npp-btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin-anim;display:inline-block}@keyframes spin-anim{to{transform:rotate(360deg)}}.npp-login-note{text-align:center;color:#f8fafc4d;margin:0;padding:14px 20px 0;font-size:.72rem;line-height:1.6}.dist-entry-page{color:#f1f5f9;background:linear-gradient(#0f172a 0%,#1e1b4b 100%);min-height:100vh;padding-bottom:40px;font-family:Outfit,Inter,sans-serif}.dist-header-bar{background:#ffffff0a;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:14px 16px;display:flex}.dist-back-btn{color:#f8fafcb3;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.82rem;transition:background .15s}.dist-back-btn:hover{background:#ffffff1f}.dist-header-title{text-align:center;color:#f1f5f9;flex:1;font-size:.95rem;font-weight:700}.dist-logout-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.dist-logout-btn:hover{background:#ef444433}.dist-npp-banner{background:linear-gradient(135deg,#10b9811f,#05966914);border:1px solid #10b98133;border-radius:14px;align-items:center;gap:12px;margin:16px 20px;padding:12px 16px;display:flex}.dist-npp-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.dist-npp-name{color:#f1f5f9;font-size:.9rem;font-weight:700;display:block}.dist-npp-role{color:#34d399cc;font-size:.72rem;display:block}.dist-npp-truck-icon{color:#34d39966;margin-left:auto}.dist-form-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;margin:0 20px 32px;overflow:hidden}.dist-info-section{background:#ffffff05;border-bottom:1px solid #ffffff12;padding:16px}.dist-section-title{text-transform:uppercase;letter-spacing:.7px;color:#f8fafc73;align-items:center;gap:7px;margin-bottom:12px;font-size:.75rem;font-weight:700;display:flex}.dist-info-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.dist-info-row:last-child{margin-bottom:0}.dist-info-item{flex-direction:column;gap:3px;display:flex}.dist-info-label{color:#f8fafc61;text-transform:uppercase;letter-spacing:.4px;font-size:.68rem}.dist-info-value{color:#e2e8f0;word-break:break-all;font-size:.82rem;font-weight:600}.dist-info-value.serial-red{color:#f87171;font-family:monospace;font-size:.88rem;font-weight:700}.dist-form{flex-direction:column;gap:18px;padding:18px 16px;display:flex}.dist-error-msg{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;display:flex}.dist-field-group{flex-direction:column;gap:8px;display:flex}.dist-field-label{color:#f8fafcb3;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.dist-field-label .required{color:#f87171}.dist-field-hint{color:#f8fafc59;margin:0;font-size:.74rem;line-height:1.4}.dist-loading-dist{color:#f8fafc66;align-items:center;gap:8px;padding:10px 0;font-size:.82rem;display:flex}.dist-select-wrap{position:relative}.dist-select{color:#f1f5f9;appearance:none;cursor:pointer;box-sizing:border-box;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:11px 40px 11px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.dist-select:focus{border-color:#10b98180}.dist-select-arrow{color:#f8fafc59;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dist-input{color:#f1f5f9;box-sizing:border-box;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.dist-input:focus{border-color:#10b98180}.dist-input::placeholder{color:#f8fafc38}.dist-serial-range{align-items:center;gap:10px;display:flex}.dist-serial-field{flex-direction:column;flex:1;gap:6px;display:flex}.dist-serial-label{color:#f8fafc61;text-transform:uppercase;letter-spacing:.4px;font-size:.7rem;font-weight:600}.serial-input{font-family:monospace;font-size:.85rem}.dist-serial-arrow{color:#f8fafc40;flex-shrink:0;margin-top:22px}.dist-range-preview{color:#34d399bf;background:#10b98112;border:1px solid #10b98126;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.76rem;display:flex}.dist-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 18px #10b98159}.dist-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 26px #10b98173}.dist-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.dist-success-card{text-align:center;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:48px 28px 32px;display:flex}.dist-success-icon{color:#10b981;margin-bottom:20px;animation:.6s cubic-bezier(.16,1,.3,1) success-bounce}@keyframes success-bounce{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.dist-success-title{color:#f1f5f9;margin:0 0 10px;font-size:1.35rem;font-weight:800}.dist-success-desc{color:#f8fafc8c;margin:0 0 24px;font-size:.88rem;line-height:1.5}.dist-result-card{text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;margin-bottom:28px;padding:16px}.dist-result-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.dist-result-row:last-child{border-bottom:none;padding-bottom:0}.dist-result-row:first-child{padding-top:0}.dist-result-label{color:#f8fafc66;flex-shrink:0;font-size:.76rem}.dist-result-value{color:#e2e8f0;text-align:right;font-size:.84rem;font-weight:600}.dist-result-value.serial-highlight{color:#a5b4fc;font-family:monospace}.dist-result-value.count-highlight{color:#34d399;font-size:1rem;font-weight:800}.dist-success-actions{flex-direction:column;gap:10px;width:100%;display:flex}.dist-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;padding:13px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #10b9814d}.dist-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.dist-btn-secondary{color:#f1f5f9b3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:13px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s}.dist-btn-secondary:hover{background:#ffffff1f}@media (width<=480px){.scan-choice-content{padding:0 16px 40px}.choice-brand-header{padding:14px 16px}.choice-brand-name{font-size:.95rem}.choice-btn{gap:13px;padding:15px 16px}.choice-btn-icon-wrap{width:50px;height:50px}.choice-btn-title{font-size:.92rem}.choice-product-card{padding:12px 14px}.dist-form-card{margin:0 16px 28px}.dist-npp-banner{margin:12px 16px}.dist-serial-range{flex-direction:column}.dist-serial-arrow{display:none}}.distributors-page{padding:var(--spacing-xl);animation:.3s ease-out pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dist-info{align-items:center;gap:var(--spacing-md);display:flex}.dist-avatar{background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--font-size-md);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #4f46e540}.dist-name{color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-base)}.dist-address-cell,.dist-email-cell{align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:250px;display:flex}.dist-address-cell span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dist-icon{color:var(--color-accent-light);flex-shrink:0}.renew-info{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);gap:var(--spacing-xs);flex-direction:column;display:flex}.renew-info strong{color:var(--color-text-primary)}.npp-scan-page{max-width:900px;margin:0 auto;padding:24px}.npp-scan-toast{z-index:1000;color:#fff;white-space:nowrap;border-radius:28px;align-items:center;gap:10px;padding:12px 24px;font-size:.92rem;font-weight:600;animation:.3s ease-out toastIn;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.npp-scan-toast.success{background:var(--color-success,#10b981)}.npp-scan-toast.error{background:var(--color-danger,#ef4444)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.npp-scan-header{border-bottom:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.npp-scan-header-info{flex-direction:column;display:flex}.npp-scan-title{color:var(--color-text-primary,#0f172a);font-size:1.5rem;font-weight:700}.npp-scan-sub{color:var(--color-text-secondary,#475569);margin-top:4px;font-size:.88rem}.npp-flash-btn{border:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-secondary,#fff);cursor:pointer;width:42px;height:42px;color:var(--color-text-primary,#0f172a);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.npp-flash-btn:hover{background:var(--color-bg-hover,#f1f5f9);border-color:var(--color-border-focus,#4f46e5);color:var(--color-accent,#4f46e5)}.npp-scan-camera-area{border:1px solid var(--color-border,#e2e8f0);background:#1e293b;border-radius:12px;height:450px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.npp-scan-overlay{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.npp-scan-mask-top,.npp-scan-mask-bottom{background:#00000080;flex:1;width:100%}.npp-scan-mask-middle{flex-direction:row;width:100%;display:flex}.npp-scan-mask-side{background:#00000080;flex:1}.npp-scan-frame{flex-shrink:0;width:250px;height:250px;position:relative}.npp-scan-corner{border-color:var(--color-accent,#4f46e5);border-style:solid;border-width:0;width:24px;height:24px;position:absolute}.npp-scan-corner.tl{border-top-width:4px;border-left-width:4px;border-radius:4px 0 0;top:0;left:0}.npp-scan-corner.tr{border-top-width:4px;border-right-width:4px;border-radius:0 4px 0 0;top:0;right:0}.npp-scan-corner.bl{border-bottom-width:4px;border-left-width:4px;border-radius:0 0 0 4px;bottom:0;left:0}.npp-scan-corner.br{border-bottom-width:4px;border-right-width:4px;border-radius:0 0 4px;bottom:0;right:0}.npp-scan-line{background:linear-gradient(90deg, transparent, var(--color-accent,#4f46e5), transparent);height:2px;box-shadow:0 0 8px var(--color-accent-light,#6366f1);animation:2s linear infinite nppScanLine;position:absolute;left:4px;right:4px}@keyframes nppScanLine{0%{top:4px}50%{top:calc(100% - 6px)}to{top:4px}}.npp-scan-hint{color:#fff;white-space:nowrap;z-index:5;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.npp-scan-detected{z-index:10;color:#fff;background:#10b98126;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.95rem;font-weight:600;animation:.25s ease-out popIn;display:flex;position:absolute;inset:0}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.npp-scan-camera-loading,.npp-scan-no-camera{background:var(--color-bg-secondary,#fff);color:var(--color-text-secondary,#475569);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:absolute;inset:0}.npp-scan-no-camera h3{color:var(--color-text-primary,#0f172a);font-size:1.1rem;font-weight:700}.npp-scan-no-camera p{max-width:280px;color:var(--color-text-muted,#94a3b8);font-size:.88rem;line-height:1.6}.npp-scan-footer{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.npp-scan-footer p{color:var(--color-text-muted,#94a3b8);font-size:.8rem}#npp-reader{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}#npp-reader div{width:100%!important;height:100%!important}#npp-reader video{object-fit:cover!important;width:100%!important;height:100%!important}.npp-history-page{max-width:900px;margin:0 auto;padding:24px}.npp-history-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.npp-history-title{color:var(--color-text-primary,#0f172a);margin:0 0 4px;font-size:1.6rem;font-weight:700}.npp-history-sub{color:var(--color-text-secondary,#475569);margin:0;font-size:.88rem}.npp-refresh-btn{white-space:nowrap;align-items:center;gap:8px;display:flex}.spin{animation:1s linear infinite spin}.npp-history-stats{gap:16px;margin-bottom:24px;display:flex}.npp-stat-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;min-width:160px;padding:20px 24px;box-shadow:0 1px 3px #0000000d}.npp-stat-value{color:var(--color-accent,#4f46e5);margin-bottom:6px;font-size:2.2rem;font-weight:800;line-height:1}.npp-stat-label{color:var(--color-text-secondary,#475569);font-size:.8rem;font-weight:600}.npp-history-loading,.npp-history-empty,.npp-history-error{text-align:center;color:var(--color-text-secondary,#475569);background:var(--color-bg-secondary,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 24px;display:flex}.npp-history-empty h3{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.1rem;font-weight:700}.npp-history-empty p{color:var(--color-text-muted,#94a3b8);margin:0;font-size:.875rem}.npp-history-error{color:var(--color-danger,#ef4444)}.npp-history-list{flex-direction:column;gap:12px;display:flex}.npp-history-item{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.npp-history-item:hover{border-color:var(--color-accent-light,#6366f1);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.npp-history-item-icon{background:var(--color-accent-glow,#4f46e50d);width:44px;height:44px;color:var(--color-accent,#4f46e5);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.npp-history-item-info{flex:1;min-width:0}.npp-history-product{color:var(--color-text-primary,#0f172a);align-items:center;gap:5px;margin-bottom:4px;font-size:.92rem;font-weight:600;display:flex}.npp-history-serial{color:var(--color-text-secondary,#475569);margin-bottom:2px;font-size:.82rem}.npp-history-store{color:var(--color-accent,#4f46e5);font-size:.8rem;font-weight:500}.npp-history-item-time{color:var(--color-text-muted,#94a3b8);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:.78rem;display:flex}.profile-page{max-width:1000px;margin:0 auto;padding:24px}.profile-header-section{margin-bottom:24px}.profile-header-section h2{color:var(--color-text-primary,#0f172a);margin:0 0 6px;font-size:1.6rem;font-weight:700}.profile-header-section p{color:var(--color-text-secondary,#475569);margin:0;font-size:.88rem}.profile-container{flex-direction:column;gap:20px;display:flex}.profile-alert{border-radius:8px;align-items:center;gap:10px;padding:14px 20px;font-size:.88rem;font-weight:500;animation:.3s ease-out slideIn;display:flex}.profile-alert.success{color:#059669;background:#10b9811a;border:1px solid #10b98140}.profile-alert.error{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-layout-grid{grid-template-columns:1fr 320px;gap:24px;display:grid}@media (width<=860px){.profile-layout-grid{grid-template-columns:1fr}}.profile-form-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:28px;box-shadow:0 1px 3px #0000000d}.card-subtitle{color:var(--color-text-primary,#0f172a);margin:0 0 16px;font-size:1.15rem;font-weight:700}.subtitle-hint{color:var(--color-text-muted,#94a3b8);margin:-10px 0 20px;font-size:.8rem}.form-group-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=600px){.form-group-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}}.input-group label{color:var(--color-text-secondary,#475569);font-size:.82rem;font-weight:600}.input-with-icon{width:100%;position:relative}.input-icon{color:var(--color-text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon .input{padding-left:42px}.divider{border:none;border-top:1px solid var(--color-border,#e2e8f0);margin:24px 0}.form-actions{justify-content:flex-end;margin-top:24px;display:flex}.btn-save{border-radius:8px;padding:11px 28px;font-weight:600}.profile-overview-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e2e8f0);text-align:center;border-radius:12px;flex-direction:column;align-items:center;height:fit-content;padding:36px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.overview-avatar{background:var(--gradient-primary,linear-gradient(135deg, #4f46e5, #7c3aed));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:18px;font-size:2.4rem;font-weight:800;display:flex;box-shadow:0 10px 20px #4f46e526}.overview-name{color:var(--color-text-primary,#0f172a);margin:0 0 10px;font-size:1.3rem;font-weight:700}.role-badge{letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:28px;padding:5px 14px;font-size:.72rem;font-weight:800;display:inline-block}.role-badge.admin{background:var(--color-danger-bg,#ef444414);color:var(--color-danger,#ef4444);border:1px solid #ef444426}.role-badge.nsx{background:var(--color-success-bg,#10b98114);color:var(--color-success,#10b981);border:1px solid #10b98126}.role-badge.npp{background:var(--color-warning-bg,#d9770614);color:var(--color-warning,#d97706);border:1px solid #d9770626}.overview-details{border-top:1px solid var(--color-border,#e2e8f0);flex-direction:column;gap:18px;width:100%;padding-top:24px;display:flex}.detail-item{text-align:left;align-items:flex-start;gap:14px;display:flex}.detail-item svg{color:var(--color-accent,#4f46e5);flex-shrink:0;margin-top:2px}.detail-label{color:var(--color-text-muted,#94a3b8);margin-bottom:3px;font-size:.76rem;font-weight:600;display:block}.detail-value{color:var(--color-text-primary,#0f172a);font-size:.9rem;font-weight:600;display:block}.label-designs-page{padding:8px 0}.designs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px;display:grid}.design-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);flex-direction:column;height:100%;display:flex;overflow:hidden}.design-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent-glow);transform:translateY(-4px)}.design-img-wrap{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.design-img{object-fit:contain;max-width:100%;max-height:100%;transition:transform var(--transition-base);padding:8px}.design-card:hover .design-img{transform:scale(1.05)}.design-info-wrap{flex-direction:column;flex-grow:1;padding:16px;display:flex}.design-name{color:var(--color-text-primary);margin-bottom:12px;font-size:1.05rem;font-weight:600;line-height:1.4}.design-meta-list{flex-direction:column;flex-grow:1;gap:8px;margin-bottom:18px;display:flex}.design-meta-item{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.meta-label{color:var(--color-text-muted)}.meta-value{color:var(--color-text-primary);font-weight:500}.size-badge{background:var(--color-accent-glow);color:var(--color-accent);border:1px solid #6366f133;border-radius:20px;padding:3px 8px;font-size:.8rem;font-weight:600}.design-actions{border-top:1px solid var(--color-border);align-items:center;margin-top:auto;padding-top:14px;display:flex}.upload-box-container{align-items:center;gap:16px;margin-top:6px;display:flex}.file-upload-wrapper{flex-grow:1}.file-upload-label{background:var(--color-bg-secondary);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;display:flex}.file-upload-label:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg-hover)}.image-upload-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.image-upload-preview img{object-fit:contain;max-width:100%;max-height:100%}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.forbidden-container{border:1px solid var(--color-border)}@media (width<=600px){.form-row{grid-template-columns:1fr;gap:0}}.app-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);background:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.app-loading p{color:var(--color-text-muted);font-size:var(--font-size-sm)}:root{--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-bg-card:#fff;--color-bg-hover:#f1f5f9;--color-bg-input:#fff;--color-bg-modal:#fffffff2;--color-accent:#4f46e5;--color-accent-light:#6366f1;--color-accent-dark:#3730a3;--color-accent-glow:#4f46e514;--color-secondary:#7c3aed;--color-secondary-light:#8b5cf6;--color-success:#10b981;--color-success-bg:#10b98114;--color-warning:#d97706;--color-warning-bg:#d9770614;--color-danger:#ef4444;--color-danger-bg:#ef444414;--color-info:#0284c7;--color-info-bg:#0284c714;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-accent:#4f46e5;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-focus:#4f46e5;--gradient-primary:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-accent:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-dark:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--gradient-glass:linear-gradient(135deg, #ffffffe6 0%, #ffffffb3 100%);--gradient-card:linear-gradient(145deg, #fff 0%, #f8fafc 100%);--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-base:.875rem;--font-size-md: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;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 25px #00000059;--shadow-xl:0 12px 40px #0006;--shadow-glow:0 0 20px var(--color-accent-glow);--shadow-glow-lg:0 0 40px var(--color-accent-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:270px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:1400px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:var(--color-text-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-light)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-family)}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--color-accent-glow), 0 0 10px var(--color-accent-glow)}50%{box-shadow:0 0 15px var(--color-accent-glow), 0 0 30px var(--color-accent-glow)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-slide-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fff6}.glass-strong{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff80}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;padding:10px 20px;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 10px var(--color-accent-glow)}.btn-primary:hover{box-shadow:0 4px 20px var(--color-accent-glow);transform:translateY(-1px)}.btn-success{background:var(--gradient-success);color:#fff}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-warning{background:var(--gradient-warning);color:#1a1a1a}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.btn-sm{font-size:var(--font-size-sm);padding:6px 14px}.btn-lg{font-size:var(--font-size-md);padding:14px 28px}.btn-icon{border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;padding:8px}.btn-icon:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);outline:none;padding:10px 14px}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-glow)}.input::placeholder{color:var(--color-text-muted)}.textarea{resize:vertical;min-height:100px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-light)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.table-container{border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}.table th{text-align:left;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px}.table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle;padding:12px 16px}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{color:var(--color-text-secondary);background:#94a3b81f}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-xl);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:85vh;box-shadow:var(--shadow-xl);animation:.25s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow-y:auto}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-body{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);display:flex}.tabs{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border);gap:2px;padding:4px;display:flex}.tab{color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 18px;font-weight:500}.tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.tab.active{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px var(--color-accent-glow)}.search-box{align-items:center;display:flex;position:relative}.search-box .search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:12px}.search-box .input{padding-left:40px}.pagination{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);display:flex}.pagination-btn{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);cursor:pointer;padding:6px 12px}.pagination-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.pagination-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;padding:6px 12px}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-muted)}.empty-state svg{margin-bottom:var(--spacing-lg);opacity:.4}.empty-state h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.loading-overlay{padding:var(--spacing-3xl);justify-content:center;align-items:center;display:flex}.toast-container{top:var(--spacing-xl);right:var(--spacing-xl);z-index:2000;gap:var(--spacing-sm);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-base) ease-out;min-width:300px;max-width:420px;padding:12px 20px;display:flex}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}.page-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.page-header h1{font-size:var(--font-size-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.page-header p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:4px}.tabs{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}@media (width<=768px){:root{--sidebar-width:0px}.modal{max-width:95%;margin:var(--spacing-lg)}.page-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.page-header>div:last-child{gap:var(--spacing-sm);margin-top:var(--spacing-xs);display:flex}.table{min-width:850px}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.search-box .input{width:100%!important}}