.admin-body{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:#10100f}.admin-sidebar{position:sticky;top:0;height:100vh;padding:27px 18px;display:flex;flex-direction:column;background:#171715;border-right:1px solid var(--line-soft)}.admin-sidebar nav{display:grid;gap:6px;margin-top:45px}.admin-sidebar nav button{height:40px;padding:0 12px;text-align:left;color:var(--muted);background:transparent;border:0;border-radius:7px;font-size:10px}.admin-sidebar nav button.active{color:var(--accent);background:var(--accent-soft)}.back-link{margin-top:auto;color:var(--faint);font-size:9px}.admin-main{min-width:0;padding:0 28px 30px}.admin-main>header{min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.admin-main h1{margin:0;font:500 21px Georgia,serif}.admin-button,.admin-panel-head form button{height:34px;padding:0 12px;color:#201511;border:0;border-radius:6px;background:var(--accent);font-size:9px;font-weight:800}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.admin-metrics article{padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.admin-metrics span,.admin-metrics small{display:block;color:var(--faint);font-size:8px}.admin-metrics b{display:block;margin:9px 0 4px;color:var(--accent);font:24px Georgia,serif}.admin-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.admin-panel-head{min-height:67px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-soft)}.admin-panel-head h2{margin:0;font-size:13px}.admin-panel-head form{display:flex;gap:6px}.admin-panel-head input{width:210px;height:34px}.admin-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line-soft);font-size:9px}th{color:var(--faint);font-size:7px;letter-spacing:.08em}td{color:#aaa39a}td b{color:#d9d1c7}.status-active{color:var(--green)}.status-disabled{color:var(--red)}.row-actions{display:flex;gap:5px}.row-actions button{padding:5px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:#24221f;font-size:8px}.row-actions button:hover{color:var(--accent);border-color:#71412f}.empty-cell{text-align:center;color:var(--faint);padding:30px}.detail-json{display:block;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:8px}@media(max-width:800px){.admin-body{display:block}.admin-sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 15px}.admin-sidebar nav{margin:0 0 0 auto;display:flex}.admin-sidebar .brand-copy,.back-link{display:none}.admin-main{padding:0 12px 22px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-panel-head{align-items:flex-start;flex-direction:column}.admin-panel-head form{width:100%}.admin-panel-head input{width:100%}}
.payment-state{padding:6px 9px;border:1px solid #4b3527;border-radius:99px;color:var(--yellow);background:var(--yellow-soft);font-size:8px;font-weight:800}.payment-state[data-state="on"]{color:var(--green);border-color:#315239;background:var(--green-soft)}.payment-state[data-state="error"]{color:var(--red);border-color:#6a3429;background:var(--red-soft)}.payment-form{width:min(620px,100%);display:grid;gap:15px;padding:20px}.payment-intro{padding:13px;border:1px solid var(--line-soft);border-radius:8px;background:#151513}.payment-intro strong{font-size:10px}.payment-intro p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.payment-form>label:not(.payment-switch){display:grid;grid-template-columns:1fr auto;gap:7px;color:#aaa39a;font-size:9px}.payment-form label small{color:var(--faint);font-size:7px;letter-spacing:.08em}.payment-form label input{grid-column:1/-1}.payment-switch{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:start;padding:12px;border:1px solid var(--line-soft);border-radius:8px;background:#151513;cursor:pointer}.payment-switch>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.payment-switch .toggle{grid-row:span 2}.payment-switch b,.payment-switch small{display:block}.payment-switch b{color:#b9b1a7;font-size:9px}.payment-switch small{margin-top:4px;line-height:1.5}.payment-meta{color:var(--faint);font-size:8px}.payment-save{width:max-content;min-width:130px}.payment-save:disabled{opacity:.55;cursor:not-allowed}@media(max-width:800px){.admin-sidebar nav button{padding:0 8px;font-size:8px}.payment-form{padding:15px}.payment-save{width:100%}}

/* Comfortable typography scale */
.admin-sidebar nav button,
.back-link,
.admin-metrics span,
.admin-metrics small,
th,
.detail-json,
.payment-state,
.payment-form label small,
.payment-meta { font-size: 10px; }

th,
td,
.row-actions button,
.payment-intro p,
.payment-form > label:not(.payment-switch),
.payment-switch b,
.payment-switch small { font-size: 11px; }

.admin-sidebar nav button,
.admin-button,
.admin-panel-head form button,
.payment-intro strong { font-size: 12px; }
.admin-panel-head h2 { font-size: 15px; }
.admin-main h1 { font-size: 24px; }
.admin-metrics b { font-size: 27px; }

@media(max-width:800px) {
  .admin-sidebar nav button { font-size: 11px; }
}

.flow-panel { overflow: visible; }
.flow-tools { display: flex; gap: 7px; }
.flow-tools input { width: 155px; height: 34px; }
.flow-tools .flow-export { color: var(--accent); border: 1px solid #734331; background: var(--accent-soft); }
.flow-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; padding: 16px; }
.flow-summary article,.flow-products article { min-width: 0; padding: 13px; border: 1px solid var(--line-soft); border-radius: 8px; background: #151513; }
.flow-summary span,.flow-summary small,.flow-products span { display: block; color: var(--faint); font-size: 10px; }
.flow-summary b { display: block; margin: 7px 0 4px; color: var(--accent); font: 24px Georgia,serif; }
.flow-rule { margin: 0 16px 14px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.flow-products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 0 16px 16px; }
.flow-products b { display: block; margin-top: 7px; color: #d8d0c6; font-size: 13px; }
.flow-pagination { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; color: var(--muted); border-top: 1px solid var(--line-soft); font-size: 11px; }
.flow-pagination>div { display: flex; gap: 7px; }
.flow-pagination button { min-height: 32px; padding: 0 11px; color: var(--muted); border: 1px solid var(--line); border-radius: 6px; background: #24221f; font-size: 11px; }
.flow-pagination button:disabled { cursor: not-allowed; opacity: .4; }
.status-paid { color: var(--green); }.status-pending { color: var(--yellow); }.status-expired,.status-rejected { color: var(--red); }

@media(max-width:800px) {
  .admin-sidebar { overflow: hidden; }
  .admin-sidebar nav { min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .admin-sidebar nav button { flex: 0 0 auto; white-space: nowrap; }
  .flow-tools { width: 100%; flex-wrap: wrap; }
  .flow-tools input { width: 100%; }
  .flow-tools button { flex: 1; }
  .flow-summary { grid-template-columns: 1fr 1fr; padding: 12px; }
  .flow-products { grid-template-columns: 1fr; padding: 0 12px 12px; }
  .flow-rule { margin: 0 12px 12px; }
  .flow-pagination { align-items: flex-start; flex-direction: column; }
  .flow-pagination>div,.flow-pagination button { width: 100%; }
}