@media (max-width: 768px){.container{padding:8px!important;max-width:100%!important}.card{margin-bottom:12px!important;padding:12px!important}button,.btn,.btn-ctl{min-height:44px!important;min-width:44px!important;font-size:16px!important}input,select,textarea,.inp{font-size:16px!important;padding:12px!important;width:100%!important}.item{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px 8px!important}.item .name{width:100%!important;margin-bottom:4px!important}.item .meta,.item .price-input{width:100%!important;margin-bottom:8px!important}.item .actions{width:100%!important;display:flex!important;justify-content:space-between!important;margin-left:0!important}.dropdown{max-height:50vh!important}table{display:block!important;overflow-x:auto!important;width:100%!important}thead{display:none!important}tr{display:block!important;margin-bottom:12px!important;border:1px solid #ddd!important;border-radius:8px!important;padding:12px!important;background:#fff!important}td{display:block!important;text-align:left!important;padding:6px 0!important;border:none!important}td:before{content:attr(data-label);font-weight:700;display:inline-block;margin-right:8px}input[placeholder*=Scan]{background-color:#f0f8ff!important;border:2px solid #007bff!important}}@media (max-width: 768px) and (orientation: landscape){.container{padding:4px 8px!important}}@media (max-width: 400px){.card{padding:8px!important}button,.btn{font-size:14px!important;padding:8px!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:#f2f2f7;color:#1c1c1e;line-height:1.5;-webkit-font-smoothing:antialiased}input,select,textarea,.inp{width:100%;padding:14px 16px;font-size:16px;font-family:inherit;background:#fff;border:1px solid #e5e5ea;border-radius:12px;color:#1c1c1e;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus,.inp:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff26}input::placeholder,textarea::placeholder{color:#8e8e93}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238e8e93' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}textarea{min-height:100px;resize:vertical}input[type=date],input[type=time],input[type=datetime-local]{padding:12px 14px}label{display:block;font-size:15px;font-weight:600;color:#1c1c1e;margin-bottom:8px}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;font-family:inherit;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}button:active,.btn:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary,button[style*="background: #28a745"],button[style*="background:#28a745"]{background:#007aff!important;color:#fff!important}.btn-danger,button[style*="background: #dc3545"],button[style*="background:#dc3545"]{background:#ff3b30!important;color:#fff!important}.btn-ctl{min-width:44px;min-height:44px;padding:10px;border-radius:10px;background:#f2f2f7;color:#007aff;font-weight:600}.btn-ctl:hover{background:#e5e5ea}.card{background:#fff;border-radius:16px;padding:20px;margin-top:16px;box-shadow:0 2px 8px #0000000f;border:none}.card-title{font-weight:700;font-size:17px;color:#1c1c1e;margin-bottom:16px;letter-spacing:-.3px}h1,h2,h3{font-weight:700;letter-spacing:-.5px;color:#1c1c1e}h1{font-size:34px}h2{font-size:28px}h3{font-size:22px}.text-muted{color:#8e8e93}.text-primary{color:#007aff}.text-danger{color:#ff3b30}.text-success{color:#34c759}@media (max-width: 768px){body{padding-top:0}.container{padding:12px!important}button,.btn{min-height:44px;padding:12px 16px}input,select,textarea,.inp{font-size:16px;padding:14px 16px}.card{margin:12px 0;padding:16px;border-radius:12px}.admin-container table{display:block;width:100%}.admin-container thead{display:none}.admin-container tbody{display:flex;flex-direction:column;gap:12px}.admin-container tbody tr{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.admin-container tbody td{display:block;padding:6px 0;border:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}