html { scroll-behavior: smooth; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.admin-sidebar { background: linear-gradient(155deg, #0f3520 0%, #174a2b 60%, #0c2a19 100%); }
.card { background: #fff; border: 1px solid #e2e8f0; border-radius: 1rem; box-shadow: 0 12px 35px rgba(15, 23, 42, .05); }
.input { width: 100%; border: 1px solid #cbd5e1; border-radius: .75rem; padding: .72rem .9rem; background: #fff; outline: none; transition: .18s ease; }
.input:focus { border-color: #24683e; box-shadow: 0 0 0 3px rgba(36, 104, 62, .13); }
.label { display: block; margin-bottom: .42rem; font-size: .82rem; font-weight: 800; color: #334155; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border-radius: .75rem; padding: .72rem 1rem; font-size: .86rem; font-weight: 800; transition: .18s ease; }
.btn-primary { background: #174a2b; color: #fff; }
.btn-primary:hover { background: #0f3520; transform: translateY(-1px); }
.btn-secondary { background: #e2e8f0; color: #1e293b; }
.btn-secondary:hover { background: #cbd5e1; }
.btn-danger { background: #b91c1c; color: #fff; }
.btn-danger:hover { background: #991b1b; }
.btn-warning { background: #f59e0b; color: #fff; }
.badge { display: inline-flex; align-items: center; border-radius: 999px; padding: .28rem .65rem; font-size: .72rem; font-weight: 800; }
.table-wrap { overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; }
table.admin-table { width: 100%; border-collapse: collapse; min-width: 760px; }
table.admin-table th { background: #f8fafc; color: #475569; text-align: left; padding: .82rem 1rem; font-size: .74rem; text-transform: uppercase; letter-spacing: .04em; }
table.admin-table td { border-top: 1px solid #e2e8f0; padding: .9rem 1rem; vertical-align: top; font-size: .88rem; }
.field-builder-row { border: 1px solid #dbe3ea; border-radius: 1rem; padding: 1rem; background: #f8fafc; }
.drag-handle { cursor: grab; user-select: none; }
.public-card { background: rgba(255,255,255,.98); border: 1px solid #e2e8f0; border-radius: 1.2rem; box-shadow: 0 25px 60px rgba(15,23,42,.09); }
.section-title { border-left: 5px solid #174a2b; padding: .55rem .8rem; background: #ecfdf3; border-radius: .5rem; font-weight: 900; color: #0f3520; }
@media (max-width: 1023px) { .admin-sidebar { position: relative; width: 100%; } }