@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100&family=Noto+Sans+Thai:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:Noto Sans Thai,sans-serif;font-size:16px;line-height:1.5;background-color:var(--background-color);padding:0;margin:0;overflow-x:scroll;overflow-y:auto}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(121,121,121,.041);border-radius:15px;background-color:transparent}::-webkit-scrollbar{width:0px;height:0px;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:15px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.178);background-color:#292929;margin-top:50px}.content-box::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}.content-box::-webkit-scrollbar-thumb{background-color:#a7a7a76c;border-radius:15px}.content-box::-webkit-scrollbar-track{background-color:transparent;border-radius:15px}button{font-family:Noto Sans Thai,sans-serif;font-size:16px}select,input{font-family:Noto Sans Thai,sans-serif}textarea::placeholder{font-family:Noto Sans Thai,sans-serif}.create-maintenance-request-page .title-field{font-weight:600;margin-bottom:8px}.create-maintenance-request-page .css-c2i0tp-MuiCardContent-root:last-child{padding-bottom:16px}.create-maintenance-request-page .css-c2i0tp-MuiCardContent-root:last-child,.create-maintenance-request-page .css-1rbiwpz-MuiCardContent-root:last-child{padding-bottom:16px}.check-requests-page .card{display:flex}.check-requests-page .card .card-content{display:flex;align-items:center;padding:0;width:100%;gap:8px}.check-requests-page .filter-section .search-box{margin:0!important}.check-requests-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.check-requests-page .css-c2i0tp-MuiCardContent-root:last-child,.check-requests-page .css-1rbiwpz-MuiCardContent-root:last-child{padding-bottom:16px}.check-requests-page .data-card .title-list{font-weight:500}.check-requests-page .css-1r5z1p1-MuiTableCell-root{padding:12px}.dashboard-page .status-section .status-card .status-card-content{padding:0;display:flex;align-items:center}.dashboard-page .filter-section .search-box{margin:0!important}.dashboard-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.accept-work-page{height:100%}.accept-work-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.accept-work-page .container-btn{container-type:inline-size}.accept-work-page .container-btn .text-btn{display:none}@container (max-width: 160px){.accept-work-page .btn-accept,.accept-work-page .btn-reject,.accept-work-page .btn-detail,.accept-work-page .btn-submit{width:100%}.accept-work-page .btn-accept .text-btn,.accept-work-page .btn-reject .text-btn,.accept-work-page .btn-detail .text-btn,.accept-work-page .btn-submit .text-btn{display:block}}.all-maintenance-request-page .status-section .status-card .status-card-content{padding:0;display:flex;align-items:center}.all-maintenance-request-page .filter-section .search-box{margin:0!important}.all-maintenance-request-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.all-maintenance-request-page .container-btn{container-type:inline-size}.all-maintenance-request-page .container-btn .text-btn{display:none}@container (max-width: 160px){.all-maintenance-request-page .btn-approve,.all-maintenance-request-page .btn-reject,.all-maintenance-request-page .btn-detail{width:100%}.all-maintenance-request-page .btn-approve .text-btn,.all-maintenance-request-page .btn-reject .text-btn,.all-maintenance-request-page .btn-detail .text-btn{display:block}}.add-user{display:flex;justify-content:center;height:auto}.add-user .title-field{font-weight:600;margin-bottom:8px}.add-user .upload-button{font-size:14px;padding:6px 16px;border-radius:4px;background-color:#ff6f00;color:#fff}.add-user .upload-button input{display:none}.add-user .profile-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.add-user .grid-item{padding:10px}.add-user .MuiFormControl-root{margin-bottom:5px}.add-user .MuiTypography-h5{color:#ff6f00;text-align:left;font-weight:700}@media(max-width:600px){.add-user .add-user-form{width:90%;margin-left:0}.add-user .profile-container{padding:10px;height:auto}}.add-user .submit-button-container{margin-top:24px;position:relative;bottom:24px;right:24px;display:flex;justify-content:flex-end}.add-user button[type=submit]{background-color:#ff6f00;color:#fff;border-radius:4px;transition:background-color .3s ease}.add-user button[type=submit]:hover{background-color:#e65c00}.manage-users-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.manage-users-page .title-field{font-weight:600;margin-bottom:8px}.my-account-page .container-btn{container-type:inline-size}.my-account-page .container-btn .text-btn{display:none}@container (max-width: 110px){.my-account-page .btn-payment,.my-account-page .btn-download-pdf{width:100%}}@container (max-width: 160px){.my-account-page .btn-confirm,.my-account-page .btn-rework,.my-account-page .btn-detail{width:100%}.my-account-page .btn-confirm .text-btn,.my-account-page .btn-rework .text-btn,.my-account-page .btn-detail .text-btn{display:block}}.organization-info-page .title-field{font-weight:600;margin-bottom:8px}.booking-container{width:100%}@media(max-width:600px){.booking-container{padding-left:16px;padding-right:16px}}@media(min-width:960px){.booking-container{padding-left:24px;padding-right:24px}}.booking-container .booking-header-paper{padding:24px;background-color:#f26522;color:#fff;border-radius:24px}.booking-container .booking-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}@media(max-width:600px){.carousel-image{height:200px}}@media(min-width:600px){.carousel-image{height:250px}}@media(min-width:960px){.carousel-image{height:300px}}@media(min-width:1280px){.carousel-image{height:350px}}.booking-container .booking-section-paper{padding:24px;border-radius:8px}.booking-container .booking-section-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px;min-height:32px}.booking-container .booking-section-icon{margin-right:8px;color:var(--color-secondary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.booking-container .booking-section-header .MuiTypography-root{line-height:1.2;display:flex;align-items:center}.booking-container .booking-duration-options{margin-bottom:24px}.booking-container .booking-time-divider{margin:16px 0}.booking-container .booking-time-legend{margin-bottom:16px;font-weight:600}.booking-container .info-section-paper{padding:24px;border-radius:16px;height:100%;display:flex;flex-direction:column}.booking-container .info-fields{display:flex;flex-direction:column;gap:24px;flex:1}.booking-container .readonly-field{background-color:#00000005}.booking-container .readonly-field .MuiInputLabel-root{color:#999}.booking-container .readonly-field .MuiOutlinedInput-root fieldset{border-color:#e0e0e0}.booking-container .textarea-field .MuiOutlinedInput-root textarea{resize:vertical}.booking-container .action-section{margin-top:40px}.booking-container .date-alert{margin-bottom:24px;border-radius:16px;background-color:#ffb366;color:#fff;border:1px solid #FF9933;box-shadow:0 2px 8px #ffb3664d}.booking-container .confirm-button{padding:16px 48px;border-radius:12px;font-weight:700;font-size:1.2rem;background:linear-gradient(45deg,#f26522 30%,#ffa347 90%);box-shadow:0 6px 20px #f265224d;transition:all .3s ease;min-width:300px;max-width:100%;box-sizing:border-box}@media(max-width:600px){.booking-container .confirm-button{min-width:auto;width:100%;font-size:1rem}}.booking-container .confirm-button:hover{background:linear-gradient(45deg,#e0551c 30%,#f26522 90%);box-shadow:0 8px 25px #f2652266;transform:translateY(-2px)}.booking-container .confirm-button:disabled{background:linear-gradient(45deg,#797472 30%,#55504e 90%);box-shadow:none;transform:none}.booking-container .confirmation-note{margin-top:16px}.calendar-container{border-radius:24px;max-width:100%;overflow-x:auto}@media(max-width:600px){.calendar-container{padding:16px}}@media(min-width:600px){.calendar-container{padding:24px}}.calendar-container .month-year-selector{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px}.calendar-container .nav-button{min-width:36px;border-radius:16px;border-color:var(--color-secondary)!important;color:var(--color-secondary)!important}.calendar-container .nav-button:hover{background-color:#f265221a;border-color:var(--color-secondary)!important;color:var(--color-secondary)!important}.calendar-container .nav-button:disabled{border-color:#ccc!important;color:#ccc!important}.calendar-container .month-select{border-radius:16px}@media(max-width:600px){.month-select{min-width:110px}}@media(min-width:600px){.month-select{min-width:130px}}.calendar-container .month-select .MuiSelect-select{padding-top:8px;padding-bottom:8px}.calendar-container .month-menu-item{border-radius:16px}@media(max-width:600px){.month-menu-item{min-width:110px}}@media(min-width:600px){.month-menu-item{min-width:130px}}.calendar-container .month-menu-item .MuiSelect-select{padding-top:8px;padding-bottom:8px}.calendar-container .year-select{min-width:90px;border-radius:16px}.calendar-container .year-select .MuiSelect-select{padding-top:8px;padding-bottom:8px}.calendar-container .year-menu-item{font-weight:600}.calendar-container .day-names-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:16px}.calendar-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-container .day-cell{display:flex;justify-content:center;align-items:center;position:relative;border-radius:16px;transition:all .2s ease}@media(max-width:960px){.day-cell{height:45px;font-size:14px}}@media(min-width:960px){.day-cell{height:50px;font-size:16px}}.calendar-container .day-cell-booked{background-color:#fdecea!important;color:#d32f2f!important;cursor:not-allowed!important;font-weight:400!important}.calendar-container .day-cell-selected{background-color:#f57c00!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;box-shadow:0 4px 8px #00000026!important}.calendar-container .day-cell-partially{background-color:#fffde7!important;color:#f57c00!important;cursor:pointer!important;font-weight:400!important}.calendar-container .day-cell-available{background-color:#fff;color:#000;cursor:pointer;font-weight:400}.calendar-container .day-cell-past{color:#6d6d6d!important;opacity:.5;cursor:not-allowed}.calendar-container .day-cell-past.day-cell-booked{background-color:#fdecea;color:#ccc!important}.calendar-container .day-cell-past.day-cell-partially{background-color:#fffde7;color:#ccc!important}.calendar-container .day-cell-past.day-cell-available{background-color:#fff;color:#ccc!important}.calendar-container .day-cell-not-available{cursor:not-allowed}.calendar-container .day-cell:hover:not(.day-cell-booked):not(.day-cell-past){transform:scale(1.05);box-shadow:0 4px 8px #00000026}.calendar-container .day-cell:hover.day-cell-booked,.calendar-container .day-cell:hover.day-cell-past{transform:none;box-shadow:0 2px 4px #0000001a}.calendar-container .booking-count{position:absolute;bottom:2px;left:2px;font-size:10px}.calendar-container .tooltip-content{padding:8px}.calendar-container .tooltip-title{margin-bottom:8px}.service-request-list-page .status-section .status-card .status-card-content{padding:0;display:flex;align-items:center}.service-request-list-page .filter-section .search-box{margin:0!important}.service-request-list-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.service-request-list-page .container-btn{container-type:inline-size}.service-request-list-page .container-btn .text-btn{display:none}@container (max-width: 160px){.service-request-list-page .btn-approve,.service-request-list-page .btn-reject,.service-request-list-page .btn-detail{width:100%}.service-request-list-page .btn-approve .text-btn,.service-request-list-page .btn-reject .text-btn,.service-request-list-page .btn-detail .text-btn{display:block}}.service-request-list-page .card-item-container{padding:16px;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a;margin-bottom:8px}.service-request-list-page .MuiDataGrid-root .MuiDataGrid-cell{padding:8px 16px}.service-request-list-page .MuiDataGrid-root .MuiDataGrid-row{border-radius:4px;transition:background-color .2s ease;border-bottom:1px solid rgb(236,236,236)}.service-request-list-page .MuiDataGrid-root .MuiDataGrid-row:hover{background-color:#0000000a}.service-request-list-page .MuiDataGrid-root .MuiDataGrid-row .MuiDataGrid-cell{padding-top:20px;padding-bottom:20px}.service-request-list-page .MuiDataGrid-root .MuiDataGrid-columnHeaders{border-bottom:1px solid rgb(226,226,226);background-color:#f5f5f5}.service-request-list-page .MuiDataGrid-root .MuiDataGrid-columnSeparator{color:#e0e0e0}.service-request-list-page .MuiDataGrid-root .MuiDataGrid-columnHeader:focus,.service-request-list-page .MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within,.service-request-list-page .MuiDataGrid-root .MuiDataGrid-cell:focus,.service-request-list-page .MuiDataGrid-root .MuiDataGrid-cell:focus-within{outline:none}.service-area-details-page .card{display:flex}.service-area-details-page .card .card-content{display:flex;align-items:center;padding:0;width:100%;gap:8px}.service-area-details-page .filter-section .search-box{margin:0!important}.service-area-details-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.service-area-details-page .css-c2i0tp-MuiCardContent-root:last-child,.service-area-details-page .css-1rbiwpz-MuiCardContent-root:last-child{padding-bottom:16px}.service-area-details-page .data-card .title-list{font-weight:500}.service-area-details-page .css-1r5z1p1-MuiTableCell-root{padding:12px}.document-management-page{padding:24px;max-width:1200px;margin:0 auto}.document-management-page .MuiTableContainer-root{margin-top:16px}.document-management-page .MuiTableCell-head{font-weight:600;background-color:#f5f5f5}.document-management-page .MuiChip-root{font-size:.75rem}.document-management-page .MuiIconButton-root{margin:0 2px}.document-management-page .MuiDialog-paper{min-width:500px}@media(max-width:768px){.document-management-page{padding:16px}.document-management-page .MuiDialog-paper{min-width:90vw;margin:16px}}:root{--sut-orange: #F26522;--sut-white: #FFFFFF;--sut-black: #000000;--sut-gray: #6D6E70;--sut-gold: #A67436;--color-primary: #FFFFFF;--color-secondary: #F26522;--background-color: #fcfcfc;--text-primary: #000000;--text-secondary: #FFFFFF;--text-link: #08aff1;--button-primary-bg: #F26522;--button-primary-bg-hover: #dd591c;--button-primary-border: #F26522;--button-primary-text: #FFFFFF;--button-secondary-blue-bg: #FFFFFF;--button-secondary-blue-border: #08aff1;--button-secondary-blue-text: #08aff1;--button-secondary-blue-bg-hover: #08aff1;--button-secondary-blue-text-hover: #FFFFFF;--button-secondary-gray-bg: #F4F4F4;--button-secondary-gray-border: #F4F4F4;--button-secondary-gray-text: #6D6E70;--button-secondary-gold-bg: #A67436;--button-secondary-gold-border: #A67436;--button-secondary-gold-text: #FFFFFF;--button-cancel-bg: #FF3B30;--button-cancel-border: #FF3B30;--button-cancel-text: #FF3B30;--shadow-light: rgba(0, 0, 0, .25);--shadow-blue-light: rgba(8, 175, 241, .25);--shadow-red-light: rgba(255, 59, 48, .25);--step-active: #A67436;--step-border: #6D6E70;--step-border-success: #F26522;--step-background-success: #F26522;--step-border-processing: #F26522;--step-background-pending: #F4F4F4;--step-line-success: #F26522;--radio-border-check: #F26522;--radio-border-uncheck: #8a8a8a;--input-border: rgba(109, 110, 112, .4);--input-focus: #08aff1}.login-page{display:flex;justify-content:flex-end;align-items:center;height:100vh;background-image:url(/assets/SP_NON-dqmff99l.jpg);background-size:cover;background-position:center;background-attachment:fixed;padding:0 20px}.login-page .right-side{width:100%;max-width:400px;padding:30px;display:flex;flex-direction:column}.login-page .right-side .sign-in-welcome{color:var(--button-secondary-gray-text);font-weight:400;font-size:1.5rem;margin-bottom:16px}.login-page .right-side .sign-in-rsp{text-align:center;color:var(--sut-orange);font-weight:700;font-size:5rem}.login-page .right-side .sign-in-image{max-width:100%;height:auto;display:block;margin:0 auto 24px;object-fit:contain}.login-page .right-side .sign-in-button{margin-top:16px;background-color:var(--sut-orange);width:100%;height:50px;color:#fff;font-weight:700;font-size:large;border-radius:8px}.login-page .right-side .sign-in-button:hover{background-color:var(--sut-orange)}.login-page .right-side .forgot-link{margin-top:16px;display:block;text-align:center;color:var(--sut-gray);text-decoration:none;font-weight:700}.login-page .right-side .forgot-link:hover{text-decoration:underline;color:var(--button-primary-bg-hover)}.login-page .right-side .field{margin-top:20px}.login-page .right-side .input-otp{width:50px;height:50px;font-size:20px;text-align:center;border-radius:8px;margin:0 5px;border:2px solid gray;background-color:transparent;transition:border-color .3s ease}.login-page .right-side .input-otp:hover,.input-otp:focus{border-color:#ff6f00;outline:none}@media(max-width:768px){.login-page{justify-content:center}.login-page .right-side{max-width:90%;padding:20px}.login-page .right-side .sign-in-rsp{font-size:3rem}.login-page .right-side .sign-in-button{height:45px}}.my-maintenance-request-page .status-section .status-card .status-card-content{padding:0;display:flex;align-items:center}.my-maintenance-request-page .filter-section .search-box{margin:0!important}.my-maintenance-request-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.my-maintenance-request-page .container-btn{container-type:inline-size}.my-maintenance-request-page .container-btn .text-btn{display:none}@container (max-width: 160px){.my-maintenance-request-page .btn-confirm,.my-maintenance-request-page .btn-rework,.my-maintenance-request-page .btn-detail{width:100%}.my-maintenance-request-page .btn-confirm .text-btn,.my-maintenance-request-page .btn-rework .text-btn,.my-maintenance-request-page .btn-detail .text-btn{display:block}}.create-service-area{display:flex;justify-content:center;height:auto}.create-service-area .title-field{font-weight:600;margin-bottom:8px}.create-service-area .upload-button{font-size:14px;padding:6px 16px;border-radius:4px;background-color:#ff6f00;color:#fff}.create-service-area .upload-button input{display:none}.create-service-area .grid-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.create-service-area .grid-item{padding:10px}.create-service-area .MuiFormControl-root{margin-bottom:5px}.create-service-area button[type=submit]{background-color:#ff6f00;color:#fff;border-radius:4px;transition:background-color .3s ease}.create-service-area button[type=submit]:hover{background-color:#e65c00}.create-service-area .MuiTypography-h5{color:#ff6f00;text-align:left;font-weight:700}.create-service-area .submit-button-container{margin-top:24px;position:relative;bottom:24px;right:24px;display:flex;justify-content:flex-end}.create-service-area .section-header{border-bottom:2px solid #ff6f00;padding-bottom:8px;margin-bottom:20px}.create-service-area .form-field{margin-bottom:16px}.create-service-area .document-upload{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;margin:16px 0;transition:border-color .3s ease}.create-service-area .document-upload:hover{border-color:#ff6f00}.create-service-area .file-info{background-color:#f5f5f5;padding:8px 12px;border-radius:4px;margin-top:8px;font-size:14px}@media(max-width:600px){.create-service-area .create-service-area-form{width:90%;margin-left:0}}@media(max-width:768px){.create-service-area .submit-button-container{position:static;justify-content:center;margin-top:20px}.create-service-area .MuiGrid-container{padding:0 16px}}.accept-work-document-page{height:100%}.accept-work-document-page .MuiTextField-root{margin-bottom:0!important;width:100%!important}.accept-work-document-page .container-btn{container-type:inline-size}.accept-work-document-page .container-btn .text-btn{display:none}@container (max-width: 160px){.accept-work-document-page .btn-accept,.accept-work-document-page .btn-reject,.accept-work-document-page .btn-detail,.accept-work-document-page .btn-submit{width:100%}.accept-work-document-page .btn-accept .text-btn,.accept-work-document-page .btn-reject .text-btn,.accept-work-document-page .btn-detail .text-btn,.accept-work-document-page .btn-submit .text-btn{display:block}}