:root{
	--bg:#f5f7fb;
	--card:#ffffff;
	--muted:#6b7280;
	--primary:#2563eb;
	--accent:#06b6d4;
	--radius:10px;
	--max-width:1100px;
}
*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,system-ui,Arial,Helvetica,sans-serif;margin:0;padding:0;background:var(--bg);color:#0f172a}
header{background:linear-gradient(90deg,var(--primary),#1e40af);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
header a{color:rgba(255,255,255,0.95);text-decoration:none;margin-right:12px}
.site-title{font-weight:700;font-size:18px}
main{padding:28px 20px}
.wrap{max-width:var(--max-width);margin:28px auto}
/* Forms */
form{display:block;gap:12px}
label{display:block;margin:8px 0 6px;font-weight:600;color:var(--muted)}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #e6eef8;border-radius:8px;background:#fff}
textarea{min-height:100px}
button, .button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:0;background:var(--primary);color:#fff;text-decoration:none;cursor:pointer}
.button.secondary{background:#10b981}

.button.danger{background:#ef4444}
.admin-table{width:100%;border-collapse:collapse;margin-top:12px}
.admin-table thead th{background:#f8fafc;text-align:left;padding:10px;border-bottom:1px solid #e6eef8}
.admin-table td, .admin-table th{padding:10px;border-bottom:1px solid #eef2f7}
.btn-view-snap{padding:6px 10px;border-radius:6px;border:0;background:#f3f4f6}

/* Cards / grid */
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:0 6px 18px rgba(16,24,40,0.06);border:1px solid rgba(15,23,42,0.04)}

.page-list li{padding:10px 12px;border-radius:8px;background:#fff;margin-bottom:8px;list-style:none}

/* Responsive tweaks */
@media (max-width:720px){
	header{padding:12px}
	.site-title{font-size:16px}
	.wrap{margin:16px}
}

/* Small helper */
.muted{color:var(--muted);font-size:14px}

/* Login page centered */
.login-card{max-width:420px;margin:24px auto;background:var(--card);padding:24px;border-radius:12px;box-shadow:0 8px 30px rgba(2,6,23,0.08)}

/* Table styles */
table{width:100%;border-collapse:collapse}
table td,table th{padding:10px;border-bottom:1px solid #eef2f7}

/* Form builder fields */
#fields .card{display:flex;gap:8px;align-items:center}

/* Footer */
footer{padding:18px 0;text-align:center;color:var(--muted);font-size:13px}

/* Utility */
.alert{padding:10px 14px;border-radius:8px;background:#fff3f2;border:1px solid #ffdada;color:#9b2c2c}