.modal,.modal-backdrop{inset:0;inset:0;inset:0}.btn-main,.btn-soft,.modal-box{overflow:hidden;position:relative}@font-face{font-family:"LINE Seed Sans";src:url("/fonts/LINESeedSansTH_W_Rg.woff2") format("woff2");font-weight:400}@font-face{font-family:"LINE Seed Sans";src:url("/fonts/LINESeedSansTH_W_Bd.woff2") format("woff2");font-weight:700}body{font-family:"LINE Seed Sans",system-ui,sans-serif}.item-qty{margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;background:rgba(0,0,0,.05);color:rgba(0,0,0,.65);width:fit-content}.item-card{width:100%;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:.25s}.item-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-1px)}.item-left{display:flex;align-items:center;gap:12px}.item-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f5f5f5,#ececec);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);overflow:hidden}.item-icon img{width:26px;height:26px;object-fit:cover;border-radius:3px}.item-text .item-qty{display:inline}@media (max-width:460px){.item-text .item-qty{display:block;margin-top:.2rem}}.item-text h1{font-size:14px;color:#111}.item-text span{font-size:12px;color:#777}.item-right{display:flex;align-items:center;gap:14px}.item-price{text-align:right;font-size:13px}.item-price span{font-size:12px;display:block}.item-price .ok{color:#22c55e}.item-price .fail{color:#ef4444}.detail-btn{padding:6px 14px;border-radius:12px;background:linear-gradient(135deg,#111,#333);color:#fff;font-size:12px;cursor:pointer;border:none;transition:.2s}.detail-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.25)}.modal{position:fixed;z-index:100;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}.modal.flex{display:flex;justify-content:center;align-items:center}.modal.show .modal-box{transform:scale(1);opacity:1}.modal-header button{cursor:pointer;transition:.2s ease-in-out;opacity:.8;border:none;background:0 0;font-size:1.25rem}.modal-header button:hover{opacity:1;transform:rotate(90deg) scale(1.2)}.modal-body textarea,.modal.hidden{display:none}.modal-box{padding:1rem;opacity:0;width:95%;max-width:680px;background:rgba(255,255,255,.95);border-radius:22px;box-shadow:0 40px 80px rgba(0,0,0,.35);animation:.25s modalIn;color:#000}.btn-main,.btn-soft{animation:3s infinite gradientMove}.modal-header{padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center}.modal-header h1{font-size:18px;color:#000}.modal-header p{font-size:13px;color:#000}.modal-body{display:flex;flex-direction:column;gap:12px}.modal-footer{padding:14px 18px;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:flex-end;gap:10px;color:#000}.btn-main,.btn-soft{padding:.5rem 1rem;border-radius:.75rem;font-weight:500;cursor:pointer;border:none;color:#fff;display:inline-block;text-align:center;transition:.3s ease-in-out}.btn-soft{background:linear-gradient(270deg,#ce6e00,#ff9c3a,#f9b048,#ce6e00);background-size:600% 600%}.btn-main{background:linear-gradient(270deg,#31d2f2,#3bcfff,#6fe0ff,#31d2f2);background-size:600% 600%}.btn-main:hover,.btn-soft:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.25)}@keyframes gradientMove{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes modalIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal.modal-out{animation:.25s forwards modalOut}@keyframes modalOut{from{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.modal-box{transition:.25s;transform:scale(1);opacity:1}.modal-box.modal-out{transform:scale(.95);opacity:0}.modal-body{padding:18px;max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px;color:#000}.checkbox-wrapper{display:inline-block;font-family:sans-serif}.checkbox-custom{display:flex;align-items:center;cursor:pointer;user-select:none}.checkbox-box{position:relative;margin-right:8px;display:flex;align-items:center;justify-content:center}.checkbox-box svg path{stroke:transparent;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke .3s,stroke-dashoffset .3s}.checkbox-custom input:checked+.checkbox-box svg path{stroke:#10b981;stroke-dashoffset:0}.checkbox-custom input[type=checkbox]{outline:0;box-shadow:none;display:none}.checkbox-label{line-height:1}.modal-body>div{display:flex;align-items:center;gap:8px;margin-bottom:8px}.checkbox-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-box{width:24px;height:24px;border:2px solid #999;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:.2s}.checkbox-box svg{width:16px;height:16px;stroke:#10b981;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .3s}.checkbox-custom input:checked+.checkbox-box{border-color:#10b981;background-color:#d1fae5;transform:scale(1.1)}.checkbox-custom input:checked+.checkbox-box svg{stroke-dashoffset:0}