@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap";:root{--primary:#1e3a8a;--primary-light:#3b82f6;--primary-dark:#172554;--secondary:#b45309;--secondary-light:#d97706;--accent:#f59e0b;--bg-light:#f8fafc;--bg-white:#fff;--text-main:#0f172a;--text-muted:#475569;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-premium:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #3b82f680}[data-theme=theme-1]{--primary:#1e3a8a;--primary-light:#3b82f6;--primary-dark:#172554;--secondary:#b45309;--secondary-light:#d97706;--accent:#f59e0b;--card-radius:1rem;--btn-radius:.375rem;--hero-align:center;--hero-flex:center;--hero-margin:0 auto 2.5rem}[data-theme=theme-2]{--primary:#1e293b;--primary-light:#64748b;--primary-dark:#0f172a;--secondary:#475569;--secondary-light:#94a3b8;--accent:#cbd5e1;--card-radius:0px;--btn-radius:0px;--hero-align:left;--hero-flex:flex-start;--hero-margin:0 0 2.5rem 0}[data-theme=theme-3]{--primary:#000;--primary-light:#3f3f46;--primary-dark:#000;--secondary:#a16207;--secondary-light:#ca8a04;--accent:#eab308;--card-radius:.25rem;--btn-radius:.25rem;--hero-align:center;--hero-flex:center;--hero-margin:0 auto 2.5rem}[data-theme=theme-4]{--primary:#064e3b;--primary-light:#10b981;--primary-dark:#022c22;--secondary:#047857;--secondary-light:#34d399;--accent:#6ee7b7;--card-radius:2rem;--btn-radius:9999px;--hero-align:left;--hero-flex:flex-start;--hero-margin:0 0 2.5rem 0}[data-theme=theme-5]{--primary:#7f1d1d;--primary-light:#ef4444;--primary-dark:#450a0a;--secondary:#b91c1c;--secondary-light:#f87171;--accent:#fca5a5;--card-radius:0px;--btn-radius:0px;--hero-align:center;--hero-flex:center;--hero-margin:0 auto 2.5rem}[data-theme=theme-6]{--primary:#4c1d95;--primary-light:#8b5cf6;--primary-dark:#2e1065;--secondary:#6d28d9;--secondary-light:#a78bfa;--accent:#c4b5fd;--card-radius:.75rem;--btn-radius:.5rem;--hero-align:left;--hero-flex:flex-start;--hero-margin:0 0 2.5rem 0}[data-theme=theme-7]{--primary:#134e4a;--primary-light:#14b8a6;--primary-dark:#042f2e;--secondary:#0f766e;--secondary-light:#2dd4bf;--accent:#5eead4;--card-radius:1.5rem;--btn-radius:2rem;--hero-align:center;--hero-flex:center;--hero-margin:0 auto 2.5rem}[data-theme=theme-8]{--primary:#7c2d12;--primary-light:#f97316;--primary-dark:#431407;--secondary:#c2410c;--secondary-light:#fb923c;--accent:#fdba74;--card-radius:0px;--btn-radius:0px;--hero-align:left;--hero-flex:flex-start;--hero-margin:0 0 2.5rem 0}[data-theme=theme-9]{--primary:#312e81;--primary-light:#6366f1;--primary-dark:#1e1b4b;--secondary:#4338ca;--secondary-light:#818cf8;--accent:#a5b4fc;--card-radius:.5rem;--btn-radius:.375rem;--hero-align:center;--hero-flex:center;--hero-margin:0 auto 2.5rem}[data-theme=theme-10]{--primary:#831843;--primary-light:#f43f5e;--primary-dark:#4c0519;--secondary:#be123c;--secondary-light:#fb7185;--accent:#fda4af;--card-radius:1.25rem;--btn-radius:9999px;--hero-align:left;--hero-flex:flex-start;--hero-margin:0 0 2.5rem 0}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;font-family:Sarabun,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.btn{border-radius:var(--btn-radius,.375rem);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Sarabun,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 14px #1e3a8a63}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-light), var(--primary));box-shadow:0 6px 20px #1e3a8a3b}.btn-outline{border:2px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff}.section-title{color:var(--primary);text-align:center;margin-bottom:2rem;font-size:2rem;position:relative}.section-title:after{content:"";background-color:var(--secondary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.navbar{background-color:var(--bg-white);box-shadow:var(--shadow-sm);z-index:50;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:5rem;display:flex}.nav-logo{color:var(--primary);align-items:center;gap:1rem;font-size:1.25rem;font-weight:700;display:flex}.nav-logo-text{flex-direction:column;display:flex}.nav-logo-sub{color:var(--text-muted);font-size:.875rem;font-weight:400}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-main);font-weight:500;transition:color .2s;position:relative}.nav-link:hover{color:var(--secondary)}.nav-link:after{content:"";background-color:var(--secondary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.hero{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;text-align:var(--hero-align,center);padding:6rem 0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 80%,#d9770626 0%,#0000 50%);position:absolute;inset:0}.hero-title{text-shadow:0 2px 10px #0000004d;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-subtitle{max-width:800px;margin:var(--hero-margin,0 auto 2.5rem);color:#e2e8f0;font-size:1.25rem;font-weight:300}.hero-actions{gap:1rem;justify-content:var(--hero-flex,center);display:flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.card{border-radius:var(--card-radius,1rem);box-shadow:var(--shadow-md);background-color:#fff;border:1px solid #e2e8f0cc;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card:after{content:"";background:linear-gradient(to right, var(--primary), var(--secondary));transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.card:hover{box-shadow:var(--shadow-premium);transform:translateY(-8px)}.card:hover:after{transform:scaleX(1)}.card-icon{color:var(--primary);background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:1rem;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex;box-shadow:inset 0 2px 4px #fffc,0 4px 6px #0000000d}.card-title{color:var(--text-main);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.card-desc{color:var(--text-muted)}.announcement-list{flex-direction:column;gap:1.5rem;display:flex}.announcement-item{border-radius:var(--card-radius,1rem);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background-color:#fff;transition:all .3s;display:flex;overflow:hidden}.announcement-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translate(4px)}.announcement-date{background:linear-gradient(180deg, var(--primary), var(--primary-dark));color:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:120px;padding:1.5rem;display:flex}.date-day{text-shadow:0 2px 4px #0000004d;font-size:2.5rem;font-weight:700;line-height:1}.date-month{text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;font-size:1rem;font-weight:500}.announcement-content{flex-direction:column;justify-content:center;padding:2rem;display:flex}.announcement-content h3{color:var(--primary);margin-bottom:.5rem;font-size:1.125rem}.announcement-content p{color:var(--text-muted);font-size:.95rem}.announcement-tag{color:var(--secondary);letter-spacing:.5px;background-color:#fef3c7;border-radius:9999px;align-self:flex-start;margin-bottom:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--primary-light), var(--secondary));border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:24px}.timeline-item{margin-bottom:3rem;padding-left:5rem;position:relative}.timeline-dot{border:4px solid var(--secondary);z-index:1;background-color:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:4px;left:14px;box-shadow:0 0 0 4px #d9770633}.timeline-item:hover .timeline-dot{background-color:var(--secondary);border-color:#fff;transform:scale(1.3)}.timeline-date{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;display:flex}.timeline-content{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background-color:#fff;border-radius:1rem;padding:1.5rem 2rem;transition:all .3s}.timeline-item:hover .timeline-content{box-shadow:var(--shadow-md);border-color:var(--secondary-light);transform:translate(4px)}.timeline-content h4{color:var(--primary);margin-bottom:.5rem;font-size:1.1rem}.footer{background-color:var(--primary-color);color:var(--white);padding:4rem 0 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-title{color:var(--secondary-color);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.footer-links{flex-direction:column;gap:.75rem;display:flex}.footer-link{color:#cbd5e1;transition:color .2s}.footer-link:hover{color:var(--white)}.footer-contact li{color:#cbd5e1;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #334155;padding-top:2rem;font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}@media (width<=768px){.hero-title{font-size:2rem}.nav-links{display:none}}.admin-layout{background-color:#f1f5f9;min-height:100vh;display:flex}.admin-sidebar{color:#fff;background-color:#0f172a;flex-direction:column;width:260px;padding:2rem 1rem;display:flex}.admin-logo{color:#d97706;margin-bottom:2rem;padding:0 1rem;font-size:1.25rem;font-weight:700}.admin-nav{flex-direction:column;gap:.5rem;display:flex}.admin-nav-item{color:#cbd5e1;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.admin-nav-item:hover,.admin-nav-item.active{color:#fff;background-color:#1e293b}.admin-main{flex-direction:column;flex:1;display:flex}.admin-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:4rem;padding:0 2rem;display:flex}.admin-content{flex:1;padding:2rem;overflow-y:auto}.admin-card{background:#fff;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem}.admin-table th{color:#475569;background-color:#f8fafc;font-weight:600}.form-group{margin-bottom:1rem}.form-label{color:#334155;margin-bottom:.5rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{border:1px solid #cbd5e1;border-radius:.375rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.form-textarea{resize:vertical;min-height:100px}.flex-between{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.action-btns{gap:.5rem;display:flex}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-success{color:#fff;background-color:#10b981}