/* Admin panel styles */
.admin { background: #f0f2f5; font-family: -apple-system, sans-serif; }
.admin__header { display: flex; gap: 16px; padding: 12px 24px; background: #fff; border-bottom: 1px solid #d0d5dd; align-items: center; }
.admin__content { max-width: 900px; margin: 24px auto; padding: 0 20px; }
.admin-login { max-width: 400px; margin: 80px auto; background: #fff; padding: 40px; border-radius: 12px; }
.admin-login__error { color: #dc2626; margin-bottom: 16px; }
.admin-login__input { width: 100%; padding: 12px; border: 1px solid #c7d0dc; border-radius: 8px; font: inherit; margin: 8px 0; }
.admin-login__button { width: 100%; padding: 12px; border: 0; border-radius: 8px; background: var(--accent); color: #fff; font-weight: 700; cursor: pointer; }
.admin-dashboard__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin: 24px 0; }
.admin-card { display: block; padding: 20px; background: #fff; border-radius: 8px; border: 1px solid #e4e7ec; text-decoration: none; transition: border-color .2s; }
.admin-card:hover { border-color: var(--accent); }
.admin-card__label { display: block; font-weight: 600; color: var(--text); }
.admin-card__name { display: block; font-size: .85rem; color: var(--muted); margin-top: 4px; }
.admin-button { display: inline-block; padding: 10px 20px; border-radius: 8px; border: 1px solid #c7d0dc; text-decoration: none; font-weight: 600; margin: 8px; }
.admin-button--primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.admin-field { margin-bottom: 20px; }
.admin-field__label { display: block; font-weight: 600; margin-bottom: 6px; color: var(--text); }
.admin-field__input { width: 100%; padding: 10px; border: 1px solid #c7d0dc; border-radius: 8px; font: inherit; }
.admin-field__input--json { font-family: monospace; font-size: .85rem; }
.admin-field__hint { font-size: .8rem; color: var(--muted); margin-top: 4px; }
.admin-edit__save { padding: 12px 32px; border: 0; border-radius: 8px; background: var(--accent); color: #fff; font-weight: 700; cursor: pointer; }
.admin-edit__saved { padding: 12px 16px; background: rgba(34,197,94,.1); border-radius: 8px; color: var(--green); margin-bottom: 20px; }
.admin-reorder__item { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.admin-reorder__select { padding: 8px; border: 1px solid #c7d0dc; border-radius: 8px; font: inherit; }