*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans JP','Helvetica Neue',Arial,sans-serif;color:#333;background:#f7f9fb;line-height:1.4}.container{max-width:820px;margin:0 auto;padding:48px 20px}.card{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:32px;box-shadow:0 10px 30px rgba(20,40,70,.06)}h1{font-size:26px;margin:0 0 24px;color:#145c9e}h2{font-size:22px;margin:0 0 20px}.field{margin-bottom:22px}label{display:block;font-weight:700;margin-bottom:8px}.required{color:#d93025;margin-left:4px}input,select,textarea{width:100%;font-size:16px;padding:12px 14px;border:1px solid #cfd7e2;border-radius:10px;background:#fff}.error{background:#fff4f4;border:1px solid #f3b4b4;color:#b00020;padding:14px;border-radius:10px;margin-bottom:20px}.actions{display:flex;gap:16px;margin-top:28px}.btn{display:inline-block;border:0;border-radius:999px;padding:13px 28px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center}.primary{background:#1565c0;color:#fff}.secondary{background:#eef3f8;color:#333}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e5eaf0;padding:10px;text-align:left}.notice{background:#eef7ff;border:1px solid #cfe6ff;padding:16px;border-radius:10px}.admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.admin-nav a{background:#eef3f8;padding:8px 14px;border-radius:999px;text-decoration:none;color:#145c9e}.muted{color:#6b7280}.danger{color:#b00020}.w-auto{width:auto}@media(max-width:640px){
  body{background:#f3f7fb;}
  .container{max-width:100%;width:100%;padding:24px 16px;}
  .card{padding:24px 20px;border-radius:14px;}
  h1{font-size:21px;margin-bottom:26px;letter-spacing:.01em;text-align: center}
  h2{font-size:20px;}
  .field{margin-bottom:20px;}
  label{font-size:16px;margin-bottom:8px;}
  input,select,textarea{font-size:16px;padding:13px 14px;border-radius:10px;}
  .actions{flex-direction:column;gap:12px;margin-top:26px;}
  .btn{width:100%;padding:14px 22px;margin-top: 16px}
  .table th,.table td{display:block;width:100%;padding:8px 0;}
  .admin-container{width:calc(100% - 24px);padding:16px 0;}
}
@media(max-width:390px){
  .container{padding:18px 12px;}
  .card{padding:22px 16px;}
  h1{font-size:24px;}
}


/* Admin width / stock management */
.admin-container{max-width:1280px;width:calc(100% - 40px);margin-left:auto;margin-right:auto;}
.stock-table th,.stock-table td{vertical-align:middle;}
.inline-form{display:flex;gap:8px;align-items:center;margin:0;}
.inline-form input[type="number"]{width:100px;min-width:100px;padding:8px 10px;}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;}
.badge.open{background:#e8f7ef;color:#146c43;}
.badge.soldout{background:#fff1f0;color:#b42318;}
.badge.muted{background:#eef0f3;color:#667085;}
.help{color:#667085;font-size:14px;}