.admin-header { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.admin-header nav { display: flex; gap: 25px; font-size: 13px; color: var(--muted); }
.admin-main { padding-block: 25px 60px; }
.admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.admin-heading > .button { white-space: nowrap; flex-shrink: 0; }
.admin-heading h1 { font: 700 34px/1.2 var(--font-display); }
.admin-heading p, .admin-muted { color: var(--muted); font-size: 13px; line-height: 1.9; margin-top: 10px; }
.admin-message { min-height: 24px; color: var(--accent); font-size: 13px; margin-bottom: 12px; }
.admin-panel { padding: 25px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 24px; }
.admin-panel h2 { font: 600 26px/1.25 var(--font-display); }
.admin-panel > .button { margin-top: 20px; }
.admin-section-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-section-head > span { color: var(--accent); font-size: 13px; }
.admin-metrics { display: grid; grid-template-columns: repeat(4,1fr); margin-block: 25px; gap: 20px; }
.admin-metrics dt { color: var(--muted); font-size: 12px; }
.admin-metrics dd { font-size: 22px; margin-top: 8px; }
.admin-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
#credit-form { margin-top: 20px; }
#credit-form > label { display: block; margin: 16px 0 7px; font-size: 13px; }
#credit-form input:not([type=checkbox]), #credit-form select { display: block; width: 100%; min-height: 44px; border: 1px solid #bdcfc4; border-radius: 5px; background: var(--surface); color: var(--text); padding: 10px 12px; }
#credit-form textarea { font-size: 14px; padding-left: 12px; }
#credit-form .credit-consent { display: flex; align-items: start; gap: 12px; margin-block: 18px; color: var(--muted); }
.credit-consent input { width: 19px; height: 19px; flex: none; accent-color: var(--accent); margin-top: 3px; }
.admin-notes { padding-left: 20px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.admin-notes li { margin-top: 20px; }
.admin-order { padding-block: 18px; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: minmax(0,1.7fr) minmax(140px,1fr) minmax(120px,.8fr); gap: 24px; align-items: center; }
.admin-order:last-child { border: 0; }
.admin-order strong { font-weight: 500; }
.admin-order small { display: block; color: var(--muted); font-size: 12px; margin-top: 5px; overflow-wrap: anywhere; }
.admin-order .order-money { text-align: right; }
.admin-order .order-action { text-align: right; }
.admin-order .button { font-size: 12px; min-height: 42px; padding: 8px 12px; }
.admin-error { color: var(--error); font-size: 13px; margin-top: 15px; }
@media (max-width: 750px) { .admin-columns { grid-template-columns: 1fr; gap: 0; } .admin-header { flex-wrap: wrap; padding-block: 20px; gap: 18px; } .admin-header nav { flex-wrap: wrap; gap: 20px; } .admin-metrics { grid-template-columns: 1fr 1fr; } .admin-panel { padding: 20px; } .admin-order { grid-template-columns: minmax(0,1fr) 120px; gap: 16px; } .order-action { grid-column: 1/-1; } .admin-heading h1 { font-size: 30px; } }