@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,300;0,400;0,700;1,400&family=Sarabun:ital,wght@0,100;0,400;0,700;1,400&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");*{box-sizing:border-box}html{font-family:Prompt,sans-serif}body{font-size:1.2vw;margin:0;background-color:#181817;color:#e5e5e1;text-size-adjust:100%}@media (min-width:1600px){body{font-size:18px}}ul{list-style:none;margin:0;padding:0}#page{width:95%;max-width:88rem;margin:2rem auto}#main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#logo{font-family:Inter,sans-serif;font-size:1.5rem;border-radius:4px}#main-header #logo a,#main-header #logo a:hover{color:#e1e1d7;text-decoration:none;width:8rem}#main-header ul{display:flex;gap:2rem;font-weight:700}#main-header ul a{text-decoration:none;color:#e5e5e1;padding:.5rem 1rem;border-radius:4px}#main-header ul a.active,#main-header ul a:hover{background-color:#bcbcb7;color:#181817}#home{margin:3rem auto;max-width:50rem;text-align:center}#home img{width:8rem;border-radius:50%;box-shadow:0 0 10px 0 #181817}#home h1{margin-top:3rem;font-size:2.5rem}#home p{margin:2rem 0;color:#bcbcb7;font-size:1.1rem}#home a{display:inline-block;padding:1rem 2rem;background-color:#bcbcb7;color:#181817;border-radius:4px;text-decoration:none;font-weight:700;margin-top:2rem}#home a:hover{background-color:#e5e5e1}.meets-list{border-radius:.8rem;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.meets-list a{display:flex;flex-direction:column;align-items:start;gap:.3rem;color:#e5e5e1;text-decoration:none;border-radius:8px;font-size:.8rem;padding:0 0 .2rem;background-color:#2d2d2b}.meets-list a img{width:100%;object-fit:cover;border-radius:4px}.meets-list a:hover{background-color:#666664}.meets-list a span{padding:0 0 0 .4rem}.meets-article{display:flex;flex-direction:row;align-items:start;color:#e5e5e1;text-decoration:none;font-size:.8rem;padding:0 0 .5rem;background-color:olive;border-radius:.4rem}.meets-article img{width:100%;margin-bottom:1rem;border-radius:8px}.meets-article h1,.meets-article p,h2{padding:0 .8rem;gap:0;color:#cccccc}#archive-header ul{display:flex;gap:2rem;margin-bottom:1rem}#archive-filter{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #b0b0a6}#archive-text{margin:0 .5rem;padding-bottom:0 .5rem 0 .5rem}.error{text-align:center;margin-top:3rem}.status-badge{padding:4px 12px;margin-left:8px;border-radius:4px;text-align:center;background-color:#f0f0f0;font-weight:700;display:inline-block}.status-badge.อนุมัติ{color:#2e7d32}.status-badge.รอดำเนินการ{color:#757575}.status-badge.กำลังดำเนินการ{color:#ef6c00}.status-badge.ห้องไม่ว่าง{color:#c62828}@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap");.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9998}.modal-container{position:fixed;bottom:15%;left:50%;transform:translate(-50%,50%);background-color:#9f9fa0;padding:20px;border-radius:12px;max-width:85%;width:90%;box-shadow:0 5px 25px rgba(0,0,0,.3);z-index:9999;font-family:Prompt,sans-serif;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%,50%);opacity:1}}.modal-container p{font-weight:500;margin-bottom:15px;color:#111827}.modal-links{gap:15px;margin-bottom:15px}.modal-links a{color:#2563eb;text-decoration:underline;font-size:.9rem;transition:color .2s}.modal-links a:hover{color:#1d4ed8}.modal-buttons{display:flex;flex-wrap:wrap;gap:10px}.modal-buttons button{flex:1 1 auto;padding:10px 14px;border:none;border-radius:6px;cursor:pointer;color:white;font-weight:500;font-size:.95rem;transition:background-color .2s}.modal-buttons .accept-all{background-color:#16a34a}.modal-buttons .accept-all:hover{background-color:#15803d}.modal-buttons .reject{background-color:#374151}.modal-buttons .reject:hover{background-color:#1f2937}.modal-buttons .save{background-color:#2563eb}.modal-buttons .save:hover{background-color:#1d4ed8}.modal-links{display:flex;justify-content:center;gap:16px;margin-top:12px;flex-wrap:wrap}.modal-link{font-size:14px;font-weight:500;color:#2563eb;text-decoration:none;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease}.modal-link:hover{color:#1d4ed8;text-decoration:underline}@media (max-width:480px){.modal-container{padding:16px;width:95%}.modal-buttons{flex-direction:column}}