@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;600&display=swap";.homepage-wrapper[data-v-d5deddd4]{background:#f5f5f5;padding-bottom:2rem}.cat-item[data-v-d5deddd4]:hover{background:#ffd333!important;transform:scale(1.03);box-shadow:0 4px 15px #00000014}.cat-item:hover h6[data-v-d5deddd4]{color:#3d464d!important}.product-item[data-v-d5deddd4]{box-shadow:0 2px 10px #0000000d}.product-item[data-v-d5deddd4]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.product-item:hover .product-action[data-v-d5deddd4]{opacity:1!important}.btn-square[data-v-d5deddd4]{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.product-action .btn[data-v-d5deddd4]:hover{background:#ffd333!important;border-color:#ffd333!important;color:#3d464d!important}.cart-wrapper[data-v-f1905b1f]{background:#f5f5f5;padding-bottom:3rem}.table td[data-v-f1905b1f],.table th[data-v-f1905b1f]{vertical-align:middle}.table thead th[data-v-f1905b1f]{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.btn-minus[data-v-f1905b1f],.btn-plus[data-v-f1905b1f]{border-radius:0}.checkout-wrapper[data-v-5da96bdb]{background:#f5f5f5;padding-bottom:3rem}.form-group label[data-v-5da96bdb]{margin-bottom:.5rem}@keyframes fadeInUp-795c2b36{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade[data-v-795c2b36]{animation:fadeInUp-795c2b36 .6s cubic-bezier(.4,0,.2,1) both}.pay-page[data-v-795c2b36]{min-height:100vh;background:var(--bg-web);display:flex;align-items:flex-start;justify-content:center}.pay-container[data-v-795c2b36]{width:100%;max-width:880px}.order-code-bar[data-v-795c2b36]{display:flex;align-items:center;gap:.85rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:.95rem 1.5rem;margin-bottom:2.5rem;box-shadow:var(--shadow-sm),inset 0 1px 1px #ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.order-code-label[data-v-795c2b36]{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.order-code-val[data-v-795c2b36]{font-size:1rem;font-weight:700;color:var(--primary);font-family:JetBrains Mono,monospace;text-shadow:0 0 8px rgba(6,182,212,.45)}.status-wrap[data-v-795c2b36]{display:flex;justify-content:center;padding:2rem 0}.status-card[data-v-795c2b36]{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border-color);padding:4rem 3rem;text-align:center;max-width:480px;width:100%;box-shadow:var(--shadow-lg),inset 0 1px 1px #ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.status-icon-box[data-v-795c2b36]{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.25rem;margin:0 auto 1.75rem}.loading-icon[data-v-795c2b36]{background:#ffffff05;border:2px solid var(--primary);color:var(--primary);animation:float-795c2b36 2.5s ease-in-out infinite;box-shadow:0 0 15px #06b6d459}@keyframes float-795c2b36{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.success-icon[data-v-795c2b36]{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.3);box-shadow:0 0 20px #10b98166}.danger-icon[data-v-795c2b36]{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3);box-shadow:0 0 20px #ef444466}.status-title[data-v-795c2b36]{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text-white);margin:0 0 .6rem;letter-spacing:-.01em}.status-sub[data-v-795c2b36]{font-size:.95rem;color:var(--text-muted);margin:0 0 2rem;line-height:1.6}.status-chips[data-v-795c2b36]{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.status-chip[data-v-795c2b36]{display:inline-block;padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;background:#080e2499;color:var(--text-secondary);border:1px solid var(--border-color)}.success-chip[data-v-795c2b36]{background:#10b98114;color:var(--success);border-color:#10b98133;box-shadow:0 0 10px #10b9811a}.danger-chip[data-v-795c2b36]{background:#ef444414;color:var(--danger);border-color:#ef444433;box-shadow:0 0 10px #ef44441a}.status-actions[data-v-795c2b36]{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.status-actions .btn-corp[data-v-795c2b36]{min-width:140px}.pending-layout[data-v-795c2b36]{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:flex-start}.qr-card[data-v-795c2b36]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;text-align:center;box-shadow:var(--shadow-md),inset 0 1px 1px #ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.qr-card-header[data-v-795c2b36]{margin-bottom:1.25rem}.qr-label[data-v-795c2b36]{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.qr-img-wrap[data-v-795c2b36]{width:220px;height:220px;margin:0 auto 1.5rem;background:var(--text-white);border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #00000080}.qr-img[data-v-795c2b36]{width:100%;height:100%;object-fit:contain}.qr-amount[data-v-795c2b36]{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;color:var(--primary);text-shadow:0 0 12px rgba(6,182,212,.4)}.qr-amount span[data-v-795c2b36]{font-size:.95rem;font-weight:600;color:var(--text-muted)}.order-info-card[data-v-795c2b36]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.25rem;box-shadow:var(--shadow-md),inset 0 1px 1px #ffffff0d;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.info-title[data-v-795c2b36]{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;color:var(--text-white);margin:0 0 1.5rem;padding-bottom:1.15rem;border-bottom:1px solid var(--border-color);letter-spacing:-.01em}.info-rows[data-v-795c2b36]{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.25rem}.info-row[data-v-795c2b36]{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.15rem;border-bottom:1px solid var(--border-light)}.info-row[data-v-795c2b36]:last-child{border-bottom:none;padding-bottom:0}.info-key[data-v-795c2b36]{font-size:.9rem;color:var(--text-muted);font-weight:600}.info-val[data-v-795c2b36]{font-size:.95rem;font-weight:700;color:var(--text-white)}.primary-val[data-v-795c2b36]{color:var(--primary);font-size:1.25rem;font-family:Outfit,sans-serif;font-weight:800;text-shadow:0 0 8px rgba(6,182,212,.3)}.countdown-val[data-v-795c2b36]{color:var(--secondary);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;text-shadow:0 0 8px rgba(236,72,153,.3)}.status-badge[data-v-795c2b36]{display:inline-block;padding:.35rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;border:1px solid transparent}.badge-pending[data-v-795c2b36]{background:#f59e0b1a;color:var(--warning);border-color:#f59e0b33}.badge-paid[data-v-795c2b36]{background:#10b9811a;color:var(--success);border-color:#10b98133}.badge-expired[data-v-795c2b36]{background:#ef44441a;color:var(--danger);border-color:#ef444433}.badge-canceled[data-v-795c2b36]{background:#ffffff08;color:var(--text-muted);border-color:var(--border-color)}.pay-notice[data-v-795c2b36]{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-muted);background:#080e2499;border:1px solid var(--border-color);border-radius:var(--radius);padding:.85rem 1.25rem}.notice-icon[data-v-795c2b36]{font-size:1.1rem;animation:spin-795c2b36 3s linear infinite;color:var(--primary);text-shadow:0 0 5px rgba(6,182,212,.5)}@keyframes spin-795c2b36{to{transform:rotate(360deg)}}@media (max-width: 768px){.pending-layout[data-v-795c2b36]{grid-template-columns:1fr;gap:2.5rem}.qr-card[data-v-795c2b36]{max-width:320px;margin:0 auto;width:100%}.qr-img-wrap[data-v-795c2b36]{width:200px;height:200px}.status-card[data-v-795c2b36]{padding:3rem 1.5rem}}.contact-wrapper[data-v-b20d8bc9]{background:#f5f5f5;padding-bottom:3rem}.control-group label[data-v-b20d8bc9]{margin-bottom:.5rem}.detail-wrapper[data-v-ceb8f014]{background:#f5f5f5;padding-bottom:3rem}.product-item[data-v-ceb8f014]{box-shadow:0 2px 10px #0000000d}.product-item[data-v-ceb8f014]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.product-item:hover .product-action[data-v-ceb8f014]{opacity:1!important}.btn-square[data-v-ceb8f014]{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.product-action .btn[data-v-ceb8f014]:hover{background:#ffd333!important;border-color:#ffd333!important;color:#3d464d!important}.nav-tabs .nav-link.active[data-v-ceb8f014]{background-color:#fff;border-bottom:3px solid #ffd333!important}.shop-wrapper[data-v-6dd40296]{background:#f5f5f5;padding-bottom:3rem}.product-item[data-v-6dd40296]{box-shadow:0 2px 10px #0000000d}.product-item[data-v-6dd40296]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.product-item:hover .product-action[data-v-6dd40296]{opacity:1!important}.btn-square[data-v-6dd40296]{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.product-action .btn[data-v-6dd40296]:hover{background:#ffd333!important;border-color:#ffd333!important;color:#3d464d!important}.page-item.active .page-link[data-v-6dd40296]{background-color:#ffd333;border-color:#ffd333;color:#3d464d}.page-link[data-v-6dd40296]{color:#ffd333}.page-link[data-v-6dd40296]:hover{color:#3d464d;background-color:#ffd333}@keyframes fadeInUp-37480bc3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade[data-v-37480bc3]{animation:fadeInUp-37480bc3 .6s cubic-bezier(.4,0,.2,1) both}.about-page[data-v-37480bc3]{background:var(--bg-web)}.about-hero-grid[data-v-37480bc3]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:6rem}.about-img-wrap[data-v-37480bc3]{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg),inset 0 1px 1px #ffffff0d;border:1px solid var(--border-color)}.about-img[data-v-37480bc3]{width:100%;height:460px;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.about-img-wrap:hover .about-img[data-v-37480bc3]{transform:scale(1.04)}.img-badge[data-v-37480bc3]{position:absolute;bottom:1.5rem;right:1.5rem;background:#080e24a6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);color:var(--primary);font-size:.775rem;font-weight:700;padding:.45rem 1.15rem;border-radius:var(--radius-full);box-shadow:0 0 10px #06b6d440}.about-mission-card[data-v-37480bc3]{display:flex;flex-direction:column;gap:1.75rem}.mission-pill[data-v-37480bc3]{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:.775rem;font-weight:700;padding:.45rem 1.15rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;align-self:flex-start;border:1px solid rgba(6,182,212,.25);text-shadow:0 0 5px rgba(6,182,212,.3)}.mission-title[data-v-37480bc3]{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;color:var(--text-white);line-height:1.3;margin:0;letter-spacing:-.02em;text-shadow:0 0 20px rgba(6,182,212,.15)}.mission-text[data-v-37480bc3]{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;margin:0}.mission-stats[data-v-37480bc3]{display:flex;align-items:center;gap:1.5rem;background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm),inset 0 1px 1px #ffffff0d}.stat-item[data-v-37480bc3]{text-align:center;flex:1}.stat-num[data-v-37480bc3]{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--primary);text-shadow:0 0 10px rgba(6,182,212,.35)}.stat-lbl[data-v-37480bc3]{font-size:.75rem;color:var(--text-muted);font-weight:600;margin-top:.35rem;text-transform:uppercase;letter-spacing:.05em}.stat-divider[data-v-37480bc3]{width:1px;height:45px;background:var(--border-color)}.values-section[data-v-37480bc3]{text-align:center;margin-top:2rem}.section-eyebrow[data-v-37480bc3]{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.section-heading-md[data-v-37480bc3]{font-size:1.85rem;font-weight:800;color:var(--text-white);margin:.5rem 0 3.5rem;letter-spacing:-.01em}.values-grid[data-v-37480bc3]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;text-align:left}.value-card[data-v-37480bc3]{background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.25rem 2rem;box-shadow:var(--shadow-sm),inset 0 1px 1px #ffffff0d;transition:all var(--transition)}.value-card[data-v-37480bc3]:hover{border-color:#06b6d466;box-shadow:0 0 25px #06b6d433,var(--shadow-md);transform:translateY(-6px)}.val-num[data-v-37480bc3]{font-size:2.25rem;font-weight:900;color:#ffffff0d;line-height:1;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;transition:color var(--transition)}.value-card:hover .val-num[data-v-37480bc3]{color:var(--primary);text-shadow:0 0 10px rgba(6,182,212,.4)}.val-title[data-v-37480bc3]{font-size:1.1rem;font-weight:700;color:var(--text-white);margin:0 0 .85rem}.val-desc[data-v-37480bc3]{font-size:.9rem;color:var(--text-secondary);line-height:1.65;margin:0}@media (max-width: 900px){.about-hero-grid[data-v-37480bc3]{grid-template-columns:1fr;gap:3rem}.about-img[data-v-37480bc3]{height:320px}.values-grid[data-v-37480bc3]{grid-template-columns:1fr;gap:1.5rem}}@keyframes fadeInUp-0755157e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade[data-v-0755157e]{animation:fadeInUp-0755157e .6s cubic-bezier(.4,0,.2,1) both}.auth-wrapper[data-v-0755157e]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-web);background-image:radial-gradient(circle at 10% 20%,rgba(6,182,212,.08) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.08) 0%,transparent 45%);padding:2rem 1rem;box-sizing:border-box}.auth-card-modern[data-v-0755157e]{width:100%;max-width:440px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl),inset 0 1px 1px #ffffff0d;padding:3rem 2.5rem;border:1px solid var(--border-color);box-sizing:border-box;position:relative;overflow:hidden}.auth-card-modern[data-v-0755157e]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));box-shadow:0 0 10px var(--primary)}.auth-brand[data-v-0755157e]{text-align:center;margin-bottom:2.5rem}.auth-logo[data-v-0755157e]{width:68px;height:68px;margin:0 auto 1.25rem;background:var(--primary-light);color:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:2.25rem;overflow:hidden;border:1.5px solid rgba(6,182,212,.3);box-shadow:var(--shadow-primary)}.logo-img[data-v-0755157e]{width:100%;height:100%;object-fit:cover}.auth-title[data-v-0755157e]{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;color:var(--text-white);margin:0;letter-spacing:-.02em;text-shadow:0 0 15px rgba(6,182,212,.2)}.auth-subtitle[data-v-0755157e]{color:var(--text-muted);font-size:.9rem;margin-top:.4rem;font-weight:500}.auth-form[data-v-0755157e]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-0755157e]{display:flex;flex-direction:column}.form-label[data-v-0755157e]{font-size:.8rem;font-weight:700;color:var(--text-secondary);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.05em}.input[data-v-0755157e]{width:100%;padding:.95rem 1.15rem;background-color:#080e2499;border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-white);font-family:var(--font-main);font-size:.95rem;transition:all var(--transition-fast);box-sizing:border-box}.input[data-v-0755157e]:focus{outline:none;border-color:var(--primary);background-color:#080e24d9;box-shadow:0 0 15px #06b6d44d;transform:translateY(-2px)}.input.is-invalid[data-v-0755157e]{border-color:var(--danger);box-shadow:0 0 15px #ef444440}.password-input-wrapper[data-v-0755157e]{position:relative}.password-toggle[data-v-0755157e]{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.15rem;opacity:.6;transition:opacity .2s;color:var(--text-muted)}.password-toggle[data-v-0755157e]:hover{opacity:1}.error-alert[data-v-0755157e]{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--danger);padding:.85rem;border-radius:var(--radius);font-size:.85rem;text-align:center;font-weight:600;box-shadow:0 0 10px #ef444426}.auth-footer-actions[data-v-0755157e]{display:flex;align-items:center;justify-content:center;margin-top:.5rem}.remember-me[data-v-0755157e]{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input[data-v-0755157e]{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.auth-copyright[data-v-0755157e]{margin-top:2.5rem;color:var(--text-dim);font-size:.8rem;font-weight:500}.text-danger[data-v-0755157e]{color:var(--danger)}.text-xs[data-v-0755157e]{font-size:.775rem}.mt-1[data-v-0755157e]{margin-top:.35rem}.mt-2[data-v-0755157e]{margin-top:.5rem}.mr-2[data-v-0755157e]{margin-right:.5rem}.animate-spin[data-v-0755157e]{display:inline-block;animation:spin-0755157e 1s linear infinite}@keyframes spin-0755157e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-shell[data-v-309bbf29]{display:flex;min-height:100vh;background-color:var(--admin-bg-main);background-image:radial-gradient(circle at 10% 20%,rgba(6,182,212,.04) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.04) 0%,transparent 45%)}.admin-sidebar[data-v-309bbf29]{width:260px;background-color:var(--admin-bg-sidebar)!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--admin-border);color:var(--admin-text-main);display:flex;flex-direction:column;padding:1.5rem 1rem;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50;transition:width .3s cubic-bezier(.4,0,.2,1),left .3s ease;box-sizing:border-box}.admin-sidebar.is-collapsed[data-v-309bbf29]{width:84px;padding:1.5rem .75rem}.sidebar-brand-royal[data-v-309bbf29]{margin-bottom:2rem;overflow:hidden}.brand-inner[data-v-309bbf29]{display:flex;align-items:center;gap:1rem;padding:0 .5rem;white-space:nowrap}.brand-logo-royal[data-v-309bbf29]{width:40px;height:40px;min-width:40px;border-radius:var(--radius-sm);padding:2px;object-fit:contain;background:var(--bg-card);border:1.5px solid rgba(6,182,212,.3);box-shadow:0 0 10px #06b6d440}.brand-text-royal[data-v-309bbf29]{font-family:Outfit,sans-serif;font-weight:800;font-size:1.15rem;color:var(--text-white);letter-spacing:-.02em;text-shadow:0 0 10px rgba(6,182,212,.2)}.brand-divider[data-v-309bbf29]{height:1px;background:var(--admin-border);margin-top:1.5rem}.admin-nav-royal[data-v-309bbf29]{display:flex;flex-direction:column;flex:1;gap:.4rem}.nav-item-royal[data-v-309bbf29]{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:all var(--transition);border-radius:var(--radius);white-space:nowrap;overflow:hidden;border:1px solid transparent}.is-collapsed .nav-item-royal[data-v-309bbf29]{justify-content:center;padding:.85rem 0;gap:0}.nav-item-royal[data-v-309bbf29]:hover{background:var(--bg-hover);color:var(--primary);border-color:#06b6d426;box-shadow:inset 0 1px 1px #ffffff0d}.nav-item-royal.router-link-active[data-v-309bbf29]{background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-primary);border-color:#06b6d44d}.nav-item-royal .icon[data-v-309bbf29]{font-size:1.25rem;width:24px;min-width:24px;display:flex;align-items:center;justify-content:center}.nav-footer-royal[data-v-309bbf29]{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--admin-border)}.logout-btn-royal[data-v-309bbf29]{width:100%;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--danger);padding:.85rem;font-weight:700;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem}.logout-btn-royal[data-v-309bbf29]:hover{background:var(--danger);color:var(--text-white);border-color:var(--danger);box-shadow:0 0 15px #ef444459}.is-collapsed .logout-btn-royal[data-v-309bbf29]{padding:.85rem 0}.admin-main[data-v-309bbf29]{flex:1;display:flex;flex-direction:column;min-width:0}.admin-top-nav[data-v-309bbf29]{height:72px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background:#080e2473;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--admin-border);position:sticky;top:0;z-index:40}.toggle-btn[data-v-309bbf29]{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--admin-border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn[data-v-309bbf29]:hover{background:var(--primary);color:var(--text-white);border-color:var(--primary);box-shadow:0 0 10px #06b6d459}.admin-breadcrumb[data-v-309bbf29]{font-size:.875rem;font-weight:600;color:var(--text-muted)}.content-wrapper[data-v-309bbf29]{padding:2.5rem 2rem;box-sizing:border-box}.mobile-only[data-v-309bbf29]{display:flex}@media (min-width: 901px){.mobile-only[data-v-309bbf29]{display:none}}@media (max-width: 900px){.admin-sidebar[data-v-309bbf29]{position:fixed;left:-280px;width:280px!important;box-shadow:10px 0 30px #000000b3}.admin-sidebar.mobile-open[data-v-309bbf29]{left:0}.admin-sidebar.is-collapsed[data-v-309bbf29]{width:280px!important}.admin-breadcrumb[data-v-309bbf29]{display:none}.content-wrapper[data-v-309bbf29]{padding:1.5rem 1rem}.admin-top-nav[data-v-309bbf29]{padding:0 1.25rem}}@keyframes fadeInUp-38bf5652{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade[data-v-38bf5652]{animation:fadeInUp-38bf5652 .5s ease both}.admin-header[data-v-38bf5652]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.admin-title[data-v-38bf5652]{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;color:var(--text-white);margin:0;letter-spacing:-.02em;text-shadow:0 0 15px rgba(6,182,212,.2)}.card-grid[data-v-38bf5652]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card[data-v-38bf5652]{background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm),inset 0 1px 1px #ffffff0d;transition:all var(--transition)}.stat-card[data-v-38bf5652]:hover{transform:translateY(-4px);border-color:#06b6d466;box-shadow:0 10px 20px #06b6d426,var(--shadow-md)}.stat-label[data-v-38bf5652]{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.stat-value[data-v-38bf5652]{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;color:var(--text-white);line-height:1;margin-bottom:.75rem}.stat-card:nth-child(3) .stat-value[data-v-38bf5652]{color:var(--primary);text-shadow:0 0 10px rgba(6,182,212,.3)}.stat-card:nth-child(4) .stat-value[data-v-38bf5652]{color:var(--secondary);text-shadow:0 0 10px rgba(236,72,153,.3)}.stat-note[data-v-38bf5652]{font-size:.75rem;color:var(--text-dim)}.badge-discount[data-v-38bf5652]{display:inline-flex;padding:.45rem 1.15rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--danger);font-size:.85rem;font-weight:700;border-radius:var(--radius-full)}.modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:#fff;border-radius:16px;width:95%;max-width:700px;max-height:90vh;overflow:hidden;color:#1e293b;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.modal-header{padding:20px 24px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-title{color:#1e293b;font-size:1.25rem;font-weight:700}.modal-body{padding:24px;background-color:#fff;overflow-y:auto;color:#334155;flex:1}.modal-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-body label{color:#475569;font-weight:600;font-size:.875rem;margin-bottom:6px;display:block}.modal-body .input,.modal-body .textarea,.modal-body select{color:#1e293b!important;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;width:100%;transition:all .2s;background:#fff}.modal-body .input:focus,.modal-body .textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn{padding:8px 16px;border:none;border-radius:4px;background:#007bff;color:#fff;cursor:pointer}.btn.ghost{background:transparent;border:1px solid #007bff}.btn.sm{font-size:12px;padding:6px 12px}@keyframes fadeInUp-582afd57{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade[data-v-582afd57]{animation:fadeInUp-582afd57 .5s ease both}.admin-header[data-v-582afd57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.admin-title[data-v-582afd57]{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;color:var(--text-white);margin:0;letter-spacing:-.02em;text-shadow:0 0 15px rgba(6,182,212,.2)}.mt-6[data-v-582afd57]{margin-top:1.5rem}.product-form-container[data-v-582afd57]{display:flex;flex-direction:column;gap:.5rem}.form-section-title[data-v-582afd57]{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:.6rem;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem}.form-grid-modern[data-v-582afd57]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group-modern[data-v-582afd57]{display:flex;flex-direction:column;gap:.5rem}.form-group-modern.full[data-v-582afd57]{grid-column:span 2}.form-label-modern[data-v-582afd57]{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input[data-v-582afd57],.textarea[data-v-582afd57]{width:100%;padding:.85rem 1.15rem;background-color:#080e2499;border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-white);font-family:var(--font-main);font-size:.9rem;transition:all var(--transition-fast);box-sizing:border-box}.input[data-v-582afd57]:focus,.textarea[data-v-582afd57]:focus{outline:none;border-color:var(--primary);background-color:#080e24d9;box-shadow:0 0 15px #06b6d44d;transform:translateY(-2px)}.textarea[data-v-582afd57]{resize:vertical}.price-input-wrapper[data-v-582afd57]{position:relative;display:flex;align-items:center}.currency-prefix[data-v-582afd57]{position:absolute;left:14px;color:var(--primary);font-weight:700}.price-input[data-v-582afd57]{padding-left:32px!important;font-weight:700}.variants-management[data-v-582afd57]{display:flex;flex-direction:column;gap:1rem;background:#080e2480;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:inset 0 1px 1px #ffffff05}.variant-row-modern[data-v-582afd57]{display:flex;gap:1.25rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.variant-row-modern[data-v-582afd57]:last-child{border-bottom:none;padding-bottom:0}.variant-inputs[data-v-582afd57]{flex:1;display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}.input-sm[data-v-582afd57]{padding:.55rem .85rem!important;font-size:.825rem!important}.image-upload-zone[data-v-582afd57]{display:flex;gap:1.75rem;align-items:center;background:#080e2480;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:inset 0 1px 1px #ffffff05}.preview-large[data-v-582afd57]{width:104px;height:104px;border-radius:var(--radius);overflow:hidden;background:#ffffff05;border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.preview-large img[data-v-582afd57]{width:100%;height:100%;object-fit:cover}.upload-controls[data-v-582afd57]{display:flex;flex-direction:column;gap:.6rem}.btn-upload[data-v-582afd57]{display:inline-block;padding:.55rem 1.15rem;background:#ffffff05;border:1.5px solid var(--border-color);border-radius:var(--radius);font-size:.825rem;font-weight:600;color:var(--text-white);cursor:pointer;text-align:center;transition:all var(--transition-fast);width:fit-content}.btn-upload[data-v-582afd57]:hover{background:var(--bg-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 0 10px #06b6d440}.upload-hint[data-v-582afd57]{font-size:.775rem;color:var(--text-dim);margin:0}@media (max-width: 640px){.form-grid-modern[data-v-582afd57]{grid-template-columns:1fr}.form-group-modern.full[data-v-582afd57]{grid-column:span 1}.image-upload-zone[data-v-582afd57]{flex-direction:column;text-align:center;gap:1.25rem}}.modal-backdrop[data-v-28e7cab8]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.modal-panel[data-v-28e7cab8]{width:min(900px,96vw);max-height:92vh;overflow:auto;background:var(--panel,#0f1420);color:var(--fg,#e6edf3);border:1px solid var(--ring);border-radius:16px;box-shadow:0 10px 40px #00000073}.modal-header[data-v-28e7cab8],.modal-footer[data-v-28e7cab8]{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-header[data-v-28e7cab8]{border-bottom:1px solid var(--ring)}.modal-footer[data-v-28e7cab8]{border-top:1px solid var(--ring)}.modal-body[data-v-28e7cab8]{padding:16px}.icon-btn[data-v-28e7cab8]{border:1px solid var(--ring,#2d3a52);background:transparent;color:inherit;border-radius:10px;padding:6px 10px;cursor:pointer}.icon-btn[data-v-28e7cab8]:hover{background:#ffffff0f}.btn[data-v-28e7cab8]{background:linear-gradient(180deg,#2d7eff,#1250c8);color:#fff;border:0;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.btn.ghost[data-v-28e7cab8]{background:transparent;border:1px solid var(--ring,#2d3a52);color:inherit}.grid-2[data-v-28e7cab8]{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.grid-2[data-v-28e7cab8]{grid-template-columns:1fr}}.card[data-v-28e7cab8]{border:1px solid var(--ring);border-radius:12px;padding:12px}.row[data-v-28e7cab8]{display:flex;justify-content:space-between;gap:10px;margin:6px 0}.row b[data-v-28e7cab8]{white-space:nowrap}.badge[data-v-28e7cab8]{padding:4px 10px;border:1px solid var(--ring);border-radius:999px;font-size:12px}.badge.pending[data-v-28e7cab8]{color:#ffd666;border-color:#ffd66633;background:#332b09}.badge.paid[data-v-28e7cab8]{color:#26dea7;border-color:#26dea733;background:#0e2a24}.badge.expired[data-v-28e7cab8],.badge.canceled[data-v-28e7cab8]{color:#ff5b6f;border-color:#ff5b6f33;background:#2a0f15}.items[data-v-28e7cab8]{display:flex;flex-direction:column;gap:8px}.item[data-v-28e7cab8]{display:flex;align-items:center;gap:10px}.item img[data-v-28e7cab8]{width:52px;height:52px;object-fit:cover;border-radius:8px;background:#1a2233;border:1px solid var(--ring)}.item .meta[data-v-28e7cab8]{flex:1}.item .qty[data-v-28e7cab8]{opacity:.75;font-size:13px}.hint[data-v-28e7cab8]{color:var(--muted,#9fb0c7);font-size:12px}.title[data-v-28e7cab8]{font-size:18px;font-weight:800}.grid-2[data-v-10a4353c]{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:820px){.grid-2[data-v-10a4353c]{grid-template-columns:1fr}}.card[data-v-10a4353c]{background:#ffffff05;border:1px solid var(--ring);border-radius:12px;padding:12px}.row[data-v-10a4353c]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;gap:10px}.items .item[data-v-10a4353c]{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--ring)}.items .item[data-v-10a4353c]:last-child{border-bottom:0}.thumbC[data-v-10a4353c]{width:42px;height:42px;object-fit:cover;border-radius:8px;background:#fff}.badge[data-v-10a4353c]{padding:3px 10px;border-radius:999px;font-size:.8rem;border:1px solid var(--ring)}.status-pending[data-v-10a4353c]{background:#fff3;border-color:#ffdb;color:#ffd369}.status-paid[data-v-10a4353c]{background:#1f3d2c;border-color:#2ecc71;color:#b6f3cc}.status-expired[data-v-10a4353c]{background:#3d1f1f;border-color:#e74c3c;color:#ffb3ab}.status-canceled[data-v-10a4353c]{background:#2a2a2a;border-color:#666;color:#bbb}.text-danger[data-v-10a4353c]{color:#ff8a8a}@keyframes fadeInUp-9bcc588b{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade[data-v-9bcc588b]{animation:fadeInUp-9bcc588b .5s ease both}.animate-delay[data-v-9bcc588b]{animation-delay:.1s}.admin-header[data-v-9bcc588b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.admin-title[data-v-9bcc588b]{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;color:var(--text-white);margin:0;letter-spacing:-.02em;text-shadow:0 0 15px rgba(6,182,212,.2)}.relative[data-v-9bcc588b]{position:relative}.absolute[data-v-9bcc588b]{position:absolute}.right-3[data-v-9bcc588b]{right:.75rem}.top-1\/2[data-v-9bcc588b]{top:50%}.-translate-y-1\/2[data-v-9bcc588b]{transform:translateY(-50%)}.flex-1[data-v-9bcc588b]{flex:1}.border-color[data-v-9bcc588b]{border-color:var(--border-color)!important}select.corp-input.custom-select[data-v-9bcc588b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23fafafa' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.15rem center;padding-right:3rem;cursor:pointer}.status-badge[data-v-9bcc588b]{display:inline-block;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;border:1px solid transparent;text-transform:uppercase;letter-spacing:.03em}.status-pending[data-v-9bcc588b]{background:#f59e0b14!important;color:var(--warning)!important;border-color:#f59e0b33!important}.status-paid[data-v-9bcc588b]{background:#10b98114!important;color:var(--success)!important;border-color:#10b98133!important}.status-expired[data-v-9bcc588b]{background:#ef444414!important;color:var(--danger)!important;border-color:#ef444433!important}.status-canceled[data-v-9bcc588b]{background:#ffffff05!important;color:var(--text-muted)!important;border-color:var(--border-color)!important}.app-wrapper[data-v-2eeba80f]{display:flex;flex-direction:column;min-height:100vh}.is-admin[data-v-2eeba80f]{display:block}.layout-container-custom[data-v-2eeba80f]{flex:1;display:flex;flex-direction:column;min-width:0}.content-area[data-v-2eeba80f]{flex:1}.fade-page-enter-active[data-v-2eeba80f],.fade-page-leave-active[data-v-2eeba80f]{transition:opacity .2s ease,transform .2s ease}.fade-page-enter-from[data-v-2eeba80f]{opacity:0;transform:translateY(10px)}.fade-page-leave-to[data-v-2eeba80f]{opacity:0;transform:translateY(-10px)}.sidebar-overlay[data-v-2eeba80f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.cart-drawer[data-v-2eeba80f]{position:fixed;top:0;right:0;bottom:0;width:440px;background:#fff;border-left:1px solid #dee2e6;z-index:2100;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0000001a}.drawer-header[data-v-2eeba80f]{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee2e6}.drawer-header h3[data-v-2eeba80f]{font-size:1.25rem;font-weight:700;color:#3d464d;margin:0}.close-drawer-btn[data-v-2eeba80f]{background:none;border:none;font-size:.85rem;font-weight:600;color:#6c757d;cursor:pointer;transition:color .15s ease}.close-drawer-btn[data-v-2eeba80f]:hover{color:#dc3545}.drawer-body[data-v-2eeba80f]{flex:1;overflow-y:auto;padding:1.5rem}.empty-state[data-v-2eeba80f]{text-align:center;padding:4rem 0;color:#6c757d;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-cart-icon[data-v-2eeba80f]{font-size:3.5rem;opacity:.3}.cart-list[data-v-2eeba80f]{display:flex;flex-direction:column;gap:1.25rem}.cart-item[data-v-2eeba80f]{display:flex;gap:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #dee2e6;align-items:center}.item-img-box[data-v-2eeba80f]{width:72px;height:72px;border-radius:4px;overflow:hidden;background:#f8f9fa;flex-shrink:0;border:1px solid #dee2e6}.item-img-box img[data-v-2eeba80f]{width:100%;height:100%;object-fit:cover}.item-info[data-v-2eeba80f]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.item-info .name[data-v-2eeba80f]{font-size:.95rem;font-weight:700;color:#3d464d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info .price[data-v-2eeba80f]{font-size:.95rem}.item-info .actions[data-v-2eeba80f]{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}.stepper[data-v-2eeba80f]{display:flex;align-items:center;gap:.85rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:3px}.stepper button[data-v-2eeba80f]{width:26px;height:26px;border:none;background:#fff;color:#3d464d;border-radius:4px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.stepper button[data-v-2eeba80f]:hover{background:#ffd333;color:#3d464d}.stepper span[data-v-2eeba80f]{font-size:.9rem;font-weight:700;min-width:24px;text-align:center;color:#3d464d}.remove[data-v-2eeba80f]{font-size:.8rem;color:#dc3545;background:none;border:none;cursor:pointer;font-weight:600;transition:opacity .15s ease}.remove[data-v-2eeba80f]:hover{opacity:.8}.drawer-footer[data-v-2eeba80f]{padding:1.5rem;border-top:1px solid #dee2e6;background:#f8f9fa}.drawer-footer .total[data-v-2eeba80f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.drawer-footer .total span[data-v-2eeba80f]{font-size:.95rem;font-weight:600;color:#6c757d}.drawer-footer .total .val[data-v-2eeba80f]{font-size:1.45rem;font-weight:800;color:#3d464d}.fade-enter-active[data-v-2eeba80f],.fade-leave-active[data-v-2eeba80f]{transition:opacity .3s}.fade-enter-from[data-v-2eeba80f],.fade-leave-to[data-v-2eeba80f]{opacity:0}.slide-right-enter-active[data-v-2eeba80f],.slide-right-leave-active[data-v-2eeba80f]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.slide-right-enter-from[data-v-2eeba80f],.slide-right-leave-to[data-v-2eeba80f]{transform:translate(100%)}@media (max-width: 576px){.cart-drawer[data-v-2eeba80f]{width:100%}}:root{--primary: #06b6d4;--primary-dark: #0891b2;--primary-light: rgba(6, 182, 212, .15);--primary-lighter: rgba(6, 182, 212, .08);--secondary: #ec4899;--secondary-dark: #db2777;--secondary-light: rgba(236, 72, 153, .15);--accent: #ec4899;--accent-light: rgba(236, 72, 153, .15);--success: #10b981;--success-light: rgba(16, 185, 129, .15);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .15);--warning: #f59e0b;--info: #3b82f6;--gradient-primary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #ec4899 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-dark: linear-gradient(135deg, #030712 0%, #080f25 100%);--gradient-light: linear-gradient(135deg, rgba(6, 182, 212, .08) 0%, rgba(236, 72, 153, .08) 100%);--bg-web: #030712;--bg-page: radial-gradient(circle at 50% 0%, #0b152d 0%, #030712 100%);--bg-card: rgba(8, 14, 36, .45);--bg-sidebar: rgba(6, 11, 28, .75);--bg-accent: rgba(6, 182, 212, .06);--bg-hover: rgba(6, 182, 212, .12);--bg-overlay: rgba(2, 6, 23, .85);--text-main: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--text-black: #020617;--text-white: #ffffff;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--border-focus: rgba(6, 182, 212, .5);--border-hover: rgba(6, 182, 212, .3);--font-main: "Sarabun", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-xs: 4px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 32px rgba(0, 0, 0, .37);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 60px rgba(0, 0, 0, .7);--shadow-primary: 0 0 20px rgba(6, 182, 212, .35);--shadow-secondary: 0 0 20px rgba(236, 72, 153, .35);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 1000;--z-modal: 1050;--z-overlay: 1040;--z-header: 100;--admin-bg-main: #030712;--admin-bg-sidebar: rgba(6, 11, 28, .75);--admin-text-main: #f8fafc;--admin-text-muted: #94a3b8;--admin-border: rgba(255, 255, 255, .08);--admin-card-bg: rgba(8, 14, 36, .45);--admin-shadow: 0 8px 32px rgba(0, 0, 0, .37);--admin-primary: var(--primary)}html,body{background:var(--bg-web);color:var(--text-main);font-family:var(--font-main);margin:0;scroll-behavior:smooth;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body{min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(6,182,212,.08) 0%,transparent 45%),radial-gradient(circle at 90% 70%,rgba(236,72,153,.08) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.04) 0%,transparent 55%);pointer-events:none;z-index:-1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-web)}::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:var(--radius-full);border:2px solid var(--bg-web);box-shadow:0 0 5px #06b6d433;transition:background var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--primary);box-shadow:0 0 12px #06b6d499}h1,h2,h3,h4,h5,h6{font-family:"Outfit",var(--font-main);font-weight:700;color:var(--text-white);letter-spacing:-.02em;margin-top:0;line-height:1.2}h1{font-size:2.75rem;font-weight:800}h2{font-size:2rem;font-weight:800}h3{font-size:1.35rem;font-weight:600}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--secondary);text-decoration:none;text-shadow:0 0 10px rgba(236,72,153,.4)}.btn-corp{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;font-family:"Outfit",var(--font-main);font-size:.9rem;font-weight:600;border-radius:var(--radius);border:1.5px solid transparent;cursor:pointer;transition:all var(--transition);gap:.6rem;text-decoration:none;white-space:nowrap;letter-spacing:.02em;line-height:1;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.btn-corp:hover{text-decoration:none}.btn-primary{background:#06b6d41f;color:var(--text-white);border-color:var(--primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 15px #06b6d433,inset 0 1px 1px #ffffff1a}.btn-primary:hover{background:var(--primary);color:var(--text-black);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 0 25px #06b6d48c,var(--shadow-primary)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ec48991f;color:var(--text-white);border-color:var(--secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 15px #ec489933,inset 0 1px 1px #ffffff1a}.btn-secondary:hover{background:var(--secondary);color:var(--text-white);border-color:var(--secondary);transform:translateY(-2px);box-shadow:0 0 25px #ec48998c,var(--shadow-secondary)}.btn-outline{background:#ffffff05;border-color:var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#06b6d414;transform:translateY(-2px);box-shadow:0 0 15px #06b6d426}.btn-sm{padding:.5rem 1.15rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{padding:1rem 2.25rem;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-corp:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.corp-input{width:100%;padding:.875rem 1.15rem;background-color:#080e2466;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-main);font-family:var(--font-main);font-size:.9rem;transition:all var(--transition-fast);box-sizing:border-box;box-shadow:inset 0 2px 4px #0000004d}.corp-input:focus{outline:none;border-color:var(--primary);background-color:#080e24a6;box-shadow:0 0 15px #06b6d440,0 0 0 1px var(--primary)}.corp-input::placeholder{color:var(--text-dim)}textarea.corp-input{resize:vertical;min-height:120px}.form-label{display:block;font-size:.825rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.form-group{display:flex;flex-direction:column}.corp-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1.75rem;box-shadow:var(--shadow-md),inset 0 1px 1px #ffffff0d;transition:all var(--transition);position:relative;overflow:hidden}.corp-card:hover{box-shadow:0 0 25px #06b6d426,var(--shadow-lg);border-color:#06b6d44d;transform:translateY(-2px)}.corp-table-wrapper{background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-md),inset 0 1px 1px #ffffff0d}.corp-table{width:100%;border-collapse:collapse}.corp-table th{background:#080e24d9;text-align:left;padding:1.1rem 1.5rem;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1.5px solid var(--border-color)}.corp-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);font-size:.9rem;color:var(--text-secondary);vertical-align:middle}.corp-table tbody tr:last-child td{border-bottom:none}.corp-table tbody tr:hover{background:#06b6d40d}.tech-pagination{display:flex;gap:.5rem;justify-content:center;align-items:center;margin-top:3.5rem;flex-wrap:wrap}.page-numbers{display:flex;gap:.5rem}.page-btn{min-width:44px;height:44px;padding:0 .85rem;display:inline-flex;align-items:center;justify-content:center;background:#080e2466;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;font-family:"Outfit",var(--font-main);font-size:.85rem;font-weight:600;transition:all var(--transition-fast)}.page-btn.active{background:var(--primary);color:var(--text-black);border-color:var(--primary);box-shadow:var(--shadow-primary)}.page-btn:hover:not(.active):not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light);box-shadow:0 0 10px #06b6d426}.page-btn:disabled{opacity:.3;cursor:not-allowed}.container-corp{max-width:1360px;margin:0 auto;padding:0 2rem}.section-padding{padding:6rem 0}.accent-bg{background:linear-gradient(135deg,#06b6d40d,#ec48990d)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--text-muted)}.text-right{text-align:right}.text-center{text-align:center}.w-full{width:100%}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:2rem}.tech-section-header{margin-bottom:3.5rem}.page-title{font-size:2.25rem;font-weight:800;color:var(--text-white);margin:0 0 .5rem;letter-spacing:-.02em;text-shadow:0 0 20px rgba(6,182,212,.2)}.page-subtitle{font-size:1rem;color:var(--text-muted);margin:0;font-weight:400}.tech-card{cursor:pointer;overflow:hidden;padding:0}.tech-card:hover{transform:translateY(-6px);box-shadow:0 0 25px #06b6d433,var(--shadow-lg)}.skeleton-box{background:linear-gradient(90deg,var(--border-color) 25%,var(--border-light) 50%,var(--border-color) 75%);background-size:200% 100%;animation:pulseLoading 1.5s infinite linear;border-radius:var(--radius-sm)}@keyframes pulseLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:44px;height:44px;border:3.5px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto;box-shadow:0 0 10px #06b6d433}@keyframes spin{to{transform:rotate(360deg)}}.tech-empty-state{text-align:center;padding:6rem 2rem;color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-md)}.section-header-tech{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}.header-left{display:flex;flex-direction:column;gap:.6rem}.section-title{font-size:2rem;font-weight:800;color:var(--text-white);margin:0;text-shadow:0 0 20px rgba(6,182,212,.15)}.header-line{width:56px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);box-shadow:0 0 10px #06b6d480}.tech-page,.corp-page{background:var(--bg-web);min-height:100vh}.admin-shell{display:flex;min-height:100vh;background-color:var(--admin-bg-main);font-family:var(--font-main)}.admin-sidebar{width:270px;background:var(--admin-bg-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-main);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border-color)}.admin-nav-item{display:flex;align-items:center;gap:.95rem;padding:.875rem 1.25rem;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:all var(--transition-fast);text-decoration:none;border-radius:var(--radius);margin:.25rem .875rem;border:1px solid transparent}.admin-nav-item:hover,.admin-nav-item.router-link-active{background:#06b6d41a;color:var(--primary);text-decoration:none;border-color:#06b6d433;box-shadow:0 0 15px #06b6d414}.admin-main{flex:1;padding:2.5rem;max-width:100%;box-sizing:border-box;overflow-y:auto}.admin-card{background:var(--admin-card-bg);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:1.75rem;border-radius:var(--radius-lg);border:1px solid var(--admin-border);box-shadow:var(--admin-shadow),inset 0 1px 1px #ffffff0d;margin-bottom:1.75rem;color:var(--admin-text-main);transition:all var(--transition)}.admin-card:hover{border-color:#06b6d440;box-shadow:0 0 20px #06b6d41a,var(--admin-shadow)}.swal2-popup.swal2-toast,.swal2-popup{background:#080e24f2!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;color:#f8fafc!important;border:1px solid rgba(6,182,212,.3)!important;box-shadow:0 0 30px #06b6d433,0 10px 40px #00000080!important;border-radius:16px!important}.swal2-title,.swal2-html-container{color:#f8fafc!important}.swal2-confirm{background:#06b6d433!important;color:#fff!important;border:1px solid var(--primary)!important;box-shadow:0 0 15px #06b6d440!important;border-radius:8px!important}.swal2-confirm:hover{background-color:var(--primary)!important;color:var(--text-black)!important}.swal2-cancel{background-color:#ffffff0d!important;color:#cbd5e1!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important}.app-wrapper:not(.is-admin){background-color:#f5f5f5!important;color:#3d464d!important}.app-wrapper:not(.is-admin) h1,.app-wrapper:not(.is-admin) h2,.app-wrapper:not(.is-admin) h3,.app-wrapper:not(.is-admin) h4,.app-wrapper:not(.is-admin) h5,.app-wrapper:not(.is-admin) h6{color:#3d464d!important}.app-wrapper:not(.is-admin) .text-white{color:#fff!important}.app-wrapper:not(.is-admin) .bg-dark h1,.app-wrapper:not(.is-admin) .bg-dark h2,.app-wrapper:not(.is-admin) .bg-dark h3,.app-wrapper:not(.is-admin) .bg-dark h4,.app-wrapper:not(.is-admin) .bg-dark h5,.app-wrapper:not(.is-admin) .bg-dark h6,.app-wrapper:not(.is-admin) .bg-dark p,.app-wrapper:not(.is-admin) .bg-dark span,.app-wrapper:not(.is-admin) .bg-dark a{color:#a6b0b5!important}.app-wrapper:not(.is-admin) .bg-dark a:hover{color:#ffd333!important}.app-wrapper:not(.is-admin) .carousel-caption h1,.app-wrapper:not(.is-admin) .carousel-caption p{color:#fff!important}