:root{--font-th:"Prompt","Noto Sans Thai",Tahoma,sans-serif;--p:#A0289B;--p2:#C13CAC;--r:#E6539A;--g:#E7B83F;--bg:#FFF9FC;--line:#F0D9E7;--ink:#382033;--muted:#7A6070}*{box-sizing:border-box}body{margin:0;font-family:var(--font-th);background:var(--bg);color:var(--ink)}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#451B47,#7B1F7A);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh}.a-brand{padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:18px}.a-brand strong{display:block;font-size:1.05rem}.a-brand span{font-size:.78rem;color:#ECD8E5}.side-nav{display:grid;gap:7px}.side-nav a{padding:11px 12px;border-radius:12px;color:#F4DFEC;font-size:.9rem}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.1);color:#fff}.side-nav .gold{color:#F0D36A}.main{min-width:0}.admin-top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.admin-top strong{color:var(--p)}.admin-content{padding:28px}.admin-hero{background:linear-gradient(115deg,#fff,#FFF0F7 62%,#FCEAF3);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:20px}.admin-hero h1{margin:0 0 4px;font-size:1.55rem;color:var(--p)}.admin-hero p{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.stat span{font-size:.8rem;color:var(--muted)}.stat strong{display:block;font-size:1.7rem;color:var(--p);margin-top:5px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.admin-card h3{margin:0 0 6px;color:var(--p)}.admin-card p{margin:0 0 16px;color:var(--muted);font-size:.88rem}.action-row{display:flex;gap:9px;flex-wrap:wrap}.a-btn{display:inline-flex;padding:9px 12px;border-radius:10px;background:linear-gradient(135deg,var(--p),var(--r));color:#fff;font-size:.85rem;font-weight:700}.a-btn.light{background:#FBE5F1;color:var(--p)}.a-btn.gold{background:#FFF1CC;color:#745A12}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field label{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #ECCFDF;background:#fff;border-radius:11px;padding:10px 11px;font:inherit}.field textarea{min-height:130px;resize:vertical}.hint{font-size:.76rem;color:var(--muted);margin-top:5px}.upload-box{border:1px dashed #E4C2D5;border-radius:14px;padding:20px;text-align:center;background:#FFFAFC;color:var(--muted)}.form-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.table-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.table-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.table-head h2{margin:0;color:var(--p);font-size:1.1rem}table{width:100%;border-collapse:collapse;font-size:.86rem}th,td{padding:11px 14px;border-bottom:1px solid #F7E8F0;text-align:left;vertical-align:top}th{background:#FFFAFC;color:#75606D;font-size:.78rem}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#FBE5F1;color:var(--p);font-size:.72rem}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#eaf6ec;color:#2f6c38;font-size:.72rem}.tiny{color:var(--muted);font-size:.76rem}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.stat-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr}.admin-content{padding:18px}.admin-top{padding:0 18px}table{display:block;overflow:auto}}

/* Database + authentication round */
.button-reset{border:0;cursor:pointer;font-family:inherit}.sidebar{display:flex;flex-direction:column}.sidebar-account{margin-top:auto;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.76rem;color:#ead8e6}.sidebar-account a{color:#f5cf72;font-weight:600}.alert{padding:11px 14px;border-radius:12px;margin-bottom:16px;font-size:.86rem;border:1px solid}.alert.success{background:#edf8ef;border-color:#cde8d2;color:#2f6c38}.alert.error{background:#fff0f3;border-color:#efcad5;color:#8a3347}.status.draft{background:#f4f1f3;color:#6f626a}.row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.row-actions a,.link-danger{font:inherit;font-size:.78rem;border:0;background:none;padding:0;cursor:pointer;color:var(--p);font-weight:600}.link-danger{color:#b24759}.row-actions form{margin:0}.table-scroll{overflow:auto}.empty-admin{padding:42px 20px;display:grid;place-items:center;text-align:center;gap:8px;color:var(--muted)}.empty-admin strong{color:var(--ink);font-size:1rem}.empty-admin .a-btn{margin-top:6px}.current-image{display:flex;align-items:center;gap:10px;margin-bottom:9px}.current-image img{width:90px;height:58px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.current-image span{font-size:.76rem;color:var(--muted)}.gallery-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.gallery-mini label{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.gallery-mini img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-mini span{display:block;padding:5px;font-size:.7rem;color:var(--muted)}
.login-page{min-height:100vh;background:radial-gradient(circle at top right,#f9dce9 0,transparent 34%),linear-gradient(145deg,#fff9fc,#f7edf5);display:grid;place-items:center;padding:24px}.login-shell{width:min(440px,100%)}.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 24px 60px rgba(93,36,88,.14)}.login-brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.login-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--p),var(--r));color:#fff;font-weight:700;border:2px solid #e7b83f}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:.95rem;color:var(--p)}.login-brand span{font-size:.75rem;color:var(--muted);margin-top:2px}.login-heading{margin:22px 0 18px}.login-heading h1{margin:0;color:var(--p);font-size:1.35rem}.login-heading p{margin:5px 0 0;color:var(--muted);font-size:.82rem}.login-card .field{margin-bottom:13px}.login-submit{width:100%;border:0;border-radius:12px;padding:11px 14px;background:linear-gradient(135deg,var(--p),var(--r));color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:4px}.login-back{display:block;text-align:center;margin-top:16px;color:var(--muted);font-size:.78rem}
@media(max-width:900px){.sidebar-account{margin-top:16px}.gallery-mini{grid-template-columns:repeat(2,1fr)}}

/* Thai activity date + standardized activity image previews */
.thai-date-grid{display:grid;grid-template-columns:minmax(78px,.7fr) minmax(150px,1.4fr) minmax(120px,1fr);gap:8px}.thai-date-grid select{min-width:0}.current-image img{width:128px;height:auto;aspect-ratio:16/9;object-fit:cover}.gallery-mini{grid-template-columns:repeat(2,1fr)}
@media(max-width:620px){.thai-date-grid{grid-template-columns:1fr}.gallery-mini{grid-template-columns:1fr 1fr}}

/* Dynamic learning resources — Admin Section Builder */
.admin-system-note{display:grid;gap:5px;margin-bottom:16px;padding:14px 16px;border-radius:14px;border:1px solid #ead3a0;background:#fff8df;color:#654f19;font-size:.84rem}.admin-system-note strong{font-size:.9rem}.admin-system-note code{padding:2px 5px;border-radius:6px;background:#fff;color:#6c4a00}.resource-admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.resource-admin-summary>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px}.resource-admin-summary span{display:block;font-size:.76rem;color:var(--muted)}.resource-admin-summary strong{display:block;margin-top:4px;color:var(--p);font-size:1.45rem}.resource-table-head>div:first-child{min-width:0}.resource-table-head p{margin:4px 0 0}.a-btn.is-disabled{opacity:.45;pointer-events:none}.admin-empty-state{padding:42px 22px;text-align:center;color:var(--muted)}.admin-empty-state strong{display:block;color:var(--p);margin-bottom:6px}.admin-empty-state p{margin:0}.admin-inline-error{padding:16px;color:#8c2743;background:#fff3f6}.manage-col{width:130px}.resource-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.resource-row-actions form{margin:0}.icon-action{width:31px;height:31px;display:inline-grid;place-items:center;border:1px solid #ead4e1;border-radius:9px;background:#fff;color:var(--p);font:inherit;cursor:pointer}.icon-action:hover{background:#fff4fa}.icon-action.danger{color:#a3314e}.status.draft{background:#f2eef1;color:#765e6b}.builder-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.builder-intro h2{margin:2px 0 4px;color:var(--p);font-size:1.16rem}.builder-intro p{margin:0;color:var(--muted);font-size:.8rem}.builder-kicker{display:block;color:var(--r);font-size:.66rem;font-weight:700;letter-spacing:.08em}.builder-step{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fae7f2;color:var(--p);font-size:.72rem;font-weight:700}.builder-divider{height:1px;background:#f2e2eb;margin:26px 0}.resource-current-image img{object-fit:cover}.section-builder-heading{align-items:center}.builder-heading-actions{display:flex;align-items:center;gap:9px}.section-builder-list{display:grid;gap:14px}.section-builder-item{border:1px solid #ead6e2;border-radius:16px;background:#fffafd;overflow:hidden}.section-builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#fff2f8;border-bottom:1px solid #eddce6}.section-order{font-size:.79rem;font-weight:700;color:var(--p)}.section-builder-toolbar>div{display:flex;gap:5px}.mini-builder-btn{height:29px;min-width:30px;padding:0 8px;border-radius:8px;border:1px solid #e6cddd;background:#fff;color:#70445f;font:inherit;font-size:.75rem;cursor:pointer}.mini-builder-btn:hover{background:#fff7fb}.mini-builder-btn.danger{color:#a3314e}.section-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:14px}.section-builder-grid .field.full{grid-column:1/-1}.section-builder-grid textarea{min-height:118px}.section-content-field.is-gallery textarea{min-height:72px;background:#f8f4f6;color:#8f7886}.resource-gallery-mini{margin-top:10px}.resource-form-actions{position:sticky;bottom:12px;z-index:3;width:max-content;margin:26px auto 0;padding:8px;border:1px solid #ead8e3;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(75,31,67,.10);backdrop-filter:blur(8px)}
@media(max-width:900px){.resource-admin-summary{grid-template-columns:repeat(3,1fr)}.section-builder-grid{grid-template-columns:1fr}.section-builder-grid .field.full{grid-column:auto}}
@media(max-width:640px){.resource-admin-summary{grid-template-columns:1fr}.resource-table-head{align-items:flex-start;flex-direction:column}.builder-intro{gap:10px}.builder-heading-actions{flex-direction:column;align-items:flex-end}.resource-form-actions{position:static;width:100%;justify-content:center}.section-builder-toolbar{align-items:flex-start}}
.inline-form{margin:0}

/* Admin navigation: use active/hover states instead of underlines. */
.side-nav a,.sidebar-account a{text-decoration:none}.side-nav a{position:relative;transition:background-color .18s ease,color .18s ease,transform .18s ease}.side-nav a:hover{transform:translateX(2px)}.side-nav a.active{background:rgba(255,255,255,.14);box-shadow:inset 3px 0 0 #f2c45b;color:#fff}.side-nav a:focus-visible,.sidebar-account a:focus-visible{outline:2px solid #f5d274;outline-offset:2px;text-decoration:none}

/* Shared Admin Image Manager */
.admin-image-manager-field{margin-top:2px}.admin-image-manager{border:1px solid #ead5e2;border-radius:17px;background:#fffafd;overflow:hidden}.image-manager-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #f0e0e9;background:linear-gradient(135deg,#fff,#fff4fa)}.image-manager-heading strong{display:block;color:var(--p);font-size:.94rem}.image-manager-heading span:not(.image-manager-badge){display:block;margin-top:2px;color:var(--muted);font-size:.74rem}.image-manager-badge{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#f7e2f0;color:var(--p);font-size:.62rem;font-weight:700;letter-spacing:.06em}.image-manager-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.6fr);gap:0}.image-manager-panel{padding:14px 16px;min-width:0}.image-manager-cover-panel{border-right:1px solid #f0e0e9}.image-manager-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.image-manager-panel-head strong{display:block;font-size:.82rem;color:var(--ink)}.image-manager-panel-head span{display:block;color:var(--muted);font-size:.68rem;margin-top:1px}.image-manager-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}.cover-manager-card{position:relative;overflow:hidden;border:1px solid #ead5e2;border-radius:13px;background:#f8f3f6;aspect-ratio:16/9}.cover-manager-card img{width:100%;height:100%;display:block;object-fit:cover}.cover-manager-card.is-pending-delete img{filter:grayscale(.55);opacity:.34}.cover-manager-card.has-new-image{box-shadow:inset 0 0 0 2px rgba(160,40,155,.12)}.cover-manager-empty{height:100%;display:grid;place-items:center;align-content:center;gap:3px;text-align:center;color:var(--muted);padding:12px}.cover-manager-empty strong{font-size:.79rem;color:#705264}.cover-manager-empty span:last-child{font-size:.67rem}.image-manager-placeholder-icon{font-size:1.5rem;color:#c898b5}.image-manager-pending-label{position:absolute;inset:auto 8px 8px 8px;padding:6px 8px;border-radius:8px;background:rgba(143,39,66,.88);color:#fff;font-size:.67rem;text-align:center}.image-manager-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.mini-image-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;border:1px solid #e5cada;border-radius:9px;background:#fff;color:#69475b;font:inherit;font-size:.7rem;font-weight:600;cursor:pointer;text-decoration:none}.mini-image-btn:hover{background:#fff4fa}.mini-image-btn.primary{border-color:#e6c5da;background:#fbe8f3;color:var(--p)}.mini-image-btn.danger{color:#a33852;background:#fff}.image-manager-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0}.image-manager-item{border:1px solid #ead5e2;border-radius:11px;background:#fff;overflow:hidden;cursor:grab;transition:opacity .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}.image-manager-item:hover{border-color:#dba9ca;box-shadow:0 5px 16px rgba(77,31,68,.07)}.image-manager-item.is-dragging{opacity:.45;transform:scale(.98)}.image-manager-item.is-pending-delete{cursor:default;border-color:#efcad4;background:#fff7f8}.image-manager-item.is-pending-delete .image-manager-thumb img{filter:grayscale(.65);opacity:.3}.image-manager-item.is-replaced-image{border-color:#cba2d0}.image-manager-item.is-new-image{border-style:dashed;border-color:#cda1c7}.image-manager-thumb{position:relative;aspect-ratio:4/3;background:#f7f2f5;overflow:hidden}.image-manager-thumb img{width:100%;height:100%;display:block;object-fit:cover}.image-manager-position{position:absolute;left:6px;top:6px;min-width:23px;height:23px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:rgba(67,26,63,.84);color:#fff;font-size:.65rem;font-weight:700}.image-manager-state{position:absolute;right:5px;bottom:5px;max-width:calc(100% - 10px);padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.9);color:#674a5b;font-size:.58rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-manager-item.is-pending-delete .image-manager-state{background:#8d324a;color:#fff}.image-manager-item-actions{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px}.image-icon-btn{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ead5e2;border-radius:7px;background:#fff;color:#65475a;font:inherit;font-size:.72rem;cursor:pointer;text-decoration:none}.image-icon-btn:hover{background:#fff3f8}.image-icon-btn.replace{color:var(--p)}.image-icon-btn.danger{color:#a63852}.image-manager-empty-gallery{min-height:92px;border:1px dashed #e5cddd;border-radius:11px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);padding:12px}.image-manager-empty-gallery span{font-size:.76rem;font-weight:600}.image-manager-empty-gallery small{font-size:.65rem;margin-top:2px}.image-manager-sort-hint{margin-top:6px;color:#8d7584;font-size:.66rem}.admin-image-manager .hint{line-height:1.5}
@media(max-width:1050px){.image-manager-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.image-manager-layout{grid-template-columns:1fr}.image-manager-cover-panel{border-right:0;border-bottom:1px solid #f0e0e9}.image-manager-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.image-manager-heading{align-items:center}}
@media(max-width:460px){.image-manager-gallery{grid-template-columns:1fr 1fr}.image-manager-panel{padding:12px}.image-manager-badge{display:none}.image-icon-btn{width:29px;height:29px}.image-manager-item-actions{gap:3px}}