@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap');
:root{--ink:#352044;--purple:#69358c;--purple-deep:#51276f;--pink:#e675ad;--soft:#f9f4fc;--stroke:#e9daee;--bs-primary:#69358c;--bs-primary-rgb:105,53,140;--bs-info:#ae4c93;--bs-info-rgb:174,76,147}
*{box-sizing:border-box}body{font-family:'Sarabun',sans-serif;color:var(--ink);background:radial-gradient(circle at 95% 0%,#ffe4f1 0,transparent 28%),linear-gradient(140deg,#f8f2ff,#fff 52%,#fff1f8);min-height:100vh}
a{color:var(--purple)}a:hover{color:var(--purple-deep)}.app-header{background:linear-gradient(115deg,#4e256c,#783f9e 62%,#c365a0);color:white;box-shadow:0 9px 30px rgba(72,33,103,.14)}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:1.35rem;font-weight:700}.brand-title{font-weight:700;letter-spacing:.015em}.brand-sub{font-size:.77rem;opacity:.83}
.app-nav{background:#fff;border:1px solid var(--stroke);border-radius:18px;padding:.5rem;box-shadow:0 10px 25px rgba(83,39,105,.07)}.app-nav .nav-link{color:#624c70;border-radius:11px;padding:.6rem .85rem;font-weight:600}.app-nav .nav-link:hover,.app-nav .nav-link.active{color:#fff;background:var(--purple)}.app-nav .logout{color:#9e356d}.page-heading{font-weight:700;color:#4e246a}.page-intro{color:#816c89}.page-kicker{color:#ae4c93;font-weight:700;letter-spacing:.055em;font-size:.75rem;text-transform:uppercase}
.card,.form-container{background:#fff;border:1px solid var(--stroke)!important;border-radius:20px!important;box-shadow:0 12px 36px rgba(85,36,105,.07)!important}.form-container{padding:clamp(1.25rem,4vw,2.6rem)}.card-body{padding:1.35rem}.card-body .card{box-shadow:none!important}.form-label,label{font-weight:600;color:#593667}.form-control,.form-select{border-color:#decce7;border-radius:11px;min-height:42px;color:#3d2c47}.form-control:focus,.form-select:focus{border-color:#aa73c0;box-shadow:0 0 0 .22rem rgba(142,78,173,.14)}.form-check-input:checked{background-color:var(--purple);border-color:var(--purple)}.form-check-input:focus{box-shadow:0 0 0 .2rem rgba(142,78,173,.16)}
.btn{border-radius:11px;font-weight:600;transition:transform .17s ease,box-shadow .17s ease}.btn:hover{transform:translateY(-1px)}.btn-primary,.bg-primary{background:var(--purple)!important;border-color:var(--purple)!important}.btn-primary:hover{background:var(--purple-deep)!important;border-color:var(--purple-deep)!important;box-shadow:0 7px 18px rgba(87,39,123,.2)}.btn-outline-primary{color:var(--purple);border-color:#b48aca}.btn-outline-primary:hover{background:var(--purple);border-color:var(--purple)}.btn-outline-danger{border-color:#dfa9c0;color:#a03b6d}.text-primary,.text-info{color:var(--purple)!important}.border-primary{border-color:#d4b5e3!important}.border-info{border-color:#efc3dd!important}.bg-light{background:#f9f3fc!important}.badge{border-radius:8px}.section-title{border-left:5px solid var(--pink);padding:.3rem .85rem;color:var(--purple-deep);font-weight:700;margin:2rem 0 1.15rem;background:linear-gradient(90deg,#f9e7f4,transparent);border-radius:0 10px 10px 0}
.table-responsive{background:#fff;border:1px solid var(--stroke);border-radius:18px;box-shadow:0 12px 32px rgba(85,36,105,.06);padding:.45rem;overflow-x:auto}.table{margin-bottom:0;vertical-align:middle}.table thead th{background:#f4eafa;color:#5e357a;border-bottom:1px solid var(--stroke);font-weight:700;white-space:nowrap}.table tbody td{border-color:#f0e7f3}.table tbody tr:hover td{background:#fcf8fe}.table .form-control,.table .form-select{min-width:150px}.alert{border-radius:13px}.alert-secondary{background:#f6effa;border:1px solid #e4d5ed;color:#513565}.alert-success{background:#edf9f2;border-color:#c8ead7;color:#216348}.alert-danger{background:#fff0f4;border-color:#efbfd1;color:#903b5f}.alert-warning{background:#fff8e9;border-color:#eadbb7;color:#6a5336}.input-group-text{border-color:#decce7}.preview-box{border:2px dashed #b989d1!important;background:#f9f2fd!important;border-radius:9px}.public-hero{background:linear-gradient(125deg,#f8eaf9,#fff 58%,#ffe6f1);border:1px solid var(--stroke);border-radius:17px;padding:1.5rem}.photo-example{width:3cm;height:4cm;max-width:100%;overflow:hidden;border:1px solid #e5d9ec;border-radius:9px;background:#fff}.photo-example img{width:100%;height:100%;object-fit:cover}.footer-note{color:#8a748f;font-size:.86rem}.stat-pill{display:inline-flex;align-items:center;background:#f5e7f6;color:#663383;border-radius:999px;padding:.45rem .9rem;font-weight:700}
@media(max-width:767px){.app-nav{overflow-x:auto;flex-wrap:nowrap!important}.app-nav .nav-link{white-space:nowrap}.table-responsive{margin-inline:-.1rem}.form-container{padding:1.25rem}.card-body{padding:1rem}}