body {
  margin: 0;
  font-family: system-ui, sans-serif;
  background-color: #f6f7f3;
  color: #162d3b;
  box-sizing: border-box;
}

header {
  background-color: #162d3b;
  color: #fff;
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header h1 {
  font-size: 1.5rem;
  margin: 0;
}

header .tagline {
  font-size: 0.8rem;
  color: #ccc;
}

nav {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

nav a {
  color: #fff;
  text-decoration: none;
}

main {
  max-width: 1180px;
  margin: auto;
  padding: 24px;
}

.cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.card {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.facts dt {
  font-size: 0.8rem;
  color: #888;
}

.facts dd {
  margin: 0;
}

form label {
  display: block;
}

input, select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px;
  box-sizing: border-box;
}

input[type="checkbox"] {
  width: auto;
}

button {
  min-height: 44px;
  padding: 8px 16px;
  background-color: #087d76;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

button:focus-visible {
  outline: 2px solid #087d76;
}

.secondary {
  color: #888;
}

.button-link {
  text-decoration: underline;
}

.muted {
  color: #888;
}

.badge {
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 4px;
}

.error {
  color: red;
}

.eyebrow {
  font-size: 0.75rem;
  color: #888;
}

pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 320px;
  overflow: auto;
}

[hidden] {
  display: none !important;
}

@media (max-width: 600px) {
  main {
    padding: 18px;
  }

  .cards {
    grid-template-columns: 1fr;
  }
}
/* Reviewed additions to the local Qwen3 CSS draft. */
*,*::before,*::after{box-sizing:border-box}body{line-height:1.6}header{padding:20px max(24px,calc((100vw - 1132px)/2));gap:24px;flex-wrap:wrap}.brand{color:#f6f7f3;text-decoration:none;font-size:1.55rem;font-weight:750;letter-spacing:-.04em}.brand small{display:block;font-size:.72rem;font-weight:450;letter-spacing:.04em}header nav a{font-size:.9rem}header a:hover{text-decoration:underline}main{width:100%;padding-top:0;padding-bottom:50px}.intro{padding:38px 0 30px}h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.15;letter-spacing:-.045em;margin:14px 0}h2{font-size:1.7rem;letter-spacing:-.025em;margin:0 0 10px}h3{font-size:1.25rem;line-height:1.35;margin:12px 0}h4{font-size:1.15rem;margin:12px 0}.eyebrow{font-size:.73rem;font-weight:750;letter-spacing:.12em;color:#08736d}.muted,.facts dt{color:#51645f}.muted{font-size:.9rem}a{color:#086d67}.workspace-tabs{padding:18px 0;border-top:1px solid #d7e1db;border-bottom:1px solid #d7e1db;margin-bottom:32px}.workspace-tabs button{background:transparent;color:#34594e;border:1px solid #bccfc6}.workspace-tabs button[aria-pressed=true]{background:#087d76;color:#fff;border-color:#087d76}button,input,select{font:inherit}button{font-size:.9rem;font-weight:650;border:1px solid transparent;padding:10px 16px}button:hover{background:#066a64}button:disabled{background:#dee5e0;color:#5c6c64;opacity:.8;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #099d92;outline-offset:3px}input,select{border:1px solid #b6c8be;border-radius:7px;background:white;color:#162d3b;padding:10px;margin-top:6px}label{font-size:.84rem;font-weight:650}.secondary{background:transparent;color:#08736d;border:1px solid #087d76}.secondary:hover{background:#e4eeea;color:#065b55}.button-link{display:inline-block;font-size:.92rem;font-weight:650;text-underline-offset:3px}.badge{display:inline-block;background:#e4eeea;color:#28594f;margin:0;font-weight:650;text-transform:capitalize}.card{border:1px solid #d7e1db;box-shadow:0 3px 10px #162d3b04}.card>p{overflow-wrap:anywhere}.filter-form{display:grid;grid-template-columns:minmax(180px,300px) auto;align-items:end;justify-content:start;gap:16px;margin:24px 0}.filter-form button{min-height:46px}.compact-form,.price-form{display:grid;gap:14px;margin-top:20px}.form-status:empty{display:none}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.facts>div{min-width:0}.facts dt{font-size:.75rem}.facts dd{font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:10px;font-weight:450}.checkbox-label input{margin:0;min-height:20px;width:20px;height:20px;accent-color:#087d76;flex-shrink:0}.price-form{padding-top:20px;border-top:1px solid #d7e1db}#product-detail{margin-top:38px;padding-top:30px;border-top:1px solid #c7d7ce}#product-title{font-size:1.65rem;overflow-wrap:anywhere}#product-meta{overflow-wrap:anywhere}.review-form{display:grid;gap:16px;max-width:680px;padding:24px;background:#eaf0eb;border-radius:12px;margin:24px 0}.review-form p{margin:8px 0 0}.review-form button{justify-self:start}.more,#more-orders{margin-top:22px}.error{color:#9e2d24}#import-form{max-width:850px}#import-file{padding:14px}details{padding:14px 0}summary{cursor:pointer;font-weight:650}details p{overflow-wrap:anywhere}pre{font: .78rem/1.6 ui-monospace,monospace;border-radius:8px;background:#fff;border:1px solid #d7e1db;padding:18px;tab-size:2}pre:empty{display:none}.actions{display:flex;gap:12px;flex-wrap:wrap}#notice{position:sticky;bottom:16px;padding:12px 18px;border-radius:8px;background:#e4eeea;border:1px solid #c7d7ce}#notice:empty{display:none}footer{border-top:1px solid #d7e1db;text-align:center;padding:24px;color:#51645f;font-size:.85rem}#order-list{display:grid;gap:18px;margin-top:20px}#admin-order-detail{margin-top:24px;overflow-wrap:anywhere}table{border-collapse:collapse;max-width:100%;font-size:.9rem}td,th{text-align:left;padding:10px;border-bottom:1px solid #d7e1db;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:700px){.cards{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){header{padding:18px 20px;gap:18px}main{padding:0 18px 30px}.intro{padding:30px 0}.workspace-tabs{gap:10px}.workspace-tabs button{flex:1 1 calc(50% - 10px);font-size:.8rem;padding:10px}.card,.review-form{padding:20px}.filter-form{grid-template-columns:minmax(0,1fr);justify-content:stretch}.facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.actions>button{width:100%}}

#admin-order-detail .card{margin-top:20px}#admin-order-detail dl{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:8px 20px}#admin-order-detail dt{color:#51645f;font-size:.85rem}#admin-order-detail dd{margin:0;overflow-wrap:anywhere}#admin-order-detail form{display:grid;gap:12px;max-width:420px;margin-top:20px}#order-list h3{overflow-wrap:anywhere}@media(max-width:560px){#admin-order-detail dl{grid-template-columns:minmax(0,1fr)}#admin-order-detail dd{margin-bottom:8px}}