.login-page{align-items:center;background-color:#f0ede4;display:flex;justify-content:center;min-height:100vh}.login-container{background-color:#f0ede4;height:600px;padding:30px;width:320px}.title{color:#bf4343;font-size:42px;font-weight:800;line-height:1.1;margin-bottom:40px}.form-group label{display:block;font-size:14px;margin-bottom:6px}.form-group input{border:none;border-radius:6px;font-size:14px;height:38px;padding:8px 10px;width:100%}.sign-in-btn{background-color:#545151;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;height:42px;transition:background .2s ease;width:100%}.sign-in-btn:hover:not(:disabled){background-color:#bf4343}.sign-in-btn:disabled{cursor:not-allowed;opacity:.6}.login-error{color:#bf4343;font-size:13px;margin:0 0 14px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;padding:20px;width:100%}.card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.avatar{align-items:center;background:#6b6b6b;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.card-title-section{flex:1 1}.card-title{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.4;margin:0}.card-subtitle{color:#666;font-size:14px;line-height:1.4;margin:4px 0 0}.card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.info-item{align-items:center;color:#444;display:flex;font-size:14px;gap:8px}.info-item svg{color:#666;flex-shrink:0}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag-button{border:none;border-radius:20px;box-shadow:0 1px 4px #0000001a;cursor:default;font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 14px}.card-footer{align-items:center;border-top:1px solid #e0e0e0;color:#444;display:flex;font-size:13px;gap:8px;padding-top:16px}.card-footer svg{color:#666;flex-shrink:0}@media (max-width:480px){.card{max-width:100%;padding:16px}.card-tags{gap:6px}.tag-button{font-size:12px;padding:6px 16px}}.tag-button.Open Data{background:#5b7cee;color:#fff}.tag-button.Procurement{background:#ff9f43;color:#fff}.tag-button.PEPS{background:#e009ca;color:#fff}.tag-button:hover{box-shadow:0 2px 8px #00000026}.card-link{color:inherit;text-decoration:none}.card-link:hover .card-title{color:#f40}*{font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif}.landing-container{background-color:#f5f0e8;flex-direction:column;min-height:100vh}.landing-container,.top-bar{align-items:center;display:flex;width:100%}.top-bar{background-color:#534c4c;height:60px;justify-content:space-between;padding:0 16px}.add-member{background-color:#fdd835;border:none;border-radius:20px;cursor:pointer;font-weight:500;padding:8px 14px}.profile-icon{color:#fff;font-size:22px}.profile-wrapper{cursor:pointer;position:relative}.profile-dropdown{background:#fff;border-radius:10px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:36px;z-index:100}.dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px}.dropdown-item:last-child{border-bottom:none}.dropdown-item.logout{color:#e53935}.dropdown-item:hover{background-color:#f5f5f5}.arrow{color:#999;font-size:18px}.content{flex:1 1;max-width:480px;padding:24px 20px;width:100%}.content h1{font-size:45px;font-weight:bolder;margin:0}.content h2{font-size:18px;font-weight:600;margin-top:0}.search-box{margin-top:16px;position:relative}.search-box input{border:none;border-radius:20px;outline:none;padding:10px 40px 10px 14px;width:100%}.search-icon{cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.people-count{font-size:12px;margin-top:8px}.card-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:16px}@media (min-width:768px){.top-bar{padding:0 32px}.content{max-width:900px;padding:28px 32px}.search-box{max-width:480px}.card-list{gap:14px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.top-bar{padding:0 48px}.content{max-width:1400px;padding:32px 48px}.search-box{max-width:560px}.card-list{gap:16px;grid-template-columns:repeat(3,1fr)}.content h1{font-size:52px}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:24px;padding-bottom:32px}.pagination-btn{background:#fff;border:1px solid #d0c8bc;border-radius:8px;color:#534c4c;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;height:36px;min-width:36px;padding:0 10px;transition:background .15s,color .15s}.pagination-btn--active,.pagination-btn:hover:not(:disabled){background:#534c4c;color:#fff}.pagination-btn--active{border-color:#534c4c;font-weight:700}.pagination-btn:disabled{cursor:default;opacity:.35}.member-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.member-header{align-items:center;background:#f5f0e8;display:flex;gap:16px;padding:20px}.member-header-title{color:#1a1a1a;font-size:28px;font-weight:800;margin:0}.member-content{margin:0 auto;max-width:600px;padding:0 20px 40px}.profile-avatar .avatar-preview{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar{margin:0 auto 32px}.form-input:focus,.form-textarea:focus{border-color:#d4e157;box-shadow:0 0 0 3px #029aff1a}.form-input::placeholder,.form-textarea::placeholder{color:#000}.tag-container{display:flex;flex-wrap:wrap;gap:8px}.tag-pill-wrap{display:inline-block;position:relative}.tag-pill-tooltip{background:#2c2c2c;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0003;color:#ede8dc;display:none;font-size:12px;line-height:1.5;max-width:200px;padding:8px 12px;pointer-events:none;text-align:center;white-space:normal;width:-webkit-max-content;width:max-content;z-index:30}.tag-pill-tooltip,.tag-pill-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tag-pill-tooltip:after{border:5px solid #0000;border-top-color:#2c2c2c;content:"";top:100%}.tag-pill-wrap:hover .tag-pill-tooltip{display:block}.tag{border-radius:20px;box-shadow:0 1px 4px #0000001a;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;padding:6px 14px}.tag-primary{background:#5b7cee;color:#fff}.tag-secondary{background:#ff9f43;color:#fff}.name-card-upload{align-items:center;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.name-card-upload:hover{background:#edf2f7;border-color:#a0aec0}.upload-icon{align-items:center;background:#fff;border-radius:8px;color:#4a5568;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.upload-text{color:#4a5568;font-size:14px;font-weight:500}.note-textarea{resize:none}.name-card-preview-section{margin-bottom:20px}.name-card-image{border-radius:12px;box-shadow:0 2px 8px #0000001f;object-fit:contain;width:100%}.namecard-display{align-items:center;display:flex;gap:10px}.namecard-icon{align-items:center;display:flex;flex-shrink:0}.namecard-link{color:#534c4c;cursor:pointer;font-size:14px;text-decoration:underline;word-break:break-all}.namecard-link:hover{color:#000}.namecard-empty{color:#1a1a1a;font-size:14px}@media (min-width:1024px){.member-header{margin:0 auto;max-width:1100px;padding:24px 48px;width:100%}.member-content{max-width:1100px;padding:0 48px 48px}.member-sections-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.member-sections-grid .detail-section{margin-bottom:0}}@media (min-width:768px) and (max-width:1023px){.member-header{padding:20px 32px}.member-content{max-width:800px;padding:0 32px 40px}}@media (max-width:768px){.member-header{padding:16px}.member-header-title{font-size:24px}.member-content{padding:0 16px 32px}.profile-avatar{height:100px;margin-bottom:24px;width:100px}.detail-section{padding:20px}.section-title{font-size:16px}}@media (max-width:480px){.member-header{padding:12px}.member-header-title{font-size:22px}.profile-avatar{height:90px;width:90px}.detail-section{padding:16px}.form-input,.form-textarea{font-size:14px;padding:10px 14px}}.admin-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.admin-header{align-items:center;background:#f5f0e8;display:flex;justify-content:space-between;padding:20px}.admin-header-left{align-items:center;display:flex;gap:16px}.admin-header-title{color:#1a1a1a;font-size:28px;font-weight:800;margin:0}.admin-content{margin:0 auto;max-width:600px;padding:0 20px 40px}.admin-section{margin-bottom:24px}.admin-section-title{color:#1a1a1a;font-size:22px;font-weight:800;margin:0 0 12px}.admin-menu-button{background:#bf4343;border:none;border-radius:16px;box-shadow:0 2px 8px #00000014;color:#e8e8e8;cursor:pointer;font-size:20px;font-weight:700;padding:20px;text-align:center;transition:background .2s ease,box-shadow .2s ease;width:100%}.admin-menu-button:hover{background:#323030;box-shadow:0 4px 12px #0000001f}.admin-profile-wrapper{cursor:pointer;flex-shrink:0;position:relative}.admin-profile-icon{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.admin-profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:44px;z-index:100}.admin-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px}.admin-dropdown-item:last-child{border-bottom:none}.admin-dropdown-item.admin-logout{color:#e53935}.admin-dropdown-item:hover{background-color:#f5f5f5}.admin-arrow{color:#888;font-size:18px}@media (max-width:768px){.admin-header{padding:16px}.admin-header-title{font-size:24px}.admin-content{padding:0 16px 32px}}.addmember-page{background:#b8d4e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.addmember-header{align-items:center;background:#b8d4e8;display:flex;gap:16px;padding:20px}.addmember-header-title{color:#1a1a1a;font-size:28px;font-weight:800;margin:0}.addmember-content{margin:0 auto;max-width:600px;padding:0 20px 40px}.avatar-upload-label{cursor:pointer;display:block;margin:0 auto 32px;width:-webkit-fit-content;width:fit-content}.profile-avatar{align-items:center;background:#6b6b6b;border-radius:50%;color:#fff;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.avatar-preview{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-overlay{align-items:center;background:#00000059;border-radius:50%;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.avatar-upload-label:hover .avatar-overlay{opacity:1}.detail-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:24px}.section-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{color:#4a5568;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.form-hint{color:#a0aec0;font-size:12px;font-weight:400;margin-left:6px}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-input,.form-textarea{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a1a1a;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#72a2eb;box-shadow:0 0 0 3px #7cbff240;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#a0aec0}.form-textarea{font-family:inherit;min-height:100px;resize:vertical}.form-error{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;white-space:pre-line}.form-error,.form-success{font-size:14px;margin-bottom:16px;padding:12px 16px}.form-success{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#276749}.note-section{margin-bottom:20px}.note-title{color:#1a1a1a;font-size:22px;font-weight:800;margin:0 0 12px}.note-textarea{background:#fff;box-sizing:border-box;font-family:inherit;min-height:120px;resize:vertical;width:100%}.name-card-row{display:flex;justify-content:center;margin-bottom:24px}.name-card-button{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:inline-flex;gap:10px;padding:12px 28px;transition:box-shadow .2s ease}.name-card-button:hover{box-shadow:0 4px 14px #0000002e}.name-card-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.name-card-label{color:#c0392b;font-size:16px;font-weight:700;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submit-button{background:#1a1a1a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:background .2s ease,transform .1s ease;width:100%}.submit-button:hover:not(:disabled){background:#333}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{background:#a0aec0;cursor:not-allowed}@media (min-width:1024px){.addmember-header{padding:20px 48px}.addmember-content{grid-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:1fr 1fr;max-width:900px;padding:0 48px 48px}.addmember-content>.avatar-upload-label,.addmember-content>form{grid-column:1/-1}}@media (min-width:768px) and (max-width:1023px){.addmember-header{padding:20px 32px}.addmember-content{max-width:760px;padding:0 32px 40px}}@media (max-width:768px){.addmember-header{padding:16px}.addmember-header-title{font-size:24px}.addmember-content{padding:0 16px 32px}.profile-avatar{height:100px;margin-bottom:24px;width:100px}.detail-section{padding:20px}.section-title{font-size:16px}}@media (max-width:480px){.addmember-header{padding:12px}.addmember-header-title{font-size:22px}.profile-avatar{height:90px;width:90px}.detail-section{padding:16px}.form-input,.form-textarea{font-size:14px;padding:10px 14px}}.requirement-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.requirement-header{align-items:center;background:#f5f0e8;display:flex;gap:16px;padding:20px}.requirement-header-title{color:#1a1a1a;font-size:28px;font-weight:800;margin:0}.requirement-content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:600px;padding:0 20px 40px}.requirement-empty,.requirement-loading{color:#1a1a1a;font-size:16px;padding:40px 0;text-align:center}.req-card{border-radius:16px;padding:16px 20px}.req-card-header{font-size:15px;font-weight:700;margin:0 0 10px}.req-card-date{color:#718096;font-size:13px;font-weight:400}.req-card-list{margin:0 0 12px;padding-left:20px}.req-card-list li{color:#2d3748;font-size:14px;list-style:disc}.req-edit-button{background:#ff4b48;border:none;border-radius:20px;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:700;padding:6px 22px;transition:background .2s ease}.req-edit-button:hover{background:#f7ca4d}@media (max-width:768px){.requirement-header{padding:16px}.requirement-header-title{font-size:24px}.requirement-content{padding:0 16px 32px}}.approve-page{background:#f0ede4;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.approve-loading{color:#1a1a1a;font-size:16px;padding:60px 20px;text-align:center}.approve-header{align-items:flex-start;background:#f0ede4;display:flex;gap:12px;padding:20px}.back-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-top:2px;padding:8px;transition:background .2s ease}.back-button:hover{background:#0000000d}.approve-header-text{display:flex;flex-direction:column;gap:2px}.approve-header-title{color:#1a1a1a;font-size:28px;font-style:italic;font-weight:800;margin:0}.approve-submit-info{color:#555;font-size:13px;margin:8px 0 20px;text-align:center}.approve-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:0 20px 60px}.approve-avatar-label{cursor:pointer;margin-bottom:20px}.approve-avatar{align-items:center;background:#6b6b6b;border-radius:50%;display:flex;height:90px;justify-content:center;overflow:hidden;width:90px}.approve-avatar-img{height:100%;object-fit:cover;width:100%}.approve-section{background:#fff;border-radius:20px;box-sizing:border-box;margin-bottom:16px;padding:20px;width:100%}.approve-section-title{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 16px}.approve-form-group{margin-bottom:14px}.approve-form-group:last-child{margin-bottom:0}.approve-label{color:#888;display:block;font-size:12px;margin-bottom:6px}.approve-input{background:#f2f2f2;border:none;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-size:14px;outline:none;padding:12px 14px;transition:background .2s ease;width:100%}.approve-input:focus{background:#b8d4e8}.approve-input::placeholder{color:#bbb}.approve-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.approve-note-section{background:#fff;border-radius:20px;box-sizing:border-box;margin-bottom:16px;margin-top:8px;padding:20px;width:100%}.approve-note-title{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 12px}.approve-textarea{line-height:1.5;min-height:90px;padding:12px 14px;resize:none}.approve-namecard-section{background:#fff;border-radius:20px;box-sizing:border-box;margin-bottom:16px;padding:20px;width:100%}.approve-namecard-display{align-items:center;display:flex;gap:10px}.approve-namecard-icon{align-items:center;display:flex;flex-shrink:0}.approve-namecard-filename{color:#1a1a1a;font-size:14px}.approve-namecard-link{color:#534c4c;cursor:pointer;text-decoration:underline;word-break:break-all}.approve-namecard-link:hover{color:#000}.approve-error{background:#fff0f0;color:#c00}.approve-error,.approve-success{border-radius:12px;box-sizing:border-box;font-size:14px;margin-bottom:16px;padding:12px 16px;width:100%}.approve-success{background:#f0fff4;color:#1a7a3a}.approve-action-row{display:flex;gap:12px;margin-top:4px;width:100%}.approve-upload-button{background:#3dba7f;border:none;border-radius:20px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 0;transition:background .2s ease}.approve-upload-button:hover:not(:disabled){background:#34a46e}.approve-upload-button:disabled{background:#a8d5be;cursor:not-allowed}.approve-delete-button{background:#ff4b48;border:none;border-radius:20px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 0;transition:background .2s ease}.approve-delete-button:hover:not(:disabled){background:#e03c39}.approve-delete-button:disabled{background:#ffb3b2;cursor:not-allowed}@media (min-width:1024px){.approve-header{padding:0 48px}.approve-content{max-width:1000px;padding:0 48px 60px}.approve-section{width:100%}.approve-sections-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.approve-sections-grid .approve-section{margin-bottom:0}}@media (min-width:768px) and (max-width:1023px){.approve-header{padding:0 32px}.approve-content{max-width:800px;padding:0 32px 60px}}@media (max-width:768px){.approve-header{padding:16px}.approve-header-title{font-size:24px}.approve-content{padding:0 16px 48px}}.mm-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.mm-header{align-items:flex-start;background:#f5f0e8;display:flex;gap:12px;padding:20px 20px 0}.mm-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-top:4px;padding:8px;transition:background .2s ease}.mm-back-btn:hover{background:#0000000f}.mm-title{color:#1a1a1a;font-size:32px;font-style:italic;font-weight:800;line-height:1.15;margin:0}.mm-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:720px;padding:24px 20px 48px}.mm-loading{color:#555;font-size:15px;margin:32px 0}.mm-table-wrapper{border-radius:14px;box-shadow:0 2px 12px #00000026;margin-bottom:20px;overflow:hidden;width:100%}.mm-table{background:#0000;border-collapse:collapse}.mm-table,.mm-table thead{table-layout:fixed;width:100%}.mm-table thead{display:table}.mm-table tbody{display:block;max-height:520px;overflow-y:auto;scrollbar-color:#d4a574 #0000;scrollbar-width:thin}.mm-table tbody::-webkit-scrollbar{width:5px}.mm-table tbody::-webkit-scrollbar-track{background:#0000}.mm-table tbody::-webkit-scrollbar-thumb{background:#bf4343;border-radius:10px}.mm-table tbody::-webkit-scrollbar-thumb:hover{background:#a33535}.mm-table tbody tr{display:table;table-layout:fixed;width:100%}.mm-th{background:#bf4343;color:#fff;font-size:14px;font-weight:700;padding:14px;text-align:left}.mm-th-no{text-align:center;width:48px}.mm-th-manage{text-align:center;width:120px}.mm-tr{background:#edeae4}.mm-tr:not(:last-child){border-bottom:1px solid #b3aea7}.mm-td{color:#1a1a1a;font-size:14px;padding:13px 14px}.mm-td-no{color:#555;text-align:center;width:48px}.mm-td-manage{text-align:center;width:120px}.mm-edit-btn{background:#584c46;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .2s ease;white-space:nowrap}.mm-edit-btn:hover{background:#a33535}.mm-empty{color:#170303;padding:20px}.mm-add-label,.mm-empty{font-size:14px;text-align:center}.mm-add-label{color:#1a1a1a;font-weight:500;margin:4px 0 12px}.mm-csv-btn{align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 2px 8px #0000001a;color:#e53935;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:16px;padding:12px 28px;transition:background .2s ease}.mm-csv-btn:hover{background:#f5f5f5}.mm-error{color:#c62828}.mm-error,.mm-success{font-size:13px;margin:4px 0}.mm-success{color:#2e7d32}.mm-save-btn{background:#4caf50;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:2px;margin-top:8px;padding:14px 56px;transition:background .2s ease}.mm-save-btn:hover{background:#388e3c}.mm-save-btn:disabled{cursor:not-allowed;opacity:.6}.mu-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.mu-header{align-items:flex-start;background:#f5f0e8;display:flex;gap:12px;padding:20px 20px 0}.mu-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-top:4px;padding:8px;transition:background .2s ease}.mu-back-btn:hover{background:#0000000f}.mu-title{color:#1a1a1a;font-size:32px;font-style:italic;font-weight:800;line-height:1.15;margin:0}.mu-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:720px;padding:24px 20px 48px}.mu-loading{color:#555;font-size:15px;margin:32px 0}.mu-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:14px;box-shadow:0 2px 12px #00000026;margin-bottom:20px;overflow-x:auto;overflow-y:hidden;width:100%}.mu-table{background:#0000;border-collapse:collapse;min-width:380px;table-layout:fixed;width:100%}.mu-th{background:#5b9bd5;color:#fff;font-size:14px;font-weight:700;padding:14px;text-align:left}.mu-th-no{text-align:center;width:44px}.mu-th-type{width:80px}.mu-th-manage{text-align:center;width:108px}.mu-tr{background:#edeae4}.mu-tr:not(:last-child){border-bottom:1px solid #b3aea7}.mu-td{color:#1a1a1a;font-size:14px;padding:13px 14px}.mu-td-no{color:#555;text-align:center;width:44px}.mu-td-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mu-td-type{color:#555;width:80px}.mu-td-manage{text-align:center;width:108px}.mu-edit-btn{background:#bf4343;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .2s ease;white-space:nowrap}.mu-edit-btn:hover{background:#3e3530}.mu-empty{padding:20px}.mu-add-label,.mu-empty{color:#1a1a1a;font-size:14px;text-align:center}.mu-add-label{font-weight:500;margin:4px 0 12px}.mu-csv-btn{align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 2px 8px #0000001a;color:#e53935;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:16px;padding:12px 28px;transition:background .2s ease}.mu-csv-btn:hover{background:#f5f5f5}.mu-error{color:#c62828}.mu-error,.mu-success{font-size:13px;margin:4px 0}.mu-success{color:#2e7d32}.mu-new-btn{background:#1a1a1a;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:13px 32px;transition:background .2s ease}.mu-new-btn:hover{background:#333}.em-avatar-label{cursor:pointer;display:block;margin:0 auto 32px;width:-webkit-fit-content;width:fit-content}.em-avatar-label .profile-avatar{overflow:hidden;position:relative}.em-avatar-overlay{align-items:center;background:#00000059;border-radius:50%;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.em-avatar-label:hover .em-avatar-overlay{opacity:1}.em-namecard-row{display:flex;justify-content:center;margin-bottom:20px}.em-namecard-btn{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:inline-flex;gap:10px;padding:12px 20px;transition:box-shadow .2s ease}.em-namecard-btn:hover{box-shadow:0 4px 14px #0000002e}.em-namecard-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.em-namecard-label{color:#c0392b;font-size:16px;font-weight:700;white-space:nowrap}.expertise-pills{display:flex;flex-wrap:wrap;gap:8px}.expertise-pill{background:#f5f2ee;border:2px solid #e0ddd8;border-radius:20px;box-shadow:0 1px 4px #00000012;color:#666;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.2px;padding:8px 16px;transition:all .15s ease}.expertise-pill:hover{background:#ece8e2;border-color:#bbb;box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.expertise-pill--active{border-color:#0000;box-shadow:0 2px 10px #0000002e}.expertise-pill-wrap{display:inline-block;position:relative}.expertise-pill-tooltip{background:#2c2c2c;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0003;color:#ede8dc;display:none;font-size:12px;left:50%;line-height:1.5;max-width:200px;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:normal;width:-webkit-max-content;width:max-content;z-index:30}.expertise-pill-tooltip:after{border:5px solid #0000;border-top-color:#2c2c2c;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.expertise-pill-wrap:hover .expertise-pill-tooltip{display:block}.other-expertise-fields{display:flex;flex-direction:column;gap:8px;margin-top:10px}.other-expertise-desc{font-family:inherit;line-height:1.5;min-height:72px;resize:vertical}.em-tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;margin-left:6px;opacity:.7;padding:0 2px}.em-tag-remove:hover{opacity:1}.em-tag-input-row{display:flex;gap:8px;margin-top:10px}.em-tag-input{flex:1 1;margin-bottom:0!important}.em-tag-add-btn{background:#5b7cee;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:22px;transition:background .2s ease;width:42px}.em-tag-add-btn:hover{background:#4a6bdd}.em-action-row{display:flex;gap:12px;margin-bottom:24px;margin-top:8px}.em-save-btn{background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px;transition:background .2s ease}.em-save-btn:hover:not(:disabled){background:#388e3c}.em-save-btn:disabled{cursor:not-allowed;opacity:.6}.em-delete-btn{background:#e53935;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px;transition:background .2s ease}.em-delete-btn:hover:not(:disabled){background:#c62828}.em-delete-btn:disabled{cursor:not-allowed;opacity:.6}.em-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.em-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:28px 24px;text-align:center;width:280px}.em-modal-text{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 20px}.em-modal-actions{display:flex;gap:10px}.em-modal-cancel{background:#f0f0f0;border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px}.em-modal-cancel:hover{background:#e0e0e0}.em-modal-confirm{background:#e53935;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px}.em-modal-confirm:hover:not(:disabled){background:#c62828}.em-modal-confirm-save{background:#4caf50}.em-modal-confirm-save:hover:not(:disabled){background:#388e3c}.em-modal-confirm:disabled{cursor:not-allowed;opacity:.6}.em-crop-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:24px;text-align:center;width:340px}.em-crop-container{background:#1a1a1a;border-radius:12px;height:280px;margin-bottom:16px;overflow:hidden;position:relative;width:100%}.em-crop-zoom{align-items:center;color:#888;display:flex;font-size:18px;gap:10px;justify-content:center;margin-bottom:20px}.em-crop-slider{accent-color:#4caf50;cursor:pointer;flex:1 1;max-width:200px}@media (min-width:1024px){.member-content{max-width:1100px;padding:0 48px 48px}.em-sections-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.em-sections-grid .detail-section{margin-bottom:0}}@media (min-width:768px) and (max-width:1023px){.member-content{max-width:800px;padding:0 32px 40px}}.eu-page{background:#f0ede4;flex-direction:column;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;padding-bottom:48px}.eu-loading,.eu-page{align-items:center;display:flex;min-height:100vh}.eu-loading{color:#1a1a1a;font-size:16px;justify-content:center}.eu-header{align-self:flex-start;gap:12px;padding:24px 20px 16px;width:100%}.eu-back-btn,.eu-header{align-items:center;display:flex}.eu-back-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;justify-content:center;padding:6px;transition:background .2s ease}.eu-back-btn:hover{background:#0000001a}.eu-title{color:#1a1a1a;font-size:28px;font-style:italic;font-weight:800;margin:0}.eu-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001f;max-width:440px;padding:28px 24px;width:calc(100% - 40px)}.eu-field{margin-bottom:20px}.eu-field:last-child{margin-bottom:0}.eu-label{display:block;font-weight:600;margin-bottom:8px}.eu-input,.eu-label{color:#1a1a1a;font-size:15px}.eu-input{background:#ece9e5;border:none;border-radius:12px;box-sizing:border-box;font-weight:500;outline:none;padding:13px 16px;transition:background .2s ease;width:100%}.eu-input:focus{background:#b8d4e8}.eu-select{-webkit-appearance:auto;appearance:auto;background:#f0f0f0;border:1px solid #ddd;border-radius:20px;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:8px 32px 8px 14px}.eu-reset-btn{background:#bf4343;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:background .2s ease;width:100%}.eu-reset-btn:hover{background:#a92118;color:#1a1a1a}.eu-action-row{display:flex;gap:16px;margin-top:28px}.eu-done-btn{background:#4caf50;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:800;letter-spacing:1px;padding:13px 36px;transition:background .2s ease}.eu-done-btn:hover:not(:disabled){background:#388e3c}.eu-done-btn:disabled{cursor:not-allowed;opacity:.6}.eu-delete-btn{background:#e53935;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:13px 36px;transition:background .2s ease}.eu-delete-btn:hover:not(:disabled){background:#a93226}.eu-delete-btn:disabled{cursor:not-allowed;opacity:.6}.eu-pw-modal{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000002e;padding:32px 28px 28px;position:relative;text-align:center;width:320px}.eu-pw-close{background:none;border:none;color:#e53935;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:4px;position:absolute;right:12px;top:12px}.eu-pw-close:hover{opacity:.7}.eu-pw-title{color:#1a1a1a;font-size:22px;font-weight:800;margin:0 0 24px}.eu-pw-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.eu-pw-box{background:#fdd835;border-radius:14px;color:#1a1a1a;flex:1 1;font-size:20px;font-weight:700;letter-spacing:2px;padding:14px 22px}.eu-pw-copy{align-items:center;background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:border-color .2s ease;width:44px}.eu-pw-copy:hover{border-color:#aaa}.eu-pw-refresh{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin:0 auto;padding:8px;transition:background .2s ease}.eu-pw-refresh:hover{background:#0000000f}.eu-pw-save-btn{background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:12px;transition:background .2s ease;width:100%}.eu-pw-save-btn:hover{background:#388e3c}.eu-pw-confirmed{color:#2e7d32;display:block;font-size:13px;font-weight:600;margin-top:6px}.eu-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.eu-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:28px 24px;text-align:center;width:280px}.eu-modal-text{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 20px}.eu-modal-actions{display:flex;gap:10px}.eu-modal-cancel{background:#f0f0f0;border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px}.eu-modal-cancel:hover{background:#e0e0e0}.eu-modal-confirm{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px}.eu-modal-confirm:disabled{cursor:not-allowed;opacity:.6}.eu-modal-confirm-save{background:#4caf50;color:#fff}.eu-modal-confirm-save:hover:not(:disabled){background:#388e3c}.eu-modal-confirm-delete{background:#e53935;color:#fff}.eu-modal-confirm-delete:hover:not(:disabled){background:#a93226}.eu-input--error{border-color:#e53935!important;outline-color:#e53935}.eu-field-error{color:#e53935;display:block;font-size:12px;margin-top:4px}.nu-page{background:#b8d4e8;flex-direction:column;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh;padding-bottom:48px}.nu-header,.nu-page{align-items:center;display:flex}.nu-header{align-self:flex-start;gap:12px;padding:24px 20px 16px;width:100%}.nu-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:background .2s ease}.nu-back-btn:hover{background:#00000014}.nu-title{color:#1a1a1a;font-size:28px;font-style:italic;font-weight:800;margin:0}.nu-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001f;gap:20px;max-width:440px;padding:28px 24px;width:calc(100% - 40px)}.nu-card,.nu-field{display:flex;flex-direction:column}.nu-field{gap:8px}.nu-label{font-weight:600}.nu-input,.nu-label{color:#1a1a1a;font-size:15px}.nu-input{background:#ece9e5;border:none;border-radius:12px;box-sizing:border-box;font-family:inherit;font-weight:500;outline:none;padding:13px 16px;transition:background .2s ease;width:100%}.nu-input:focus{background:#b8d4e8}.nu-input::placeholder{color:#aaa}.nu-select{-webkit-appearance:auto;appearance:auto;background:#f0f0f0;border:1px solid #ddd;border-radius:20px;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;outline:none;padding:8px 32px 8px 14px;width:-webkit-fit-content;width:fit-content}.nu-pw-row{align-items:center;display:flex;gap:12px}.nu-pw-box{background:#fdd835;border-radius:14px;color:#1a1a1a;flex:1 1;font-size:17px;font-weight:700;letter-spacing:2px;padding:13px 18px}.nu-pw-copy{align-items:center;background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:border-color .2s ease;width:44px}.nu-pw-copy:hover{border-color:#aaa}.nu-save-btn{background:#4caf50;border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;margin-top:4px;padding:14px;transition:background .2s ease;width:100%}.nu-save-btn:hover:not(:disabled){background:#388e3c}.nu-save-btn:disabled{cursor:not-allowed;opacity:.6}.nu-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.nu-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:28px 24px;text-align:center;width:280px}.nu-modal-text{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 20px}.nu-modal-actions{display:flex;gap:10px}.nu-modal-cancel{background:#f0f0f0;border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;padding:12px}.nu-modal-cancel:hover{background:#e0e0e0}.nu-modal-confirm{background:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;padding:12px}.nu-modal-confirm:hover:not(:disabled){background:#388e3c}.nu-modal-confirm:disabled{cursor:not-allowed;opacity:.6}.nu-input--error{border-color:#e53935!important;outline-color:#e53935}.nu-field-error{color:#e53935;display:block;font-size:12px;margin-top:4px}.dm-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.dm-header{background:#f5f0e8;justify-content:space-between;padding:20px 20px 0}.dm-header,.dm-header-left{align-items:center;display:flex}.dm-header-left{gap:12px}.dm-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:background .2s ease}.dm-back-btn:hover{background:#0000000f}.dm-title{color:#1a1a1a;font-size:28px;font-style:italic;font-weight:800;margin:0}.dm-content{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:480px;padding:32px 20px 48px}.dm-menu-btn{align-items:center;background:#eda7a7;border:none;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:16px;padding:18px 24px;transition:background .2s ease,box-shadow .2s ease;width:100%}.dm-menu-btn:hover{background:#eda7a7;box-shadow:0 4px 12px #0000001f}.dm-plus{color:#1a1a1a;flex-shrink:0;font-size:24px;font-weight:400;line-height:1;text-align:center;width:28px}.dm-menu-label{color:#1a1a1a;font-size:18px;font-weight:600}.dm-profile-wrapper{cursor:pointer;flex-shrink:0;position:relative}.dm-profile-icon{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.dm-profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:44px;z-index:100}.dm-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px}.dm-dropdown-item:last-child{border-bottom:none}.dm-dropdown-item.dm-logout{color:#e53935}.dm-dropdown-item:hover{background-color:#f5f5f5}.dm-arrow{color:#888;font-size:18px}@media (max-width:768px){.dm-header{padding:16px 16px 0}.dm-title{font-size:24px}.dm-content{padding:24px 16px 40px}}.ae-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.ae-header{background:#f5f0e8;justify-content:space-between;padding:20px 20px 0}.ae-header,.ae-header-left{align-items:center;display:flex}.ae-header-left{gap:12px}.ae-profile-wrapper{cursor:pointer;flex-shrink:0;position:relative}.ae-profile-icon{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.ae-profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:44px;z-index:100}.ae-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px}.ae-dropdown-item:last-child{border-bottom:none}.ae-dropdown-item.ae-logout{color:#e53935}.ae-dropdown-item:hover{background-color:#f5f5f5}.ae-arrow{color:#888;font-size:18px}.ae-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:background .2s ease}.ae-back-btn:hover{background:#0000000f}.ae-title{color:#1a1a1a;font-size:28px;font-style:italic;font-weight:800;margin:0}.ae-content{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:480px;padding:24px 20px 48px}.ae-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000001a;overflow:hidden;padding-bottom:16px;width:100%}.ae-search-row{align-items:center;border-bottom:1px solid #e8e4de;display:flex;gap:10px;padding:14px 16px}.ae-search-input{background:#0000;border:none;color:#888;flex:1 1;font-family:inherit;font-size:14px;outline:none}.ae-icon-menu,.ae-icon-search{color:#555;flex-shrink:0}.ae-list{max-height:320px;overflow-y:auto;scrollbar-color:#bf4343 #0000;scrollbar-width:thin}.ae-list::-webkit-scrollbar{width:4px}.ae-list::-webkit-scrollbar-thumb{background:#bf4343;border-radius:10px}.ae-list-item{align-items:center;border-bottom:1px solid #f0ece6;display:flex;gap:10px;justify-content:space-between;padding:13px 16px}.ae-list-item:last-child{border-bottom:none}.ae-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ae-item-label{color:#1a1a1a;font-size:15px;font-weight:700}.ae-item-desc{color:#999;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ae-item-desc--empty{color:#ccc;font-style:italic}.ae-item-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.ae-delete-btn,.ae-edit-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s ease}.ae-edit-btn:hover{background:#1e88e51a;color:#1e88e5}.ae-delete-btn:hover{background:#bf43431a;color:#bf4343}.ae-add-label{color:#555;font-size:13px;margin:12px 16px 8px}.ae-add-row-btn{background:#f5f0e8;border:none;border-radius:12px;color:#1a1a1a;cursor:pointer;display:block;font-family:inherit;font-size:15px;font-weight:700;margin:0 16px;padding:13px;text-align:center;transition:background .2s ease;width:calc(100% - 32px)}.ae-add-row-btn:hover{background:#e8e3db}.ae-error{color:#c62828}.ae-error,.ae-success{font-size:13px;margin:0}.ae-success{color:#2e7d32}.ae-submit-btn{background:#1a1a1a;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:14px 56px;transition:background .2s ease}.ae-submit-btn:hover{background:#bf4343}.ae-submit-btn:disabled{cursor:not-allowed;opacity:.6}.ae-edit-modal{max-width:380px!important}.ae-modal-title{color:#1a1a1a;font-size:17px;font-weight:700;margin:0 0 4px}.ae-edit-role-name{color:#555;font-size:14px;margin:0 0 16px}.ae-edit-textarea{border:1.5px solid #e0dbd4;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:16px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s ease;width:100%}.ae-edit-textarea:focus{border-color:#1e88e5}.ae-modal-save{background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;padding:12px;transition:background .2s ease}.ae-modal-save:hover{background:#388e3c}.ae-modal-save:disabled{cursor:not-allowed;opacity:.6}.ae-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.ae-modal{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000002e;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;max-width:320px;padding:28px 24px 24px;width:100%}.ae-modal-text{color:#1a1a1a;font-size:16px;line-height:1.5;margin:0 0 24px;text-align:center}.ae-modal-actions{display:flex;gap:12px}.ae-modal-cancel{background:#f5f0e8;border:none;border-radius:12px;color:#1a1a1a;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;padding:12px;transition:background .2s ease}.ae-modal-cancel:hover{background:#e8e3db}.ae-modal-confirm{background:#bf4343;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;padding:12px;transition:background .2s ease}.ae-modal-confirm:hover{background:#a33636}@media (max-width:768px){.ae-header{padding:16px 16px 0}.ae-title{font-size:24px}.ae-content{padding:20px 16px 40px}}.popup-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.popup-box{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000002e;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;max-width:340px;padding:24px 24px 28px;width:100%}.popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.popup-title{color:#1a1a1a;font-size:20px;font-style:italic;font-weight:800;margin:0}.popup-close-btn{align-items:center;background:#0000;border:2px solid #bf4343;border-radius:6px;color:#bf4343;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:background .2s ease;width:32px}.popup-close-btn:hover{background:#bf434314}.popup-label{color:#555;font-size:13px;margin:0 0 10px}.popup-input{border:1.5px solid #e0dbd4;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:15px;margin-bottom:14px;outline:none;padding:12px 14px;transition:border-color .2s ease;width:100%}.popup-textarea{line-height:1.5;min-height:72px;resize:vertical}.popup-input:focus{border-color:#bf4343}.popup-input::placeholder{color:#aaa}.popup-error{color:#c62828;font-size:12px;margin:8px 0 0}.popup-submit-btn{background:#1a1a1a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:13px;transition:background .2s ease;width:100%}.popup-submit-btn:hover{background:#bf4343}.popup-submit-btn:disabled{cursor:not-allowed;opacity:.6}.tu-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.tu-header{background:#f5f0e8;justify-content:space-between;padding:20px 20px 0}.tu-header,.tu-header-left{align-items:center;display:flex}.tu-header-left{gap:12px}.tu-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:background .2s ease}.tu-back-btn:hover{background:#0000000f}.tu-title{color:#1a1a1a;font-size:28px;font-style:italic;font-weight:800;margin:0}.tu-profile-wrapper{cursor:pointer;flex-shrink:0;position:relative}.tu-profile-icon{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.tu-profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:44px;z-index:100}.tu-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px}.tu-dropdown-item:last-child{border-bottom:none}.tu-dropdown-item.tu-logout{color:#e53935}.tu-dropdown-item:hover{background-color:#f5f5f5}.tu-arrow{color:#888;font-size:18px}.tu-content{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:480px;padding:24px 20px 48px}.tu-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000001a;overflow:hidden;padding-bottom:16px;width:100%}.tu-search-row{align-items:center;border-bottom:1px solid #e8e4de;display:flex;gap:10px;padding:14px 16px}.tu-search-input{background:#0000;border:none;color:#888;flex:1 1;font-family:inherit;font-size:14px;outline:none}.tu-list{max-height:320px;overflow-y:auto;scrollbar-color:#bf4343 #0000;scrollbar-width:thin}.tu-list::-webkit-scrollbar{width:4px}.tu-list::-webkit-scrollbar-thumb{background:#bf4343;border-radius:10px}.tu-list-item{align-items:center;border-bottom:1px solid #f0ece6;display:flex;gap:10px;justify-content:space-between;padding:13px 16px;position:relative}.tu-list-item:last-child{border-bottom:none}.tu-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;position:relative}.tu-item-label{color:#1a1a1a;font-size:15px;font-weight:700}.tu-item-desc{color:#999;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tu-item-desc--empty{color:#ccc;font-style:italic}.tu-item-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.tu-delete-btn,.tu-edit-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s ease}.tu-edit-btn:hover{background:#1e88e51a;color:#1e88e5}.tu-delete-btn:hover{background:#bf43431a;color:#bf4343}.tu-edit-modal{max-width:380px!important}.tu-modal-title{color:#1a1a1a;font-size:17px;font-weight:700;margin:0 0 4px}.tu-edit-role-name{color:#555;font-size:14px;margin:0 0 16px}.tu-edit-textarea{border:1.5px solid #e0dbd4;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:16px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s ease;width:100%}.tu-edit-textarea:focus{border-color:#1e88e5}.tu-modal-save{background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;padding:12px;transition:background .2s ease}.tu-modal-save:hover{background:#388e3c}.tu-modal-save:disabled{cursor:not-allowed;opacity:.6}.tu-add-label{color:#555;font-size:13px;margin:12px 16px 8px}.tu-add-row-btn{background:#f5f0e8;border:none;border-radius:12px;color:#1a1a1a;cursor:pointer;display:block;font-family:inherit;font-size:15px;font-weight:700;margin:0 16px;padding:13px;text-align:center;transition:background .2s ease;width:calc(100% - 32px)}.tu-add-row-btn:hover{background:#e8e3db}.tu-error{color:#c62828;font-size:13px;margin:0}.tu-submit-btn{background:#1a1a1a;border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:1px;padding:14px 56px;transition:background .2s ease}.tu-submit-btn:hover{background:#bf4343}.tu-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.tu-modal{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000002e;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;max-width:320px;padding:28px 24px 24px;width:100%}.tu-modal-text{color:#1a1a1a;font-size:16px;line-height:1.5;margin:0 0 24px;text-align:center}.tu-modal-actions{display:flex;gap:12px}.tu-modal-cancel{background:#f5f0e8;border:none;border-radius:12px;color:#1a1a1a;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;padding:12px;transition:background .2s ease}.tu-modal-cancel:hover{background:#e8e3db}.tu-modal-confirm{background:#bf4343;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;padding:12px;transition:background .2s ease}.tu-modal-confirm:hover{background:#a33636}@media (max-width:768px){.tu-header{padding:16px 16px 0}.tu-title{font-size:22px}.tu-content{padding:20px 16px 40px}}.ptu-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.ptu-box{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000002e;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;max-width:340px;padding:24px 24px 28px;width:100%}.ptu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ptu-title{color:#1a1a1a;font-size:20px;font-style:italic;font-weight:800;margin:0}.ptu-close-btn{align-items:center;background:#0000;border:2px solid #bf4343;border-radius:6px;color:#bf4343;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:background .2s ease;width:32px}.ptu-close-btn:hover{background:#bf434314}.ptu-label{color:#555;font-size:13px;margin:0 0 10px}.ptu-input{border:1.5px solid #e0dbd4;border-radius:10px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s ease;width:100%}.ptu-input:focus{border-color:#bf4343}.ptu-input::placeholder{color:#aaa}.ptu-error{color:#c62828;font-size:12px;margin:8px 0 0}.ptu-submit-btn{background:#1a1a1a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:13px;transition:background .2s ease;width:100%}.ptu-submit-btn:hover{background:#bf4343}.ptu-submit-btn:disabled{cursor:not-allowed;opacity:.6}.profile-page{background:#f0ede4;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.profile-header{align-items:center;background:#f0ede4;display:flex;gap:16px;padding:20px}.profile-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s ease}.profile-back-btn:hover{background:#0000000f}.profile-title{color:#1a1a1a;font-size:28px;font-style:italic;font-weight:800;margin:0}.profile-content{margin:0 auto;max-width:480px;padding:0 20px 48px}.profile-section-heading{color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 12px}.profile-details-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;margin-bottom:28px;padding:20px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field-label{color:#1a1a1a;font-size:13px;font-weight:500}.profile-field-value{background:#ece9e5;border-radius:8px;color:#1a1a1a;font-size:15px;font-weight:500;padding:10px 14px}.profile-field-muted{color:#000}.reset-password-btn{background:#bf4343;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background .2s ease;width:100%}.reset-password-btn:hover{background:#a92118}.request-list{display:flex;flex-direction:column;gap:14px}.req-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #00000014;padding:14px 16px}.req-card-header{align-items:center;color:#1a1a1a;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:6px;justify-content:space-between;margin-bottom:10px}.req-status-badge{border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.status-pending{background:#fff8e1;border:1px solid #ffe082;color:#b8860b}.status-approved{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.status-rejected{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.req-card-list{display:flex;flex-direction:column;gap:4px;margin:0;padding-left:18px}.req-card-list li{color:#333;font-size:13px}.req-label{color:#1a1a1a;font-weight:600}.req-card-footer{display:flex;justify-content:flex-end;margin-top:10px}.cancel-request-btn{background:#e53935;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 20px;transition:background .2s ease}.cancel-request-btn:hover{background:#c62828}.profile-empty{color:#555;font-size:14px;padding:8px 0}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.modal-card{background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:22px;max-width:380px;padding:28px 24px 36px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-title{color:#1a1a1a;font-size:26px;font-style:italic;font-weight:800;margin:0}.modal-close-btn{align-items:center;background:#0000;border:2px solid #e53935;border-radius:8px;color:#e53935;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:38px;justify-content:center;transition:background .15s ease;width:38px}.modal-close-btn:hover{background:#e5393514}.modal-field{display:flex;flex-direction:column;gap:8px}.modal-label{color:#1a1a1a;font-size:14px;font-weight:600}.modal-input{background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-size:15px;outline:none;padding:14px 16px;transition:border-color .2s ease;width:100%}.modal-input::placeholder{color:#bbb}.modal-input:focus{border-color:#aab800}.modal-save-btn{align-self:center;background:#4caf50;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1.5px;margin-top:4px;padding:13px 52px;transition:background .2s ease}.modal-save-btn:hover{background:#388e3c}.fb-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.fb-header{background:#534c4c;height:60px;justify-content:space-between;padding:0 16px}.fb-header,.fb-header-left{align-items:center;display:flex}.fb-header-left{gap:12px}.fb-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;padding:8px;transition:background .2s}.fb-back-btn:hover{background:#ffffff1a}.fb-title{color:#fff;font-size:20px;font-weight:700;margin:0}.fb-profile-wrapper{cursor:pointer;position:relative}.fb-profile-icon{align-items:center;color:#fff;display:flex}.fb-profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:40px;z-index:100}.fb-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px}.fb-dropdown-item:last-child{border-bottom:none}.fb-dropdown-item.fb-logout{color:#e53935}.fb-dropdown-item:hover{background-color:#f5f5f5}.fb-arrow{color:#999;font-size:18px}.fb-content{margin:0 auto;max-width:480px;padding:32px 20px}.fb-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #00000014;padding:28px 24px}.fb-card-title{color:#1a1a1a;font-size:22px;font-weight:800;margin:0 0 4px}.fb-card-desc{color:#888;font-size:14px;margin:0 0 24px}.fb-form-group{margin-bottom:18px}.fb-label{display:block;font-weight:600;margin-bottom:6px}.fb-input,.fb-label{color:#1a1a1a;font-size:14px}.fb-input{background:#faf8f5;border:1.5px solid #e0dbd4;border-radius:12px;box-sizing:border-box;font-family:inherit;outline:none;padding:12px 14px;width:100%}.fb-input:disabled{background:#f0ece6;color:#888}.fb-textarea{background:#faf8f5;border:1.5px solid #e0dbd4;border-radius:12px;box-sizing:border-box;color:#1a1a1a;font-family:inherit;font-size:14px;line-height:1.6;outline:none;padding:14px;resize:vertical;transition:border-color .2s;width:100%}.fb-textarea:focus{border-color:#534c4c}.fb-submit-btn{background:#534c4c;border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;margin-top:8px;padding:14px;transition:background .2s;width:100%}.fb-submit-btn:hover:not(:disabled){background:#bf4343}.fb-submit-btn:disabled{cursor:not-allowed;opacity:.5}.fb-success-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #00000014;padding:48px 24px;text-align:center}.fb-success-icon{margin-bottom:16px}.fb-success-title{color:#1a1a1a;font-size:22px;font-weight:800;margin:0 0 8px}.fb-success-text{color:#888;font-size:14px;margin:0 0 28px}.fb-back-home-btn{background:#534c4c;border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 36px;transition:background .2s}.fb-back-home-btn:hover{background:#bf4343}.fba-page{background:#f5f0e8;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;min-height:100vh}.fba-header{background:#534c4c;height:60px;justify-content:space-between;padding:0 16px}.fba-header,.fba-header-left{align-items:center;display:flex}.fba-header-left{gap:12px}.fba-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;padding:8px;transition:background .2s}.fba-back-btn:hover{background:#ffffff1a}.fba-title{color:#fff;font-size:20px;font-weight:700;margin:0}.fba-profile-wrapper{cursor:pointer;position:relative}.fba-profile-icon{align-items:center;color:#fff;display:flex}.fba-profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:40px;z-index:100}.fba-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;color:#1e1e1e;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px}.fba-dropdown-item:last-child{border-bottom:none}.fba-dropdown-item.fba-logout{color:#e53935}.fba-dropdown-item:hover{background-color:#f5f5f5}.fba-arrow{color:#999;font-size:18px}.fba-content{margin:0 auto;max-width:520px;padding:24px 20px 48px}.fba-count{color:#888;font-size:13px;margin:0 0 16px}.fba-loading{color:#888;margin-top:40px;text-align:center}.fba-empty{color:#aaa;font-size:15px;margin-top:60px;text-align:center}.fba-list{display:flex;flex-direction:column;gap:12px}.fba-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:18px 20px}.fba-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.fba-card-user{display:flex;flex-direction:column;gap:2px}.fba-card-name{color:#1a1a1a;font-size:15px;font-weight:700}.fba-card-email{color:#999;font-size:12px}.fba-delete-btn{background:#0000;border:none;border-radius:6px;color:#bbb;cursor:pointer;padding:6px;transition:background .2s,color .2s}.fba-delete-btn:hover{background:#bf43431a;color:#bf4343}.fba-card-message{color:#333;font-size:14px;line-height:1.6;margin:0 0 10px;white-space:pre-wrap}.fba-card-date{color:#bbb;font-size:11px}.fba-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.fba-modal{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000002e;max-width:320px;padding:28px 24px 24px;width:100%}.fba-modal-text{color:#1a1a1a;font-size:16px;margin:0 0 24px;text-align:center}.fba-modal-actions{display:flex;gap:12px}.fba-modal-cancel{background:#f5f0e8;border:none;border-radius:12px;color:#1a1a1a;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;padding:12px;transition:background .2s}.fba-modal-cancel:hover{background:#e8e3db}.fba-modal-confirm{background:#bf4343;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;padding:12px;transition:background .2s}.fba-modal-confirm:hover{background:#a33636}.fba-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:24px}.fba-page-btn{background:#fff;border:1px solid #d0c8bc;border-radius:8px;color:#534c4c;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;height:36px;min-width:36px;padding:0 10px;transition:background .15s,color .15s}.fba-page-btn--active,.fba-page-btn:hover:not(:disabled){background:#534c4c;color:#fff}.fba-page-btn--active{border-color:#534c4c;font-weight:700}.fba-page-btn:disabled{cursor:default;opacity:.35}.App{align-items:center;background-color:#d8e64a;display:flex;flex-direction:column;gap:30px;min-height:100vh;padding:40px 20px}.App h1{color:#fff;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;font-size:32px;margin:0 0 20px;text-align:center}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#d8e64a;font-family:IBM Plex Sans Thai,IBM Plex Sans,sans-serif;height:100vh;justify-content:center;margin:0;width:100%}
/*# sourceMappingURL=main.ab572257.css.map*/