.help-container{max-width:760px;margin:50px auto;padding:20px;background:linear-gradient(135deg,#fff,#fafafa);border-radius:15px;box-shadow:0 4px 20px #0000000f;text-align:center;font-family:Noto Sans Thai,sans-serif;color:#333}.help-container h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#d32f2f,#ff5722);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;letter-spacing:.5px}.search-bar{position:relative;margin-bottom:25px;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.search-bar input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e1e5e9;border-radius:25px;font-size:1rem;background:#fff;box-shadow:0 2px 15px #0000000d;transition:all .3s ease}.search-bar input:focus{border:2px solid #d32f2f;outline:none;background:#fff;box-shadow:0 4px 20px #d32f2f26;transform:translateY(-1px)}.search-bar button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#d32f2f,#ff5722);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;color:#fff;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #d32f2f4d}.search-bar button:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 15px #d32f2f66}.faq-section{margin-top:20px}.faq-section h2{text-align:left;margin-bottom:18px;font-size:1.3rem;font-weight:700;color:#2c3e50;letter-spacing:.5px;position:relative;padding-left:14px}.faq-section h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(135deg,#d32f2f,#ff5722);border-radius:2px}.faq-item-help{background:#fff;border-radius:10px;margin-bottom:18px;box-shadow:0 1px 6px #dc26260a;border:1.5px solid #f3bcbc;overflow:hidden;transition:box-shadow .18s,border .18s}.faq-item-help[open]{box-shadow:0 2px 12px #dc262617;border:1.5px solid #d32f2f}.faq-item-help summary{cursor:pointer;font-weight:600;font-size:1.08rem;padding:16px 22px;color:#22223b;background:linear-gradient(90deg,#fff 80%,#ffeaea);outline:none;transition:background .18s;list-style:none;position:relative}.faq-item-help summary:after{content:"▼";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:#d32f2f;font-size:.9rem;transition:transform .3s ease}.faq-item-help[open] summary:after{transform:translateY(-50%) rotate(180deg)}.faq-item-help[open] summary{background:linear-gradient(90deg,#fff 60%,#ffeaea);color:#d32f2f}.faq-answer-help{padding:12px 32px 18px;background:#f9f9f9;color:#333;font-size:1.01rem;border-top:1px solid #f3bcbc;animation:fadeInFaq .2s}.faq-answer-help ul{margin:12px 0 0;padding-left:18px}.faq-answer-help li{margin-bottom:6px;position:relative}.faq-answer-help li::marker{color:#d32f2f}.faq-answer-help a{color:#d32f2f;text-decoration:none;font-weight:600;border-bottom:1px dotted #d32f2f;transition:all .3s ease}.faq-answer-help a:hover{color:#b71c1c;border-bottom:1px solid #b71c1c;background:#d32f2f0d;padding:2px 4px;border-radius:4px}.chat-box{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d32f2f,#ff5722);color:#fff;padding:12px 0;border-radius:12px;margin-top:30px;cursor:pointer;gap:12px;box-shadow:0 4px 20px #d32f2f4d;font-size:1.1rem;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.chat-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.chat-box:hover{background:linear-gradient(135deg,#b71c1c,#e64a19);box-shadow:0 8px 30px #d32f2f66}.chat-box:hover:before{left:100%}.chat-box svg{font-size:1.4rem;background:#fff3;padding:8px;border-radius:50%;width:36px;height:36px}@keyframes fadeInFaq{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.help-container{max-width:100%;padding:16px 12px;border-radius:12px;margin:12px}.help-container h1{font-size:1.7rem}.search-bar{max-width:100%}.faq-item-help summary{padding:14px 16px;font-size:.95rem}.faq-answer-help{padding:0 16px 16px}}@media (max-width: 480px){.help-container{margin:8px;padding:12px 10px}.faq-item-help summary{padding:12px 14px;font-size:.9rem}.chat-box{padding:12px 0;font-size:1rem}}.user-chat-sidebar{position:fixed;bottom:0%;right:10px;width:350px!important;height:60%;background-color:#fff;box-shadow:-2px 0 8px #0000001a;z-index:1000;display:flex;flex-direction:column;border-radius:8px}.user-chat-sidebar-header{background-color:#d32f2f;color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;border-radius:8px 8px 0 0}.user-chat-sidebar-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.close-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;width:28px;height:28px;border-radius:4px}.close-btn:hover{background:#fff3;border-radius:50%}.help-box{text-align:left}.help-box:first-child{text-align:center}.myaddress-container{max-width:600px;margin:32px auto;background:#fff;border-radius:14px;box-shadow:0 2px 16px #dc26261a;padding:36px 32px 28px;font-family:Noto Sans Thai,sans-serif;color:#333}.myaddress-title{text-align:center;font-size:1.6rem;margin-bottom:28px;color:#d32f2f;font-weight:700;letter-spacing:.5px}.myaddress-info-row{margin-bottom:18px;font-size:1.08rem;display:flex;gap:8px}.myaddress-info-row b{min-width:110px;color:#d32f2f;font-weight:500;text-align:right;display:inline-block}.myaddress-edit-btn{margin:18px auto 0;display:block;padding:10px 22px;background:linear-gradient(90deg,#d32f2f 60%,#ff8a65);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1.08rem;cursor:pointer;box-shadow:0 1px 6px #dc26260a;transition:background .2s}.myaddress-edit-btn:hover{background:linear-gradient(90deg,#b71c1c 60%,#ff7043)}.myaddress-edit-btn:focus{outline:none;box-shadow:none}.myaddress-modal .modal-content{border-radius:14px;box-shadow:0 2px 16px #dc26261a}.myaddress-modal .modal-title{color:#d32f2f;font-weight:700}.myaddress-form-group{margin-bottom:14px;display:flex;flex-direction:column}.myaddress-form-group label{font-weight:500;color:#d32f2f;margin-bottom:4px;font-size:1rem}.myaddress-form-group input,.myaddress-form-group select{width:100%;padding:9px 12px;border:1px solid #ef9a9a;border-radius:6px;font-size:1rem;transition:border .2s}.myaddress-form-group input:focus,.myaddress-form-group select:focus{border:1.5px solid #d32f2f;outline:none}.myaddress-modal-btn-row{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.myaddress-desc{text-align:center;color:#d32f2f;margin-bottom:24px;margin-top:-20px;font-size:1rem;font-weight:400;letter-spacing:.1px}@media (max-width: 600px){.myaddress-container{padding:18px 8px}.myaddress-title{font-size:1.2rem;margin-bottom:18px}.myaddress-info-row b{min-width:80px;font-size:1rem}}.history-booking-container{padding:50px 24px;min-height:70vh;font-family:Noto Sans Thai,sans-serif;color:#333}.history-booking-title{display:inline-block;position:relative;font-family:Noto Sans Thai,sans-serif;font-weight:700;font-size:2rem;letter-spacing:1px;color:#d32f2f;padding-left:64px;margin-bottom:24px}.history-booking-title-underline{content:"";position:absolute;left:64px;bottom:-6px;width:calc(100% - 64px);height:5px;background:linear-gradient(to right,#fc0000,#fff);border-radius:3px;opacity:.8}.history-booking-table-wrap{overflow-x:auto;margin-left:64px}.history-booking-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #eee;border-radius:8px;overflow:hidden}.history-booking-table th,.history-booking-table td{padding:12px 8px;border-bottom:1px solid #eee;text-align:center;font-size:15px}.history-booking-table th{background:#f8f9fa;font-weight:700;color:#1976d2}.history-booking-table tbody tr:hover{background-color:#f5f5f5}.history-booking-order-id{font-weight:700;color:#f60}.history-booking-status-completed{color:#2e7d32;padding:6px 12px;border-radius:16px;font-weight:700;font-size:14px;display:inline-block}.history-booking-nodata{text-align:center;padding:24px;color:#888;font-style:italic}.history-booking-header-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;position:relative}.history-booking-items-per-page{position:absolute;right:0;display:flex;align-items:center;gap:8px;font-size:15px}.history-booking-items-select{padding:6px 12px;border-radius:6px;border:1px solid #bbb;font-size:15px}.history-booking-pagination{display:flex;align-items:center;gap:6px}.history-booking-page-btn{padding:6px 14px;border-radius:6px;border:1px solid #1976d2;background:#fff;color:#1976d2;font-size:16px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border .15s;outline:none}.history-booking-page-btn.active,.history-booking-page-btn:hover:not(:disabled){background:#1976d2;color:#fff;border:1.5px solid #1976d2}.history-booking-page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#aaa;border:1px solid #ccc}.history-booking-page-ellipsis{padding:0 6px;color:#888;font-size:18px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.history-booking-container{padding:24px}.history-booking-title{padding-left:0;font-size:1.5rem;text-align:center;margin-bottom:16px}.history-booking-title-underline{left:0;width:100%}.history-booking-header-row{flex-direction:column;gap:12px;margin-bottom:12px}.history-booking-items-per-page{position:static;justify-content:center}.history-booking-pagination{justify-content:center;flex-wrap:wrap}.history-booking-table-wrap{margin-left:0;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.history-booking-table{min-width:900px;font-size:14px;white-space:nowrap}.history-booking-table th,.history-booking-table td{padding:8px 6px;white-space:nowrap;min-width:80px}.history-booking-table th:nth-child(1),.history-booking-table td:nth-child(1){min-width:60px}.history-booking-table th:nth-child(2),.history-booking-table td:nth-child(2){min-width:150px;white-space:normal;max-width:150px;word-wrap:break-word}.history-booking-table th:nth-child(3),.history-booking-table td:nth-child(3){min-width:140px}.history-booking-table th:nth-child(4),.history-booking-table td:nth-child(4){min-width:100px}.history-booking-table th:nth-child(5),.history-booking-table td:nth-child(5){min-width:120px}.history-booking-table th:nth-child(6),.history-booking-table td:nth-child(6){min-width:80px}.history-booking-table th:nth-child(7),.history-booking-table td:nth-child(7){min-width:100px}.history-booking-page-btn{font-size:14px;padding:4px 8px;margin:2px}.history-booking-page-ellipsis{font-size:14px}.history-booking-table-wrap:after{content:"← เลื่อนเพื่อดูข้อมูลเพิ่มเติม →";display:block;text-align:center;font-size:12px;color:#666;margin-top:8px;font-style:italic}}@media (max-width: 480px){.history-booking-table{min-width:700px}.history-booking-page-btn{font-size:12px;padding:3px 6px}.history-booking-items-per-page{font-size:14px}.history-booking-items-select{font-size:14px;padding:4px 8px}}.cancel-booking-container{max-width:600px;margin:32px auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #eee;padding:32px 24px;font-family:Noto Sans Thai,sans-serif;color:#333}.cancel-booking-title{font-size:1.5rem;font-weight:700;color:#102e50;margin-bottom:24px;text-align:center}.cancel-booking-form{display:flex;flex-direction:column;gap:18px}.cancel-booking-field label{font-weight:700;margin-bottom:6px;display:block;color:#333}.cancel-booking-field textarea,.cancel-booking-field select,.cancel-booking-field input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #bbb;font-size:15px;margin-top:2px;background:#fafafa}.cancel-booking-file-input{cursor:pointer;padding:10px;border:2px dashed #bbb;border-radius:6px;background:#fafafa;transition:border-color .2s}.cancel-booking-file-input:hover{border-color:#102e50}.cancel-booking-buttons{display:flex;justify-content:center;gap:16px;margin-top:18px}.cancel-booking-btn{padding:10px 28px;border-radius:6px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}.cancel-booking-btn-back{background:#bbb;color:#fff}.cancel-booking-btn-back:hover{background:#888}.cancel-booking-btn-submit{background:#d32f2f;color:#fff}@media (max-width: 768px){.cancel-booking-container{padding:16px 8px;max-width:100%}.cancel-booking-title{font-size:1.4rem;text-align:center;margin-bottom:16px}.cancel-booking-form{gap:12px}.cancel-booking-field label{font-size:.9rem;margin-bottom:4px}.cancel-booking-field textarea,.cancel-booking-field select,.cancel-booking-field input{font-size:.9rem;padding:8px}.cancel-booking-buttons{flex-direction:column;gap:12px}.cancel-booking-btn{font-size:1rem;padding:8px 16px;width:100%}}.payment-form-container{max-width:800px;margin:40px auto;background:#fff;padding:32px 24px 24px;border-radius:14px;box-shadow:0 4px 24px #e3f2fd;border:1.5px solid #bbdefb;font-family:Noto Sans Thai,sans-serif;color:#333}.payment-form-title{color:#d32f2f;margin-bottom:24px;letter-spacing:1px;text-align:center;font-size:2rem;font-weight:700}.payment-form-box{background:none;padding:0 24px}.payment-form-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.payment-form-label{flex:0 0 160px;max-width:160px;min-width:120px;font-weight:500;color:#1976d2;font-size:1rem;text-align:right}.payment-form-value{flex:1 1 0;width:100%;background:#f8fafc;border:1.2px solid #e0e0e0;border-radius:7px;padding:12px 13px;font-size:1rem;color:#222;margin-bottom:0;outline:none;pointer-events:none;box-sizing:border-box}.payment-form-dropzone{background:#f8fafc;border:2px dashed #bdbdbd;border-radius:7px;padding:18px 0;text-align:center;cursor:pointer;transition:border .18s;min-height:80px;display:flex;align-items:center;justify-content:center}.payment-form-dropzone.has-file{border:2px solid #1976d2;background:#e3f2fd}.payment-form-slip-preview{max-width:480px;max-height:320px;border-radius:7px;box-shadow:0 2px 8px #00000014;object-fit:contain;margin:8px 0}.payment-form-dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.payment-form-dropzone-content svg{margin-bottom:2px}.payment-form-submit-btn{min-width:120px;padding:10px 22px;background:linear-gradient(90deg,#1976d2 60%,#64b5f6);color:#fff;border:none;border-radius:7px;font-weight:600;font-size:1.08rem;cursor:pointer;box-shadow:0 1px 6px #0000000a;transition:background .2s;margin-bottom:32px}.payment-form-submit-btn:hover{background:linear-gradient(90deg,#1565c0 60%,#42a5f5)}.payment-form-upload-btn{min-width:120px;padding:10px 22px;background:#fff;color:#1976d2;border:1.5px solid #1976d2;border-radius:7px;font-weight:600;font-size:1.08rem;cursor:pointer;box-shadow:0 1px 6px #0000000a;transition:background .2s,color .2s;margin-bottom:20px}.payment-form-upload-btn:hover{background:#e3f2fd;color:#0d47a1}.payment-form-slip-label{font-weight:700;text-align:center;width:100%;color:#1976d2;font-size:1.08rem;margin-bottom:0;margin-top:20px;display:block;flex:1 1 100%;white-space:nowrap}.payment-form-row .payment-form-slip-label{margin-left:auto;margin-right:auto;text-align:center;display:block;width:100%}@media (max-width: 700px){.payment-form-container{padding:18px 4px 12px;max-width:98vw}.payment-form-row{flex-direction:column;align-items:stretch;gap:6px}.payment-form-label{text-align:left;min-width:0;margin-bottom:2px}}@media (max-width: 768px){.payment-form-container{padding:16px 8px;max-width:100%}.payment-form-title{font-size:1.5rem;text-align:center;margin-bottom:16px}.payment-form-box{padding:0}.payment-form-row{flex-direction:column;align-items:stretch;gap:12px}.payment-form-label{text-align:left;font-size:.9rem;margin-bottom:4px}.payment-form-value{font-size:.9rem;padding:10px}.payment-form-dropzone{padding:12px;min-height:60px}.payment-form-slip-preview{max-width:100%;max-height:240px}.payment-form-submit-btn,.payment-form-upload-btn{font-size:1rem;padding:8px 16px;width:100%}}.paymentinfo-container{max-width:600px;margin:32px auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #eee;padding:32px;font-family:Noto Sans Thai,sans-serif;color:#333}.paymentinfo-title{text-align:center;margin-bottom:24px;color:#1976d2;font-weight:700}.paymentinfo-row{margin-bottom:18px;font-size:16px}.paymentinfo-amount{font-size:16px}.paymentinfo-amount-orange{color:#ff9800;font-size:16px}.paymentinfo-warning{font-size:16px}.paymentinfo-warning .paymentinfo-right{display:flex;flex-direction:column;align-items:flex-end}.paymentinfo-qr{margin:24px 0;text-align:center}.paymentinfo-qr-img{width:220px;border:1px solid #ccc}.paymentinfo-qr-error{color:red}.paymentinfo-instruction{margin:24px 0;background:#f7f7f7;border-radius:8px;padding:18px;font-size:15px}.paymentinfo-instruction-title{font-size:16px;margin-bottom:4px;display:block}.paymentinfo-btn{width:100%;padding:10px 0;background:#1976d2;color:#fff;border:none;border-radius:6px;font-size:18px}.paymentinfo-btn-disabled{background:#2196f3!important;cursor:pointer}.paymentinfo-btn-disabled:hover{background:#1976d2!important}.paymentinfo-qr-company{margin-top:10px;font-size:15px}.paymentinfo-qr-amount{margin-top:16px;font-size:16px;color:#ff9800}.paymentinfo-qr-ref{margin-top:6px;font-size:15px;color:#333}.paymentinfo-qr-box{display:inline-block;background:#f8fafd;border:1.5px solid #e0e7ef;border-radius:12px;padding:18px 24px;min-width:260px;box-shadow:0 1px 6px #e0e7ef44;text-align:center}.paymentinfo-qr-logo{display:block;margin:-12px auto 8px;width:240px;max-width:100%}.paymentinfo-divider{border:none;border-bottom:2px solid #ababab;margin:12px 0}.paymentinfo-flex-between{display:flex;justify-content:space-between;align-items:center}.paymentinfo-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#ff9800}.paymentinfo-expire{text-align:right;color:red;font-size:13px;margin-top:0;margin-bottom:10px}.paymentinfo-expire.expired{color:#e74c3c!important;font-weight:700}.paymentinfo-expired-notice{background:#ffebee;border:1px solid #e74c3c;color:#c62828;padding:12px;border-radius:6px;margin:16px 0;text-align:center}.paymentinfo-bank-info{background:#f8f9fa;border-radius:8px;padding:20px;margin:12px 0;text-align:center}.paymentinfo-bank-logo-center{margin-bottom:16px}.paymentinfo-bank-logo-large{width:100px;height:100px;object-fit:contain;border-radius:8px;background:#fff;padding:8px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.paymentinfo-bank-name{font-size:18px;font-weight:600;color:#333;margin-bottom:12px}.paymentinfo-account-name{font-size:16px;font-weight:580;color:#333;margin-bottom:12px}.paymentinfo-account-number{font-weight:600;color:#1976d2;font-family:monospace;font-size:18px;letter-spacing:1px;margin-bottom:12px}.paymentinfo-transfer-amount{font-size:20px;font-weight:700;color:#ff9800;margin-bottom:16px}.paymentinfo-bank-details,.paymentinfo-bank-logo-small{display:none}.paymentinfo-payment-qr{margin:16px 0;text-align:center}.paymentinfo-instruction strong{color:#1976d2;font-weight:600}.paymentinfo-amount-gray{color:#666;font-size:16px}.payment-method-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;justify-content:center;align-items:center;z-index:1000}.payment-method-modal-content{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #00000026}.payment-method-modal-header{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:20px 24px;border-radius:16px 16px 0 0;position:relative}.payment-method-modal-title{font-size:18px;font-weight:600;margin:0;text-align:center}.payment-method-modal-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.payment-method-modal-close:hover{background:#ffffff4d}.payment-method-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.payment-method-step{margin-bottom:24px}.payment-method-step:last-child{margin-bottom:0}.payment-method-step-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.payment-method-step-number{background:#1976d2;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.payment-method-options{display:grid;gap:8px}.payment-method-option{border:2px solid #e0e0e0;border-radius:12px;padding:16px;cursor:pointer;background:#fff;position:relative;overflow:hidden}.payment-method-option:hover{border-color:#1976d2;background:#f8f9ff}.payment-method-option.selected{border-color:#1976d2;background:linear-gradient(135deg,#e3f2fd,#f8f9ff)}.payment-method-option-content{display:flex;align-items:center;gap:12px}.payment-method-option-radio{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;position:relative;flex-shrink:0}.payment-method-option.selected .payment-method-option-radio{border-color:#1976d2;background:#1976d2}.payment-method-option.selected .payment-method-option-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.payment-method-option-text{font-size:15px;font-weight:500;color:#333}.payment-method-option.selected .payment-method-option-text{color:#1976d2;font-weight:600}.bank-option{border:2px solid #e0e0e0;border-radius:12px;padding:12px;cursor:pointer;background:#fff;margin-bottom:8px}.bank-option:hover{border-color:#1976d2;background:#f8f9ff}.bank-option.selected{border-color:#1976d2;background:linear-gradient(135deg,#e3f2fd,#f8f9ff)}.bank-option-content{display:flex;align-items:center;gap:12px}.bank-option-radio{width:18px;height:18px;border:2px solid #ddd;border-radius:50%;position:relative;flex-shrink:0}.bank-option.selected .bank-option-radio{border-color:#1976d2;background:#1976d2}.bank-option.selected .bank-option-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.bank-logo{width:50px;height:50px;object-fit:contain;border-radius:6px;background:#f5f5f5;padding:2px}.bank-details{flex:1}.bank-name{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.bank-account-info{font-size:12px;color:#666;line-height:1.3}.payment-method-modal-footer{padding:20px 24px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;min-width:80px}.modal-btn-secondary{background:#f5f5f5;color:#666}.modal-btn-secondary:hover{background:#e0e0e0;color:#333}.modal-btn-primary{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.modal-btn-primary:hover{background:linear-gradient(135deg,#1565c0,#0d47a1)}.modal-btn-primary:disabled{background:#ccc;cursor:not-allowed}.payment-method-summary{background:#f8f9fa;border-radius:12px;padding:16px;margin-top:16px}.payment-method-summary-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.payment-method-summary-section{margin-top:8px}.payment-method-summary-subtitle{font-weight:600;font-size:14px;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:6px}.payment-method-summary-item{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px;padding:2px 0}.payment-method-summary-label{color:#666;font-weight:500}.payment-method-summary-value{color:#333;font-weight:600;text-align:right}@media (max-width: 768px){.payment-method-modal-content{width:95%;max-height:90vh}.payment-method-modal-header{padding:16px 20px}.payment-method-modal_body{padding:20px}.payment-method-modal-footer{padding:16px 20px;flex-direction:column}.modal-btn{width:100%}.payment-method-comparison{flex-direction:column;gap:12px}.payment-method-comparison-arrow{transform:rotate(90deg);margin:8px 0;align-self:center}}.outstanding-payment-container{max-width:800px;margin:40px auto;background:#fff;padding:32px 24px 24px;border-radius:14px;box-shadow:0 4px 24px #e3f2fd;border:1.5px solid #bbdefb;font-family:Noto Sans Thai,sans-serif;color:#333}.outstanding-payment-title{color:#d32f2f;margin-bottom:24px;letter-spacing:1px;text-align:center;font-size:2rem;font-weight:700}.outstanding-payment-box{background:none;padding:0 24px}.outstanding-payment-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.outstanding-payment-label{flex:0 0 160px;max-width:160px;min-width:120px;font-weight:500;color:#1976d2;font-size:1rem;text-align:right}.outstanding-amount-label{color:#d32f2f;font-weight:700;font-size:1.1rem}.outstanding-payment-value{flex:1 1 0;width:100%;background:#f8fafc;border:1.2px solid #e0e0e0;border-radius:7px;padding:12px 13px;font-size:1rem;color:#222;margin-bottom:0;outline:none;pointer-events:none;box-sizing:border-box}.outstanding-amount-value{background:#ffebee;border:1.5px solid #d32f2f;color:#d32f2f;font-weight:700;font-size:1.1rem}.outstanding-payment-dropzone{background:#f8fafc;border:2px dashed #bdbdbd;border-radius:7px;padding:18px 0;text-align:center;cursor:pointer;transition:border .18s;min-height:80px;display:flex;align-items:center;justify-content:center}.outstanding-payment-dropzone.has-file{border:2px solid #1976d2;background:#e3f2fd}.outstanding-payment-slip-preview{max-width:480px;max-height:320px;border-radius:7px;box-shadow:0 2px 8px #00000014;object-fit:contain;margin:8px 0}.outstanding-payment-dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.outstanding-payment-dropzone-content svg{margin-bottom:2px}.outstanding-payment-submit-btn{min-width:120px;padding:10px 22px;background:linear-gradient(90deg,#1976d2 60%,#64b5f6);color:#fff;border:none;border-radius:7px;font-weight:600;font-size:1.08rem;cursor:pointer;box-shadow:0 1px 6px #0000000a;transition:background .2s;margin-bottom:32px}.outstanding-payment-submit-btn:hover{background:linear-gradient(90deg,#1565c0 60%,#42a5f5)}.outstanding-payment-upload-btn{min-width:120px;padding:10px 22px;background:#fff;color:#1976d2;border:1.5px solid #1976d2;border-radius:7px;font-weight:600;font-size:1.08rem;cursor:pointer;box-shadow:0 1px 6px #0000000a;transition:background .2s,color .2s;margin-bottom:20px}.outstanding-payment-upload-btn:hover{background:#e3f2fd;color:#0d47a1}.outstanding-payment-slip-label{font-weight:700;text-align:center;width:100%;color:#1976d2;font-size:1.08rem;margin-bottom:0;margin-top:20px;display:block;flex:1 1 100%;white-space:nowrap}.outstanding-payment-row .outstanding-payment-slip-label{margin-left:auto;margin-right:auto;text-align:center;display:block;width:100%}@media (max-width: 700px){.outstanding-payment-container{padding:18px 4px 12px;max-width:98vw}.outstanding-payment-row{flex-direction:column;align-items:stretch;gap:6px}.outstanding-payment-label{text-align:left;min-width:0;margin-bottom:2px}}@media (max-width: 768px){.outstanding-payment-container{padding:16px 8px;max-width:100%}.outstanding-payment-title{font-size:1.5rem;text-align:center;margin-bottom:16px}.outstanding-payment-box{padding:0}.outstanding-payment-row{flex-direction:column;align-items:stretch;gap:12px}.outstanding-payment-label{text-align:left;font-size:.9rem;margin-bottom:4px}.outstanding-payment-value{font-size:.9rem;padding:10px}.outstanding-payment-dropzone{padding:12px;min-height:60px}.outstanding-payment-slip-preview{max-width:100%;max-height:240px}.outstanding-payment-submit-btn,.outstanding-payment-upload-btn{font-size:1rem;padding:8px 16px;width:100%}}.adminprofile-container{max-width:900px;margin:-60px auto 20px;background:#fff;border-radius:14px;box-shadow:0 2px 16px #0000001a;padding:36px 32px 28px;font-family:Noto Sans Thai,sans-serif;color:#333}.adminprofile-title{text-align:center;font-size:1.6rem;margin-bottom:28px;color:#1976d2;font-weight:700;letter-spacing:.5px}.adminprofile-form{display:flex;gap:32px;flex-wrap:wrap}.adminprofile-left,.adminprofile-right{flex:1 1 300px;min-width:280px}.adminprofile-right{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%}.adminprofile-form-group{margin-bottom:18px;display:flex;flex-direction:row;align-items:center;gap:12px}.adminprofile-form-group label{font-weight:500;color:#1976d2;font-size:1rem;min-width:120px;text-align:right}.adminprofile-input{width:100%;padding:10px 12px;border:1px solid #bdbdbd;border-radius:6px;font-size:1rem;background:#f7fbff;transition:border .2s}.adminprofile-input:focus{border:1.5px solid #1976d2;outline:none}.adminprofile-btn{padding:10px 22px;background:linear-gradient(90deg,#1976d2 60%,#64b5f6);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1.08rem;cursor:pointer;box-shadow:0 1px 6px #0000000a;transition:background .2s;width:auto;min-width:80px;margin:24px auto 0}.adminprofile-btn:hover{background:linear-gradient(90deg,#1565c0 60%,#42a5f5)}.adminprofile-img-section{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;padding:40px 32px;border-radius:14px;text-align:center;width:100%;min-width:260px;min-height:320px;box-sizing:border-box}.adminprofile-img{width:150px;height:150px;object-fit:cover;border-radius:50%;border:2px solid #e3f2fd;background:#f5faff;margin-bottom:10px}.adminprofile-edit-img-btn{margin-top:8px;padding:8px 20px;border-radius:6px;border:1px solid #1976d2;background:#fff;color:#1976d2;font-weight:600;cursor:pointer;font-size:1rem;transition:background .15s,color .15s}.adminprofile-edit-img-btn:hover{background:#e3f2fd;color:#0d47a1}.adminprofile-img-section p{font-size:12px;color:#666;margin-top:6px}@media (max-width: 768px){.adminprofile-form{flex-direction:column}.adminprofile-left,.adminprofile-right{flex:1 1 100%}}.adminprofile-btn-row{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;margin-bottom:0}.adminprofile-btn{min-width:80px;width:auto;padding:10px 22px;margin:0;position:static;background:linear-gradient(90deg,#1976d2 60%,#64b5f6);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:1.08rem;cursor:pointer;box-shadow:0 1px 6px #0000000a;transition:background .2s}.adminprofile-btn-back{background:#fff!important;color:#1976d2!important;border:1.5px solid #1976d2!important;box-shadow:none!important;transition:background .2s,color .2s}.adminprofile-btn-back:hover{background:#e3f2fd!important;color:#0d47a1!important}.pricing-container{padding:20px;font-family:Noto Sans Thai,sans-serif;color:#222;margin-left:240px}.pricing-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.pricing-title{color:#000;margin:0;font-size:24px}.pricing-table-wrap{overflow-x:auto;width:100%}.pricing-table{width:100%;border-collapse:collapse;font-size:15px}.pricing-table th{padding:12px;border:1px solid #bbdefb;background:#e3f2fd;color:#1976d2;text-align:center;font-weight:600}.pricing-table td{padding:12px;border:1px solid #e3f2fd;text-align:center}.pricing-action-group{display:flex;gap:8px;justify-content:center}.pricing-action-group .btn{font-size:14px!important;padding:6px 16px!important;border-radius:4px!important;min-width:70px;font-weight:600!important}.chat-container{display:flex;height:calc(100vh - 80px);margin-left:240px;box-sizing:border-box;font-family:Noto Sans Thai,sans-serif}.chat-sidebar{width:300px;background-color:#f1f1f1;border-right:1px solid #ccc;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.chat-sidebar h2{font-size:20px;margin-bottom:16px;flex-shrink:0}.admin-chat-search-box{display:flex;margin-bottom:16px;flex-shrink:0}.admin-chat-search-box input{flex:1;padding:6px;border:1px solid #ccc;border-radius:4px 0 0 4px}.admin-chat-search-box button{padding:6px 10px;border:1px solid #ccc;background-color:#fff;border-left:none;border-radius:0 4px 4px 0;cursor:pointer}.filter-buttons{margin-top:-10px;margin-bottom:8px;display:flex;gap:4px;flex-shrink:0}.chat-list{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2px;margin-bottom:-6px;padding-bottom:10px;margin-right:-8px}.chat-list::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar-track{background:#f8f8f8;border-radius:4px;border:1px solid #e0e0e0;margin-right:0}.chat-list::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px;border:1px solid #9e9e9e;margin-right:0}.chat-list::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.chat-item{display:flex;align-items:flex-start;padding:10px 8px;cursor:pointer;border-radius:6px;position:relative;min-height:60px}.chat-item.active{background-color:#fff;font-weight:700}.chat-item img{width:40px;height:40px;border-radius:50%;margin-right:10px}.chat-item .time{position:absolute;right:10px;top:10px;font-size:12px;color:gray}.chat-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.user-info{display:flex;flex-direction:column;width:100%;gap:2px}.user-name{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:nowrap}.user-name strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;font-size:15px;transition:font-size .2s ease}.user-name strong.long-name,.user-name strong.very-long-name{font-size:15px}.unread-badge{background-color:#f44;color:#fff;border-radius:50%;font-size:10px;font-weight:700;min-width:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:8px;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-right:20px}.unread-badge{font-size:10px}.unread-badge:has-text("10"),.unread-badge:has-text("11"),.unread-badge:has-text("12"){font-size:9px}.last-message{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;width:100%;min-width:0}.message-preview{flex:1;margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.message-time{font-size:11px;color:#999;white-space:nowrap;flex-shrink:0}.message.admin{background-color:#007bff;color:#fff}.message.user{background-color:#f1f1f1;color:#333}.message-info{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;opacity:.7}.sender-name{font-weight:700}.header-info{display:flex;flex-direction:column;margin-bottom:10px}.status{font-size:12px;color:#28a745;font-weight:400}.no-chat-selected{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;color:#666}.loading{display:flex;justify-content:center;align-items:center;padding:20px;color:#666}.chat-main{flex:1;display:flex;flex-direction:column;background-color:#fff;padding:16px}.chat-header{display:flex;align-items:center;margin-bottom:16px;border-bottom:1px solid #ccc;padding-bottom:8px}.chat-header img{width:50px;height:50px;border-radius:50%;margin-right:10px;margin-bottom:6px}.chat-messages{flex:1;overflow-y:auto;padding-right:10px;display:flex;flex-direction:column;gap:10px}.message{max-width:70%;padding:10px 16px;margin-bottom:4px;border-radius:18px;font-size:1rem;line-height:1.5;word-break:break-word;position:relative}.message.left{align-self:flex-start;background:#f1f1f1;color:#222;border-bottom-left-radius:4px}.message.right{align-self:flex-end;background:#1976d2;color:#fff;border-bottom-right-radius:4px}.message.other-admin{align-self:flex-end;background:#009dff;color:#333;border-bottom-right-radius:4px}.message .time{font-size:12px;color:#fff;margin-top:4px;text-align:right}.message .user-time{font-size:12px;color:gray(255,255,255);margin-top:4px;text-align:right}.chat-input{display:flex;align-items:center;padding:10px;border-top:1px solid #ccc}.chat-input input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;height:auto;resize:none;overflow-wrap:break-word;word-break:break-word}.chat-input button{margin-left:8px;padding:8px 16px;background-color:#07f;border:none;color:#fff;border-radius:4px;cursor:pointer;align-self:center}.chat-input textarea{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;resize:none;overflow-y:auto;height:auto;line-height:1.5}.chat-no-access-message{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#d32f2f;text-align:center;background:linear-gradient(135deg,#fde3e4,#fff);animation:fadeIn .6s;border-radius:12px;border:2px solid #d32f2f;box-shadow:0 2px 8px #e3f2fd;max-width:420px;margin:250px auto 48px;padding:40px 24px}.chat-no-access-button{margin-top:1.5rem;padding:.5rem 1.5rem;font-size:1.1rem;background:#d32f2f;color:#fff;border:none;border-radius:8px;cursor:pointer}.chat-no-access-emoji{font-size:2.2rem;margin-left:.5rem}@keyframes shake{40%,60%{transform:translate(8px)}}.error-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;color:#d32f2f;padding:20px}.error-message button{margin-top:15px;padding:10px 20px;background-color:#d32f2f;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-message button:hover{background-color:#b71c1c}.error-banner{background-color:#ffebee;border:1px solid #ffcdd2;padding:8px;border-radius:4px;margin-bottom:10px}.adminchat-delete-icon{color:#ccc;transition:color .2s}.adminchat-delete-btn:hover .adminchat-delete-icon{color:#ff5252}.adminchat-delete-btn{position:absolute;top:2px;right:4px;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0;cursor:pointer}.adminchat-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#fff}.message.unread{position:relative}.message.unread:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:#f44;border-radius:50%;animation:pulse 2s infinite}.unread-indicator{color:#f44;font-size:8px;margin-left:4px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.message.user.unread{background:linear-gradient(135deg,#ffd6d6,#f1f1f1)}.unread-divider{display:flex;align-items:center;margin:16px 0;opacity:1}.unread-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#ff4444 50%,transparent 100%);position:relative}.unread-line:before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,68,68,.3) 50%,transparent 100%)}.unread-text{padding:4px 12px;background:#f44;color:#fff;font-size:11px;font-weight:600;border-radius:12px;margin:0 12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ff44444d;position:relative}.filter-buttons{margin-top:-10px;margin-bottom:8px;display:flex;gap:4px}.filter-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;position:relative}.filter-btn:hover{background-color:#f5f5f5;border-color:#ccc}.filter-btn.active{background-color:#f44;color:#fff;border-color:#f44}.filter-btn.active:hover{background-color:#e03e3e}.filter-btn.active .filter-badge{background-color:#fff;color:#f44;border:1px solid #ff4444}.filter-badge{background-color:#f44;color:#fff;border-radius:50%;font-size:10px;font-weight:700;min-width:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;text-align:center;margin-left:8px;line-height:1;padding:0}.unread-badge{background-color:#f44;color:#fff;border-radius:50%;font-size:10px;font-weight:700;min-width:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;text-align:center;margin-left:8px;padding:0}.no-users-message{text-align:center;padding:10px;color:#666;font-style:italic}.review-container{padding:20px;color:#222;margin-left:240px;font-family:Noto Sans Thai,sans-serif}.review-header-row{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:18px;gap:10px}.review-title{color:#000;margin-bottom:10px;letter-spacing:1px;padding-top:0}.review-field-select{width:200px;max-width:100%;padding:8px;border-radius:6px;border:1px solid #bbb;font-size:15px;background:#fff;color:#222}.review-search-input{width:300px;max-width:100%;padding:8px;border-radius:6px;border:1px solid #bbb;font-size:15px;background:#fff;color:#222}.review-type-select{width:170px;max-width:100%;padding:8px;border-radius:6px;border:1px solid #bbb;font-size:15px;background:#fff;color:#222}.review-filter-row{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-top:6px;margin-bottom:26px}.review-table-wrap{overflow-x:auto;width:100%}.review-table{width:100%;min-width:900px;border-collapse:collapse;font-size:15px}.review-table th{padding:8px;border:1px solid #bbdefb;background:#e3f2fd;color:#1976d2;font-weight:600}.review-table td{padding:8px;border:1px solid #e3f2fd;vertical-align:top}.review-table td.center{text-align:center}.review-table td:nth-child(6){max-width:200px;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.4}.review-btn-delete{background:#f44336;color:#fff;border:none;border-radius:5px;padding:6px 10px;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;margin:0 auto}.review-btn-delete:hover{background:#c62828}.review-status-active{color:#43a047;font-weight:700}.review-status-inactive{color:#e53935;font-weight:700}@media (max-width: 1200px){.review-container{margin-left:0;padding-left:0;padding-right:0}.review-table{min-width:600px}.review-table td:nth-child(6){max-width:150px}}.review-admin-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:18px 0 10px;flex-wrap:wrap}.review-admin-page-btn{padding:6px 14px;border-radius:6px;border:1px solid #1976d2;background:#fff;color:#1976d2;font-size:16px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border .15s;outline:none}.review-admin-page-btn.active,.review-admin-page-btn:hover:not(:disabled){background:#1976d2;color:#fff;border:1.5px solid #1976d2}.review-admin-page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#aaa;border:1px solid #ccc}.review-admin-page-ellipsis{padding:0 6px;color:#888;font-size:18px;-webkit-user-select:none;user-select:none}.review-report-container{padding:20px;color:#222;font-family:Noto Sans Thai,sans-serif;margin-left:240px;background:#fff}.review-report-search-input{font-size:15px;border-radius:6px;border:1px solid #bbb;padding:8px;width:320px;margin-bottom:10px}.review-report-table{width:100%;min-width:1100px;border-collapse:collapse;font-size:15px;margin-bottom:24px}.review-report-table th{padding:10px 8px;border:1px solid #bbdefb;background:#e3f2fd;color:#1976d2;font-weight:600;white-space:nowrap}.review-report-table td{padding:10px 8px;border:1px solid #e3f2fd;vertical-align:middle}.review-report-table td.center{text-align:center}.review-report-table td.action-cell{text-align:center;vertical-align:middle}.review-report-table td[colspan]{text-align:center;color:#888;font-size:16px;padding:24px}.review-report-delete-btn{background:#f44336;color:#fff;border:none;border-radius:5px;padding:6px 10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;margin:0 auto;display:inline-block}.review-report-delete-btn:hover{background:#c62828}.review-report-table td.reason,.review-report-table th.reason,.review-report-table td.comment,.review-report-table th.comment{white-space:normal;word-break:break-word;max-width:250px}.review-report-status-active{color:#43a047;font-weight:700}.review-report-status-inactive{color:#e53935;font-weight:700}@media (max-width: 1200px){.review-report-container{margin-left:0;padding-left:0;padding-right:0;max-width:100vw}.review-report-table{min-width:900px;font-size:14px}}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10}.review-report-status-filter{font-size:15px;border-radius:6px;border:1px solid #bbb;padding:8px;width:200px;height:41px}.review-report-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:18px 0 10px;flex-wrap:wrap}.review-report-page-btn{padding:6px 14px;border-radius:6px;border:1px solid #1976d2;background:#fff;color:#1976d2;font-size:16px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border .15s;outline:none}.review-report-page-btn.active,.review-report-page-btn:hover:not(:disabled){background:#1976d2;color:#fff;border:1.5px solid #1976d2}.review-report-page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#aaa;border:1px solid #ccc}.review-report-page-ellipsis{padding:0 6px;color:#888;font-size:18px;-webkit-user-select:none;user-select:none}.condition-container{max-width:900px;margin:0 auto;background:#fff;padding:24px 32px 32px;border-radius:14px;box-shadow:0 4px 24px #e3f2fd;border:1.5px solid #bbdefb;font-family:Noto Sans Thai,sans-serif;color:#333}.condition-container.wide{max-width:900px}.condition-title{color:#000;margin-bottom:24px;letter-spacing:1px;padding-top:0;font-family:Noto Sans Thai,sans-serif}.condition-form-group{margin-bottom:18px}.condition-form-group:first-child{margin-top:0;margin-bottom:18px;padding-top:0}.condition-label{font-weight:500;color:#1976d2;margin-bottom:2px;display:block}.condition-input{width:60%;min-width:320px;padding:8px 12px;margin-top:4px;margin-bottom:12px;border:1px solid #bdbdbd;border-radius:6px;font-size:16px;background:#f7fbff;transition:border .2s}.condition-input.wide{width:80%;min-width:400px}.condition-button{margin-top:16px;padding:10px 28px;background:linear-gradient(90deg,#1976d2 60%,#64b5f6);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 2px 8px #e3f2fd;transition:background .2s}.condition-message{margin-top:20px;padding:10px;border-radius:6px;text-align:center}.condition-message.success{color:#388e3c;background:#e8f5e9;border:1px solid #a5d6a7}.condition-message.error{color:#d32f2f;background:#ffebee;border:1px solid #ffcdd2}.ws-container{font-family:Noto Sans Thai,sans-serif;color:#333;max-width:900px;margin:0 auto;background:#fff;padding:32px;border-radius:14px;box-shadow:0 4px 24px #e3f2fd;border:1.5px solid #bbdefb}.ws-title{color:#000;margin-bottom:24px;letter-spacing:1px;padding-top:0;font-family:Noto Sans Thai,sans-serif}.ws-box{background:none;border:none;box-shadow:none;padding:0}.ws-logo-section{margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.ws-logo-img{width:200px;height:200px;object-fit:contain;border-radius:8px;border:1px solid #eee;display:block;margin:0 auto}.ws-logo-note{color:#d32f2f;margin-top:8px;font-size:14px;text-align:center}.ws-edit-logo-btn{margin:16px 0 0;padding:8px 18px;border-radius:6px;border:1px solid #1976d2;background:#fff;color:#1976d2;font-weight:600;cursor:pointer;display:block}.ws-no-logo{color:#bbb;display:block;margin-top:10px;text-align:center}.ws-form-group{margin-bottom:18px;padding-left:0;padding-right:0}.ws-form-label{font-weight:500;color:#1976d2;margin-bottom:2px;display:block}.ws-form-input,.ws-form-textarea{width:80%;min-width:400px;padding:8px 12px;margin-top:4px;margin-bottom:12px;border:1px solid #bdbdbd;border-radius:6px;font-size:16px;background:#f7fbff;transition:border .2s}.ws-form-textarea{resize:vertical}.ws-submit-btn{margin-top:16px;padding:10px 28px;background:linear-gradient(90deg,#1976d2 60%,#64b5f6);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 2px 8px #e3f2fd;transition:background .2s;width:200px;display:block;margin-left:auto;margin-right:auto}.cancel-request-container{padding:20px;font-family:Noto Sans Thai,sans-serif;color:#222;margin-left:240px}@media (max-width: 1200px){.cancel-request-container{width:100vw;max-width:100vw;margin-left:0;padding-left:0;padding-right:0}}.cancel-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cancel-request-title{color:#000;margin:0}.cancel-request-table-wrap{overflow-x:auto;width:100%}.cancel-request-table{width:100%;min-width:900px;border-collapse:collapse;font-size:15px;background:#fff;overflow:hidden}.cancel-request-table th{padding:8px;border:1px solid #bbdefb;background:#e3f2fd;color:#1976d2;font-weight:700;letter-spacing:.5px}.cancel-request-table td{padding:8px;border:1px solid #e3f2fd;color:#222;background:#fff;vertical-align:middle}.cancel-request-table td.center{text-align:center}.cancel-request-table tr:nth-child(2n) td{background:#fafafa}.cancel-request-table td:last-child,.cancel-request-table th:last-child{min-width:90px}.cancel-request-table .btn-info{background:#1976d2!important;color:#fff!important;border:none!important;font-weight:600;border-radius:6px;padding:6px 18px}.cancel-request-table .btn-info:hover{background:#125ea6!important}.cancel-request-filter-row{margin-bottom:16px;display:flex;gap:12px;align-items:center;justify-content:space-between}.cancel-request-filter-group{display:flex;gap:12px;align-items:center;flex:1}.cancel-request-filter-input{width:320px;max-width:100%;padding:8px;border-radius:6px;border:1px solid #bbb;font-size:15px}.cancel-request-type-filter-select{width:170px;max-width:100%;padding:8px;border-radius:6px;border:1px solid #bbb;font-size:15px;background:#fff;color:#222}.cancel-request-date-filter-input{width:170px;max-width:100%;padding:8px;border-radius:6px;border:1px solid #bbb;font-size:15px}.cancel-request-date-filter{display:flex;flex-direction:column;gap:4px;margin-top:-24px;margin-left:auto;align-items:flex-end}.cancel-request-date-filter label{font-size:14px;color:#555}.cancel-request-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:18px 0 10px;flex-wrap:wrap}.cancel-request-page-btn{padding:6px 14px;border-radius:6px;border:1px solid #1976d2;background:#fff;color:#1976d2;font-size:16px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border .15s;outline:none}.cancel-request-page-btn.active,.cancel-request-page-btn:hover:not(:disabled){background:#1976d2;color:#fff;border:1.5px solid #1976d2}.cancel-request-page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#aaa;border:1px solid #ccc}.cancel-request-page-ellipsis{padding:0 6px;color:#888;font-size:18px;-webkit-user-select:none;user-select:none}.cancel-details-table{width:100%;border-collapse:collapse;margin-top:16px}.cancel-details-table td{padding:8px 12px;border:1px solid #ddd;vertical-align:top}.cancel-details-table td:first-child{font-weight:700;width:30%;background-color:#f9f9f9}.cancel-details-table td:last-child{text-align:left}@media (max-width: 900px){.cancel-request-container{padding:16px 2px 24px}.cancel-request-table th,.cancel-request-table td{font-size:.95rem;padding:7px 3px}}@media (max-width: 600px){.cancel-request-container{padding:8px 0 16px}.cancel-request-table th,.cancel-request-table td{font-size:.85rem;padding:5px 2px;min-width:60px}}.status-container{padding:20px;font-family:Noto Sans Thai,sans-serif;color:#222;margin-left:240px;width:40%}@media (max-width: 1200px){.status-container{width:100vw;max-width:100vw;margin-left:0;padding-left:0;padding-right:0}}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.status-title{color:#000;margin:0}.status-add-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:8px 20px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #e3f2fd}.status-table-wrap{overflow-x:auto;width:100%}.status-table{width:100%;min-width:500px;border-collapse:collapse;font-size:15px}.status-table th{padding:8px;border:1px solid #bbdefb;background:#e3f2fd;color:#1976d2}.status-table td{padding:8px;border:1px solid #e3f2fd}.status-table td.center{text-align:center}.status-filter-row{margin-bottom:16px;display:flex;gap:12px;align-items:center;justify-content:space-between}.status-filter-input{width:320px;max-width:100%;padding:8px;border-radius:6px;border:1px solid #bbb;font-size:15px}.status-action-group{display:flex;gap:10px;justify-content:center}.status-edit-btn,.status-delete-btn{font-size:15px!important;padding:6px 18px!important;border-radius:4px!important;min-width:70px;font-weight:600!important}.status-edit-btn{background:#ffb300!important;color:#000!important;border:none!important}.status-delete-btn{background:#e53935!important;color:#fff!important;border:none!important}.faqs-container{padding:20px;color:#222;margin-left:240px;font-family:Noto Sans Thai,sans-serif}.faqs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.faqs-header h1{margin:0;color:#333;display:flex;align-items:center;gap:10px}.header-icon{color:#007bff;font-size:1.5em}.search-section{margin-bottom:20px}.search-box{position:relative;max-width:400px}.search-box input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:16px;background:#fff}.search-box input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}.faqs-list{display:flex;flex-direction:column;gap:16px}.faq-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s ease}.faq-card:hover{box-shadow:0 4px 8px #00000026}.faq-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.faq-question{flex:1;display:flex;flex-direction:column;gap:8px}.faq-question h3{margin:0;color:#333;font-size:1.1em;line-height:1.4}.faq-actions{display:flex;gap:8px;align-items:center}.faq-content{padding:20px;background:#f8f9fa}.answers-section{display:flex;flex-direction:column;gap:16px}.answers-header{display:flex;justify-content:space-between;align-items:center}.answers-header h4{margin:0;color:#666;font-size:1em}.answers-list{display:flex;flex-direction:column;gap:12px}.answer-item{background:#fff;padding:16px;border-radius:6px;border:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:flex-start}.answer-content{flex:1;display:flex;flex-direction:column;gap:8px}.answer-content p{margin:0;color:#555;line-height:1.5}.answer-actions{display:flex;gap:8px;margin-left:16px}.no-answers{text-align:center;color:#999;font-style:italic;padding:20px}.btn-icon{padding:8px;border:none;background:none;cursor:pointer;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-expand{color:#0d47a1;background:#bbdefb;border-radius:4px;padding:8px}.btn-expand:hover{background:#90caf9}.btn-edit{color:#000;background:#ffb300;border-radius:4px;padding:8px}.btn-edit:hover{background:#ffa000}.btn-delete{color:#fff;background:#e53935;border-radius:4px;padding:8px}.btn-delete:hover{background:#d32f2f}.no-data{text-align:center;padding:60px 20px;color:#999}.no-data-icon{font-size:48px;margin-bottom:16px;color:#ddd}@media (max-width: 1200px){.faqs-container{margin-left:0;padding-left:0;padding-right:0;max-width:100vw}}@media (max-width: 768px){.faqs-container{padding:10px}.faqs-header,.faq-header{flex-direction:column;gap:16px;align-items:stretch}.faq-actions{justify-content:flex-end}.answer-item{flex-direction:column;gap:12px}.answer-actions{margin-left:0;justify-content:flex-end}.answers-header{flex-direction:column;gap:12px;align-items:stretch}}.app-root-center{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}