*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Noto Sans Bengali,sans-serif;background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;color:#111827;-webkit-tap-highlight-color:transparent}.app-header{width:100%;padding:24px 18px;color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);border-radius:0 0 26px 26px;box-shadow:0 10px 30px #2563eb38;animation:headerDown .6s ease}.header-content{max-width:520px;margin:auto}.app-header h1{font-size:25px;font-weight:800;letter-spacing:.2px}.app-header p{margin-top:6px;font-size:14px;opacity:.9}.container{width:100%;max-width:540px;margin:auto;padding:18px 14px 45px}.card{background:#fffffff5;border-radius:22px;padding:20px;margin-bottom:18px;border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 30px #00000012;animation:cardUp .6s ease both}.card:nth-child(2){animation-delay:.12s}.card-header{margin-bottom:18px}.card h2{font-size:19px;font-weight:800;color:#111827}.card-header p,.section-title p{margin-top:4px;font-size:12px;color:#6b7280}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:7px;font-size:14px;font-weight:700;color:#374151}.form-group input{width:100%;height:50px;padding:0 14px;border:2px solid #e5e7eb;border-radius:14px;outline:none;background:#f9fafb;color:#111827;font-size:16px;transition:.25s ease}.form-group input:focus{border-color:#4f46e5;background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px #4f46e51a}.form-group input::placeholder{color:#9ca3af}.input-hint{display:block;margin-top:5px;font-size:11px;line-height:15px;color:#9ca3af}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-btn,.save-btn{width:100%;height:52px;border:none;border-radius:15px;color:#fff;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.primary-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);box-shadow:0 8px 20px #4f46e540;margin-top:4px}.primary-btn:before{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);transition:left .6s ease}.primary-btn:hover:before{left:130%}.primary-btn:active{transform:scale(.97);box-shadow:0 4px 10px #4f46e533}.save-btn{margin-top:10px;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 18px #10b98133}.save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #10b98140}.save-btn:active{transform:scale(.97)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-title h2{margin:0}.label-size{flex-shrink:0;padding:6px 10px;border-radius:20px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:800}.barcode-label{width:38mm;height:25mm;min-width:38mm;min-height:25mm;margin:10px auto 20px;padding:2mm;background:#fff;border:1px dashed #9ca3af;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;box-shadow:0 8px 20px #00000014;animation:barcodePop .5s ease}.preview-shop-name{width:100%;font-size:7px;line-height:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.preview-product-name{width:100%;font-size:8px;line-height:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.barcode-wrapper{width:34mm;height:11mm;display:flex;align-items:center;justify-content:center;overflow:hidden}.barcode-area{display:block;width:34mm;max-width:34mm;height:10mm;max-height:10mm;margin:0;padding:0;background:#fff}.barcode-area svg{display:block}.preview-barcode-number{width:100%;font-family:Arial,sans-serif;font-size:6px;line-height:7px;font-weight:600;letter-spacing:.7px;white-space:nowrap;overflow:hidden;margin-top:1px}.preview-price-row{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:1px}.price-label{font-size:7px;line-height:8px;font-weight:700}.preview-price{font-size:8px;line-height:9px;font-weight:900}.print-btn,.list-btn{width:100%;height:50px;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;transition:.25s ease}.print-btn{border:2px solid #2563eb;background:#fff;color:#2563eb}.print-btn:hover{background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px #2563eb33}.print-btn:active{transform:scale(.97)}.list-btn{margin-top:10px;border:2px solid #e5e7eb;background:#f9fafb;color:#374151}.list-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.list-btn:active{transform:scale(.97)}.jr-alert-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a7a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.jr-alert-overlay.show{opacity:1;visibility:visible}.jr-alert-box{width:100%;max-width:350px;padding:24px 20px 20px;background:#fff;border-radius:22px;text-align:center;box-shadow:0 20px 60px #0003;transform:scale(.85) translateY(15px);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.jr-alert-overlay.show .jr-alert-box{transform:scale(1) translateY(0)}.jr-alert-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:900;background:#dcfce7;color:#16a34a}.jr-alert-overlay.success .jr-alert-icon{background:#dcfce7;color:#16a34a}.jr-alert-overlay.error .jr-alert-icon{background:#fee2e2;color:#dc2626}.jr-alert-overlay.warning .jr-alert-icon{background:#fef3c7;color:#d97706}.jr-alert-overlay.info .jr-alert-icon{background:#dbeafe;color:#2563eb}.jr-alert-title{font-size:19px;font-weight:800;color:#111827;margin-bottom:7px}.jr-alert-message{font-size:14px;line-height:21px;color:#6b7280;margin-bottom:20px}.jr-alert-buttons{display:flex;gap:10px;width:100%}.jr-alert-btn{flex:1;height:46px;border-radius:12px;border:none;font-size:14px;font-weight:800;cursor:pointer;transition:.2s ease}.jr-alert-ok{background:#2563eb;color:#fff}.jr-alert-ok:active{transform:scale(.96)}.jr-alert-cancel{background:#f3f4f6;color:#374151}.jr-alert-cancel:active{transform:scale(.96)}.jr-alert-overlay.warning .jr-alert-ok{background:#d97706}@media(max-width:420px){.app-header{padding:21px 15px}.app-header h1{font-size:22px}.container{padding:15px 10px 35px}.card{padding:17px;border-radius:19px}.card h2{font-size:18px}.form-row{gap:9px}.barcode-label{transform-origin:center center}}@media(max-width:350px){.card{padding:15px}.app-header h1{font-size:20px}.label-size{font-size:10px;padding:5px 7px}.form-row{grid-template-columns:1fr}}@keyframes headerDown{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes cardUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes barcodePop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media print{body{background:#fff}.app-header,.container,.jr-alert-overlay{display:none!important}}