:root{
    --brand-1:#5b21b6;
    --brand-2:#0d9488;
}
body{font-family:'Sarabun',sans-serif;}
.brand-gradient{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));}
.card-soft{border:0;border-radius:1rem;box-shadow:0 12px 30px rgba(15,23,42,.08);}
.stats-card{border:0;border-radius:1rem;box-shadow:0 12px 30px rgba(15,23,42,.08);}
.survey-card{border:0;border-radius:1rem;box-shadow:0 10px 22px rgba(15,23,42,.06);transition:.25s ease}
.survey-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(15,23,42,.12)}
.section-title{font-weight:700;font-size:1rem;color:#334155;margin-top:1.5rem}
.sidebar{width:260px;min-height:100vh;display:flex;flex-direction:column}
.sidebar .nav-link{border-radius:.8rem;padding:.7rem .9rem}
.sidebar .nav-link:hover{background:rgba(255,255,255,.1)}
.admin-body{background:#f8fafc}
.table-card{border:0;border-radius:1rem;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.form-label{font-weight:600}
.required-star{color:#dc2626}
.badge-soft{background:#ede9fe;color:#5b21b6}
.qr-thumb{max-width:160px;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;padding:.5rem}
@media (max-width: 991px){
    .sidebar{width:100%;min-height:auto}
    .d-flex > .sidebar + main{width:100%}
    .d-flex{flex-direction:column}
}