[hidden]{display:none!important}

.category-manager{
  display:grid;
  grid-template-columns:.75fr 1fr;
  gap:22px;
  margin-bottom:28px;
  padding:28px;
  background:#151517;
  color:#fff;
}
.category-manager-copy span{
  color:var(--red);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.category-manager-copy h2{
  margin:6px 0 10px;
  font:900 2.7rem/.9 var(--display);
}
.category-manager-copy p{
  max-width:430px;
  margin:0;
  color:#aaa;
  font-size:.82rem;
}
.category-form{
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:12px;
  align-items:end;
}
.category-form label{
  display:grid;
  gap:6px;
  color:#ddd;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.category-form input{
  min-width:0;
  border:1px solid #3b3b3e;
  padding:11px;
  background:#202023;
  color:#fff;
  outline:none;
}
.category-form input:focus{border-color:var(--red)}
.category-form-actions{display:flex;gap:8px}
.category-form .save{padding:11px 15px}
.category-form .secondary{
  border:1px solid #555;
  padding:10px 15px;
  background:transparent;
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
}
.category-form .status{align-self:center;margin:0}
.category-list{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.category-card{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:9px;
  align-items:start;
  min-width:0;
  padding:14px;
  background:#242427;
  border-left:3px solid var(--red);
}
.category-card strong,.category-card small{display:block}
.category-card small{margin-top:2px;color:#999;font-size:.68rem}
.category-card p{
  margin:8px 0 0;
  color:#bbb;
  font-size:.72rem;
  line-height:1.4;
}
.category-card button{
  padding:0 10px;
  height:31px;
  border:0;
  background:#343438;
  color:#fff;
}
.category-card button:hover{background:var(--red)}

@media(max-width:950px){
  .category-manager{grid-template-columns:1fr}
  .category-list{grid-column:auto;grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .category-manager{padding:20px}
  .category-form,.category-list{grid-template-columns:1fr}
}

.order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.order-summary article{display:flex;flex-direction:column;padding:22px;background:#151517;color:#fff;border-bottom:4px solid var(--red)}.order-summary strong{font:900 2rem/1 var(--display)}.order-summary span{margin-top:7px;color:#aaa;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.order{align-items:start}.order-title{display:flex;align-items:start;justify-content:space-between;gap:16px}.order-title span{color:#888;font-size:.68rem}.order-title h2{margin-top:3px}.order-badge{padding:6px 9px;background:#ddd;color:#333;font-size:.65rem;text-transform:uppercase}.order-badge.paid{background:#dff6e7;color:#087333}.order-badge.payment_failed,.order-badge.expired{background:#ffe3e5;color:#a00012}.order-products{margin:17px 0;padding:0;list-style:none;border-top:1px solid var(--line)}.order-products li{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--line)}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.customer-grid p{display:flex;flex-direction:column;margin:0;padding:10px;background:#f3f3f3}.customer-grid p.full{grid-column:1/-1}.customer-grid b{color:#111;font-size:.64rem;text-transform:uppercase}.stripe-reference{display:block;margin-top:13px;color:#999;font-size:.65rem;word-break:break-all}.order .total{display:flex;flex-direction:column;align-items:end;white-space:nowrap}.order .total small{font:700 .62rem var(--sans);color:#888}@media(max-width:800px){.customer-grid{grid-template-columns:1fr 1fr}.order-summary{grid-template-columns:1fr}.order{grid-template-columns:1fr}.order .total{align-items:start}}@media(max-width:520px){.customer-grid{grid-template-columns:1fr}.customer-grid p.full{grid-column:auto}.order-title{display:grid}.order-badge{width:max-content}}
.product-form label>small{color:#888;font-size:.64rem;font-weight:500;letter-spacing:0;line-height:1.45;text-transform:none}

/* Drag & Drop */
.category-card, .admin-brands button { cursor: grab; }
.category-card:active, .admin-brands button:active { cursor: grabbing; }
.dragging { opacity: 0.5; filter: grayscale(50%); border-style: dashed; }

.product-card button { width: auto; padding: 0 10px; font-size: 0.75rem; }

.product-sidebar { display: flex; flex-direction: column; gap: 20px; }

.order-controls { display: flex; flex-direction: row !important; gap: 10px; align-items: center; flex-wrap: wrap; }
.order-controls select, .order-controls .date-input { 
  border: 0; 
  background: var(--red); 
  color: #fff; 
  padding: 13px 22px; 
  font-weight: 800; 
  text-transform: uppercase; 
  font-size: .75rem; 
  letter-spacing: .06em; 
  cursor: pointer; 
  outline: none;
  height: auto;
  border-radius: 0;
  font-family: var(--sans);
  appearance: none;
}
.order-controls select { padding-right: 35px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 10px auto; }
.order-controls select:focus, .order-controls .date-input:focus { outline: 2px solid #000; outline-offset: 2px; }
.order-controls span { color: var(--ink); font-weight: 800; text-transform: uppercase; font-size: .75rem; letter-spacing: .06em; }

dialog.modal { border: none; background: #fff; color: var(--ink); padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.15); max-width: 400px; width: 90%; }
dialog.modal::backdrop { background: rgba(0,0,0,0.6); }
dialog.modal h2 { margin: 0 0 15px 0; font: 800 2rem var(--display); color: var(--ink); }
dialog.modal p { color: #555; font-size: 0.85rem; margin-bottom: 25px; line-height: 1.4; }
dialog.modal form { display: flex; flex-direction: column; }
dialog.modal label { display: grid; gap: 6px; font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 20px; }
dialog.modal input { border: 1px solid var(--line); padding: 11px; background: #fff; outline: none; color: var(--ink); }
dialog.modal input:focus { border-color: var(--red); }

.category-form-actions { display: grid; gap: 10px; }
.category-form-actions button.save { border: 0; background: var(--red); color: #fff; padding: 13px 22px; font-weight: 800; text-transform: uppercase; font-size: .75rem; letter-spacing: .06em; cursor: pointer; }
.category-form-actions button.secondary { border: 1px solid var(--line); background: #fff; color: #000; padding: 13px 22px; font-weight: 800; text-transform: uppercase; font-size: .75rem; letter-spacing: .06em; cursor: pointer; }
.category-form-actions button.save:hover { background: #a00012; }
.category-form-actions button.secondary:hover { background: #f3f3f3; }