@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap";*,button,input,select,textarea{font-family:IBM Plex Sans Thai,sans-serif;box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b899}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}:root.dark-mode ::-webkit-scrollbar-thumb,body.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff29}:root.dark-mode ::-webkit-scrollbar-thumb:hover,body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root.dark-mode *,body.dark-mode *{scrollbar-color:rgba(255,255,255,.16) transparent}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes scale-up{0%{scale:.95;opacity:0}to{scale:1;opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root.dark-mode{--bg: #110d18;--bg-2: #181120;--panel: #1d1628db;--panel-strong: #181222f5;--text: #f5efff;--soft-text: #f5efffc2;--muted: #b8acc2;--ink: #f5efff;--line: rgba(216, 190, 255, .14);--paper: #17111f;--surface: #18121f;--shadow: 0 20px 52px rgba(0, 0, 0, .45);--nav-bg-start: #5f3da2;--nav-bg-scrolled: rgba(95, 61, 162, .85);--nav-border-scrolled: rgba(255, 255, 255, .12);--nav-shadow: 0 10px 30px -5px rgba(50, 20, 90, .4);--nav-text-color: #fff;--drawer-bg: #140d22;--drawer-panel: #1a122c;--drawer-border: rgba(216, 190, 255, .12);--drawer-text: #f5efff;--drawer-subtext: rgba(245, 239, 255, .65);--drawer-hover: rgba(255, 255, 255, .07);--drawer-active-bg: linear-gradient(135deg, rgba(165, 72, 236, .25), rgba(95, 61, 162, .35));--drawer-active-color: #e0b0ff;--modal-card-bg: #181126;--modal-card-border: rgba(216, 190, 255, .15);--modal-text: #f5efff;--modal-subtext: rgba(245, 239, 255, .7)}:root.dark-mode,:root.dark-mode body,body.dark-mode{background-color:#110d18!important;color:#f5efff!important}:root.dark-mode #root,:root.dark-mode .body,:root.dark-mode .content,body.dark-mode #root,body.dark-mode .body,body.dark-mode .content{background-color:#110d18!important;color:#f5efff!important}:root.dark-mode h1,:root.dark-mode h2,:root.dark-mode h3,:root.dark-mode h4,:root.dark-mode h5,:root.dark-mode h6,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f5efff!important}:root.dark-mode p,:root.dark-mode span.desc,:root.dark-mode .product-info .desc,:root.dark-mode .product-info .sizes,body.dark-mode p,body.dark-mode span.desc,body.dark-mode .product-info .desc,body.dark-mode .product-info .sizes{color:#cbd5e1!important}:root.dark-mode .highlight,:root.dark-mode .total-highlight,body.dark-mode .highlight,body.dark-mode .total-highlight{color:#d8b4fe!important}:root.dark-mode .product-card,body.dark-mode .product-card{background:#191228!important;border:1px solid rgba(216,190,255,.14)!important;box-shadow:0 8px 24px #00000059!important}:root.dark-mode .product-card:hover,body.dark-mode .product-card:hover{box-shadow:0 12px 32px #00000080!important;border-color:#d8beff47!important}:root.dark-mode .product-image img,body.dark-mode .product-image img{background:#140d22!important}:root.dark-mode .product-info h3,body.dark-mode .product-info h3{color:#f5efff!important}:root.dark-mode .shop-banner,body.dark-mode .shop-banner{background-color:#191228!important;border:1px solid rgba(216,190,255,.16)!important;box-shadow:0 10px 28px #00000073!important}:root.dark-mode .shop-banner:hover,body.dark-mode .shop-banner:hover{box-shadow:0 14px 36px #0009!important;border-color:#d8beff52!important}:root.dark-mode .shop-info h3,body.dark-mode .shop-info h3{color:#f5efff!important}:root.dark-mode .shop-info .desc,body.dark-mode .shop-info .desc{color:#cbd5e1!important}:root.dark-mode .shop-info .date,body.dark-mode .shop-info .date{color:#a89bc2!important}:root.dark-mode .shop-banner.disabled,body.dark-mode .shop-banner.disabled{background-color:#1a1329!important;opacity:.82!important;border-color:#d8beff1f!important}:root.dark-mode .shop-banner.disabled .shop-info h3,body.dark-mode .shop-banner.disabled .shop-info h3{color:#e2d9f3!important}:root.dark-mode .shop-banner.disabled .shop-info .desc,body.dark-mode .shop-banner.disabled .shop-info .desc{color:#94a3b8!important}:root.dark-mode .shop-banner.disabled .shop-info .date,body.dark-mode .shop-banner.disabled .shop-info .date{color:#887b9e!important}:root.dark-mode .shop-banner.disabled .shop-image,body.dark-mode .shop-banner.disabled .shop-image{filter:brightness(.85) grayscale(20%)!important}:root.dark-mode .enter-btn-modern,body.dark-mode .enter-btn-modern{background:linear-gradient(135deg,#483a62,#5e4c7d)!important;color:#ede7f6!important;border:1px solid rgba(192,168,230,.22)!important;box-shadow:0 4px 12px #00000040!important}:root.dark-mode .enter-btn-modern:hover,body.dark-mode .enter-btn-modern:hover{background:linear-gradient(135deg,#544372,#6c5990)!important;box-shadow:0 6px 16px #00000059!important;color:#fff!important}:root.dark-mode .shop-banner.disabled .enter-btn-modern,body.dark-mode .shop-banner.disabled .enter-btn-modern{background:linear-gradient(135deg,#44375b,#594776)!important;color:#ded7ea!important;border:1px solid rgba(192,168,230,.2)!important;opacity:.95!important}:root.dark-mode .status-badge.closed,body.dark-mode .status-badge.closed{background-color:#ef444447!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.4)!important}:root.dark-mode .status-badge.open,body.dark-mode .status-badge.open{background-color:#22c55e47!important;color:#86efac!important;border:1px solid rgba(34,197,94,.4)!important}:root.dark-mode .status-badge.coming,body.dark-mode .status-badge.coming{background-color:#eab30847!important;color:#fde047!important;border:1px solid rgba(234,179,8,.4)!important}:root.dark-mode .shop-warp::-webkit-scrollbar-thumb,body.dark-mode .shop-warp::-webkit-scrollbar-thumb{background:transparent!important;background-color:transparent!important}:root.dark-mode .modal-box,body.dark-mode .modal-box{background:#1e1630!important;border:1px solid rgba(216,190,255,.18)!important;box-shadow:0 14px 36px #00000080!important;color:#f5efff!important}:root.dark-mode .size-btn,body.dark-mode .size-btn{border-color:#d8beff33!important;background:#261c3d!important;color:#cbd5e1!important}:root.dark-mode .size-btn:hover,body.dark-mode .size-btn:hover{background:#332554!important;color:#fff!important;border-color:#d8beff66!important}:root.dark-mode .size-btn.active,body.dark-mode .size-btn.active{background:#ff7a00!important;color:#fff!important;border-color:#ff7a00!important}:root.dark-mode .price-summary,body.dark-mode .price-summary{background:#23193a!important;border:1px solid rgba(216,190,255,.18)!important;color:#f5efff!important}:root.dark-mode .price-summary .highlight,body.dark-mode .price-summary .highlight{color:#d8b4fe!important}:root.dark-mode .modal-buttons .cancel,body.dark-mode .modal-buttons .cancel{background:#32264a!important;color:#cbd5e1!important}:root.dark-mode .modal-buttons .cancel:hover,body.dark-mode .modal-buttons .cancel:hover{background:#3f2f5e!important;color:#fff!important}:root.dark-mode .filter-select-main,:root.dark-mode .filter-select,body.dark-mode .filter-select-main,body.dark-mode .filter-select{background:#1a132b!important;color:#cbd5e1!important;border-color:#d8beff33!important}:root.dark-mode .filter-select-main:hover,:root.dark-mode .filter-select:hover,body.dark-mode .filter-select-main:hover,body.dark-mode .filter-select:hover{background:#281c42!important;border-color:#a855f7!important;color:#fff!important}:root.dark-mode .filter-active,body.dark-mode .filter-active{background:#7b5bff!important;color:#fff!important;border-color:#9d7dfc!important}:root.dark-mode input,:root.dark-mode select,:root.dark-mode textarea,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#140d22!important;color:#f5efff!important;border-color:#d8beff40!important}:root.dark-mode input::placeholder,:root.dark-mode textarea::placeholder,body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#f5efff73!important}:root.dark-mode .cart-container,body.dark-mode .cart-container{background:#181126!important;border:1px solid rgba(216,190,255,.16)!important;box-shadow:0 16px 40px #00000080!important;color:#f5efff!important}:root.dark-mode .cart-container h2,body.dark-mode .cart-container h2{color:#d8b4fe!important}:root.dark-mode .empty,body.dark-mode .empty{color:#94a3b8!important}:root.dark-mode .cart-item,body.dark-mode .cart-item{background:#201633!important;border:1px solid rgba(216,190,255,.16)!important;color:#f5efff!important}:root.dark-mode .cart-card,body.dark-mode .cart-card{border-bottom:1px solid rgba(216,190,255,.16)!important}:root.dark-mode .cart-card:last-child,body.dark-mode .cart-card:last-child{border-bottom:none!important}:root.dark-mode .cart-img,body.dark-mode .cart-img,:root.dark-mode .cart-img.placeholder,body.dark-mode .cart-img.placeholder{background:#231938!important}:root.dark-mode .cart-item:hover,body.dark-mode .cart-item:hover{box-shadow:0 8px 20px #0006!important}:root.dark-mode .cart-info h3,body.dark-mode .cart-info h3{color:#f5efff!important}:root.dark-mode .cart-info p,body.dark-mode .cart-info p{color:#cbd5e1!important}:root.dark-mode .cart-info .price,body.dark-mode .cart-info .price{color:#ff9d42!important}:root.dark-mode .pa-container,body.dark-mode .pa-container{color:#f5efff!important}:root.dark-mode .pa-container h2,body.dark-mode .pa-container h2{color:#f5efff!important}:root.dark-mode .pa-container p,body.dark-mode .pa-container p{color:#cbd5e1!important}:root.dark-mode .pa-order-card,body.dark-mode .pa-order-card{background:#1e1630!important;border:1px solid rgba(216,190,255,.16)!important;box-shadow:0 4px 16px #0006!important;color:#f5efff!important}:root.dark-mode .pa-order-header,body.dark-mode .pa-order-header{border-bottom:1px dashed rgba(216,190,255,.2)!important}:root.dark-mode .pa-student-id,body.dark-mode .pa-student-id{color:#a89bc2!important}:root.dark-mode .pa-order-info,body.dark-mode .pa-order-info{color:#cbd5e1!important}:root.dark-mode .pa-loading,:root.dark-mode .pa-empty,body.dark-mode .pa-loading,body.dark-mode .pa-empty{color:#94a3b8!important}:root.dark-mode .developer-card,body.dark-mode .developer-card{border-bottom-color:#d8beff24!important}:root.dark-mode .developer-info h2,body.dark-mode .developer-info h2{color:#d8b4fe!important}:root.dark-mode .developer-role,body.dark-mode .developer-role{color:#cbd5e1!important}:root.dark-mode .developer-socials a,body.dark-mode .developer-socials a{color:#d8b4fe!important;background:#a855f726!important}:root.dark-mode .developer-socials a:hover,body.dark-mode .developer-socials a:hover{color:#fff!important;background:#7c3aed!important}:root.dark-mode .hint-box,body.dark-mode .hint-box{color:#f5efff!important;background:#1a122cf2!important;border-color:#d8beff40!important;box-shadow:0 12px 32px #00000080!important}:root.dark-mode .hint-box h4,body.dark-mode .hint-box h4{color:#e0b0ff!important}:root.dark-mode .hint-box p,body.dark-mode .hint-box p{color:#f5efffcc!important}:root.dark-mode .alert-box,body.dark-mode .alert-box{background:#181126!important;color:#f5efff!important;border:1px solid rgba(216,190,255,.2)!important;box-shadow:0 10px 30px #0009!important}:root.dark-mode .alert-box h3,body.dark-mode .alert-box h3{color:#d8b4fe!important}:root.dark-mode .alert-box p,body.dark-mode .alert-box p{color:#cbd5e1!important}:root.dark-mode .popup-close,body.dark-mode .popup-close{background:#231938!important;color:#f5efff!important;border:1px solid rgba(216,190,255,.2)!important}:root.dark-mode .popup-close:hover,body.dark-mode .popup-close:hover{background:#5f3da2!important;color:#fff!important}:root.dark-mode .footer,body.dark-mode .footer{background:#140d22!important;color:#d8b4fe!important;border-top:1px solid rgba(216,190,255,.12)!important;box-shadow:0 -8px 24px #0006!important}:root.dark-mode .footer-link,:root.dark-mode .footer-link h3,body.dark-mode .footer-link,body.dark-mode .footer-link h3{color:#f5efff!important}:root.dark-mode .footer-link:hover,body.dark-mode .footer-link:hover{color:#c084fc!important}:root.dark-mode .footer p,body.dark-mode .footer p{color:#cbd5e1!important}:root.dark-mode .footer-social a,body.dark-mode .footer-social a{color:#d8b4fe!important;background:#a855f726!important;border:1px solid rgba(216,190,255,.14)!important}:root.dark-mode .footer-social a:hover,body.dark-mode .footer-social a:hover{color:#fff!important;background:#7c3aed!important;border-color:#7c3aed!important}:root.dark-mode .footer-author,body.dark-mode .footer-author{color:#cbd5e1!important}:root.dark-mode .footer-author p,body.dark-mode .footer-author p{color:#94a3b8!important}:root.dark-mode .admin-container,:root.dark-mode .admin-dashboard,:root.dark-mode .admin-card,body.dark-mode .admin-container,body.dark-mode .admin-dashboard,body.dark-mode .admin-card{background:#181126!important;color:#f5efff!important;border-color:#d8beff29!important}:root.dark-mode .admin-table th,body.dark-mode .admin-table th{background:#140e22!important;color:#d8b4fe!important;border-bottom:1px solid rgba(216,190,255,.18)!important}:root.dark-mode .admin-table td,body.dark-mode .admin-table td{color:#cbd5e1!important;border-bottom:1px solid rgba(216,190,255,.1)!important}.loading-screen.clean{--accent: #8a58cb;--accent-2: #f0abfc;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:99999;overflow:hidden;background:radial-gradient(1000px 500px at 10% -10%,rgba(140,80,255,.18),transparent),radial-gradient(800px 400px at 90% 110%,rgba(200,120,255,.12),transparent),linear-gradient(160deg,#250f45,#5f3da2,#734dcd)}.no-scroll{overflow:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;gap:18px}.logo{width:150px;height:150px;border-radius:14px;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.loading-line{width:240px;height:5px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative}.loading-line-bar{position:absolute;width:35%;height:100%;border-radius:999px;background:linear-gradient(90deg,#c084fc,#fff,#c084fc);box-shadow:0 0 14px #ffffff80;animation:loadingMove 1s ease-in-out infinite}@keyframes loadingMove{0%{left:-35%}to{left:100%}}.loading-text{font-size:16px;opacity:.75;letter-spacing:.4px}.glass-btn{position:fixed;right:20px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:9999;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#5f3da2b3,#a548ec99);border:1px solid rgba(255,255,255,.2);transition:.3s}.glass-btn:hover{transform:scale(1.1)}.glass-btn.package{bottom:95px}.glass-btn.contact{bottom:20px}.hint-box{position:fixed;right:95px;width:230px;padding:12px 14px;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid rgba(255,255,255,.2);color:#5f3da2;box-shadow:0 10px 30px #00000040;animation:floatIn 2s ease}.package-hint{bottom:95px}.contact-hint{bottom:20px}.hint-box h4{margin:0;font-size:14px}.hint-box p{margin:3px 0 0;font-size:12px;opacity:.8}@keyframes floatIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.glass-btn{animation:sway 4s ease-in-out infinite;transform-origin:center}.glass-btn.package{animation-delay:0s}.glass-btn.contact{animation-delay:.6s}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(0)}75%{transform:rotate(8deg)}to{transform:rotate(0)}}