@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--haier-blue: #0047BA;--haier-blue-dark: #003593;--haier-blue-light: #1A5FCC;--haier-blue-pale: #E8EFFA;--accent-gold: #F5A623;--accent-red: #E53E3E;--accent-green: #38A169;--bg-primary: #F0F4FF;--bg-white: #FFFFFF;--bg-card: #FFFFFF;--bg-sidebar: #0A1628;--text-primary: #1A202C;--text-secondary: #4A5568;--text-muted: #718096;--text-on-blue: #FFFFFF;--border-light: #E2E8F0;--border-blue: rgba(0, 71, 186, .2);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--shadow-blue: 0 4px 20px rgba(0, 71, 186, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--haier-blue: #3B82F6;--haier-blue-dark: #1D4ED8;--haier-blue-light: #60A5FA;--haier-blue-pale: #1E293B;--bg-primary: #0F172A;--bg-white: #1E293B;--bg-card: #1E293B;--bg-sidebar: #020617;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-on-blue: #FFFFFF;--border-light: #334155;--border-blue: rgba(96, 165, 250, .3);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.45);--shadow-lg: 0 8px 32px rgba(0,0,0,.55);--shadow-blue: 0 4px 20px rgba(59, 130, 246, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Noto Sans Thai,Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100dvh;overflow-x:hidden}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}.container{max-width:640px;margin:0 auto;padding:0 16px}.container--wide{max-width:1100px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{line-height:1.3;font-weight:700}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);font-size:1rem;font-weight:600;line-height:1;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:52px}.btn--primary{background:var(--haier-blue);color:#fff;box-shadow:var(--shadow-blue)}.btn--primary:hover:not(:disabled){background:var(--haier-blue-light);transform:translateY(-1px);box-shadow:0 6px 24px #0047ba59}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--bg-white);color:var(--haier-blue);border:2px solid var(--haier-blue);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:var(--haier-blue-pale);transform:translateY(-1px)}.btn--danger{background:#fff5f5;color:var(--accent-red);border:2px solid var(--accent-red)}.btn--danger:hover:not(:disabled){background:#fed7d7}.btn--ghost{background:transparent;color:var(--text-secondary);padding:8px 14px;min-height:0}.btn--ghost:hover{background:var(--bg-primary);color:var(--text-primary)}.btn--sm{padding:8px 18px;font-size:.875rem;min-height:38px}.btn--block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn--icon{padding:10px;min-height:0;border-radius:var(--radius-sm)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.form-label .required{color:var(--accent-red)}.form-input,.form-select{width:100%;padding:13px 16px;border-radius:var(--radius-md);border:2px solid var(--border-light);background:var(--bg-white);font-size:1rem;color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:52px}.form-input:focus,.form-select:focus{outline:none;border-color:var(--haier-blue);box-shadow:0 0 0 3px #0047ba1f}.form-input.error{border-color:var(--accent-red)}.form-input.error:focus{box-shadow:0 0 0 3px #e53e3e1f}.form-error{font-size:.8rem;color:var(--accent-red);display:flex;align-items:center;gap:4px}.select-wrapper{position:relative}.select-wrapper:after{content:"▾";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:1.1rem}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-body{padding:20px}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:12px}.step-bar{display:flex;align-items:center;justify-content:center;padding:20px 16px;gap:0}.step-item{display:flex;align-items:center;gap:0}.step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:all var(--transition);position:relative;z-index:1;flex-shrink:0}.step-circle--done{background:var(--haier-blue);color:#fff}.step-circle--active{background:var(--haier-blue);color:#fff;box-shadow:0 0 0 4px #0047ba33}.step-circle--pending{background:#e2e8f0;color:var(--text-muted)}.step-line{width:40px;height:3px;background:linear-gradient(90deg,var(--haier-blue) var(--pct, 0%),#E2E8F0 var(--pct, 0%));flex-shrink:0}@media (min-width: 400px){.step-line{width:56px}}.page-header{background:linear-gradient(135deg,var(--haier-blue) 0%,var(--haier-blue-dark) 100%);color:#fff;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(255,255,255,.08) 0%,transparent 60%)}.page-header__inner{padding:20px 20px 24px;position:relative;z-index:1;display:flex;align-items:center;gap:16px}.page-header__logo{height:48px;width:48px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000026}.survey-page{min-height:100dvh;display:flex;flex-direction:column}.survey-body{flex:1;padding:24px 16px 40px;display:flex;flex-direction:column;gap:20px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.location-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border-radius:var(--radius-md);border:2px solid var(--border-light);background:var(--bg-white);font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition);cursor:pointer;min-height:76px}.location-btn:hover{border-color:var(--haier-blue);background:var(--haier-blue-pale);color:var(--haier-blue)}.location-btn.active{border-color:var(--haier-blue);background:var(--haier-blue);color:#fff;box-shadow:var(--shadow-blue)}.location-btn .icon{font-size:1.5rem}.entry-list{display:flex;flex-direction:column;gap:8px}.entry-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem}.entry-row:hover{border-color:var(--border-blue)}.entry-badge{padding:3px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.badge--qled{background:#ebf8ff;color:#2b6cb0}.badge--miniled{background:#faf5ff;color:#6b46c1}.badge--oled{background:#fffaf0;color:#c05621}.badge--uhd{background:#f0fff4;color:#276749}.badge--fhd{background:#f7fafc;color:#4a5568}.badge--wall{background:#ebf8ff;color:#2c5282}.badge--table{background:#f0fff4;color:#276749}.badge--pillar{background:#fffaf0;color:#744210}.photo-drop-zone{border:2px dashed var(--border-blue);border-radius:var(--radius-lg);padding:32px 20px;background:var(--haier-blue-pale);display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all var(--transition);text-align:center}.photo-drop-zone:hover,.photo-drop-zone.drag-over{border-color:var(--haier-blue);background:#d0e4ff}.photo-drop-zone__icon{font-size:2.5rem}.photo-count-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-light)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb__delete{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;line-height:1;transition:background var(--transition)}.photo-thumb__delete:hover{background:var(--accent-red)}.admin-layout{display:flex;min-height:100dvh}.admin-sidebar{width:240px;background:var(--bg-sidebar);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;height:100dvh;z-index:100;overflow-y:auto}.admin-sidebar__logo{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px}.admin-sidebar__logo img{height:38px;width:38px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2)}.admin-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.admin-nav__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:#ffffffa6;transition:all var(--transition);cursor:pointer}.admin-nav__item:hover{background:#ffffff12;color:#fff}.admin-nav__item.active{background:var(--haier-blue);color:#fff}.admin-main{margin-left:240px;flex:1;padding:28px;min-height:100dvh}@media (max-width: 768px){.admin-sidebar{width:60px}.admin-sidebar__logo span,.admin-nav__item span{display:none}.admin-main{margin-left:60px;padding:16px}}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width: 1000px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color, var(--haier-blue))}.kpi-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.kpi-sub{font-size:.78rem;color:var(--text-muted)}.kpi-icon{font-size:1.5rem;position:absolute;right:16px;top:50%;transform:translateY(-50%);opacity:.15;font-size:3rem}.chart-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:24px}@media (min-width: 900px){.chart-grid{grid-template-columns:1fr 1fr}}.chart-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden}.chart-card__header{padding:16px 20px 12px;border-bottom:1px solid var(--border-light);font-weight:700;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.chart-card__body{padding:16px}.data-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);background:var(--bg-white);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:#f7fafc;padding:12px 16px;text-align:left;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:2px solid var(--border-light);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.data-table tbody tr:hover{background:var(--bg-primary)}.data-table tbody tr:last-child td{border-bottom:none}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.tag--blue{background:#ebf8ff;color:#2b6cb0}.tag--green{background:#f0fff4;color:#276749}.tag--orange{background:#fffaf0;color:#c05621}.tag--gray{background:#f7fafc;color:#4a5568}.searchable-select,.searchable-select__input-wrap{position:relative}.searchable-select__input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.searchable-select__input{padding-left:40px!important}.searchable-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:var(--bg-white);border:2px solid var(--haier-blue);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto}.searchable-select__option{padding:11px 16px;cursor:pointer;font-size:.9rem;transition:background var(--transition);border-bottom:1px solid var(--border-light)}.searchable-select__option:last-child{border-bottom:none}.searchable-select__option:hover,.searchable-select__option.highlighted{background:var(--haier-blue-pale)}.searchable-select__option.selected{background:var(--haier-blue);color:#fff}.searchable-select__empty{padding:16px;text-align:center;color:var(--text-muted);font-size:.875rem}.landing-hero{background:linear-gradient(150deg,var(--haier-blue) 0%,#0D2F7A 100%);color:#fff;padding:40px 20px 48px;text-align:center;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.07) 0%,transparent 55%)}.landing-hero__logo{height:68px;width:68px;margin:0 auto 16px;object-fit:cover;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #0003}.landing-hero__title{font-size:1.6rem;font-weight:800;margin-bottom:6px}.landing-hero__company{font-size:.85rem;font-weight:600;opacity:.95;letter-spacing:.02em;margin-bottom:4px}.landing-hero__team{display:inline-block;background:#ffffff2e;color:#fff;padding:4px 14px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;margin-bottom:16px;border:1px solid rgba(255,255,255,.3)}.landing-hero__subtitle{font-size:.95rem;opacity:.85;max-width:400px;margin:0 auto}.landing-samples{padding:28px 16px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sample-card{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);background:#fff;display:flex;flex-direction:column;border:1px solid var(--border-light);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.sample-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-blue)}.sample-card img{width:100%;height:180px;object-fit:contain;background:#f8fafc;padding:6px}.sample-card__label{padding:10px 4px;text-align:center;background:#fff;border-top:1px solid var(--border-light)}.sample-card__label strong{display:block;font-size:.85rem;color:var(--text-primary)}.sample-card__label span{font-size:.75rem;color:var(--text-muted)}.review-section{border-radius:var(--radius-md);border:1px solid var(--border-light);overflow:hidden}.review-section__header{background:var(--haier-blue-pale);padding:10px 16px;font-size:.8rem;font-weight:700;color:var(--haier-blue);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.review-section__body{background:#fff;padding:14px 16px}.review-row{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-light)}.review-row:last-child{border-bottom:none}.review-row__label{font-size:.8rem;color:var(--text-muted);width:90px;flex-shrink:0;padding-top:1px}.review-row__value{font-size:.875rem;font-weight:500;color:var(--text-primary);flex:1}.tabs{display:flex;gap:4px;background:var(--bg-primary);padding:4px;border-radius:var(--radius-lg)}.tab-btn{flex:1;padding:10px 12px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--text-muted);transition:all var(--transition);text-align:center}.tab-btn.active{background:var(--bg-white);color:var(--haier-blue);box-shadow:var(--shadow-sm)}.tab-btn:hover:not(.active){background:#fff9;color:var(--text-primary)}.pagination{display:flex;align-items:center;gap:4px;justify-content:center;padding-top:16px}.page-btn{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all var(--transition);border:1px solid var(--border-light);background:var(--bg-white);color:var(--text-secondary)}.page-btn.active{background:var(--haier-blue);color:#fff;border-color:var(--haier-blue)}.page-btn:hover:not(.active):not(:disabled){background:var(--haier-blue-pale);border-color:var(--haier-blue);color:var(--haier-blue)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;width:100%;max-height:85dvh;overflow-y:auto;animation:modal-in .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modal-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__header{padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal__body{padding:16px 24px 24px}.modal__close{width:32px;height:32px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-muted);transition:all var(--transition)}.modal__close:hover{background:#fed7d7;color:var(--accent-red)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.text-center{text-align:center}.w-full{width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .3s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner--blue{border-color:#0047ba33;border-top-color:var(--haier-blue)}.progress-bar{height:6px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--haier-blue),var(--haier-blue-light));border-radius:var(--radius-full);transition:width .4s ease}.success-icon{width:80px;height:80px;background:var(--accent-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto;box-shadow:0 8px 32px #38a16959;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--haier-blue) 0%,#0D2F7A 100%);padding:20px}.login-card{background:#fff;border-radius:var(--radius-xl);padding:40px 32px;width:100%;max-width:380px;box-shadow:var(--shadow-lg);animation:fade-in .4s ease forwards}.import-box{border:2px dashed var(--border-blue);border-radius:var(--radius-lg);padding:28px 20px;background:var(--haier-blue-pale);text-align:center;cursor:pointer;transition:all var(--transition)}.import-box:hover{border-color:var(--haier-blue);background:#d0e4ff}.import-box input{display:none}.danger-zone{border:2px solid #FEB2B2;border-radius:var(--radius-lg);padding:24px;background:#fff5f5}.danger-zone__title{color:var(--accent-red);font-weight:700;margin-bottom:8px}.search-bar{position:relative}.search-bar input{padding-left:40px!important}.search-bar svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:12px}.empty-state__text{font-size:.9rem}@media (max-width: 480px){.sample-grid{gap:8px}.btn{padding:12px 20px;font-size:.95rem}.admin-main{padding:12px}.kpi-grid{grid-template-columns:1fr 1fr}}[data-theme=dark] body{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .card,[data-theme=dark] .login-card,[data-theme=dark] .kpi-card,[data-theme=dark] .chart-card,[data-theme=dark] .review-section__body,[data-theme=dark] .photo-count-bar,[data-theme=dark] .entry-row,[data-theme=dark] .sample-card{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .sample-card img{background:#0f172a}[data-theme=dark] .sample-card__label{background:var(--bg-card);border-top-color:var(--border-light)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .searchable-select__input-wrap input{background:#0f172a;color:var(--text-primary);border-color:var(--border-light)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{background:#0f172a;border-color:var(--haier-blue);color:var(--text-primary)}[data-theme=dark] .searchable-select__dropdown{background:#1e293b;border-color:var(--haier-blue)}[data-theme=dark] .searchable-select__option{border-bottom-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .searchable-select__option:hover,[data-theme=dark] .searchable-select__option.highlighted{background:#334155}[data-theme=dark] .data-table-wrap{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .data-table th{background:#0f172a;color:var(--text-muted);border-bottom-color:var(--border-light)}[data-theme=dark] .data-table td{border-bottom-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .data-table tbody tr:hover{background:#334155}[data-theme=dark] .chart-card__header{border-bottom-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .login-page{background:#0b1120}[data-theme=dark] .landing-hero{background:linear-gradient(150deg,#0b1936,#020617)}[data-theme=dark] .page-header{background:linear-gradient(135deg,#0b1936,#0f172a)}[data-theme=dark] .photo-drop-zone{background:#131e32;border-color:var(--haier-blue)}[data-theme=dark] .review-section{border-color:var(--border-light)}[data-theme=dark] .review-section__header{background:#0f172a;color:var(--haier-blue-light)}[data-theme=dark] .badge--qled,[data-theme=dark] .tag--blue{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .badge--miniled{background:#4c1d95;color:#ddd6fe}[data-theme=dark] .badge--oled,[data-theme=dark] .tag--orange{background:#7c2d12;color:#fdba74}[data-theme=dark] .badge--uhd,[data-theme=dark] .tag--green{background:#064e3b;color:#6ee7b7}[data-theme=dark] .badge--fhd,[data-theme=dark] .tag--gray{background:#334155;color:#cbd5e1}