html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}html{overflow-x:hidden}body{color:#07152b;background:#f5faf9;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,input,textarea,select{font-family:inherit}.login-page{box-sizing:border-box;background:#f5faf9;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;display:flex}.login-container{background:#fff;border:1px solid #e0e9e8;border-radius:18px;grid-template-columns:1fr 1fr;width:min(1200px,94vw);height:min(700px,90vh);display:grid;overflow:hidden;box-shadow:0 15px 45px #0c3e4414}.login-left{box-sizing:border-box;background:linear-gradient(145deg,#f1faf9 0%,#eaf7f6 55%,#f8fcfc 100%);flex-direction:column;padding:42px 52px;display:flex;position:relative}.login-brand{justify-content:center;align-items:center;width:100%;margin-top:100px;display:flex}.login-brand img{width:230px;height:auto}.login-left-content{max-width:430px;margin-top:auto;margin-bottom:70px}.login-accent{background:#299b91;border-radius:10px;width:65px;height:4px;margin-bottom:28px}.login-left-content h1{color:#07152b;margin:0 0 18px;font-size:38px;font-weight:700;line-height:1.15}.login-left-content p{color:#5e7488;margin:0;font-size:17px;line-height:1.7}.login-right{box-sizing:border-box;background:#fff;justify-content:center;align-items:center;padding:50px 70px;display:flex}.login-form-container{width:100%;max-width:470px}.login-form-container h2{color:#07152b;margin:0 0 10px;font-size:36px;font-weight:700;line-height:1.2}.login-description{color:#708397;margin:0 0 38px;font-size:15px;line-height:1.6}.login-form{width:100%}.login-field{margin-bottom:24px}.login-field label{color:#07152b;margin-bottom:9px;font-size:14px;font-weight:600;display:block}.input-wrapper{width:100%;position:relative}.input-wrapper input{box-sizing:border-box;color:#07152b;background:#fff;border:1px solid #d9e3e5;border-radius:11px;outline:none;width:100%;height:58px;padding:0 52px 0 48px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-wrapper input::placeholder{color:#a2b0ba}.input-wrapper input:focus{border-color:#35a39a;box-shadow:0 0 0 3px #35a39a1a}.input-icon{color:#8b9ca5;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.password-toggle{color:#8b9ca5;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle svg{width:19px;height:19px}.password-toggle:hover{color:#299b91}.login-error{box-sizing:border-box;color:#c0392b;background:#fff5f5;border:1px solid #f0caca;border-radius:9px;width:100%;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.4}.login-button{color:#fff;cursor:pointer;background:#329a91;border:none;border-radius:11px;width:100%;height:58px;font-size:16px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){background:#278b83;box-shadow:0 7px 18px #329a9133}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.65;cursor:not-allowed}.login-footer{color:#81919d;text-align:center;border-top:1px solid #edf1f2;margin-top:45px;padding-top:18px;font-size:12px}@media (width<=1100px){.login-container{width:94vw;height:88vh}.login-left{padding:36px 40px}.login-right{padding:40px 45px}.login-left-content h1{font-size:32px}.login-left-content p{font-size:15px}.login-form-container h2{font-size:32px}}@media (width<=800px){.login-page{padding:20px}.login-container{grid-template-columns:1fr;width:100%;height:auto;min-height:700px}.login-left{min-height:260px;padding:32px 35px}.login-brand img{width:190px}.login-left-content{margin-top:45px;margin-bottom:0}.login-left-content h1{font-size:28px}.login-left-content p{font-size:14px}.login-right{padding:40px 35px}}@media (width<=500px){.login-page{padding:0}.login-container{width:100%;min-height:100vh;box-shadow:none;border:none;border-radius:0}.login-left{min-height:230px;padding:28px 25px}.login-brand img{width:170px}.login-left-content{margin-top:35px}.login-left-content h1{font-size:25px}.login-left-content p{font-size:13px;line-height:1.5}.login-right{padding:35px 25px}.login-form-container h2{font-size:28px}.login-description{margin-bottom:28px;font-size:14px}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#111827;background:#f8fafb;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.admin-layout{background:#f8fafb;width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:100;background:#fff;border-right:1px solid #e6ebed;width:250px;height:100vh;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-logo{border-bottom:1px solid #edf1f2;align-items:center;width:100%;height:72px;padding:0 28px;display:flex}.sidebar-menu-wrapper{width:100%;padding:18px 10px 10px}.sidebar-menu,.sidebar-system{flex-direction:column;gap:1px;display:flex}.sidebar-item{color:#162033;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;height:40px;padding:0 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:flex;position:relative}.sidebar-item svg{stroke-width:1.8px;flex-shrink:0;width:19px;height:19px}.sidebar-item.active:before{content:"";background:#07977f;border-radius:0 4px 4px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.main-content{flex-direction:column;width:calc(100% - 250px);height:100vh;margin-left:250px;display:flex;overflow:hidden auto}.top-header{background:#fff;border-bottom:1px solid #e7ecee;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 24px;display:flex}.menu-button{color:#172238;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.menu-button svg{width:22px;height:22px}.notification-button{color:#132238;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;position:relative}.notification-button svg{width:21px;height:21px}.admin-avatar svg{width:21px;height:21px}.admin-info strong{color:#162033;font-size:14px;font-weight:600}.admin-chevron{color:#162033;margin-left:2px}.page-content{width:100%;height:auto;min-height:calc(100vh - 68px);padding:8px 28px;overflow:visible}.page-heading{margin-bottom:13px}.page-heading h1{color:#101827;margin:0 0 4px;font-size:26px;font-weight:700;line-height:1.15}.breadcrumb{color:#647385;align-items:center;gap:7px;font-size:12px;display:flex}.breadcrumb svg{width:16px;height:16px}.welcome-box{background:linear-gradient(100deg,#e7f7f5 0%,#def3f1 100%);border:1px solid #d2e9e7;border-radius:15px;align-items:center;gap:18px;width:100%;height:78px;margin-bottom:14px;padding:12px 22px;display:flex}.welcome-icon{color:#07977f;border:2px solid #07977f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.welcome-cross{font-size:29px;font-weight:600;line-height:1}.welcome-content h2{color:#101827;margin:0 0 3px;font-size:19px;font-weight:700;line-height:1.2}.welcome-content p{color:#526779;margin:0;font-size:12px;line-height:1.35}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;width:100%;display:grid}.management-card{background:#fff;border:1px solid #e0e8ea;border-radius:14px;flex-direction:column;width:100%;height:150px;min-height:150px;padding:13px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 2px 10px #14323c08}.management-card:hover{border-color:#cfe4e1;transform:translateY(-2px);box-shadow:0 8px 20px #14464612}.card-icon{color:#07977f;background:#e2f5f3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;display:flex}.card-icon svg{stroke-width:1.7px;width:26px;height:26px}.card-text{padding-right:24px}.card-text h3{color:#101827;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.2}.card-text p{color:#617283;max-width:170px;margin:0;font-size:11px;line-height:1.3}.card-arrow{color:#07977f;position:absolute;bottom:12px;right:13px}.card-arrow svg{width:19px;height:19px}.page-footer{color:#627285;justify-content:space-between;align-items:center;width:100%;padding:8px 2px 0;font-size:10px;display:flex}@media (width>=1400px){.page-content{padding:8px 30px 6px}.cards-grid{gap:12px}.management-card{height:150px;min-height:150px}}@media (width>=1001px) and (width<=1200px){.sidebar{width:225px}.main-content{width:calc(100% - 225px);margin-left:225px}.page-content{padding:8px 22px 6px}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.management-card{height:140px;min-height:140px;padding:11px 13px}.card-icon{width:43px;height:43px;margin-bottom:8px}.card-icon svg{width:23px;height:23px}.card-text h3{font-size:14px}.card-text p{font-size:10px}}@media (width<=1000px){html,body,#root{overflow:auto}.admin-layout{height:auto;min-height:100vh;overflow:visible}.sidebar{width:220px;position:fixed;overflow-y:auto}.main-content{width:calc(100% - 220px);height:auto;margin-left:220px;overflow:visible}.page-content{height:auto;padding-top:10px;overflow:visible}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){html,body,#root{overflow:auto}.admin-layout{height:auto;display:block;overflow:visible}.sidebar{border-bottom:1px solid #e6ebed;border-right:0;width:100%;height:auto;position:relative;overflow:visible}.sidebar-logo{height:70px}.main-content{width:100%;height:auto;margin-left:0;overflow:visible}.top-header{height:64px}.admin-info{display:none}.page-content{height:auto;padding:10px 18px 18px}.page-heading h1{font-size:24px}.welcome-box{height:auto;min-height:78px;padding:15px}.cards-grid{grid-template-columns:1fr;gap:10px}.management-card{height:145px;min-height:145px}.page-footer{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:20px}}.about-page{width:100%}.about-heading-description{color:#718096;margin:5px 0 0;font-size:11px;line-height:1.5}.page-content{padding-top:12px}.page-heading h1{margin-top:0;font-size:26px}.about-loading{color:#52647a;justify-content:center;align-items:center;gap:12px;min-height:400px;font-size:14px;display:flex}.about-error{color:#c43c3c;background:#fff4f4;border:1px solid #ffd2d2;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:18px;padding:12px 15px;font-size:13px;display:flex}.about-error button{color:#c43c3c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.about-section{background:#fff;border:1px solid #dfe8e8;border-radius:13px;width:100%;margin-bottom:20px;overflow:visible;box-shadow:0 2px 8px #081f3209}.about-section-header{border-bottom:1px solid #e7eeee;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:12px 16px;display:flex}.about-section-title{align-items:center;gap:11px;display:flex}.about-section-icon{color:#00a58f;background:#e4f7f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.about-section-title h2{color:#07152b;margin:0 0 3px;font-size:14px;font-weight:700}.about-section-title p{color:#718096;margin:0;font-size:10px}.about-section-actions{align-items:center;gap:8px;display:flex}.image-count{color:#5f7180;background:#f2f8f7;border-radius:7px;padding:5px 9px;font-size:10px}.add-image-button{color:#009b89;cursor:pointer;background:#fff;border:1px solid #00a995;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.add-image-button:hover{background:#eaf9f7}.slider-upload-area{display:none!important}.selected-files{color:#506577;background:#f4fbfa;border-top:1px solid #e4eeee;justify-content:space-between;align-items:center;padding:8px 12px;font-size:10px;display:flex}.selected-files button{color:#fff;cursor:pointer;background:#00a995;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.selected-files button:disabled{opacity:.6;cursor:not-allowed}.slider-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 16px 14px;display:grid}.slider-card{background:#fff;border:1px solid #dce7e7;border-radius:9px;min-width:0;overflow:hidden}.slider-image-wrapper{aspect-ratio:16/7;background:#eef4f4;width:100%;position:relative;overflow:hidden}.slider-image-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.slider-number{color:#fff;background:#072c50;border-radius:6px;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;font-weight:700;display:flex;position:absolute;top:7px;left:7px}.slider-status{color:#d74a4a;background:#fff1f1;border-radius:5px;padding:4px 7px;font-size:8px;position:absolute;top:7px;right:7px}.slider-status.active{color:#009c89;background:#e6f9f5}.slider-card-footer{justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:7px 8px;display:flex}.slider-card-footer strong{color:#17304a;margin-bottom:2px;font-size:10px;display:block}.slider-card-footer span{color:#8291a0;font-size:8px;display:block}.delete-icon-button{color:#ef5a5a;cursor:pointer;background:#fff8f8;border:1px solid #fcc;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.delete-icon-button:hover{background:#fff0f0}.delete-icon-button:disabled{opacity:.5;cursor:not-allowed}.about-data-list{width:100%}.about-data-row{border-bottom:1px solid #e6eeee;grid-template-columns:105px minmax(0,1fr);display:grid}.about-data-row:last-child{border-bottom:none}.about-label{color:#009b89;background:#fbfdfd;align-items:flex-start;padding:12px 14px;font-size:10px;font-weight:700;display:flex}.about-value-area{min-width:0;padding:10px 14px}.about-display-value{color:#34485c;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;font-size:10px;line-height:1.65}.about-display-value.clickable{cursor:text}.about-display-value.clickable:hover{color:#008f7e}.edit-field-wrapper{width:100%}.about-input,.about-textarea{color:#24384e;background:#fff;border:1px solid #b8d6d3;border-radius:7px;outline:none;width:100%;padding:9px 10px;font-size:10px;line-height:1.6;display:block}.about-input:focus,.about-textarea:focus{border-color:#00a995;box-shadow:0 0 0 3px #00a99514}.about-textarea{resize:vertical;min-height:130px}.edit-actions{justify-content:flex-end;align-items:center;gap:6px;padding-top:8px;display:flex}.save-button,.cancel-button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:9px;font-weight:600;display:inline-flex}.save-button{color:#fff;background:#00a995;border:1px solid #00a995}.save-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{color:#667789;background:#fff;border:1px solid #d9e2e2}.cancel-button:hover{background:#f6f9f9}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.danger-outline-button{color:#e45454;cursor:pointer;background:#fff8f8;border:1px solid #ffbebe;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:10px;font-weight:600;display:inline-flex}.danger-outline-button:hover{background:#fff0f0}.danger-outline-button:disabled{opacity:.6;cursor:not-allowed}.empty-about{color:#8a99a5;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.empty-about strong{color:#526578;font-size:13px}.detail-images-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.detail-image-card{background:#fff;border:1px solid #dce7e7;border-radius:9px;min-width:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.detail-image-card-editing{border-color:#00a995;box-shadow:0 0 0 3px #00a99514}.detail-image-wrapper{aspect-ratio:4/3;background:#eef4f4;width:100%;position:relative;overflow:hidden}.detail-image-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.detail-image-number{color:#fff;background:#072c50;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.detail-image-cover{color:#fff;background:#00a995;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:600;position:absolute;top:8px;right:8px}.detail-image-footer{justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:7px 8px;display:flex}.detail-image-footer>div:first-child{min-width:0}.detail-image-footer strong{color:#17304a;margin-bottom:3px;font-size:10px;display:block}.detail-image-footer span{white-space:nowrap;text-overflow:ellipsis;color:#8291a0;max-width:130px;font-size:8px;display:block;overflow:hidden}.replace-icon-button{color:#009f8d;cursor:pointer;background:#f2fbfa;border:1px solid #b9deda;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative;overflow:hidden}.replace-icon-button:hover{color:#008d7d;background:#e4f8f5;border-color:#00a995}.replace-icon-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.detail-image-edit-panel{background:#f8fcfc;border-top:1px solid #e2eeee;padding:9px}.selected-detail-file{color:#506577;cursor:pointer;background:#fff;border:1px solid #dce9e8;border-radius:6px;width:100%;margin-bottom:8px;padding:7px 8px;font-size:9px;display:block;position:relative;overflow:hidden}.selected-detail-file:hover{background:#f5fbfa;border-color:#00a995}.selected-detail-file span{white-space:nowrap;text-overflow:ellipsis;padding-right:5px;display:block;overflow:hidden}.selected-detail-file input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.detail-image-select-message{color:#83939f;cursor:pointer;background:#fff;border:1px dashed #c7dada;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:30px;margin-bottom:8px;padding:7px 10px;font-size:9px;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.detail-image-select-message:hover{color:#009b89;background:#f0faf8;border-color:#00a995}.detail-image-select-message input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.detail-image-edit-actions{justify-content:flex-end;gap:6px;display:flex}.detail-images-empty{color:#8a99a5;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:160px;display:flex}.detail-images-empty strong{color:#526578;font-size:13px}.detail-images-empty span{font-size:10px}.page-footer{color:#84919d;justify-content:space-between;align-items:center;padding:15px 0;font-size:9px;display:flex}@keyframes aboutSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.slider-grid,.detail-images-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.slider-grid,.detail-images-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.about-section-header{flex-direction:column;align-items:flex-start}.about-section-actions{justify-content:flex-end;width:100%}.slider-grid,.detail-images-grid,.about-data-row{grid-template-columns:1fr}.about-label{padding-bottom:5px}.about-value-area{padding-top:5px}.page-footer{flex-direction:column;align-items:flex-start;gap:5px}}@media (width<=500px){.about-section{border-radius:10px}.about-section-header{padding:12px}.slider-upload-area{margin:10px 12px}.slider-grid{padding:0 12px 12px}.detail-images-grid{padding:12px}.about-section-actions{flex-wrap:wrap;justify-content:flex-start}.edit-actions{flex-wrap:wrap}}.reservations-page{width:100%;min-width:0}.reservations-page .page-heading{width:100%;margin-bottom:14px}.reservations-page .page-heading h1{color:#101827;margin:0 0 5px;font-size:29px;font-weight:700;line-height:1.15}.reservations-page .breadcrumb{color:#647385;align-items:center;gap:7px;font-size:12px;display:flex}.reservations-page .breadcrumb svg{width:16px;height:16px}.breadcrumb-slash{color:#a4afb7}.reservations-panel{background:#fff;border:1px solid #dce8e8;border-radius:15px;width:100%;min-width:0;overflow:hidden;box-shadow:0 2px 8px #07152b06}.reservations-toolbar{border-bottom:1px solid #e3ecec;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:84px;padding:18px 22px;display:flex}.reservation-search{color:#647689;background:#fff;border:1px solid #d7e2e3;border-radius:9px;align-items:center;gap:10px;width:310px;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.reservation-search:focus-within{border-color:#00a995;box-shadow:0 0 0 3px #00a99514}.reservation-search input{color:#07152b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:14px}.reservation-search input::placeholder{color:#98a6b2}.clear-search{color:#7e8d98;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.reservation-actions{align-items:center;gap:10px;display:flex}.refresh-button,.filter-button{color:#40566a;cursor:pointer;background:#fff;border:1px solid #d7e2e3;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;transition:background .15s,border-color .15s,color .15s;display:flex}.refresh-button{width:46px}.filter-button{padding:0 16px}.refresh-button:hover,.filter-button:hover{color:#009b89;background:#f3faf9;border-color:#00a995}@keyframes reservation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reservation-error{color:#a33d3d;background:#fff6f6;border:1px solid #f0caca;border-radius:8px;align-items:center;gap:8px;margin:18px 22px;padding:13px 15px;font-size:13px;display:flex}.reservation-error button{color:#a33d3d;cursor:pointer;background:#fff;border:1px solid #e2a6a6;border-radius:6px;margin-left:auto;padding:6px 10px}.reservation-error button:hover{background:#fff0f0}.reservations-table-wrapper{scrollbar-width:thin;width:100%;max-width:100%;overflow:auto hidden}.reservations-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:950px}.reservations-table thead{background:#fbfdfd}.reservations-table th{text-align:left;white-space:nowrap;color:#4e6275;border-bottom:1px solid #dfe9e9;height:58px;padding:0 18px;font-size:13px;font-weight:600}.reservations-table td{color:#25394c;vertical-align:middle;border-bottom:1px solid #edf2f2;height:72px;padding:15px 18px;font-size:13px}.reservations-table tbody tr{transition:background .12s}.reservations-table tbody tr:hover{background:#fbfefe}.reservation-id{color:#008f80;background:#e9f7f5;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;font-weight:600;display:inline-flex}.reservation-name{color:#07152b;white-space:nowrap;font-weight:600}.reservation-email{color:#426073;white-space:nowrap}.reservation-date{white-space:nowrap;color:#40566a;align-items:center;gap:8px;display:flex}.reservation-date svg{color:#00a995;flex-shrink:0}.action-column{white-space:nowrap;width:155px;text-align:right!important}.reservation-action-buttons{justify-content:flex-end;align-items:center;gap:7px;display:flex}.view-reservation-button{color:#314a5e;cursor:pointer;background:#fff;border:1px solid #d6e3e3;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.view-reservation-button:hover{color:#008f80;background:#eaf8f6;border-color:#00a995}.delete-reservation-button{color:#e05252;cursor:pointer;background:#fff;border:1px solid #f1caca;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.delete-reservation-button:hover{color:#d63d3d;background:#fff2f2;border-color:#e05252}.delete-reservation-button:disabled{opacity:.55;cursor:default}.table-loading{height:250px;text-align:center!important;color:#78909c!important}.table-loading svg{color:#00a995;margin:0 auto 10px;display:block}.table-loading span{display:block}.table-empty{height:250px;text-align:center!important;color:#81909c!important}.table-empty svg{color:#9ab2b5;margin:0 auto 12px;display:block}.table-empty strong{color:#506477;margin-bottom:5px;display:block}.table-empty span{font-size:12px;display:block}.reservations-footer{color:#687b8a;border-top:1px solid #edf2f2;align-items:center;min-height:70px;padding:0 22px;font-size:13px;display:flex}.reservations-footer strong{color:#07152b}.reservations-page .page-footer{color:#627285;justify-content:space-between;align-items:center;width:100%;padding:12px 2px 4px;font-size:10px;display:flex}.reservation-modal-overlay{z-index:1000;background:#07152b59;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.reservation-modal{background:#fff;border-radius:14px;width:min(480px,100%);overflow:hidden;box-shadow:0 20px 60px #07152b33}.reservation-modal-header{border-bottom:1px solid #e4eded;justify-content:space-between;align-items:center;min-height:78px;padding:16px 20px;display:flex}.reservation-modal-header h2{color:#07152b;margin:0 0 4px;font-size:18px}.reservation-modal-header span{color:#82919c;font-size:12px}.reservation-modal-header button{color:#657783;cursor:pointer;background:#fff;border:1px solid #dce5e6;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.reservation-modal-header button:hover{color:#008f80;background:#f3f8f8}.reservation-modal-body{padding:20px}.reservation-detail-item{border-bottom:1px solid #edf2f2;flex-direction:column;gap:5px;padding:13px 0;display:flex}.reservation-detail-item:last-child{border-bottom:none}.reservation-detail-item span{color:#84929d;font-size:11px}.reservation-detail-item strong{color:#24394c;word-break:break-word;font-size:14px;font-weight:600}@media (width<=900px){.reservations-toolbar{flex-direction:column;align-items:stretch}.reservation-search{width:100%}.reservation-actions{justify-content:flex-end}}@media (width<=600px){.reservations-toolbar{padding:14px}.reservations-table th,.reservations-table td{padding-left:12px;padding-right:12px}.view-reservation-button span{display:none}.view-reservation-button{width:38px;padding:0}.action-column{width:95px}.reservations-page .page-footer{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:20px}}.faq-page{width:100%;max-width:1200px;margin:0 auto}.faq-page-header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.faq-page-header h1{color:#07152b;margin:0 0 7px;font-size:28px;font-weight:700}.faq-breadcrumb{color:#718496;align-items:center;gap:9px;font-size:12px;display:flex}.faq-breadcrumb strong{color:#53687a;font-weight:500}.faq-add-button{color:#fff;cursor:pointer;background:#009f90;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.faq-add-button:hover{background:#008c7f}.faq-add-button:active{transform:translateY(1px)}.faq-card{background:#fff;border:1px solid #dce7e7;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 2px 8px #07152b06}.faq-toolbar{border-bottom:1px solid #e5eded;justify-content:space-between;align-items:center;gap:15px;min-height:84px;padding:18px 22px;display:flex}.faq-search{color:#72879a;background:#fff;border:1px solid #d5e1e3;border-radius:9px;align-items:center;gap:11px;width:400px;max-width:100%;height:48px;padding:0 14px;display:flex}.faq-search:focus-within{border-color:#77cfc6;box-shadow:0 0 0 3px #009f9014}.faq-search input{color:#25394c;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:13px}.faq-search input::placeholder{color:#9aaab6}.faq-search-clear{color:#69808c;cursor:pointer;background:#edf5f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;padding:0;display:flex}.faq-refresh-button{color:#526a7d;cursor:pointer;background:#fff;border:1px solid #d7e3e5;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.faq-refresh-button:hover{color:#009f90;background:#f2faf9;border-color:#b8dfda}.faq-refresh-button:disabled{cursor:default;opacity:.65}.faq-table-wrapper{width:100%;overflow-x:auto}.faq-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px}.faq-table thead{background:#fbfdfd}.faq-table th{text-align:left;color:#52697c;border-bottom:1px solid #e2ebec;height:58px;padding:0 18px;font-size:12px;font-weight:600}.faq-table td{vertical-align:middle;color:#53697b;border-bottom:1px solid #e7eeee;padding:18px;font-size:12px}.faq-table tbody tr:last-child td{border-bottom:none}.faq-table tbody tr:hover{background:#fcfefe}.faq-id-column{width:70px}.faq-order-column{width:80px}.faq-actions-column{width:170px}.faq-id-badge{color:#008f82;background:#e8f8f5;border-radius:8px;justify-content:center;align-items:center;min-width:31px;height:31px;padding:0 8px;font-weight:700;display:inline-flex}.faq-question-text{color:#253b4f;max-width:330px;font-size:13px;font-weight:600;line-height:1.6}.faq-answer-text{color:#65798a;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:420px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.faq-order-badge{color:#008f82;background:#e8f8f5;border-radius:8px;justify-content:center;align-items:center;min-width:31px;height:31px;padding:0 8px;font-weight:700;display:inline-flex}.faq-actions{align-items:center;gap:8px;display:flex}.faq-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .15s,border-color .15s,color .15s;display:flex}.faq-view{color:#009d8f;background:#effaf8;border:1px solid #cde9e5}.faq-view:hover{background:#dff5f1}.faq-edit{color:#2879c9;background:#f0f7fd;border:1px solid #d2e3f4}.faq-edit:hover{background:#e2f0fb}.faq-delete{color:#e24c4c;background:#fff4f4;border:1px solid #f4d1d1}.faq-delete:hover{background:#ffe8e8}.faq-empty{height:250px;text-align:center!important;color:#92a3ae!important}.faq-empty svg{color:#91aaa9;margin:0 auto 10px;display:block}.faq-empty span{display:block}.faq-card-footer{border-top:1px solid #e4eded;justify-content:space-between;align-items:center;min-height:72px;padding:14px 22px;display:flex}.faq-total{color:#708494;font-size:12px}.faq-total strong{color:#2c4255}.faq-pagination{align-items:center;gap:6px;display:flex}.faq-pagination button{color:#62778a;cursor:pointer;background:#fff;border:1px solid #d9e5e6;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:12px;display:flex}.faq-pagination button:hover:not(:disabled){color:#008f82;background:#eef9f7;border-color:#b9dfda}.faq-pagination button.active{color:#fff;background:#009f90;border-color:#009f90}.faq-pagination button:disabled{opacity:.45;cursor:default}.faq-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07152b59;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.faq-modal{background:#fff;border-radius:15px;width:100%;max-width:600px;max-height:calc(100vh - 50px);overflow-y:auto;box-shadow:0 20px 60px #07152b2e}.faq-modal-header{border-bottom:1px solid #e5eded;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.faq-modal-header h2{color:#172d40;margin:0 0 5px;font-size:19px}.faq-modal-header p{color:#83939e;margin:0;font-size:11px}.faq-modal-close{color:#637987;cursor:pointer;background:#f2f7f7;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.faq-modal-close:hover{color:#008f82;background:#e8f3f2}.faq-form{padding:24px}.faq-form-group{margin-bottom:18px}.faq-form-group label{color:#40586a;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.faq-form-group input,.faq-form-group textarea{color:#263c4e;resize:vertical;background:#fff;border:1px solid #d6e3e4;border-radius:8px;outline:none;width:100%;padding:12px 13px;font-size:13px;transition:border-color .15s,box-shadow .15s}.faq-form-group input{height:44px}.faq-form-group input:focus,.faq-form-group textarea:focus{border-color:#63c5bb;box-shadow:0 0 0 3px #009f9014}.faq-form-group textarea{min-height:130px}.faq-form-actions{justify-content:flex-end;align-items:center;gap:9px;padding-top:8px;display:flex}.faq-cancel-button,.faq-save-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.faq-cancel-button{color:#617685;background:#fff;border:1px solid #d7e2e4}.faq-cancel-button:hover{background:#f6f9f9}.faq-save-button{color:#fff;background:#009f90;border:1px solid #009f90}.faq-save-button:hover{background:#008c7f}.faq-save-button:disabled,.faq-cancel-button:disabled{opacity:.6;cursor:default}.faq-view-modal{max-width:650px}.faq-view-content{padding:24px}.faq-view-field{margin-bottom:20px}.faq-view-field:last-child{margin-bottom:0}.faq-view-field>span{color:#8495a1;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.faq-view-field strong{color:#008f82;background:#e8f8f5;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 9px;font-size:12px;display:inline-flex}.faq-view-field p{color:#536a7b;background:#fbfdfd;border:1px solid #e2ebec;border-radius:8px;margin:0;padding:13px;font-size:13px;line-height:1.7}.faq-view-footer{justify-content:flex-end;padding:0 24px 24px;display:flex}@keyframes faq-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.faq-spin{animation:.8s linear infinite faq-spin}@media (width<=800px){.faq-page-header{flex-direction:column;align-items:flex-start;gap:15px}.faq-add-button{width:100%}.faq-toolbar{flex-direction:column;align-items:stretch}.faq-search{width:100%}.faq-refresh-button{align-self:flex-end}.faq-card-footer{flex-direction:column;align-items:flex-start;gap:15px}}@media (width<=600px){.faq-page-header h1{font-size:24px}.faq-modal-overlay{padding:12px}.faq-modal{max-height:calc(100vh - 24px)}.faq-form,.faq-view-content,.faq-modal-header{padding:18px}.faq-view-footer{padding:0 18px 18px}}.feedback-page{width:100%;max-width:1200px;margin:0 auto}.feedback-page-header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.feedback-page-header h1{color:#07152b;margin:0 0 7px;font-size:28px;font-weight:700}.feedback-breadcrumb{color:#718496;align-items:center;gap:9px;font-size:12px;display:flex}.feedback-breadcrumb strong{color:#53687a;font-weight:500}.feedback-add-button{color:#fff;cursor:pointer;background:#009f90;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.feedback-add-button:hover{background:#008c7f}.feedback-card{background:#fff;border:1px solid #dce7e7;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 2px 8px #07152b06}.feedback-toolbar{border-bottom:1px solid #e5eded;justify-content:space-between;align-items:center;gap:15px;min-height:84px;padding:18px 22px;display:flex}.feedback-search{color:#72879a;background:#fff;border:1px solid #d5e1e3;border-radius:9px;align-items:center;gap:11px;width:400px;max-width:100%;height:48px;padding:0 14px;display:flex}.feedback-search:focus-within{border-color:#77cfc6;box-shadow:0 0 0 3px #009f9014}.feedback-search input{color:#25394c;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:13px}.feedback-search input::placeholder{color:#9aaab6}.feedback-refresh{color:#526a7d;cursor:pointer;background:#fff;border:1px solid #d7e3e5;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.feedback-refresh:hover{color:#009f90;background:#f2faf9;border-color:#b8dfda}.feedback-refresh:disabled{opacity:.6}.feedback-list{width:100%}.feedback-row{border-bottom:1px solid #e5eded;grid-template-columns:45px 190px minmax(300px,1fr) 100px 100px;align-items:center;gap:22px;width:100%;min-height:250px;padding:24px 22px;display:grid}.feedback-row:last-child{border-bottom:none}.feedback-number{justify-content:center;align-items:flex-start;height:100%;display:flex}.feedback-number span{color:#008f82;background:#e8f8f5;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:flex}.feedback-section-label{color:#82939f;text-transform:uppercase;letter-spacing:.4px;margin-bottom:9px;font-size:10px;font-weight:700}.feedback-cover-section{min-width:0}.feedback-cover{background:#f1f6f6;border:1px solid #dbe6e7;border-radius:9px;width:180px;height:115px;overflow:hidden}.feedback-cover img{object-fit:cover;width:100%;height:100%;display:block}.feedback-cover-button{color:#008f82;cursor:pointer;background:#f0faf8;border:1px solid #bde3df;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:180px;height:37px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.feedback-cover-button:hover{background:#e1f5f1}.feedback-video-section{min-width:0}.feedback-video{background:#17242c;border-radius:9px;width:100%;max-width:390px;height:150px;overflow:hidden}.feedback-video video{object-fit:cover;width:100%;height:100%;display:block}.feedback-status-section{align-self:center}.feedback-status{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:78px;height:36px;padding:0 11px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.feedback-status.status-active{color:#159052;background:#effaf4;border:1px solid #c9ecd9}.feedback-status.status-active:hover{background:#ddf5e9;border-color:#9bd9b9}.feedback-status.status-passive{color:#b67a18;background:#fff8eb;border:1px solid #e8d8b8}.feedback-status.status-passive:hover{background:#fff0d3;border-color:#dfc184}.feedback-status:disabled{opacity:.6;cursor:default}.feedback-status-dot{background:#19a15b;border-radius:50%;flex-shrink:0;width:7px;height:7px}.feedback-status.status-passive .feedback-status-dot{background:#d99a28}.feedback-actions-section{align-self:center}.feedback-delete-button{color:#e14d4d;cursor:pointer;background:#fff5f5;border:1px solid #f2d0d0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:76px;height:62px;font-size:10px;font-weight:600;display:flex}.feedback-delete-button:hover{background:#ffe8e8}.feedback-delete-button:disabled{opacity:.6;cursor:default}.feedback-empty{color:#91a2ad;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;font-size:12px;display:flex}.feedback-footer{border-top:1px solid #e4eded;justify-content:space-between;align-items:center;min-height:72px;padding:14px 22px;display:flex}.feedback-total{color:#708494;font-size:12px}.feedback-total strong{color:#2c4255}.feedback-pagination{align-items:center;gap:6px;display:flex}.feedback-pagination button{color:#62778a;cursor:pointer;background:#fff;border:1px solid #d9e5e6;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:12px;display:flex}.feedback-pagination button:hover:not(:disabled){color:#008f82;background:#eef9f7;border-color:#b9dfda}.feedback-pagination button.active{color:#fff;background:#009f90;border-color:#009f90}.feedback-pagination button:disabled{opacity:.45;cursor:default}.feedback-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07152b59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.feedback-modal{background:#fff;border-radius:15px;width:100%;max-width:540px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px #07152b33}.feedback-modal-header{border-bottom:1px solid #e5eded;justify-content:space-between;align-items:flex-start;padding:21px 23px;display:flex}.feedback-modal-header h2{color:#172d40;margin:0 0 5px;font-size:19px}.feedback-modal-header p{color:#83939e;margin:0;font-size:11px}.feedback-modal-close{color:#637987;cursor:pointer;background:#f2f7f7;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.feedback-modal-close:hover{color:#008f82;background:#e7f3f1}.feedback-form{padding:23px}.feedback-form-group{margin-bottom:19px}.feedback-form-group>label{color:#40586a;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.feedback-file-input{color:#009b8c;cursor:pointer;background:#f7fcfb;border:1px dashed #a9d8d3;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:90px;padding:15px;transition:background .15s,border-color .15s;display:flex}.feedback-file-input:hover{background:#edf9f7;border-color:#70c8bf}.feedback-file-input span{color:#617786;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.feedback-file-input input{display:none}.feedback-current-cover{border:1px solid #dbe6e7;border-radius:9px;width:180px;height:115px;margin:0 auto 22px;overflow:hidden}.feedback-current-cover img{object-fit:cover;width:100%;height:100%;display:block}.feedback-form-actions{justify-content:flex-end;align-items:center;gap:9px;padding-top:5px;display:flex}.feedback-cancel-button,.feedback-save-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.feedback-cancel-button{color:#617685;background:#fff;border:1px solid #d7e2e4}.feedback-cancel-button:hover{background:#f6f9f9}.feedback-save-button{color:#fff;background:#009f90;border:1px solid #009f90}.feedback-save-button:hover{background:#008c7f}.feedback-save-button:disabled,.feedback-cancel-button:disabled{opacity:.6;cursor:default}@keyframes feedback-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-spin{animation:.8s linear infinite feedback-spin}@media (width<=1050px){.feedback-row{grid-template-columns:40px 170px minmax(250px,1fr) 90px 80px;gap:15px;padding:20px 15px}.feedback-cover,.feedback-cover-button{width:160px}.feedback-video{max-width:330px}}@media (width<=850px){.feedback-page-header{flex-direction:column;align-items:flex-start;gap:15px}.feedback-add-button{width:100%}.feedback-row{grid-template-columns:35px 1fr 1fr;align-items:start}.feedback-status-section,.feedback-actions-section{align-self:start}.feedback-video{max-width:100%}}@media (width<=650px){.feedback-toolbar{flex-direction:column;align-items:stretch}.feedback-search{width:100%}.feedback-refresh{align-self:flex-end}.feedback-row{grid-template-columns:35px 1fr}.feedback-video-section,.feedback-status-section,.feedback-actions-section{grid-column:2}.feedback-footer{flex-direction:column;align-items:flex-start;gap:15px}}.blog-page{width:100%;max-width:1250px;margin:0 auto}.blog-page-header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.blog-page-header h1{color:#07152b;margin:0 0 7px;font-size:28px;font-weight:700}.blog-breadcrumb{color:#738696;align-items:center;gap:9px;font-size:12px;display:flex}.blog-breadcrumb strong{color:#009b8c;font-weight:600}.blog-add-button{color:#fff;cursor:pointer;background:#009f90;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:12px;font-weight:600;display:flex}.blog-add-button:hover{background:#008d80}.blog-card{background:#fff;border:1px solid #dce7e7;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 2px 8px #07152b06}.blog-toolbar{border-bottom:1px solid #e4eded;align-items:center;gap:12px;min-height:82px;padding:17px 20px;display:flex}.blog-search{color:#718697;border:1px solid #d6e2e4;border-radius:8px;align-items:center;gap:9px;width:370px;max-width:100%;height:45px;padding:0 13px;display:flex}.blog-search:focus-within{border-color:#72c9bf;box-shadow:0 0 0 3px #009f9012}.blog-search input{color:#24394d;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:12px}.blog-search input::placeholder{color:#9baab5}.blog-status-filter{color:#536b7d;cursor:pointer;background:#fff;border:1px solid #d6e2e4;border-radius:8px;outline:none;min-width:170px;height:45px;padding:0 12px;font-size:12px}.blog-status-filter:focus{border-color:#72c9bf}.blog-refresh-button{color:#536b7d;cursor:pointer;background:#fff;border:1px solid #d6e2e4;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:45px;margin-left:auto;padding:0 14px;font-size:12px;display:flex}.blog-refresh-button:hover{color:#009b8c;background:#f3faf9}.blog-table-header{color:#617588;background:#fbfdfd;border-bottom:1px solid #e4eded;grid-template-columns:45px minmax(380px,1fr) 175px 95px 100px 60px 150px;align-items:center;gap:12px;min-height:52px;padding:0 18px;font-size:11px;font-weight:700;display:grid}.blog-row{border-bottom:1px solid #e7eeee;grid-template-columns:45px minmax(380px,1fr) 175px 95px 100px 60px 150px;align-items:center;gap:12px;min-height:112px;padding:15px 18px;display:grid}.blog-row:last-child{border-bottom:none}.blog-number{justify-content:center;align-items:center;display:flex}.blog-number span{color:#008f82;background:#e8f8f5;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.blog-main-info{align-items:center;gap:14px;min-width:0;display:flex}.blog-image{background:#eef5f5;border-radius:8px;flex-shrink:0;width:118px;height:75px;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;display:block}.blog-no-image{color:#94a7b1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.blog-text{min-width:0}.blog-text strong{color:#1e3448;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:13px;font-weight:700;display:block;overflow:hidden}.blog-text p{color:#708494;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:500px;margin:0;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-author{color:#40586b;font-size:11px;line-height:1.5}.blog-status{border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:72px;height:31px;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.blog-status span{border-radius:50%;width:6px;height:6px}.blog-status.active{color:#178e51;background:#effaf4;border:1px solid #c6ead9}.blog-status.active span{background:#1ba35e}.blog-status.passive{color:#b47b20;background:#fff8ed;border:1px solid #ead9ba}.blog-status.passive span{background:#d79a2c}.blog-featured{border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:64px;height:31px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.blog-featured.yes{color:#b68418;background:#fffaf0;border:1px solid #f0dfad}.blog-featured.no{color:#8998a2;background:#f7f9f9;border:1px solid #e0e7e8}.blog-order{color:#536a7b;border:1px solid #dce6e7;border-radius:7px;justify-content:center;align-items:center;width:48px;height:34px;font-size:11px;display:flex}.blog-actions{align-items:center;gap:7px;display:flex}.blog-action{cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.blog-action.edit{color:#1489cf;background:#f2faff;border:1px solid #c9e4f7}.blog-action.edit:hover{background:#e5f5ff}.blog-action.delete{color:#e14c4c;background:#fff6f6;border:1px solid #f2cccc}.blog-action.delete:hover{background:#ffeaea}.blog-action.view{color:#536a7c;background:#fff;border:1px solid #dce4e7}.blog-action.view:hover{background:#f3f7f7}.blog-action:disabled{opacity:.5;cursor:default}.blog-empty{color:#91a1ab;justify-content:center;align-items:center;gap:10px;min-height:250px;font-size:12px;display:flex}.blog-footer{border-top:1px solid #e4eded;justify-content:space-between;align-items:center;min-height:68px;padding:13px 18px;display:flex}.blog-total{color:#718494;font-size:12px}.blog-total strong{color:#293f51}.blog-pagination{align-items:center;gap:5px;display:flex}.blog-pagination button{color:#64798a;cursor:pointer;background:#fff;border:1px solid #d9e4e5;border-radius:7px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-size:11px;display:flex}.blog-pagination button:hover:not(:disabled){color:#008f82;background:#eff9f7;border-color:#a8d9d3}.blog-pagination button.active{color:#fff;background:#009f90;border-color:#009f90}.blog-pagination button:disabled{opacity:.4;cursor:default}.blog-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07152b61;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.blog-modal{background:#fff;border-radius:15px;width:100%;max-width:700px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px #07152b33}.blog-modal-header{border-bottom:1px solid #e4eded;justify-content:space-between;align-items:flex-start;padding:20px 23px;display:flex}.blog-modal-header h2{color:#1b3246;margin:0 0 5px;font-size:19px}.blog-modal-header p{color:#83939f;margin:0;font-size:11px}.blog-modal-close{color:#637987;cursor:pointer;background:#f2f7f7;border:none;border-radius:7px;justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex}.blog-modal-close:hover{color:#008f82;background:#e7f3f1}.blog-form{padding:22px}.blog-form-group{margin-bottom:17px}.blog-form-group>label{color:#40586a;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.blog-form-group input,.blog-form-group textarea,.blog-form-group select{color:#283e51;background:#fff;border:1px solid #d5e1e3;border-radius:8px;outline:none;width:100%;font-size:12px}.blog-form-group input,.blog-form-group select{height:43px;padding:0 12px}.blog-form-group textarea{resize:vertical;padding:11px 12px;line-height:1.5}.blog-form-group input:focus,.blog-form-group textarea:focus,.blog-form-group select:focus{border-color:#73c9bf;box-shadow:0 0 0 3px #009f9012}.blog-form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.blog-checkbox{color:#506779;cursor:pointer;align-items:center;gap:8px;margin-bottom:19px;font-size:12px;display:flex}.blog-checkbox input{accent-color:#009f90;width:16px;height:16px}.blog-current-image{border:1px solid #dce7e8;border-radius:8px;width:150px;height:90px;margin-bottom:9px;overflow:hidden}.blog-current-image img{object-fit:cover;width:100%;height:100%;display:block}.blog-file-input{color:#009b8c;cursor:pointer;background:#f7fcfb;border:1px dashed #a9d8d3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:82px;padding:13px;display:flex}.blog-file-input:hover{background:#edf9f7;border-color:#70c8bf}.blog-file-input span{color:#617786;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.blog-file-input input{display:none}.blog-form-actions{justify-content:flex-end;align-items:center;gap:9px;padding-top:4px;display:flex}.blog-cancel-button,.blog-save-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.blog-cancel-button{color:#607687;background:#fff;border:1px solid #d7e2e4}.blog-cancel-button:hover{background:#f5f9f9}.blog-save-button{color:#fff;background:#009f90;border:1px solid #009f90}.blog-save-button:hover{background:#008d80}.blog-cancel-button:disabled,.blog-save-button:disabled{opacity:.6;cursor:default}.blog-view-modal{background:#fff;border-radius:15px;width:100%;max-width:750px;max-height:calc(100vh - 40px);position:relative;overflow-y:auto;box-shadow:0 20px 60px #07152b33}.blog-view-image{object-fit:cover;width:100%;height:280px;display:block}.blog-view-content{padding:24px}.blog-view-content h2{color:#1b3246;margin:10px 0 13px;font-size:23px;line-height:1.3}.blog-view-meta{color:#718596;align-items:center;gap:10px;font-size:11px;display:flex}.blog-view-description{color:#53697a;font-size:13px;line-height:1.7}.blog-view-full-content{color:#52697b;white-space:pre-wrap;border-top:1px solid #e5eded;margin-top:18px;padding-top:18px;font-size:12px;line-height:1.8}@keyframes blog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-spin{animation:.8s linear infinite blog-spin}@media (width<=1100px){.blog-table-header,.blog-row{grid-template-columns:40px minmax(300px,1fr) 140px 85px 90px 50px 130px;gap:8px}.blog-image{width:95px;height:65px}.blog-actions{gap:4px}.blog-action{width:32px;height:32px}}@media (width<=850px){.blog-page-header{flex-direction:column;align-items:flex-start;gap:14px}.blog-add-button{width:100%}.blog-table-header{display:none}.blog-row{grid-template-columns:40px 1fr;padding:18px}.blog-main-info,.blog-author,.blog-status,.blog-featured,.blog-order,.blog-actions{grid-column:2}.blog-toolbar{flex-wrap:wrap}.blog-search{width:100%}.blog-refresh-button{margin-left:0}}@media (width<=600px){.blog-toolbar{flex-direction:column;align-items:stretch}.blog-status-filter,.blog-refresh-button{width:100%}.blog-main-info{align-items:flex-start}.blog-image{width:90px;height:60px}.blog-text strong{white-space:normal}.blog-form-row{grid-template-columns:1fr}.blog-footer{flex-direction:column;align-items:flex-start;gap:13px}}.department-page{color:#07152b;width:100%;max-width:100%}.department-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.department-page-header h1{color:#07152b;margin:0 0 5px;font-size:30px;font-weight:700;line-height:1.2}.department-breadcrumb{color:#80909d;align-items:center;gap:9px;font-size:12px;display:flex}.department-breadcrumb strong{color:#607382;font-weight:500}.department-add-button{color:#fff;cursor:pointer;background:#009f91;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.department-add-button:hover{background:#008f82}.department-add-button:active{transform:translateY(1px)}.department-card{background:#fff;border:1px solid #dce8e8;border-radius:15px;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 18px #07152b09}.department-card-header{border-bottom:1px solid #e4eded;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 18px;display:flex}.department-card-title-row{align-items:center;gap:11px;display:flex}.department-card-icon{color:#009f91;background:#e4f8f5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.department-card-title-row h2{color:#10243b;margin:0 0 3px;font-size:16px;font-weight:700}.department-card-title-row p{color:#8797a2;margin:0;font-size:11px}.banner-content{padding:18px}.banner-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.banner-item{aspect-ratio:16/7;background:#f5f9f9;border:1px solid #dce7e7;border-radius:10px;min-height:105px;position:relative;overflow:hidden}.banner-item img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.banner-item:hover img{transform:scale(1.025)}.banner-overlay{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:8px;left:8px;right:8px}.banner-overlay>span{color:#fff;background:#042136e0;border-radius:7px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 7px;font-size:11px;font-weight:700;display:flex}.banner-delete-button{color:#ef5555;cursor:pointer;background:#fffffff0;border:1px solid #ffffffe6;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;transition:background .15s,color .15s;display:flex}.banner-delete-button:hover{background:#fff1f1}.banner-empty{color:#87999f;border:1px dashed #b8d1d1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;font-size:12px;display:flex}.banner-empty svg{color:#00a596}.banner-add-wrapper{align-items:center;display:flex}.department-hidden-file{display:none}.outline-add-button{color:#008f82;cursor:pointer;background:#fff;border:1px solid #00a596;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:12px;font-weight:600;display:flex}.outline-add-button:hover{background:#effaf8}.selected-banner{background:#f5fbfa;border:1px solid #cce5e3;border-radius:8px;align-items:center;gap:10px;margin-top:13px;padding:9px 11px;display:flex}.selected-banner>div{color:#45616e;flex:1;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.selected-banner>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-banner>button:not(.selected-banner-save){color:#768a93;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.selected-banner-save{color:#fff;cursor:pointer;background:#009f91;border:none;border-radius:6px;height:32px;padding:0 12px;font-size:11px}.data-card{overflow:hidden}.refresh-button{color:#526a79;cursor:pointer;background:#fff;border:1px solid #cfe0e0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:37px;padding:0 12px;font-size:12px;display:flex}.refresh-button:hover{color:#008f82;border-color:#00a596}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.spin{animation:.8s linear infinite department-spin}@keyframes department-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.department-filters{background:#fff;border-bottom:1px solid #e5eeee;align-items:center;gap:12px;padding:14px 18px;display:flex}.department-search{color:#718492;border:1px solid #d3e1e1;border-radius:8px;align-items:center;gap:9px;width:330px;height:40px;padding:0 12px;display:flex}.department-search:focus-within{border-color:#00a596;box-shadow:0 0 0 3px #00a59614}.department-search input{color:#24394c;background:0 0;border:none;outline:none;width:100%;font-size:12px}.department-search input::placeholder{color:#9aaab3}.department-filters select{color:#344d60;cursor:pointer;background:#fff;border:1px solid #d3e1e1;border-radius:8px;outline:none;min-width:150px;height:40px;padding:0 12px;font-size:12px}.department-table-wrapper{width:100%;overflow-x:auto}.department-table{border-collapse:collapse;table-layout:fixed;width:100%}.department-table thead{background:#fbfdfd}.department-table th{text-align:left;color:#637786;white-space:nowrap;border-bottom:1px solid #e1ebeb;height:50px;padding:0 12px;font-size:11px;font-weight:700}.department-table th:first-child{text-align:center;width:48px}.department-table th:nth-child(2){width:82px}.department-table th:nth-child(3){width:23%}.department-table th:nth-child(4){width:37%}.department-table th:nth-child(5){width:90px}.department-table th:nth-child(6){width:135px}.department-table td{vertical-align:middle;color:#41596b;border-bottom:1px solid #edf2f2;min-height:65px;padding:10px 12px;font-size:12px}.department-table td:first-child{text-align:center;color:#6e808b;font-weight:600}.department-table tbody tr{transition:background .12s}.department-table tbody tr:hover{background:#fbfefe}.department-thumb{color:#94a6ae;background:#f2f7f7;border:1px solid #dbe7e7;border-radius:7px;justify-content:center;align-items:center;width:56px;height:43px;display:flex;overflow:hidden}.department-thumb img{object-fit:cover;width:100%;height:100%;display:block}.department-name{color:#20384b;font-size:12px;font-weight:600;line-height:1.45}.department-description{-webkit-line-clamp:2;color:#71828e;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.status-badge{border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:54px;height:25px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.status-badge>span{border-radius:50%;width:6px;height:6px}.status-badge.active{color:#17894e;background:#e4f7ec}.status-badge.active>span{background:#19a35c}.status-badge.passive{color:#75818a;background:#f1f3f4}.status-badge.passive>span{background:#89949a}.department-actions{align-items:center;gap:6px;display:flex}.department-actions button{cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,border-color .15s;display:flex}.view-action{color:#344e60;border:1px solid #d6e2e2}.view-action:hover{background:#f3f8f8}.edit-action{color:#008f82;border:1px solid #9ddbd5}.edit-action:hover{background:#edfaf8}.delete-action{color:#ef5555;border:1px solid #ffc5c5}.delete-action:hover{background:#fff1f1}.table-message{height:160px;text-align:center!important;color:#8798a2!important;font-size:12px!important}.department-table-footer{color:#71828d;justify-content:space-between;align-items:center;gap:15px;min-height:62px;padding:12px 18px;font-size:12px;display:flex}.department-table-footer strong{color:#243c4e}.pagination{align-items:center;gap:5px;display:flex}.pagination button{color:#617786;cursor:pointer;background:#fff;border:1px solid #dce7e7;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:12px;display:flex}.pagination button:hover:not(:disabled){color:#008f82;border-color:#00a596}.pagination button.current{color:#fff;background:#009f91;border-color:#009f91}.pagination button:disabled{opacity:.45;cursor:not-allowed}.department-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07152b61;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.department-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(650px,100%);max-height:calc(100vh - 60px);display:flex;overflow:hidden;box-shadow:0 20px 60px #07152b2e}.department-modal-header{border-bottom:1px solid #e4eded;justify-content:space-between;align-items:center;min-height:70px;padding:15px 18px;display:flex}.department-modal-header h2{color:#10243b;margin:0 0 3px;font-size:17px}.department-modal-header p{color:#8797a2;margin:0;font-size:11px}.department-modal-header>button{color:#647984;cursor:pointer;background:#f4f8f8;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.department-modal-header>button:hover{background:#edf4f4}.department-modal form{flex-direction:column;min-height:0;display:flex}.department-modal-body{padding:18px;overflow-y:auto}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#344e60;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.form-group input[type=text],.form-group textarea,.form-group select{box-sizing:border-box;color:#243c4e;background:#fff;border:1px solid #d2e0e0;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.form-group input[type=text]{height:40px}.form-group textarea{resize:vertical;min-height:90px;line-height:1.55}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{border-color:#00a596;box-shadow:0 0 0 3px #00a59614}.current-image{background:#f9fbfb;border:1px solid #e0ebeb;border-radius:8px;align-items:center;gap:10px;margin-bottom:9px;padding:7px;display:flex}.current-image img{object-fit:cover;border-radius:6px;width:105px;height:58px}.current-image span{color:#82939c;font-size:10px}.file-upload{box-sizing:border-box;cursor:pointer;background:#fbfdfd;border:1px dashed #bfd3d3;border-radius:8px;align-items:center;gap:8px;min-height:46px;padding:8px 11px;color:#6c818c!important;display:flex!important}.file-upload:hover{background:#f4fbfa;border-color:#00a596}.file-upload span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden;font-weight:400!important}.file-upload input{display:none}.department-modal-footer{background:#fbfdfd;border-top:1px solid #e4eded;justify-content:flex-end;align-items:center;gap:9px;min-height:68px;padding:13px 18px;display:flex}.modal-cancel,.modal-save{cursor:pointer;border-radius:7px;height:38px;padding:0 17px;font-size:12px;font-weight:600}.modal-cancel{color:#5d7180;background:#fff;border:1px solid #d4e0e0}.modal-cancel:hover{background:#f5f8f8}.modal-save{color:#fff;background:#009f91;border:1px solid #009f91}.modal-save:hover{background:#008f82}.modal-cancel:disabled,.modal-save:disabled{opacity:.55;cursor:not-allowed}@media (width<=1100px){.banner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.department-table{min-width:950px}}@media (width<=750px){.department-page-header{flex-direction:column;align-items:stretch}.department-add-button{width:100%}.department-card-header{flex-direction:column;align-items:flex-start}.banner-add-wrapper,.outline-add-button{width:100%}.banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.department-filters{flex-direction:column;align-items:stretch}.department-search{box-sizing:border-box;width:100%}.department-filters select{width:100%}.department-table-footer{flex-direction:column;align-items:flex-start}.department-modal-backdrop{padding:12px}.department-modal{max-height:calc(100vh - 24px)}}@media (width<=480px){.department-page-header h1{font-size:25px}.banner-grid{grid-template-columns:1fr}.banner-item{aspect-ratio:16/8}.department-card-header,.banner-content{padding:14px}.department-filters{padding:12px 14px}.department-modal-header,.department-modal-body,.department-modal-footer{padding-left:14px;padding-right:14px}}.doctor-page{color:#07152b;width:100%;max-width:1240px;margin:0 auto}.doctor-page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.doctor-page-header h1{color:#07152b;margin:0 0 6px;font-size:28px;line-height:1.15}.doctor-breadcrumb{color:#83939d;align-items:center;gap:9px;font-size:12px;display:flex}.doctor-breadcrumb strong{color:#526575;font-weight:500}.doctor-add-button,.doctor-outline-button,.doctor-save-button,.doctor-cancel-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.doctor-add-button{color:#fff;background:#009b89;border:none;height:42px;padding:0 18px}.doctor-add-button:hover{background:#008779}.doctor-outline-button{color:#008f80;background:#fff;border:1px solid #00a894;height:38px;padding:0 14px}.doctor-outline-button:hover{background:#eefaf8}.doctor-banner-card,.doctor-data-card{background:#fff;border:1px solid #dfeaea;border-radius:14px;box-shadow:0 3px 14px #07152b09}.doctor-banner-card{margin-bottom:18px;padding:0 16px 18px}.doctor-data-card{overflow:hidden}.doctor-section-header{border-bottom:1px solid #e5eeee;justify-content:space-between;align-items:center;min-height:72px;padding:0 2px;display:flex}.doctor-section-header h2{color:#172c40;margin:0 0 4px;font-size:16px}.doctor-section-header p{color:#91a0a9;margin:0;font-size:11px}.doctor-banner-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding-top:16px;display:grid}.doctor-banner-item{background:#edf4f4;border-radius:9px;height:150px;position:relative;overflow:hidden}.doctor-banner-item img{object-fit:cover;width:100%;height:100%;display:block}.doctor-banner-order{color:#fff;background:#06233c;border-radius:7px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 7px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.doctor-banner-actions{gap:5px;display:flex;position:absolute;bottom:8px;right:8px}.doctor-icon-button{cursor:pointer;background:#fff;border:none;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;transition:all .15s;display:flex;box-shadow:0 2px 7px #0000001f}.doctor-icon-button:hover{transform:translateY(-1px)}.doctor-icon-button.edit{color:#009b89}.doctor-icon-button.delete{color:#ef5b62}.doctor-loading,.doctor-empty-banner{color:#91a0a9;grid-column:1/-1;justify-content:center;align-items:center;min-height:120px;font-size:13px;display:flex}.doctor-filters{border-bottom:1px solid #e5eeee;align-items:center;gap:10px;padding:16px;display:flex}.doctor-search{color:#708492;background:#fff;border:1px solid #d5e1e4;border-radius:8px;align-items:center;gap:9px;width:320px;height:42px;padding:0 13px;display:flex}.doctor-search input{color:#24394c;background:0 0;border:none;outline:none;width:100%;font-size:13px}.doctor-search input::placeholder{color:#a0adb5}.doctor-filters select{color:#526575;background:#fff;border:1px solid #d5e1e4;border-radius:8px;outline:none;width:150px;height:42px;padding:0 12px}.doctor-error{color:#d64545;background:#fff4f4;border:1px solid #ffd0d0;border-radius:8px;margin:15px;padding:12px 14px;font-size:13px}.doctor-table-wrapper{width:100%;overflow-x:auto}.doctor-table{border-collapse:collapse;width:100%;min-width:780px}.doctor-table th{text-align:left;color:#617585;background:#fbfdfd;border-bottom:1px solid #dfeaea;height:50px;padding:0 16px;font-size:12px;font-weight:700}.doctor-table td{color:#526575;border-bottom:1px solid #edf2f2;height:62px;padding:8px 16px;font-size:12px}.doctor-table tbody tr:hover{background:#fbfefe}.doctor-table td strong{color:#24394c;font-weight:600}.doctor-table-message{text-align:center!important;color:#91a0a9!important;height:120px!important}.doctor-table-image{background:#edf4f4;border-radius:7px;width:45px;height:45px;overflow:hidden}.doctor-table-image img{object-fit:cover;width:100%;height:100%;display:block}.doctor-no-image{color:#91a0a9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.doctor-status{border-radius:5px;justify-content:center;align-items:center;min-width:55px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.doctor-status.active{color:#15945a;background:#e4f8ed}.doctor-status.inactive{color:#697580;background:#f0f1f3}.doctor-actions{align-items:center;gap:6px;display:flex}.doctor-action{cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.doctor-action:hover{transform:translateY(-1px)}.doctor-action.edit{color:#009b89;border:1px solid #b8e6e0}.doctor-action.delete{color:#ef5b62;border:1px solid #ffcaca}.doctor-table-footer{justify-content:space-between;align-items:center;min-height:62px;padding:0 16px;display:flex}.doctor-table-footer>span{color:#83939d;font-size:12px}.doctor-table-footer strong{color:#344c60}.doctor-pagination{align-items:center;gap:5px;display:flex}.doctor-pagination button{color:#526575;cursor:pointer;background:#fff;border:1px solid #dbe5e7;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:12px;display:flex}.doctor-pagination button:hover:not(:disabled){color:#008f80;border-color:#00a894}.doctor-pagination button.active{color:#fff;background:#009b89;border-color:#009b89}.doctor-pagination button:disabled{opacity:.4;cursor:not-allowed}.doctor-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07152b7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.doctor-modal,.doctor-slider-modal{background:#fff;border-radius:14px;width:min(900px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 25px 80px #07152b38}.doctor-slider-modal{width:min(560px,100%)}.doctor-modal-header{z-index:5;background:#fff;border-bottom:1px solid #e5eeee;justify-content:space-between;align-items:center;min-height:70px;padding:0 24px;display:flex;position:sticky;top:0}.doctor-modal-header h2{color:#172c40;margin:0 0 4px;font-size:18px;font-weight:700}.doctor-modal-header p{color:#91a0a9;margin:0;font-size:11px}.doctor-modal-header>button{color:#6f808d;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.doctor-modal-header>button:hover{color:#172c40;background:#f1f7f6}.doctor-form{padding:24px}.doctor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.doctor-form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.doctor-form-group{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.doctor-form-group label{color:#435b6c;font-size:11px;font-weight:700}.doctor-form-group input,.doctor-form-group textarea,.doctor-form-group select{box-sizing:border-box;color:#24394c;background:#fff;border:1px solid #d3e0e3;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.doctor-form-group input,.doctor-form-group select{height:42px;padding:0 12px}.doctor-form-group textarea{resize:vertical;min-height:110px;padding:11px 12px;line-height:1.55}.doctor-form-group input:focus,.doctor-form-group textarea:focus,.doctor-form-group select:focus{border-color:#00a894;box-shadow:0 0 0 3px #00a89414}.doctor-departments-wrapper{margin-top:4px}.doctor-departments-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.doctor-departments-title label{color:#435b6c;margin:0;font-size:11px;font-weight:700}.doctor-departments-title span{color:#94a3ad;font-size:10px}.doctor-departments{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:290px;padding:2px;display:grid;overflow-y:auto}.doctor-department-item{cursor:pointer;background:#fff;border:1px solid #e0e8e9;border-radius:9px;align-items:center;gap:11px;min-height:56px;padding:10px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.doctor-department-item:hover{background:#fbfefe;border-color:#b9d9d5;box-shadow:0 2px 8px #07152b0a}.doctor-department-item.selected{background:#f0faf8;border-color:#00a894;box-shadow:0 2px 8px #00a89412}.doctor-department-item input[type=checkbox]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.doctor-department-check{color:#fff;background:#fff;border:1.5px solid #cbd8da;border-radius:6px;flex:none;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:800;transition:background .15s,border-color .15s;display:flex}.doctor-department-item.selected .doctor-department-check{background:#009b89;border-color:#009b89}.doctor-department-name{color:#24394c;flex:1;min-width:0;font-size:12px;font-weight:600;line-height:1.35}.doctor-department-status{white-space:nowrap;border-radius:20px;flex:none;padding:4px 7px;font-size:9px;font-weight:700}.doctor-department-status.active{color:#15945a;background:#e3f7ed}.doctor-department-status.inactive{color:#697580;background:#f0f1f3}.doctor-department-item.selected .doctor-department-name{color:#007f73}.doctor-department-loading,.doctor-department-empty{color:#91a0a9;background:#fafcfc;border:1px dashed #cbdcdd;border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;min-height:80px;font-size:12px;display:flex}.doctor-form-hint{color:#94a3ad;margin-top:8px;font-size:10px;line-height:1.5;display:block}.doctor-departments::-webkit-scrollbar{width:5px}.doctor-departments::-webkit-scrollbar-track{background:0 0}.doctor-departments::-webkit-scrollbar-thumb{background:#cbd9da;border-radius:10px}.doctor-departments::-webkit-scrollbar-thumb:hover{background:#9fb5b7}.doctor-upload{color:#00a894;cursor:pointer;background:#fbfefe;border:1px dashed #b9d6d6;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:145px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.doctor-upload:hover{background:#f7fdfc;border-color:#00a894}.doctor-upload img{object-fit:contain;background:#fff;width:100%;height:100%;position:absolute;inset:0}.doctor-upload span{font-size:12px;font-weight:700}.doctor-upload small{color:#91a0a9;font-size:10px}.doctor-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.doctor-modal-footer{border-top:1px solid #edf2f2;justify-content:flex-end;align-items:center;gap:9px;margin-top:8px;padding-top:16px;display:flex}.doctor-cancel-button{color:#617585;background:#fff;border:1px solid #d5e1e4;min-width:100px;height:40px}.doctor-cancel-button:hover{background:#f8fafb}.doctor-save-button{color:#fff;background:#009b89;border:none;min-width:120px;height:40px}.doctor-save-button:hover{background:#008779}.doctor-save-button:disabled,.doctor-cancel-button:disabled{opacity:.55;cursor:not-allowed}.doctor-modal::-webkit-scrollbar{width:7px}.doctor-slider-modal::-webkit-scrollbar{width:7px}.doctor-modal::-webkit-scrollbar-track{background:#f7f9f9}.doctor-slider-modal::-webkit-scrollbar-track{background:#f7f9f9}.doctor-modal::-webkit-scrollbar-thumb{background:#cbd8da;border-radius:10px}.doctor-slider-modal::-webkit-scrollbar-thumb{background:#cbd8da;border-radius:10px}.doctor-modal::-webkit-scrollbar-thumb:hover{background:#a9babb}.doctor-slider-modal::-webkit-scrollbar-thumb:hover{background:#a9babb}@media (width<=1000px){.doctor-banner-grid{grid-template-columns:repeat(3,1fr)}.doctor-form-grid.four{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.doctor-departments{grid-template-columns:1fr}}@media (width<=700px){.doctor-page-header{flex-direction:column;align-items:flex-start;gap:15px}.doctor-banner-grid{grid-template-columns:repeat(2,1fr)}.doctor-filters{flex-direction:column;align-items:stretch}.doctor-search,.doctor-filters select{width:100%}.doctor-form-grid,.doctor-form-grid.four{grid-template-columns:1fr}.doctor-modal-overlay{padding:10px}.doctor-modal,.doctor-slider-modal{max-height:96vh}.doctor-form{padding:18px}.doctor-modal-header{padding:0 18px}.doctor-table-footer{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}}@media (width<=480px){.doctor-banner-grid{grid-template-columns:1fr}.doctor-department-item{min-height:52px;padding:9px 10px}.doctor-department-name{font-size:11px}.doctor-department-status{padding:3px 6px;font-size:8px}}.admin-layout{color:#07152b;background:#f5faf9;width:100%;min-height:100vh;display:flex}.sidebar{z-index:100;background:#fff;border-right:1px solid #dfe9e9;width:255px;transition:width .25s,transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #e5eeee;justify-content:center;align-items:center;height:86px;padding:10px 20px;display:flex}.sidebar-logo img{object-fit:contain;width:200px;height:auto;display:block}.sidebar-menu-wrapper{padding:22px 14px}.sidebar-title{color:#91a0a9;letter-spacing:.7px;margin-bottom:10px;padding:0 12px;font-size:10px;font-weight:700}.sidebar-menu{flex-direction:column;gap:4px;display:flex}.sidebar-item{color:#526575;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 13px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-item svg{flex-shrink:0}.sidebar-item:hover{color:#009b89;background:#f0f8f7}.sidebar-item.active{color:#008f80;background:#e6f7f4;font-weight:600}.sidebar-divider{background:#e5eeee;height:1px;margin:20px 5px}.sidebar-system{flex-direction:column;gap:4px;display:flex}.main-content{width:calc(100% - 255px);min-height:100vh;margin-left:255px;transition:width .25s,margin-left .25s}.top-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e1ebeb;justify-content:space-between;align-items:center;width:100%;height:74px;padding:0 28px;display:flex;position:sticky;top:0}.menu-button{color:#344c60;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .15s,color .15s;display:flex}.menu-button:hover{color:#009b89;background:#eef8f6}.header-right{align-items:center;gap:22px;display:flex}.notification-button{color:#526575;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex;position:relative}.notification-button:hover{background:#f1f8f7}.notification-dot{background:#e45757;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.admin-profile{cursor:pointer;align-items:center;gap:10px;display:flex}.admin-avatar{color:#009b89;background:#e6f7f4;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-info{flex-direction:column;gap:2px;display:flex}.admin-info strong{color:#24394c;font-size:13px}.admin-info span{color:#8a9aa5;font-size:10px}.admin-chevron{color:#8796a0}.admin-page-content{width:100%;min-height:calc(100vh - 74px);padding:30px}.admin-layout.sidebar-collapsed .sidebar{border-right:none;width:0;overflow:hidden}.admin-layout.sidebar-collapsed .main-content{width:100%;margin-left:0}@media (width<=900px){.sidebar{width:240px}.main-content{width:calc(100% - 240px);margin-left:240px}.admin-page-content{padding:22px}}@media (width<=700px){.sidebar{width:255px;box-shadow:8px 0 30px #07152b14}.main-content{width:100%;margin-left:0}.admin-layout:not(.sidebar-collapsed) .sidebar{width:255px}.admin-layout.sidebar-collapsed .sidebar{width:0}.top-header{padding:0 16px}.admin-page-content{padding:18px 14px}.admin-info,.admin-chevron{display:none}.header-right{gap:8px}}