*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif}body{color:#333;background:#f5f5f5}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:20px}.header{background:#fff;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:8px}.header h1{font-size:28px;color:#333;margin-bottom:10px}.header p{color:#666;font-size:14px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.products-grid [data-rbd-draggable-context-id]{cursor:-webkit-grab;cursor:grab}.products-grid [data-rbd-draggable-context-id]:active{cursor:-webkit-grabbing;cursor:grabbing}.product-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;transition:box-shadow .3s;position:relative}.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.drag-handle:hover{color:#333}.drag-handle:active,.drag-handle:hover{cursor:-webkit-grabbing!important;cursor:grabbing!important}.product-image{width:100%;height:150px;object-fit:cover;border-radius:4px;margin-bottom:10px;background:#f0f0f0}.product-name{font-size:16px;font-weight:700;margin-bottom:8px;color:#333;border-left:4px solid #f21905;padding-left:8px}.product-price{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(0,0,0,.05);border-radius:4px;margin-top:10px}.product-price.new-price{background:rgba(255,0,0,.9);color:#fff}.price-value{font-size:18px;font-weight:700}.price-unit{font-size:14px;margin-left:4px}.new-price-badge{background:hsla(0,0%,100%,.3);padding:2px 8px;border-radius:12px;font-size:12px;margin-right:8px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover{background:#45a049}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#da190b}.btn-secondary{background:#2196f3;color:#fff}.btn-secondary:hover{background:#0b7dda}.btn-small{padding:6px 12px;font-size:12px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input[type=file]{padding:5px}.form-group input[type=checkbox]{width:auto;margin-right:8px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.modal.active{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:24px;color:#333}.close{font-size:28px;font-weight:700;cursor:pointer;color:#999}.close:hover{color:#333}.actions{display:flex;gap:10px;margin-top:20px}.actions button{flex:1 1}.loading{text-align:center;padding:40px;color:#666}.error{background:#ffebee;color:#c62828}.error,.success{padding:15px;border-radius:4px;margin-bottom:20px}.success{background:#e8f5e9;color:#2e7d32}.add-product-btn{margin-bottom:20px}.image-preview{width:100%;max-width:200px;height:150px;object-fit:cover;border-radius:4px;margin-top:10px;border:1px solid #ddd}@media (max-width:768px){.products-grid{grid-template-columns:1fr}.modal-content{width:95%;padding:20px}}