:root {
  color-scheme:dark;
  --paper:#ede3d2;
  --ash:#aa9b8a;
  --rose:#c97284;
  --line:#352b25;
  --ink:#120e0f;
}
* {
  box-sizing:border-box;
}
body {
  margin:0;
  background:var(--ink);
  color:var(--paper);
  font:14px/1.6 "Pretendard",-apple-system,BlinkMacSystemFont,sans-serif;
}
a {
  color:inherit;
  text-decoration:none;
}
a:hover {
  color:var(--rose);
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {
  outline:2px solid var(--rose);
  outline-offset:4px;
}
button,input,select {
  font:inherit;
}
h1,h2,p {
  margin:0;
}
small {
  font-size:12px;
}
h1 {
  font-family:"Hahmlet",Georgia,serif;
  font-size:34px;
  font-weight:400;
  letter-spacing:-.04em;
  overflow-wrap:anywhere;
}
h2 {
  font-size:17px;
  font-weight:500;
}
.admin-header {
  min-height:76px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 32px;
}
.admin-brand {
  font-family:Georgia,serif;
  font-size:24px;
  white-space:nowrap;
}
.admin-brand span {
  font:12px sans-serif;
  color:var(--ash);
  margin-left:12px;
}
.admin-account {
  display:flex;
  gap:24px;
  font-size:12px;
  align-items:center;
}
.admin-account span {
  color:var(--ash);
}
.admin-shell {
  max-width:1400px;
  margin:auto;
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
}
.admin-sidebar {
  padding:36px 24px;
  border-right:1px solid var(--line);
  min-height:calc(100vh - 76px);
}
.admin-eyebrow {
  font-size:10px;
  letter-spacing:.16em;
  color:var(--ash);
  margin-bottom:12px;
}
.admin-sidebar nav {
  display:grid;
  gap:6px;
  margin-top:20px;
}
.admin-sidebar nav a {
  padding:12px 14px;
  border-left:2px solid transparent;
}
.admin-sidebar nav a[aria-current=page] {
  color:var(--rose);
  border-color:var(--rose);
  background:#20171a;
}
.admin-tools {
  border-top:1px solid var(--line);
  margin-top:36px;
  padding-top:22px;
  display:grid;
  gap:12px;
  font-size:12px;
}
.admin-tools span {
  color:var(--ash);
}
main {
  padding:40px 36px 64px;
  min-width:0;
}
.admin-page-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:32px;
}
.admin-page-heading p:not(.admin-eyebrow) {
  color:var(--ash);
  margin-top:10px;
  overflow-wrap:anywhere;
}
.admin-wrap {
  max-width:260px;
  white-space:normal;
  word-break:break-word;
  font-size:13px;
  line-height:1.5;
}
.admin-date {
  font-size:12px;
  color:var(--ash);
  white-space:nowrap;
}
.admin-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.admin-metrics a {
  padding:24px 16px;
  border-right:1px solid var(--line);
}
.admin-metrics a:last-child {
  border-right:0;
}
/* 4열 그리드 — 카드 수가 4를 넘어 여러 줄이 되어도 경계선이 깔끔하게 */
.admin-metrics a:nth-child(4n) {
  border-right:0;
}
.admin-metrics a:nth-child(n+5) {
  border-top:1px solid var(--line);
}
.admin-metrics span,.admin-metrics p {
  font-size:12px;
  color:var(--ash);
}
.admin-metrics strong {
  display:block;
  font-size:30px;
  font-weight:400;
  margin:12px 0 8px;
  overflow-wrap:anywhere;
  line-height:1.2;
}
.admin-metrics strong small {
  margin-left:5px;
}
.admin-section {
  margin-top:36px;
}
.admin-section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.admin-section-heading>span,.admin-section-heading>a {
  font-size:12px;
  color:var(--ash);
}
.admin-chart {
  display:flex;
  gap:14px;
  border-bottom:1px solid var(--line);
  padding:8px 8px 16px;
}
.admin-chart-column {
  flex:1;
  min-width:0;
  text-align:center;
  font-size:11px;
  color:var(--ash);
}
.admin-chart-column strong {
  font-weight:400;
  color:var(--paper);
}
.admin-chart-track {
  height:96px;
  display:flex;
  align-items:flex-end;
  margin:8px 0;
}
.admin-chart-track>div {
  width:100%;
  background:#975569;
  min-height:1px;
}
.admin-table-wrap {
  width:100%;
  overflow:auto;
  border-top:1px solid var(--line);
}
table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  font-size:13px;
}
th {
  font-weight:400;
  color:var(--ash);
  font-size:11px;
  white-space:nowrap;
}
td,th {
  padding:16px 12px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
td>a {
  color:var(--paper);
  text-decoration:underline;
  text-decoration-color:#71505a;
  text-underline-offset:4px;
}
td small {
  display:block;
  color:var(--ash);
  margin-top:4px;
  overflow-wrap:anywhere;
}
td:first-child {
  min-width:130px;
}
.admin-order {
  font-size:12px;
  overflow-wrap:anywhere;
  max-width:270px;
  min-width:190px!important;
}
.admin-order details {
  margin-top:8px;
  color:var(--ash);
}
.admin-order summary {
  cursor:pointer;
}
.admin-status {
  white-space:nowrap;
  font-size:12px;
}
.admin-status.paid,.admin-accent {
  color:var(--rose)!important;
}
.admin-status.failed {
  color:#df937c;
}
.admin-status.pending {
  color:#c2a77f;
}
.admin-nowrap {
  white-space:nowrap;
}
.admin-empty {
  padding:44px 20px;
  text-align:center;
  color:var(--ash);
  border-block:1px solid var(--line);
}
.admin-filters {
  display:flex;
  align-items:flex-end;
  gap:12px;
  margin-bottom:24px;
  flex-wrap:wrap;
}
.admin-filters>div {
  display:grid;
  gap:6px;
}
.admin-filters label {
  font-size:12px;
  color:var(--ash);
}
.admin-filters input,.admin-filters select {
  min-height:44px;
  padding:10px 12px;
  background:#1c1515;
  color:var(--paper);
  border:1px solid var(--line);
  border-radius:0;
  max-width:100%;
  min-width:0;
}
.admin-filters input[type=submit] {
  cursor:pointer;
  background:#733d4d;
  border-color:#975569;
  padding-inline:22px;
}
.admin-filters>a {
  display:flex;
  align-items:center;
  min-height:44px;
  font-size:12px;
  color:var(--ash);
}
.admin-pagination {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:22px;
  color:var(--ash);
  font-size:12px;
}
.admin-pagination div {
  display:flex;
  gap:12px;
}
.admin-pagination a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 12px;
  border:1px solid var(--line);
}
.admin-facts {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-block:1px solid var(--line);
  padding:22px 0;
  gap:16px;
}
.admin-facts dt {
  font-size:12px;
  color:var(--ash);
}
.admin-facts dd {
  margin:8px 0 0;
  overflow-wrap:anywhere;
}
.admin-back {
  display:inline-block;
  min-height:44px;
  color:var(--ash);
  font-size:12px;
}
.admin-story {
  max-width:660px;
  margin:auto;
}
.admin-story article {
  border-top:1px solid var(--line);
  padding:28px 0;
}
.admin-prose {
  font-family:Georgia,serif;
  font-size:17px;
  line-height:1.95;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.admin-skip {
  position:absolute;
  left:16px;
  top:-100px;
  padding:12px;
  background:var(--ink);
  z-index:10;
}
.admin-skip:focus {
  top:8px;
}
@media(max-width:1000px) {
  .admin-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .admin-metrics a:nth-child(4n) {
    border-right:1px solid var(--line);
  }
  .admin-metrics a:nth-child(2n) {
    border-right:0;
  }
  .admin-metrics a:nth-child(n+3) {
    border-top:1px solid var(--line);
  }
  .admin-facts {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px) {
  .admin-header {
    padding:16px 20px;
    min-height:68px;
  }
  .admin-account span {
    display:none;
  }
  .admin-account {
    font-size:11px;
  }
  .admin-shell {
    display:block;
  }
  .admin-sidebar {
    padding:0 20px;
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .admin-sidebar>.admin-eyebrow,.admin-tools {
    display:none;
  }
  .admin-sidebar nav {
    display:flex;
    gap:0;
    margin:0;
    overflow:auto;
  }
  .admin-sidebar nav a {
    flex:1;
    text-align:center;
    white-space:nowrap;
    padding:14px 10px;
    border-left:0;
    border-bottom:2px solid transparent;
    font-size:12px;
  }
  .admin-sidebar nav a[aria-current=page] {
    border-bottom-color:var(--rose);
  }
  main {
    padding:28px 20px 48px;
  }
  h1 {
    font-size:30px;
  }
  .admin-page-heading {
    display:block;
    margin-bottom:24px;
  }
  .admin-page-heading>span {
    display:block;
    margin-top:12px;
  }
  .admin-metrics strong {
    font-size:28px;
  }
  .admin-metrics a {
    padding:20px 12px;
  }
  .admin-section-heading {
    align-items:flex-start;
  }
  .admin-section-heading>span {
    max-width:120px;
    text-align:right;
  }
  .admin-filters>div:first-child {
    flex-basis:100%;
  }
  .admin-filters input[type=search] {
    width:100%;
  }
  .admin-filters>div {
    min-width:0;
  }
  .admin-chart {
    gap:10px;
  }
  .admin-facts {
    gap:20px 12px;
  }
  .admin-pagination {
    flex-wrap:wrap;
  }
  .admin-brand {
    font-size:21px;
  }
  .admin-brand span {
    margin-left:6px;
  }
}
@media(max-width:700px) {
  .admin-tools {
    display:flex;
    justify-content:flex-end;
    margin:0;
    padding:8px 0 12px;
    border:0;
  }
  .admin-tools span {
    display:none;
  }
}

.admin-table-hint { display: none; }
.admin-table-wrap:focus-visible { outline: 2px solid var(--rose); outline-offset: 4px; }
.admin-table-wrap td { word-break: keep-all; }
@media (max-width: 700px) {
  .admin-table-wrap table { min-width: 620px; }
  .admin-table-hint { display: block; color: var(--ash); font-size: 11px; margin-bottom: 8px; }
}