@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800&family=Inter:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800;900&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap);body{color:#333;font-family:Arial,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}:root{--ui-primary:#4caf50;--ui-primary-dark:#43a047;--ui-muted:#f5f7fa;--ui-border:#e6e9ec;--ui-radius:8px;--ui-shadow-sm:0 1px 3px #0000000f;--ui-shadow-md:0 6px 18px #00000014;--ui-text:#333;--ui-subtext:#666}.btn,button{border-radius:6px;font-family:inherit;transition:all .15s ease}.btn-primary,button.btn-primary{background:#4caf50;background:var(--ui-primary);border:1px solid #0000;color:#fff}.btn-primary:hover{background:var(--ui-primary-dark);transform:translateY(-1px)}.btn-secondary,button.btn-secondary{background:#fff;border:1px solid #e6e9ec;border:1px solid var(--ui-border);color:#333;color:var(--ui-text)}.btn-secondary:hover{border-color:var(--ui-primary);color:var(--ui-primary)}.btn-link{background:#0000;border:none;color:#4caf50;color:var(--ui-primary);cursor:pointer;font-size:.9rem;padding:4px 8px}.btn-link:hover{text-decoration:underline}input[type=date],input[type=number],input[type=tel],input[type=text],select,textarea{background:#fff;border:1px solid #e6e9ec;border:1px solid var(--ui-border);border-radius:6px;color:#333;color:var(--ui-text);font-size:.95rem;padding:8px 10px;transition:border-color .12s ease}input:focus,select:focus,textarea:focus{border-color:#4caf50;border-color:var(--ui-primary);box-shadow:0 2px 8px #4caf5014;outline:none}textarea{min-height:80px;resize:vertical}.card,.panel,.profile-page-form-card,.smp-detail-panel,.smp-list-panel{background:#fff;border:1px solid #e6e9ec;border:1px solid var(--ui-border);border-radius:8px;border-radius:var(--ui-radius);box-shadow:0 1px 3px #0000000f;box-shadow:var(--ui-shadow-sm)}.muted{color:#666;color:var(--ui-subtext)}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.gap-8{gap:8px}.mb-8{margin-bottom:8px}.mt-8{margin-top:8px}@media (max-width:768px){body{font-size:16px}}.marketing-management-page-container{background-color:#f4f7f6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.marketing-management-page-tabs-sm{border-bottom:2px solid #e0e0e0;display:flex;gap:15px;margin-bottom:25px;padding-bottom:10px}.marketing-management-page-tab-btn-sm{align-items:center;background:#0000;border:none;border-radius:8px;color:#636e72;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 25px;transition:all .3s ease}.marketing-management-page-tab-btn-sm:hover{background:#e8f5e9;color:#00b894}.marketing-management-page-tab-btn-sm.active{background:#00b894;box-shadow:0 4px 10px #00b8944d;color:#fff}.marketing-management-page-toolbar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.marketing-management-page-filters-group{align-items:center;display:flex;gap:15px}.marketing-management-page-filter-item{align-items:center;background:#f8f9fc;border:1px solid #edf2f7;border-radius:8px;display:flex;gap:8px;padding:8px 15px}.marketing-management-page-search-box input{border:1px solid #dfe6e9;border-radius:8px;font-size:.95rem;outline:none;padding:10px 15px;width:250px}.marketing-management-page-search-box input:focus{border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.marketing-management-page-btn-create{align-items:center;background:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px}.marketing-management-page-btn-create:hover{background:#019b7d}.marketing-management-page-table-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000008;overflow:hidden}.marketing-management-page-table{border-collapse:collapse;font-size:.95rem;text-align:left;width:100%}.marketing-management-page-table th{background:#f8f9fc;border-bottom:2px solid #edf2f7;color:#2d3436;font-weight:700;padding:15px}.marketing-management-page-table td{border-bottom:1px solid #edf2f7;color:#4a5568;padding:15px;vertical-align:middle}.marketing-management-page-code-tag{background:#e8f5e9;border:1px dashed #00b894;border-radius:6px;color:#00b894;display:inline-block;font-weight:700;padding:6px 12px}.marketing-management-page-text-highlight{color:#2d3436;display:block;font-weight:600;margin-bottom:4px}.marketing-management-page-text-muted-sm{color:#a4b0be;font-size:.85rem}.marketing-management-page-badge-game{background:#fff9e6;color:#f39c12}.marketing-management-page-badge-game,.marketing-management-page-badge-voucher{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;padding:5px 10px}.marketing-management-page-badge-voucher{background:#e3f2fd;color:#0984e3}.marketing-management-page-badge-type{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.marketing-management-page-badge-type.event{background:#e1f5fe;color:#1976d2}.marketing-management-page-badge-type.promotion{background:#fce4ec;color:#d81b60}.marketing-management-page-badge-type.notification{background:#fff3e0;color:#f57c00}.marketing-management-page-badge-popup-on{background:#e8f5e9;border-radius:20px;color:#388e3c;font-size:.8rem;font-weight:700;padding:4px 10px}.marketing-management-page-table-thumb{border:1px solid #eee;border-radius:6px;height:40px;object-fit:cover;width:60px}.marketing-management-page-table-actions{display:flex;gap:10px}.marketing-management-page-btn-icon-action,.marketing-management-page-btn-icon-toggle{align-items:center;background:#f1f2f6;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:.2s;width:32px}.marketing-management-page-btn-icon-toggle{background:#0000;width:auto}.marketing-management-page-btn-icon-action.edit{color:#0984e3}.marketing-management-page-btn-icon-action.edit:hover{background:#0984e3;color:#fff}.marketing-management-page-btn-icon-action.view{color:#00b894}.marketing-management-page-btn-icon-action.view:hover{background:#00b894;color:#fff}.marketing-management-page-btn-icon-action.delete{color:#d63031}.marketing-management-page-btn-icon-action.delete:hover{background:#d63031;color:#fff}.marketing-management-page-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.marketing-management-page-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:750px}.marketing-management-page-modal-header{align-items:center;background:#00b894;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.marketing-management-page-modal-header h3{font-size:1.25rem;margin:0}.marketing-management-page-modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.marketing-management-page-modal-body{flex:1 1;overflow-y:auto;padding:25px}.marketing-management-page-form-section-header-sm{border-bottom:2px solid #f1f2f6;color:#2d3436;font-size:1.1rem;font-weight:700;margin-bottom:15px;padding-bottom:8px}.marketing-management-page-form-row{display:flex;gap:20px;margin-bottom:15px}.marketing-management-page-form-row.dense{gap:15px}.marketing-management-page-form-row.align-center{align-items:center}.full-width{width:100%}.marketing-management-page-label-sm{color:#4a5568;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px}.marketing-management-page-input-sm,.marketing-management-page-select-sm,.marketing-management-page-textarea-sm{border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;padding:10px 12px}.marketing-management-page-input-sm:focus{border-color:#00b894;outline:none}.marketing-management-page-btn-upload-sm{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 15px}.text-danger{color:#e74c3c}.marketing-management-page-game-config-box-sm{background:#fffdf5;border:1px dashed #f6e58d;border-radius:8px;margin-top:20px;padding:20px}.game-highlight{align-items:center;color:#d35400;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700}.marketing-management-page-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:15px 25px}.marketing-management-page-btn-secondary-sm{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-weight:600;padding:10px 20px}.marketing-management-page-btn-primary-sm{background:#00b894;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px}.header-component{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 2px 8px #4caf5033;color:#fff;font-size:14px;padding:10px 0;position:relative;z-index:100}.header-component__container{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-component__info{align-items:center;display:flex;gap:24px}.header-component__item{align-items:center;border-radius:4px;display:flex;gap:8px;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.header-component__item:hover{background:#ffffff26;transform:translateY(-1px)}.header-component__icon{flex-shrink:0;font-size:14px;opacity:.95}.header-component__text{font-weight:500;letter-spacing:.3px}.header-component__welcome{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;flex-shrink:0;max-width:400px;overflow:hidden;padding:6px 16px;position:relative}.header-component__welcome-text{animation:header-scroll-left 20s linear infinite;display:inline-block;font-weight:600;letter-spacing:.5px;white-space:nowrap}@keyframes header-scroll-left{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.header-component__welcome:hover .header-component__welcome-text{animation-play-state:paused}@media (max-width:1024px){.header-component{font-size:13px;padding:8px 0}.header-component__info{gap:16px}.header-component__welcome{max-width:300px}.header-component__item{padding:3px 6px}}@media (max-width:900px){.header-component__welcome{display:none}.header-component__container{justify-content:center}}@media (max-width:768px){.header-component{display:none}}.notificationdropdown-wrapper{position:relative}.notificationdropdown-bell-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1.15rem;justify-content:center;padding:.4rem;position:relative;transition:all .3s ease}.notificationdropdown-bell-button:hover{background:#f0fdf4;color:#10b981}.notificationdropdown-badge{animation:notificationdropdown-pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;box-shadow:0 2px 4px #ef44444d;color:#fff;font-size:.6rem;font-weight:700;min-width:16px;padding:.12rem .3rem;position:absolute;right:-2px;text-align:center;top:-2px}@keyframes notificationdropdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notificationdropdown-menu{animation:notificationdropdown-slide-down .3s ease-out;background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;max-height:450px;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:1000}@keyframes notificationdropdown-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notificationdropdown-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1.5px solid #f3f4f6;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:.85rem 1rem}.notificationdropdown-header-title{color:#fff;font-size:.95rem;font-weight:700;margin:0}.notificationdropdown-unread-badge{background:#ffffff40;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .6rem}.notificationdropdown-list{flex:1 1;max-height:360px;overflow-y:auto}.notificationdropdown-list::-webkit-scrollbar{width:5px}.notificationdropdown-list::-webkit-scrollbar-track{background:#f3f4f6}.notificationdropdown-list::-webkit-scrollbar-thumb{background:#10b981;border-radius:3px}.notificationdropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:.65rem;padding:.8rem 1rem;position:relative;transition:all .3s ease}.notificationdropdown-item:hover{background:#f9fafb}.notificationdropdown-item-unread{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.notificationdropdown-item-unread:before{background:linear-gradient(135deg,#10b981,#059669);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notificationdropdown-icon-wrapper{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.notificationdropdown-type-icon{font-size:.95rem}.notificationdropdown-icon-article{color:#3b82f6}.notificationdropdown-icon-appointment{color:#8b5cf6}.notificationdropdown-icon-payment{color:#f59e0b}.notificationdropdown-icon-system{color:#ef4444}.notificationdropdown-icon-default{color:#6b7280}.notificationdropdown-content{flex:1 1;min-width:0}.notificationdropdown-message{color:#374151;font-size:.78rem;font-weight:500;line-height:1.35;margin:0 0 .2rem}.notificationdropdown-item-unread .notificationdropdown-message{color:#1f2937;font-weight:600}.notificationdropdown-time{color:#9ca3af;font-size:.65rem}.notificationdropdown-actions{align-items:center;display:flex;gap:.3rem;opacity:0;transition:opacity .3s ease}.notificationdropdown-item:hover .notificationdropdown-actions{opacity:1}.notificationdropdown-action-button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:.3rem;transition:all .3s ease}.notificationdropdown-action-read{color:#10b981}.notificationdropdown-action-read:hover{background:#d1fae5}.notificationdropdown-action-delete{color:#ef4444}.notificationdropdown-action-delete:hover{background:#fee2e2}.notificationdropdown-empty,.notificationdropdown-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1rem}.notificationdropdown-spinner{animation:notificationdropdown-spin 1s linear infinite;border:2.5px solid #f3f4f6;border-radius:50%;border-top-color:#10b981;height:32px;margin-bottom:.75rem;width:32px}@keyframes notificationdropdown-spin{to{transform:rotate(1turn)}}.notificationdropdown-loading-text{font-size:.8rem;margin:0}.notificationdropdown-empty-icon{color:#d1d5db;font-size:2.5rem;margin-bottom:.4rem}.notificationdropdown-empty-text{font-size:.8rem;margin:0}.notificationdropdown-footer{border-top:1.5px solid #f3f4f6;padding:.65rem 1rem}.notificationdropdown-view-all-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem;transition:all .3s ease;width:100%}.notificationdropdown-view-all-button:hover{box-shadow:0 3px 10px #10b98140;transform:translateY(-1px)}@media (max-width:768px){.notificationdropdown-menu{right:-40px;width:300px}}@media (max-width:480px){.notificationdropdown-menu{border-radius:8px;left:8px;max-height:calc(100vh - 80px);position:fixed;right:8px;top:55px;width:auto}.notificationdropdown-item{padding:.9rem}.notificationdropdown-message{font-size:.9rem}.notificationdropdown-header-title{font-size:1rem}.notificationdropdown-view-all-button{font-size:.95rem;padding:.75rem}}.navbar-main{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;height:70px;left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1000}.navbar-container{gap:20px;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#4caf50;flex-shrink:0;text-decoration:none;transition:opacity .3s ease}.navbar-logo:hover{opacity:.8}.navbar-logo img{height:72px;margin-right:16px;object-fit:contain;width:auto}.navbar-logo span{color:#2e7d32;font-size:1.2rem;font-weight:700;white-space:nowrap}.navbar-center{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:center;max-width:900px}.navbar-search,.navbar-search-container{flex:1 1 auto;max-width:500px;min-width:0}.navbar-search{position:relative}.navbar-search form{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;display:flex;height:40px;padding:0 12px;position:relative;transition:all .2s}.navbar-search form:focus-within{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.navbar-search svg{color:#9ca3af;flex-shrink:0;font-size:16px}.navbar-search input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:14px;min-width:0;outline:none;padding:0 10px}.navbar-search input::placeholder{color:#9ca3af}.navbar-spinner{animation:spin .8s linear infinite;color:#3b82f6}.navbar-search-dropdown{animation:fadeIn .2s;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f;left:0;max-height:500px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.navbar-search-header{background:#fafafa;border-bottom:2px solid #f3f4f6;border-radius:12px 12px 0 0;color:#6b7280;font-size:12px;font-weight:600;padding:10px 14px}.navbar-loading{padding:40px 20px;text-align:center}.navbar-loading svg{animation:spin .8s linear infinite;color:#3b82f6;font-size:32px;margin-bottom:10px}.navbar-loading p{color:#6b7280;font-size:13px}.navbar-search-section{border-bottom:1px solid #f3f4f6}.navbar-search-section-header{align-items:center;background:#fafafa;display:flex;justify-content:space-between;margin:0;padding:8px 14px}.navbar-search-section h3{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:700;gap:6px;margin:0}.navbar-search-view-all{align-items:center;background:none;border:none;border-radius:4px;color:#059669;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;transition:all .2s}.navbar-search-view-all:hover{background:#d1fae5;color:#047857}.navbar-search-view-all svg{font-size:10px}.navbar-search-item{cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .2s}.navbar-search-item:hover{background:#f9fafb}.navbar-search-item-content{flex:1 1;min-width:0}.navbar-search-item-content strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;display:block;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis}.navbar-search-item-content p{color:#6b7280;font-size:11px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-search-thumb{border:2px solid #d1fae5;border-radius:6px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.navbar-search-medicine{background:linear-gradient(90deg,#f0fdf4,#fff);border-left:3px solid #10b981}.navbar-search-medicine:hover{background:linear-gradient(90deg,#d1fae5,#f0fdf4)}.navbar-search-disease{background:linear-gradient(90deg,#fef2f2,#fff);border-left:3px solid #ef4444}.navbar-search-disease:hover{background:linear-gradient(90deg,#fee2e2,#fef2f2)}.navbar-no-results{padding:40px 20px;text-align:center}.navbar-no-results svg{color:#d1d5db;font-size:32px;margin-bottom:10px}.navbar-no-results p{color:#374151;font-size:14px;font-weight:600;margin-bottom:4px}.navbar-no-results span{color:#6b7280;font-size:12px}.navbar-nav-menu{gap:5px}.navbar-nav-menu,.navbar-right{align-items:center;display:flex;flex-shrink:0}.navbar-right{gap:15px}.navbar-nav-item{position:relative}.navbar-nav-link{align-items:center;background:none;border:none;border-radius:6px;color:#424242;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:5px;padding:8px 12px;text-decoration:none;transition:color .3s ease;white-space:nowrap}.navbar-nav-link:hover{background:#f1f8f4;color:#4caf50}.navbar-chevron{font-size:10px;transition:transform .3s ease}.navbar-chevron.rotate{transform:rotate(180deg)}.navbar-dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;max-height:450px;min-width:200px;opacity:0;overflow-y:auto;padding:8px 0;position:absolute;top:calc(100% + 5px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.navbar-dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.navbar-dropdown-menu a,.navbar-dropdown-menu button{align-items:center;background:none;border:none;color:#424242;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.navbar-dropdown-menu a:hover,.navbar-dropdown-menu button:hover{background:#f1f8f4;color:#4caf50}.navbar-dropdown-menu a svg{color:#4caf50;flex-shrink:0;font-size:16px}.navbar-dropdown-header{color:#2e7d32!important;font-weight:600}.navbar-dropdown-footer{color:#4caf50!important;font-size:13px;font-weight:500}.navbar-dropdown-divider{background:#e8f5e9;height:1px;margin:8px 0}.navbar-dropdown-empty{color:#81c784;font-size:13px;font-style:italic;padding:10px 16px}.navbar-nav-item.navbar-mega .navbar-dropdown-menu{min-width:220px;overflow:visible;padding:0}.navbar-mega-menu-grid{display:flex;flex-direction:column;gap:0}.navbar-mega-menu-column{position:relative}.navbar-column-header{align-items:center;background:#0000;border-bottom:1px solid #f0f0f0;border-radius:0;color:#424242!important;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s}.navbar-mega-menu-column:last-child .navbar-column-header{border-bottom:none}.navbar-column-header:hover{background:#f1f8f4;color:#2e7d32!important}.navbar-column-header svg{color:#4caf50;font-size:16px}.navbar-column-header:after{color:#81c784;content:"›";font-size:20px;font-weight:400;margin-left:auto}.navbar-column-items{background:#fff;border:1px solid #e8f5e9;border-left:3px solid #4caf50;border-radius:0 8px 8px 0;box-shadow:4px 4px 12px #00000026;display:none;flex-direction:column;left:calc(100% - 1px);min-width:200px;padding:8px 0;position:absolute;top:-1px;z-index:1002}.navbar-mega-menu-column:hover .navbar-column-items{display:flex}.navbar-column-items a{border-bottom:1px solid #fafafa;border-radius:0;color:#424242;font-size:13px;padding:10px 16px;transition:all .2s}.navbar-column-items a:last-child{border-bottom:none}.navbar-column-items a:hover{background:#f1f8f4;color:#4caf50;padding-left:20px}.navbar-user-dropdown{position:relative}.navbar-user-btn{align-items:center;background:#fff;border:2px solid #e8f5e9;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding:0;transition:all .3s;width:44px}.navbar-user-btn:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf5033;transform:translateY(-1px)}.navbar-user-avatar{border-radius:50%;display:block;height:100%;object-fit:cover;object-position:center;width:100%}.navbar-user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;width:100%}.navbar-user-avatar:not([src]),.navbar-user-avatar[src=""]{display:none}.navbar-dropdown-menu-right{left:auto;min-width:220px;right:0}.navbar-dropdown-user-info{border-bottom:1px solid #e8f5e9;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.navbar-dropdown-user-info strong{color:#2e7d32;font-size:14px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-dropdown-user-info span{color:#81c784;font-size:12px;font-weight:500;text-transform:capitalize}.navbar-dropdown-logout{color:#e53935!important}.navbar-dropdown-logout:hover{background:#ffebee!important;color:#c62828!important}.navbar-dropdown-register{align-items:center;background:none;border:none;color:#424242;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.navbar-dropdown-register:hover{background:#f1f8f4;color:#4caf50}@media (max-width:768px){.navbar-user-btn{height:40px;width:40px}.navbar-user-avatar-placeholder{font-size:14px}.navbar-dropdown-menu-right{min-width:200px}.navbar-dropdown-user-info strong{font-size:13px}}@media (max-width:480px){.navbar-user-btn{height:36px;width:36px}.navbar-user-avatar-placeholder{font-size:13px}.navbar-dropdown-menu-right{min-width:180px}}.navbar-user-btn:hover .navbar-user-avatar,.navbar-user-btn:hover .navbar-user-avatar-placeholder{transform:scale(1.05);transition:transform .3s ease}.navbar-user-avatar.loading{animation:pulse 1.5s ease-in-out infinite;opacity:.6}.navbar-mobile-menu-btn{background:none;border:none;color:#4caf50;cursor:pointer;display:none;font-size:1.5rem;margin-left:auto;padding:8px;transition:transform .3s ease}.navbar-mobile-menu-btn:hover{transform:scale(1.1)}@media (max-width:1024px){.navbar-center{gap:15px}.navbar-search-container{width:260px}.navbar-nav-menu{gap:3px}.navbar-nav-link{font-size:14px;padding:8px 10px}}@media (max-width:768px){.navbar-main{height:56px}.navbar-container{gap:8px;padding:0 10px}.navbar-logo{flex-shrink:0;order:1}.navbar-logo img,.navbar-logo-img{height:48px;margin-right:0}.navbar-logo span,.navbar-logo-text{display:none!important}.navbar-mobile-menu-btn{align-items:center;display:flex;flex-shrink:0;font-size:1.125rem;height:36px;justify-content:center;order:2;width:36px}.navbar-search-container{flex:1 1;max-width:none;min-width:0;order:3;padding:0;width:auto}.navbar-search{width:100%}.navbar-search form,.navbar-search-bar{height:36px;padding:0 10px}.navbar-search input{font-size:13px;padding:0 8px}.navbar-search input::placeholder{font-size:12px}.navbar-search svg{font-size:14px}.navbar-right{flex-shrink:0;gap:6px;order:4}.navbar-user-btn{height:34px;width:34px}.navbar-user-avatar,.navbar-user-avatar-placeholder{font-size:13px}.navbar-center{align-content:flex-start;align-items:flex-start;background:#fff;border-right:1px solid #eee;box-shadow:2px 0 16px #00000026;display:none;flex-direction:column;gap:0;height:calc(100vh - 56px);justify-content:flex-start;left:0;max-width:70vw;min-height:calc(100vh - 56px);overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:56px;width:220px;z-index:998}.navbar-center.active{display:flex}.navbar-center .navbar-search-container{display:none}.navbar-nav-menu{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:0;justify-content:flex-start;margin:0;padding:0;width:100%}.navbar-nav-item{border-bottom:1px solid #eee;flex-shrink:0;width:100%}.navbar-nav-item:last-child{border-bottom:none}.navbar-nav-link{border-radius:0;font-size:14px;font-weight:500;justify-content:space-between;margin:0;padding:14px 16px;width:100%}.navbar-nav-link:hover{background:#f5f5f5}.navbar-chevron{font-size:10px}.navbar-dropdown-menu{background:#f9f9f9;border-radius:0;border-top:1px solid #eee;box-shadow:none;display:none;margin:0;max-height:none;min-width:auto!important;opacity:1;padding:0;position:static!important;transform:none!important;visibility:visible}.navbar-dropdown-menu.show{display:block}.navbar-dropdown-menu a,.navbar-dropdown-menu button{border-bottom:1px solid #f0f0f0;font-size:13px;margin:0;padding:12px 16px 12px 24px}.navbar-dropdown-menu a:last-child,.navbar-dropdown-menu button:last-child{border-bottom:none}.navbar-dropdown-menu a svg,.navbar-dropdown-menu button svg{font-size:14px}.navbar-nav-item.navbar-mega .navbar-dropdown-menu{min-width:auto!important;padding:0}.navbar-mega-menu-grid{flex-direction:column;gap:0}.navbar-mega-menu-column{border-bottom:none}.navbar-column-header{background:#0000;border-bottom:1px solid #f0f0f0;font-size:13px;font-weight:500;margin:0;padding:12px 16px 12px 24px}.navbar-column-header svg{font-size:14px}.navbar-column-header:after{content:"▾";font-size:12px;transition:transform .2s}.navbar-mega-menu-column.active .navbar-column-header:after{transform:rotate(180deg)}.navbar-mega-menu-column.active .navbar-column-header{background:#f0f0f0}.navbar-column-items{background:#f5f5f5;border:none;border-radius:0;box-shadow:none;display:none;min-width:auto!important;padding:0;position:static!important}.navbar-mega-menu-column:hover .navbar-column-items{display:none}.navbar-mega-menu-column.active .navbar-column-items{display:flex;flex-direction:column}.navbar-column-items a{border-bottom:1px solid #eee;color:#555;font-size:12px;padding:10px 16px 10px 40px}.navbar-column-items a:last-child{border-bottom:none}.navbar-column-items a:hover{background:#eee;color:#4caf50;padding-left:44px}.navbar-user-dropdown .navbar-dropdown-menu{background:#fff;border-radius:8px;border-top:none;box-shadow:0 4px 16px #00000026;min-width:200px!important;position:absolute!important}.navbar-dropdown-menu-right{left:auto;right:0}.navbar-dropdown-user-info{border-bottom:1px solid #eee;padding:12px 16px}.navbar-dropdown-user-info strong{font-size:13px}.navbar-dropdown-user-info span{font-size:11px}}@media (max-width:480px){.navbar-main{height:52px}.navbar-container{gap:6px;padding:0 8px}.navbar-logo img,.navbar-logo-img{height:28px}.navbar-mobile-menu-btn{font-size:1rem;height:32px;width:32px}.navbar-search form,.navbar-search-bar{height:32px;padding:0 8px}.navbar-search input{font-size:12px;padding:0 6px}.navbar-search svg{font-size:12px}.navbar-user-btn{height:30px;width:30px}.navbar-user-avatar,.navbar-user-avatar-placeholder{font-size:12px}.navbar-center{height:calc(100vh - 52px);min-height:calc(100vh - 52px);top:52px;width:200px}.navbar-nav-link{font-size:13px;padding:12px 14px}.navbar-column-header,.navbar-dropdown-menu a,.navbar-dropdown-menu button{font-size:12px;padding:10px 14px 10px 20px}.navbar-column-items a{font-size:11px;padding:8px 14px 8px 36px}}@media (max-width:360px){.navbar-main{height:48px}.navbar-container{gap:4px;padding:0 6px}.navbar-logo img,.navbar-logo-img{height:24px}.navbar-mobile-menu-btn{font-size:.875rem;height:28px;padding:4px;width:28px}.navbar-search form,.navbar-search-bar{height:28px;padding:0 6px}.navbar-search input,.navbar-search svg{font-size:11px}.navbar-user-btn{height:28px;width:28px}.navbar-center{height:calc(100vh - 48px);min-height:calc(100vh - 48px);top:48px;width:180px}.navbar-nav-link{font-size:12px;padding:10px 12px}.navbar-column-header,.navbar-dropdown-menu a,.navbar-dropdown-menu button{font-size:11px;padding:8px 12px 8px 18px}.navbar-column-items a{font-size:10px;padding:6px 12px 6px 32px}}.navbar-mobile-overlay{background:#0006;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:56px;transition:opacity .3s ease;z-index:997}.navbar-mobile-overlay.active{display:block;opacity:1}@media (max-width:480px){.navbar-mobile-overlay{top:52px}}@media (max-width:360px){.navbar-mobile-overlay{top:48px}}.navbar-center::-webkit-scrollbar,.navbar-dropdown-menu::-webkit-scrollbar,.navbar-search-results::-webkit-scrollbar{width:4px}.navbar-center::-webkit-scrollbar-track,.navbar-dropdown-menu::-webkit-scrollbar-track,.navbar-search-results::-webkit-scrollbar-track{background:#f1f1f1}.navbar-center::-webkit-scrollbar-thumb,.navbar-dropdown-menu::-webkit-scrollbar-thumb,.navbar-search-results::-webkit-scrollbar-thumb{background:#81c784;border-radius:2px}.navbar-center::-webkit-scrollbar-thumb:hover,.navbar-dropdown-menu::-webkit-scrollbar-thumb:hover,.navbar-search-results::-webkit-scrollbar-thumb:hover{background:#4caf50}.navbar-dropdown-menu a:focus-visible,.navbar-dropdown-menu button:focus-visible,.navbar-mobile-menu-btn:focus-visible,.navbar-nav-link:focus-visible,.navbar-user-btn:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.navbar-logout-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.navbar-logout-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:400px;padding:30px;text-align:center;transform:translateY(0);width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar-logout-icon{color:#e53935;font-size:40px;margin-bottom:15px}.navbar-logout-modal h3{color:#1f2937;font-size:1.25rem;margin-bottom:10px;margin-top:0}.navbar-logout-modal p{color:#4b5563;font-size:.95rem;line-height:1.5;margin-bottom:25px}.navbar-logout-actions{display:flex;gap:12px;justify-content:center}.navbar-logout-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.navbar-logout-actions .btn-cancel{background:#f3f4f6;color:#374151}.navbar-logout-actions .btn-cancel:hover{background:#e5e7eb}.navbar-logout-actions .btn-confirm{background:#ef4444;color:#fff}.navbar-logout-actions .btn-confirm:hover{background:#dc2626;box-shadow:0 4px 6px #ef444433}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.footer-component{background:linear-gradient(135deg,#f1f8f4,#e8f5e9);border-top:3px solid #4caf50;margin-top:auto;width:100%}.footer-component__container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:40px 20px 25px}.footer-component__section{animation:footer-fadeInUp .6s ease}@keyframes footer-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-component__title{color:#2e7d32;font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:10px;position:relative}.footer-component__title:after{background:linear-gradient(90deg,#4caf50,#81c784);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:40px}.footer-component__section:hover .footer-component__title:after{width:60px}.footer-component__description{color:#555;font-size:13px;line-height:1.7;margin-bottom:16px}.footer-component__social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.footer-component__social-link{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 6px #4caf5026;color:#4caf50;display:flex;font-size:16px;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.footer-component__social-link:hover{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf5066;color:#fff;transform:translateY(-3px)}.footer-component__links{list-style:none;margin:0;padding:0}.footer-component__links-item{margin-bottom:10px;transition:transform .2s ease}.footer-component__links-item:hover{transform:translateX(4px)}.footer-component__link{align-items:center;color:#555;display:inline-flex;font-size:13px;gap:6px;padding-left:14px;position:relative;text-decoration:none;transition:all .3s ease}.footer-component__link:before{color:#4caf50;content:"▸";font-size:12px;font-weight:700;left:0;position:absolute;transition:all .3s ease}.footer-component__link:hover{color:#4caf50;font-weight:500}.footer-component__link:hover:before{color:#2e7d32;transform:translateX(2px)}.footer-component__contact-info{list-style:none;margin:0;padding:0}.footer-component__contact-item{align-items:flex-start;border-radius:4px;color:#555;display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:12px;padding:6px;transition:all .3s ease}.footer-component__contact-item:hover{background:#4caf500d;transform:translateX(2px)}.footer-component__contact-icon{color:#4caf50;flex-shrink:0;font-size:14px;margin-top:2px;transition:transform .3s ease}.footer-component__contact-item:hover .footer-component__contact-icon{transform:scale(1.1)}.footer-component__bottom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-top:1px solid #4caf5033;margin-top:20px;padding:16px 0}.footer-component__bottom-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-component__copyright{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin:0}.footer-component__copyright-link{color:#4caf50;font-weight:500;position:relative;text-decoration:none;transition:all .2s ease}.footer-component__copyright-link:after{background:#4caf50;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-component__copyright-link:hover{color:#2e7d32}.footer-component__copyright-link:hover:after{width:100%}.footer-component__divider{color:#ccc;margin:0 6px}.footer-component__made-with-love{align-items:center;color:#666;display:flex;font-size:13px;gap:5px;margin:0}.footer-component__heart-icon{animation:footer-heartbeat 1.5s ease-in-out infinite;color:#6dd15b;font-size:14px}@keyframes footer-heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@media (max-width:1024px){.footer-component__container{gap:25px;grid-template-columns:repeat(2,1fr);padding:35px 20px 20px}.footer-component__title{font-size:15px;margin-bottom:14px}.footer-component__contact-item,.footer-component__description,.footer-component__link{font-size:12px}}@media (max-width:768px){.footer-component__container{gap:20px;grid-template-columns:1fr 1fr;padding:25px 15px 15px}.footer-component__title{font-size:14px;margin-bottom:12px;padding-bottom:8px}.footer-component__title:after{height:2px;width:30px}.footer-component__title--collapsible{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:0;-webkit-user-select:none;user-select:none}.footer-component__title--collapsible:after{display:none}.footer-component__title--collapsible:hover{color:#2e7d32}.footer-component__toggle-icon{align-items:center;color:#4caf50;display:inline-flex;font-size:12px;justify-content:center;margin-left:8px;transition:transform .3s ease}.footer-component__toggle-icon.expanded{transform:rotate(180deg)}.footer-component__contact-info:not(.expanded),.footer-component__links:not(.expanded){display:none}.footer-component__contact-info.expanded,.footer-component__links.expanded{align-items:flex-start;animation:footer-slideDown .3s ease;display:flex;flex-direction:column}@keyframes footer-slideDown{0%{max-height:0;opacity:0;overflow:hidden}to{max-height:500px;opacity:1;overflow:visible}}.footer-component__description{font-size:12px;line-height:1.6;margin-bottom:12px}.footer-component__social-links{gap:8px;margin-top:10px}.footer-component__social-link{font-size:14px;height:32px;width:32px}.footer-component__links-item{margin-bottom:10px}.footer-component__link{font-size:13px;padding-left:14px}.footer-component__link:before{font-size:11px}.footer-component__contact-item{font-size:12px;gap:10px;margin-bottom:12px;padding:6px 0}.footer-component__contact-icon{font-size:13px}.footer-component__bottom{margin-top:15px;padding:12px 0}.footer-component__bottom-container{flex-direction:column;gap:8px;padding:0 15px;text-align:center}.footer-component__copyright{font-size:11px;justify-content:center;text-align:center}.footer-component__made-with-love{font-size:11px}.footer-component__heart-icon{font-size:12px}.footer-component__divider{margin:0 4px}}@media (max-width:480px){.footer-component__container{gap:18px;grid-template-columns:1fr;padding:20px 12px 12px}.footer-component__section{text-align:center}.footer-component__title{font-size:13px;margin-bottom:10px}.footer-component__title:after{left:50%;transform:translateX(-50%)}.footer-component__title--collapsible{justify-content:space-between;text-align:left}.footer-component__title--collapsible:after{display:none}.footer-component__toggle-icon{font-size:12px}.footer-component__contact-info:not(.expanded),.footer-component__links:not(.expanded){display:none}.footer-component__contact-info.expanded,.footer-component__links.expanded{align-items:flex-start;display:flex;flex-direction:column;gap:8px 0;margin-bottom:8px}.footer-component__description{font-size:12px;text-align:left}.footer-component__social-links{justify-content:flex-start}.footer-component__social-link{font-size:13px;height:30px;width:30px}.footer-component__links{align-items:flex-start;display:flex;flex-direction:column;gap:0}.footer-component__links-item{margin-bottom:8px}.footer-component__links-item:hover{transform:none}.footer-component__link{font-size:12px;padding-left:14px}.footer-component__link:before{display:block}.footer-component__contact-info{align-items:flex-start;display:flex;flex-direction:column}.footer-component__contact-item{font-size:12px;gap:10px;justify-content:flex-start;margin-bottom:10px;padding:4px 0;text-align:left}.footer-component__contact-item:hover{transform:none}.footer-component__bottom{margin-top:12px;padding:10px 0}.footer-component__copyright{flex-direction:column;font-size:10px;gap:4px}.footer-component__divider{display:none}.footer-component__made-with-love{font-size:10px}}@media (max-width:360px){.footer-component__container{gap:14px;padding:16px 10px 10px}.footer-component__title{font-size:12px;margin-bottom:8px}.footer-component__title--collapsible{justify-content:space-between;text-align:left}.footer-component__title--collapsible:after{display:none}.footer-component__toggle-icon{font-size:11px}.footer-component__contact-info:not(.expanded),.footer-component__links:not(.expanded){display:none}.footer-component__contact-info.expanded,.footer-component__links.expanded{align-items:flex-start;display:flex;flex-direction:column;gap:6px 0;margin-bottom:6px}.footer-component__contact-item,.footer-component__description,.footer-component__link{font-size:11px}.footer-component__social-link{font-size:12px;height:28px;width:28px}.footer-component__copyright,.footer-component__made-with-love{font-size:9px}}:root{--cb-primary:#16a34a;--cb-primary-hover:#15803d;--cb-bg-window:#fff;--cb-bg-chat:#f7fcf8;--cb-text-main:#1e293b;--cb-text-muted:#64748b;--cb-bot-bubble:#f0fdf4;--cb-user-bubble:#16a34a;--cb-border:#d1fae5;--cb-shadow-btn:0 6px 16px #16a34a59;--cb-shadow-window:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--cb-z-index:1000}.chatbot{align-items:flex-end;bottom:25px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;right:25px;z-index:1000;z-index:var(--cb-z-index)}.chatbot-scroll-top-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50%;bottom:0;box-shadow:0 10px 20px #22c55e47;color:#fff;cursor:pointer;display:flex;font-size:18px;height:46px;justify-content:center;position:absolute;right:25px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:46px;z-index:1001;z-index:calc(var(--cb-z-index) + 1)}.chatbot-scroll-top-btn:hover{box-shadow:0 14px 24px #22c55e57;transform:translateY(-2px) scale(1.05)}.chatbot-scroll-top-btn:active{transform:translateY(0) scale(.98)}.chatbot-toggle-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 10px 20px #22c55e47;color:#fff;cursor:pointer;display:flex;font-size:18px;height:46px;justify-content:center;margin-bottom:10px;position:relative;transition:all .3s ease;width:46px}.chatbot-toggle-btn,.chatbot-toggle-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a)}.chatbot-toggle-btn:hover{box-shadow:0 14px 24px #22c55e57;transform:translateY(-2px) scale(1.05)}.chatbot-toggle-btn.open{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 20px #22c55e47}.chatbot-tooltip{align-items:center;animation:cbFadeInTooltip .5s ease 1s forwards;background:#1e293be6;border-radius:20px;color:#fff;display:flex;font-size:14px;gap:6px;opacity:0;padding:8px 15px;pointer-events:none;position:absolute;right:75px;top:50%;transform:translateY(-50%);white-space:nowrap}@keyframes cbFadeInTooltip{to{opacity:1;right:70px}}.chatbot-window{animation:cbSlideInWindow .4s ease-out;background:#fff;background:var(--cb-bg-window);border-radius:20px;bottom:80px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;box-shadow:var(--cb-shadow-window);display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 120px);overflow:hidden;position:fixed;right:25px;transform-origin:bottom right;width:380px}@keyframes cbSlideInWindow{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chatbot-header{align-items:center;background:#16a34a;background:var(--cb-primary);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.chatbot-header-profile{align-items:center;display:flex;gap:12px}.bot-header-avatar{background:#fff3;border:1px solid #ffffff80;color:#fff}.chatbot-header-text h3{font-size:16px;font-weight:600;margin:0}.chatbot-status{align-items:center;display:flex;font-size:12px;gap:5px;margin-top:2px;opacity:.9}.chatbot-status-dot{background:#4ade80;border-radius:50%;box-shadow:0 0 5px #4ade80;display:inline-block;height:8px;width:8px}.chatbot-close-icon-btn{background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;opacity:.7;padding:5px;transition:opacity .2s}.chatbot-close-icon-btn:hover{opacity:1}.chatbot-messages{background:#f7fcf8;background:var(--cb-bg-chat);display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px;scroll-behavior:smooth}.chatbot-messages::-webkit-scrollbar{width:5px}.chatbot-messages::-webkit-scrollbar-track{background:#f7fcf8;background:var(--cb-bg-chat)}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.chatbot-message-row{align-items:flex-end;display:flex;gap:10px;max-width:85%}.chatbot-message-row.bot{align-self:flex-start}.chatbot-message-row.user{align-self:flex-end}.chatbot-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.bot-msg-avatar{background:#dcfce7;color:#15803d}.user-msg-avatar{background:#16a34a;background:var(--cb-user-bubble);color:#fff}.chatbot-message-content{display:flex;flex-direction:column}.chatbot-message-row.user .chatbot-message-content{align-items:flex-end}.chatbot-bubble{border-radius:16px;font-size:14px;line-height:1.5;padding:12px 16px;position:relative}.chatbot-bubble p{margin:0}.chatbot-message-row.bot .chatbot-bubble{background:#f0fdf4;background:var(--cb-bot-bubble);border-bottom-left-radius:4px;color:#1e293b;color:var(--cb-text-main)}.chatbot-message-row.user .chatbot-bubble{background:#16a34a;background:var(--cb-user-bubble);border-bottom-right-radius:4px;color:#fff}.chatbot-time{color:#64748b;color:var(--cb-text-muted);font-size:11px;margin-top:5px;padding:0 4px}.chatbot-action-card{background:#fff;border:1px solid #bae6fd;border-radius:12px;box-shadow:0 2px 5px #0000000d;margin-top:15px;padding:15px}.action-card-info{align-items:flex-start;color:#16a34a;color:var(--cb-primary);display:flex;gap:10px;margin-bottom:12px}.action-card-icon{font-size:18px;margin-top:2px}.action-card-text{color:#0369a1;font-size:13px}.action-card-text strong{color:#1e293b;color:var(--cb-text-main);font-weight:600}.action-card-btn{align-items:center;background:#16a34a;background:var(--cb-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:background .2s;width:100%}.action-card-btn:hover{background:#15803d;background:var(--cb-primary-hover)}.typing-bubble{padding:15px 20px}.typing-indicator{display:flex;gap:4px}.typing-indicator span{animation:cbTypingPulse 1.4s ease-in-out infinite both;background:#cbd5e1;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes cbTypingPulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-quick-replies{background:#fff;border-top:1px solid #d1fae5;border-top:1px solid var(--cb-border);padding:15px 20px}.quick-reply-title{color:#64748b;color:var(--cb-text-muted);font-size:12px;margin:0 0 10px}.quick-reply-list{display:flex;flex-wrap:wrap;gap:8px}.quick-reply-btn{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;color:#16a34a;color:var(--cb-primary);cursor:pointer;display:flex;font-size:12px;gap:5px;padding:7px 12px;transition:all .2s}.quick-reply-btn:hover{background:#dcfce7;border-color:#86efac}.quick-reply-icon{font-size:13px}.chatbot-input-area{align-items:center;background:#fff;border-top:1px solid #d1fae5;border-top:1px solid var(--cb-border);display:flex;gap:10px;padding:12px 15px}.chatbot-input-field{border:1px solid #d1fae5;border:1px solid var(--cb-border);border-radius:20px;flex:1 1;font-size:14px;padding:10px 15px;transition:border-color .2s}.chatbot-input-field:focus{background:#fcfcfc;border-color:#16a34a;border-color:var(--cb-primary);outline:none}.chatbot-send-btn{background:#0000;border:none;color:#16a34a;color:var(--cb-primary);cursor:pointer;display:flex;font-size:20px;padding:5px;transition:transform .2s,color .2s}.chatbot-send-btn:hover{color:#15803d;color:var(--cb-primary-hover);transform:scale(1.1) translateX(2px)}@media (max-width:480px){.chatbot{bottom:15px;right:15px}.chatbot-scroll-top-btn{bottom:0;right:15px}.chatbot-scroll-top-btn,.chatbot-toggle-btn{font-size:16px;height:40px;width:40px}.chatbot-tooltip{display:none}.chatbot-window{border-radius:16px;bottom:58px;height:calc(100vh - 126px);right:12px;width:calc(100vw - 24px)}.chatbot-header{padding:12px 14px}.chatbot-header-text h3{font-size:14px}.chatbot-status{font-size:11px}.chatbot-messages{gap:12px;padding:14px}.chatbot-message-row{max-width:92%}.chatbot-avatar{font-size:12px;height:28px;width:28px}.chatbot-bubble{border-radius:14px;font-size:13px;padding:10px 12px}.chatbot-action-card{padding:12px}.action-card-text{font-size:12px}.quick-reply-list{flex-direction:column}.quick-reply-btn{border-radius:14px;justify-content:flex-start;padding:9px 12px;width:100%}.chatbot-input-area{gap:8px;padding:10px 12px}.chatbot-input-field{font-size:13px;padding:9px 12px}.chatbot-send-btn{font-size:18px}}.sidebar{background:#fff;border-right:3px solid #4caf50;box-shadow:2px 0 10px #22c55e1a;flex-shrink:0;height:calc(100vh - 70px);left:0;padding:0;position:-webkit-sticky;position:sticky;top:70px;transition:width .3s cubic-bezier(.4,0,.2,1);width:224px;z-index:999}.sidebar-scroll-wrapper{height:100%;overflow-x:hidden;overflow-y:auto;padding:.35rem 0}.sidebar-scroll-wrapper::-webkit-scrollbar{width:4px}.sidebar-scroll-wrapper::-webkit-scrollbar-track{background:#0000}.sidebar-scroll-wrapper::-webkit-scrollbar-thumb{background:#22c55e33;border-radius:4px;-webkit-transition:background .3s;transition:background .3s}.sidebar-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#22c55e66}.sidebar-scroll-wrapper{scrollbar-color:#22c55e33 #0000;scrollbar-width:thin}.sidebar.sidebar-scrolled{height:calc(100vh - 70px);top:70px}.sidebar.sidebar-collapsed{width:46px}.sidebar.sidebar-collapsed .sidebar-nav{padding:0 .15rem}.sidebar.sidebar-collapsed .sidebar-menu-label{display:none}.sidebar.sidebar-collapsed .sidebar-link,.sidebar.sidebar-collapsed .sidebar-menu-toggle{justify-content:center;padding:.5rem}.sidebar.sidebar-collapsed .sidebar-chevron-icon,.sidebar.sidebar-collapsed .sidebar-menu-group .sidebar-submenu{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:3px;padding:.35rem}.sidebar-user{align-items:center;color:#0f5132;display:flex;gap:.6rem;padding:.55rem .75rem}.sidebar-user-avatar{color:#16a34a;flex-shrink:0;font-size:1.15rem}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{color:#064e3b;font-size:.86rem;font-weight:700}.sidebar-user-role{color:#25603a;font-size:.72rem;opacity:.9}.sidebar-user-actions{align-items:center;display:inline-flex;gap:4px;margin-left:auto}.sidebar-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#166534;cursor:pointer;display:inline-flex;height:19px;justify-content:center;padding:0;transition:all .2s ease;width:19px}.sidebar-action-btn:hover{background:#f0fdf4}.sidebar-action-btn-save{color:#9ca3af}.sidebar-action-btn-save.is-dirty{background:#e8fce9;color:#166534}.sidebar-action-btn:disabled{cursor:not-allowed;opacity:.55}.sidebar-section-label{color:#065f46;font-size:.74rem;font-weight:700;opacity:.82;padding:.25rem .75rem;text-transform:uppercase}.sidebar-section-label-management{margin-bottom:.35rem;margin-top:.9rem}.sidebar-divider{background:#e5e7eb;border-radius:2px;height:1px;margin:.35rem .5rem;opacity:.9}.sidebar.sidebar-collapsed .sidebar-divider,.sidebar.sidebar-collapsed .sidebar-section-label,.sidebar.sidebar-collapsed .sidebar-section-label-management,.sidebar.sidebar-collapsed .sidebar-user{display:none}.sidebar-section-label+.sidebar-nav{margin-bottom:.4rem}.sidebar-link,.sidebar-menu-toggle{align-items:flex-start;background:none;border:none;border-radius:7px;color:#166534;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.55rem;overflow:visible;padding:.55rem .75rem;position:relative;text-align:left;text-decoration:none;transition:all .25s ease;white-space:normal;width:100%}.sidebar-link:before,.sidebar-menu-toggle:before{background:#22c55e;border-radius:0 2px 2px 0;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s ease;width:3px}.sidebar-link:hover,.sidebar-menu-toggle:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 2px 8px #22c55e1f;color:#14532d}.sidebar-link:hover:before,.sidebar-menu-toggle:hover:before{transform:scaleY(1)}.sidebar-link.sidebar-active{background:#16a34a;box-shadow:0 2px 6px #00000014;color:#fff;font-weight:600}.sidebar-link.sidebar-active:before{background:#fff;transform:scaleY(1)}.sidebar-menu-toggle.sidebar-open{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#14532d;font-weight:600}.sidebar-menu-toggle.sidebar-open:before{transform:scaleY(1)}.sidebar-link svg,.sidebar-menu-toggle svg{flex-shrink:0;font-size:.9rem;transition:transform .25s ease}.sidebar-link:hover svg,.sidebar-menu-toggle:hover svg{transform:scale(1.1)}.sidebar-link.sidebar-active svg{filter:drop-shadow(0 1px 4px rgba(255,255,255,.4))}.sidebar-menu-label{flex:1 1;line-height:1.25;min-width:0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.sidebar-menu-group{position:relative}.sidebar-menu-title{align-items:flex-start;display:flex;flex:1 1;gap:.55rem}.sidebar-chevron-icon{flex-shrink:0;font-size:.65rem;transition:transform .25s ease}.sidebar-chevron-icon.sidebar-rotated{transform:rotate(180deg)}.sidebar-submenu{animation:sidebar-slideDown .25s ease;border-left:2px solid #e5e7eb;display:flex;flex-direction:column;gap:2px;margin-left:1rem;padding:.2rem 0 .2rem .4rem}@keyframes sidebar-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar-submenu .sidebar-submenu-link{align-items:flex-start;border-radius:6px;color:#166534;display:flex;font-size:.76rem;font-weight:500;gap:.5rem;line-height:1.3;overflow-wrap:anywhere;padding:.45rem .6rem;position:relative;text-decoration:none;transition:all .25s ease;white-space:normal;word-break:break-word}.sidebar-submenu .sidebar-submenu-link .sidebar-submenu-dot{color:#22c55e;flex-shrink:0;font-size:1rem;font-weight:700}.sidebar-submenu .sidebar-submenu-link:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#14532d}.sidebar-submenu .sidebar-submenu-link.sidebar-active{background:#16a34a;color:#fff;font-weight:600}.sidebar-submenu .sidebar-submenu-link.sidebar-active .sidebar-submenu-dot{color:#fff}.sidebar-toggle-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.58rem;height:24px;justify-content:center;padding:0;position:absolute;right:-12px;top:50%;transform:translateY(-50%);transition:background .25s ease,box-shadow .25s ease;width:24px;z-index:1001}.sidebar-toggle-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 3px 12px #22c55e66}.sidebar-toggle-btn:active{background:linear-gradient(135deg,#15803d,#166534)}.sidebar.sidebar-collapsed .sidebar-toggle-btn{right:-12px}.sidebar-overlay{animation:sidebar-fadeIn .3s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:56px;z-index:1000}@keyframes sidebar-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.sidebar-overlay{top:52px}}@media (max-width:360px){.sidebar-overlay{top:48px}}@media (max-width:1024px){.sidebar{width:204px}.sidebar-link,.sidebar-menu-toggle{font-size:.76rem;gap:.5rem;padding:.5rem .65rem}.sidebar-link svg,.sidebar-menu-toggle svg{font-size:.84rem}.sidebar-submenu .sidebar-submenu-link{font-size:.72rem;padding:.4rem .5rem}.sidebar.sidebar-collapsed{width:42px}}@media (max-width:768px){.sidebar{align-self:flex-start;flex-shrink:0;height:-webkit-fit-content;height:fit-content;left:0;max-height:calc(100vh - 56px);position:-webkit-sticky;position:sticky;top:56px;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:999}.sidebar,.sidebar.sidebar-mobile.sidebar-collapsed{width:42px}.sidebar.sidebar-mobile:not(.sidebar-collapsed){position:-webkit-sticky;position:sticky;width:224px;z-index:1001}.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-nav{padding:0 .2rem}.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-menu-label{display:none}.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-link,.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-menu-toggle{justify-content:center;padding:.45rem}.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-chevron-icon,.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-menu-group .sidebar-submenu{display:none}.sidebar-link svg,.sidebar-menu-toggle svg{font-size:.84rem}.sidebar-toggle-btn{border-width:2px;font-size:.55rem;height:22px;right:-11px;width:22px}.sidebar.sidebar-scrolled{height:calc(100vh - 56px);top:56px}}@media (max-width:480px){.sidebar{max-height:calc(100vh - 52px);top:52px}.sidebar.sidebar-mobile.sidebar-collapsed{width:40px}.sidebar.sidebar-mobile:not(.sidebar-collapsed){width:204px}.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-link,.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-menu-toggle{padding:.4rem}.sidebar-link svg,.sidebar-menu-toggle svg{font-size:.78rem}.sidebar-toggle-btn{font-size:.5rem;height:20px;right:-10px;width:20px}.sidebar.sidebar-scrolled{top:52px}}@media (max-width:360px){.sidebar{max-height:calc(100vh - 48px);top:48px}.sidebar.sidebar-mobile.sidebar-collapsed{width:38px}.sidebar.sidebar-mobile:not(.sidebar-collapsed){width:170px}.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-link,.sidebar.sidebar-mobile.sidebar-collapsed .sidebar-menu-toggle{padding:.35rem}.sidebar-link svg,.sidebar-menu-toggle svg{font-size:.74rem}.sidebar-toggle-btn{font-size:.46rem;height:18px;right:-9px;width:18px}.sidebar.sidebar-scrolled{top:48px}}.sidebar-link svg,.sidebar-menu-toggle svg{filter:drop-shadow(0 0 0 transparent);transition:all .25s ease}.sidebar-link:hover svg,.sidebar-menu-toggle:hover svg{filter:drop-shadow(0 1px 3px rgba(34,197,94,.25))}.sidebar-draggable{transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.sidebar-drag-handle{align-items:center;background:#0000;border:0;border-radius:4px;color:#6b7280;cursor:grab;display:inline-flex;height:18px;justify-content:center;left:4px;position:absolute;top:50%;transform:translateY(-50%);width:18px;z-index:2}.sidebar-drag-handle:hover{background:#f3f4f6;color:#15803d}.sidebar-reorder-mode .sidebar-link,.sidebar-reorder-mode .sidebar-menu-toggle{padding-left:1.5rem}.sidebar-draggable:hover{z-index:2}.sidebar-draggable.sidebar-dragging{background:#10b9810a;border:1px dashed #10b98199;box-shadow:0 6px 14px #10b9811f;cursor:grabbing;opacity:.9}.sidebar-draggable.sidebar-drop-target{background:#22c55e0f;border:1px dashed #22c55e40}.sidebar-is-dragging .sidebar-draggable:not(.sidebar-dragging){filter:none;opacity:.7;transform:none}.sidebar-draggable[draggable]{cursor:grab}.sidebar:not(.sidebar-reorder-mode) .sidebar-draggable[draggable=false]{cursor:default}.sidebar-toast{animation:sidebar-toast-in .18s ease,sidebar-toast-out .18s ease 1.5s forwards;background:#3e9d57f2;border-radius:999px;bottom:18px;box-shadow:0 6px 18px #10b9812e;color:#fff;font-size:.65rem;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:1200}@keyframes sidebar-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.98)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes sidebar-toast-out{to{opacity:0;transform:translateX(-50%) translateY(8px) scale(.98)}}.sidebar-draggable{border-radius:8px;margin:2px 0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-draggable[draggable]:hover{background:linear-gradient(90deg,#22c55e08,#0000);cursor:grab;transform:translateX(2px)}.sidebar-draggable[draggable]:active{cursor:grabbing}.sidebar-draggable.sidebar-dragging{background:#dcfce7f2;border-radius:10px;box-shadow:0 8px 18px #22c55e29;cursor:grabbing!important;opacity:.92;transform:translateX(2px);z-index:1000}.sidebar-draggable.sidebar-drop-target{background:#22c55e14;border:2px solid #22c55e66;border-radius:10px;box-shadow:0 0 0 2px #22c55e1a;transform:none}.sidebar-draggable.sidebar-drop-target:before{animation:none;background:linear-gradient(90deg,#0000,#22c55e 20%,#22c55e 80%,#0000);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:-4px}@keyframes sidebar-pulse{0%,to{opacity:.6;transform:scaleX(.95)}50%{opacity:1;transform:scaleX(1)}}.sidebar-is-dragging .sidebar-draggable:not(.sidebar-dragging):not(.sidebar-drop-target){filter:none;opacity:.75;transform:none}.sidebar-is-dragging .sidebar-draggable.sidebar-drop-target{filter:none;opacity:1}.sidebar-is-dragging,.sidebar-is-dragging *{cursor:grabbing!important}.main-layout{flex-direction:column;min-height:100vh}.layout-body,.main-layout{display:flex;position:relative}.layout-body{min-width:0}.layout-body,.main-content{flex:1 1;min-height:calc(100vh - 108px)}.main-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content.with-sidebar{margin-left:0;min-width:0}.main-content.with-sidebar.collapsed{margin-left:0}.main-layout footer{margin-left:0!important;margin-top:auto;position:relative;width:100%;z-index:1}@media (max-width:1024px){.layout-body,.main-content{min-height:calc(100vh - 100px)}}@media (max-width:768px){.main-content{min-height:auto;padding:0}.main-content.with-sidebar,.main-content.with-sidebar.collapsed{margin-left:0}.layout-body{min-height:auto}}@media (max-width:480px){.main-content{min-height:auto}.main-content.with-sidebar,.main-content.with-sidebar.collapsed{margin-left:0}.layout-body{min-height:auto}}@media (max-width:360px){.main-content{min-height:auto}.main-content.with-sidebar,.main-content.with-sidebar.collapsed{margin-left:0}.layout-body{min-height:auto}}.main-content>*{animation:fadeInContent .4s ease}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-container{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{animation:fadeInUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #4caf5026;max-width:440px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.logo-circle{align-items:center;background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;box-shadow:0 4px 16px #4caf504d;color:#fff;display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.logo-circle svg{height:36px;width:36px}.auth-box h2{color:#2e7d32;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.subtitle{color:#66bb6a;margin:0}.error-message{animation:shake .5s;border-left:4px solid #e53935;border-radius:8px;font-size:.9rem;margin-bottom:1.25rem;padding:.875rem}.success-message{animation:fadeIn .5s;border-left:4px solid #4caf50}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.btn-oauth{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#424242;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.btn-oauth:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-oauth:active{transform:translateY(0)}.btn-oauth svg{flex-shrink:0}.btn-google{border-color:#4285f4;color:#4285f4}.btn-google:hover{background:#4285f4;border-color:#4285f4;color:#fff}.btn-google:hover svg path{fill:#fff}.divider{margin:1.25rem 0;position:relative;text-align:center}.divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.divider span{background:#fff;color:#9e9e9e;font-size:.85rem;font-weight:500;padding:0 1rem;position:relative}.form-group label{color:#2e7d32}.form-group input:focus{border-color:#66bb6a;box-shadow:0 0 0 4px #66bb6a1a}.toggle-password{color:#81c784}.toggle-password:hover{background:#f1f8f4;color:#4caf50}.btn-submit{background:linear-gradient(135deg,#66bb6a,#4caf50)}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066}.auth-links{margin-top:1.5rem;text-align:center}.link-primary{color:#4caf50;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.link-primary:hover{color:#2e7d32;text-decoration:underline}.link-secondary{border:2px solid #66bb6a;border-radius:8px;color:#66bb6a;display:inline-block;font-weight:600;padding:.625rem 1.25rem;text-decoration:none;transition:all .3s ease}.link-secondary:hover{background:#66bb6a;box-shadow:0 4px 12px #66bb6a4d;color:#fff;transform:translateY(-2px)}.verification-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.btn-resend{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease}.btn-resend:hover{background:#388e3c;transform:translateY(-2px)}.btn-request-admin{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease}.btn-request-admin:hover{background:#1976d2;transform:translateY(-2px)}@media (max-width:768px){.auth-container{padding:15px}.auth-box{padding:2rem 1.5rem}.auth-box h2{font-size:1.5rem}.logo-circle{height:60px;width:60px}.logo-circle svg{height:30px;width:30px}.oauth-buttons{gap:.625rem}.btn-oauth{font-size:.875rem;padding:.75rem 1rem}.btn-oauth svg{height:18px;width:18px}}@media (max-width:480px){.auth-box{padding:1.5rem 1.25rem}.auth-box h2{font-size:1.375rem}.form-group input{font-size:16px}}.register-box{max-width:900px;padding:2.5rem}.form-columns{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr}.form-column{display:flex;flex-direction:column}.success-message{animation:slideInDown .5s ease;border-left:4px solid #66bb6a;border-radius:8px;font-size:.9rem;margin-bottom:1.25rem;padding:.875rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group select:focus{border-color:#66bb6a;box-shadow:0 0 0 4px #66bb6a1a;outline:none}.required{color:#e53935;font-weight:700}.terms-checkbox{align-items:flex-start;background:#f1f8f4;border:1px solid #c8e6c9;border-radius:8px;display:flex;gap:.75rem;margin:1.5rem 0 1rem;padding:1rem}.terms-checkbox input[type=checkbox]{accent-color:#4caf50;cursor:pointer;flex-shrink:0;height:18px;margin-top:3px;width:18px}.terms-checkbox label{color:#424242;cursor:pointer;font-size:.9rem;line-height:1.6}.terms-link{color:#4caf50;font-weight:600;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#2e7d32;text-decoration:underline}@media (min-width:769px){.form-columns{gap:1.5rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.register-box{max-width:100%;padding:2rem 1.5rem}.form-columns{gap:0}.terms-checkbox{padding:.875rem}.terms-checkbox label{font-size:.85rem}}@media (max-width:480px){.register-box{padding:1.5rem 1.25rem}.auth-header h2{font-size:1.375rem}.subtitle{font-size:.85rem}.form-group input,.form-group select{font-size:16px}.terms-checkbox{align-items:center;flex-direction:row}.terms-checkbox label{font-size:.8rem}}.verify-container{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-box{animation:fadeInScale .6s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #4caf5033;max-width:520px;padding:3rem;text-align:center;width:100%}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.spinner{border:4px solid #e8f5e9;border-top-color:#4caf50}.icon-wrapper{height:90px;width:90px}.success-icon{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);color:#2e7d32}.success-icon svg{height:48px;width:48px}.error-icon{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);box-shadow:0 4px 20px #f443364d;color:#c62828}.error-icon svg{height:44px;width:44px}.verify-box h2{color:#2e7d32;font-size:1.875rem;font-weight:700;margin-bottom:1rem}.verify-description{color:#66bb6a;font-size:1rem;margin-bottom:0}.success-message{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:10px;color:#2e7d32}.error-message,.success-message{font-weight:500;line-height:1.6;margin-bottom:1.5rem;padding:1.125rem}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:10px;color:#c62828}.countdown-box{background:#f1f8f4;border:1px solid #c8e6c9}.countdown-number{color:#4caf50}.progress-fill{background:linear-gradient(90deg,#66bb6a,#4caf50)}.btn-help,.btn-login,.btn-register{background:linear-gradient(135deg,#66bb6a,#4caf50);border:none;border-radius:8px;box-shadow:0 2px 8px #4caf5033;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.btn-help:hover,.btn-login:hover,.btn-register:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn-help:active,.btn-login:active,.btn-register:active{transform:translateY(0)}.btn-register{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 2px 8px #9e9e9e33}.btn-register:hover{box-shadow:0 6px 20px #9e9e9e66}.btn-help{background:linear-gradient(135deg,#64b5f6,#42a5f5);box-shadow:0 2px 8px #42a5f533}.btn-help:hover{box-shadow:0 6px 20px #42a5f566}@media (max-width:768px){.verify-container{padding:15px}.verify-box{padding:2.5rem 2rem}.verify-box h2{font-size:1.625rem}.icon-wrapper{height:80px;width:80px}.error-icon svg,.success-icon svg{height:40px;width:40px}.countdown-number{font-size:1.5rem}}@media (max-width:480px){.verify-box{padding:2rem 1.5rem}.verify-box h2{font-size:1.375rem}.icon-wrapper{height:70px;width:70px}.error-icon svg,.success-icon svg{height:36px;width:36px}.spinner{height:50px;width:50px}.countdown-box{padding:1.25rem}.countdown-text{font-size:.9rem}.countdown-number{font-size:1.375rem}.error-message,.success-message{font-size:.9rem;padding:1rem}.btn-help,.btn-login,.btn-register{font-size:.95rem;padding:.75rem 1.25rem}}@media (max-width:360px){.verify-box{padding:1.5rem 1.25rem}.verify-box h2{font-size:1.25rem}.error-actions{gap:.75rem}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2 50%,#ffcc80);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-box{animation:fadeInUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #ff980026;max-width:480px;padding:2.5rem;width:100%}.header-icon{align-items:center;background:linear-gradient(135deg,#ffb74d,#ff9800);border-radius:50%;box-shadow:0 4px 16px #ff98004d;color:#fff;display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.header-icon svg{height:36px;width:36px}.success-icon{background:linear-gradient(135deg,#81c784,#66bb6a);box-shadow:0 4px 16px #4caf504d}.success-icon svg{height:44px;width:44px}.forgot-password-box h2{color:#e65100;font-size:1.875rem;font-weight:700;margin:0 0 .5rem;text-align:center}.subtitle{color:#ff9800;line-height:1.5}.form-group label{color:#e65100}.form-group input:focus{border-color:#ff9800;box-shadow:0 0 0 4px #ff98001a}.btn-submit{background:linear-gradient(135deg,#ffb74d,#ff9800)}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #ff980066}.footer-links{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem;text-align:center}.footer-links a{color:#ff9800;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#e65100;text-decoration:underline}.email-instructions{background:#fff3e0;border:1px solid #ffcc80;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.email-instructions ol{margin:1rem 0;padding-left:1.5rem}.email-instructions li{color:#424242;line-height:1.6;margin:.5rem 0}.email-instructions .note{border-top:1px solid #ffcc80;color:#666;font-size:.85rem;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.forgot-password-container{padding:15px}.forgot-password-box{padding:2rem 1.5rem}.forgot-password-box h2{font-size:1.5rem}.header-icon{height:60px;width:60px}.header-icon svg{height:30px;width:30px}.footer-links{align-items:center;flex-direction:column}}@media (max-width:480px){.forgot-password-box{padding:1.5rem 1.25rem}.forgot-password-box h2{font-size:1.375rem}.form-group input{font-size:16px}.email-instructions{padding:1.25rem}}.reset-password-container{align-items:center;background:linear-gradient(135deg,#e1f5fe,#b3e5fc 50%,#81d4fa);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-box{animation:fadeInUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #2196f326;max-width:480px;padding:2.5rem;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #e1f5fe;border-top-color:#2196f3;height:60px;width:60px}.icon-wrapper,.spinner{border-radius:50%;margin:0 auto 1.5rem}.icon-wrapper{align-items:center;animation:scaleIn .5s ease;display:flex;height:80px;justify-content:center;width:80px}.success-icon{background:linear-gradient(135deg,#64b5f6,#2196f3);box-shadow:0 4px 16px #2196f34d}.error-icon{box-shadow:0 4px 16px #f443364d}.complete-icon{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 16px #4caf504d;color:#fff}.icon-wrapper svg{height:42px;width:42px}.reset-password-box h2{color:#1976d2;font-size:1.875rem;font-weight:700;margin:0 0 .5rem;text-align:center}.subtitle{color:#42a5f5;font-size:.95rem;margin:0 0 2rem;text-align:center}.subtitle strong{color:#1976d2}.message{animation:slideIn .3s ease;border-radius:8px;font-size:.9rem;margin-bottom:1.25rem;padding:.875rem}.message.success{background:#e8f5e9;border-left:4px solid #66bb6a;color:#2e7d32}.message.error{background:#ffebee;border-left:4px solid #e53935;color:#c62828}.form-group{margin-bottom:1.25rem}.form-group label{color:#1976d2;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#42a5f5;box-shadow:0 0 0 4px #2196f31a;outline:none}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem}.toggle-password{align-items:center;background:none;border:none;border-radius:4px;color:#64b5f6;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;transition:all .2s ease}.toggle-password:hover{background:#e3f2fd;color:#2196f3}.toggle-password svg{height:20px;width:20px}.btn-submit{align-items:center;background:linear-gradient(135deg,#64b5f6,#2196f3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{background:#bdbdbd;cursor:not-allowed;transform:none}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.error-actions{display:flex;flex-direction:column;gap:.875rem;margin-top:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.btn-primary{background:linear-gradient(135deg,#64b5f6,#2196f3)}.btn-primary:hover{box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);color:#fff}.btn-secondary:hover{box-shadow:0 6px 20px #9e9e9e66;transform:translateY(-2px)}.countdown-box{background:#e3f2fd;border:1px solid #bbdefb;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.countdown-text{color:#424242;font-size:1rem;font-weight:500;margin-bottom:1rem;text-align:center}.countdown-number{color:#2196f3;display:inline-block;font-size:1.75rem;font-weight:700;min-width:30px}.progress-bar{background:#e0e0e0;border-radius:5px;box-shadow:inset 0 1px 3px #0000001a;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#64b5f6,#2196f3);border-radius:5px;height:100%;transition:width 1s linear}@media (max-width:768px){.reset-password-container{padding:15px}.reset-password-box{padding:2rem 1.5rem}.reset-password-box h2{font-size:1.5rem}.icon-wrapper{height:70px;width:70px}.icon-wrapper svg{height:36px;width:36px}}@media (max-width:480px){.reset-password-box{padding:1.5rem 1.25rem}.reset-password-box h2{font-size:1.375rem}.form-group input{font-size:16px}.spinner{height:50px;width:50px}.countdown-box{padding:1.25rem}.countdown-number{font-size:1.5rem}}.oauth-callback-container{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9 50%,#a5d6a7);display:flex;justify-content:center;min-height:100vh;padding:20px}.oauth-callback-box{animation:fadeInUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #4caf5026;max-width:440px;padding:3rem 2rem;text-align:center;width:100%}.spinner-large{animation:spin 1s linear infinite;border:4px solid #4caf501a;border-top-color:#4caf50;height:60px;width:60px}.spinner-large,.success-icon{border-radius:50%;margin:0 auto 1.5rem}.success-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 4px 20px #4caf504d;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.success-icon svg{stroke-width:3;height:40px;width:40px}.error-icon{align-items:center;animation:shake .5s ease;background:linear-gradient(135deg,#ef5350,#e53935);border-radius:50%;box-shadow:0 4px 20px #ef53504d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.error-icon svg{stroke-width:3;height:40px;width:40px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.oauth-callback-box h2{animation:fadeIn .6s ease .2s both;color:#2e7d32;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.oauth-callback-box .subtitle{animation:fadeIn .6s ease .4s both;color:#66bb6a;font-size:.95rem;margin:0}.oauth-callback-box .spinner-large{position:relative}.oauth-callback-box .spinner-large:before{animation:pulse 1.5s ease-in-out infinite;background:#4caf501a;border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.oauth-callback-box .success-icon{position:relative}.oauth-callback-box .success-icon:after{animation:ripple 1s ease-out;border:2px solid #4caf50;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width:768px){.oauth-callback-container{padding:15px}.oauth-callback-box{padding:2.5rem 1.5rem}.oauth-callback-box h2{font-size:1.25rem}.oauth-callback-box .subtitle{font-size:.875rem}.spinner-large{border-width:3px;height:50px;width:50px}.error-icon,.success-icon{height:70px;width:70px}.error-icon svg,.success-icon svg{height:35px;width:35px}}@media (max-width:480px){.oauth-callback-container{padding:10px}.oauth-callback-box{padding:2rem 1.25rem}.oauth-callback-box h2{font-size:1.125rem}.oauth-callback-box .subtitle{font-size:.8rem}.spinner-large{height:45px;width:45px}.error-icon,.success-icon{height:65px;width:65px}.error-icon svg,.success-icon svg{height:32px;width:32px}}@media (prefers-color-scheme:dark){.oauth-callback-container{background:linear-gradient(135deg,#1b5e20,#2e7d32 50%,#388e3c)}.oauth-callback-box{background:#1e1e1e;box-shadow:0 8px 32px #00000080}.oauth-callback-box h2{color:#81c784}.oauth-callback-box .subtitle{color:#a5d6a7}}@media (prefers-reduced-motion:reduce){.error-icon,.oauth-callback-box,.oauth-callback-box .spinner-large:before,.oauth-callback-box .subtitle,.oauth-callback-box .success-icon:after,.oauth-callback-box h2,.spinner-large,.success-icon{animation:none!important}}.oauth-callback-box:focus-within{outline:2px solid #4caf50;outline-offset:4px}@media print{.oauth-callback-container{background:#fff}.oauth-callback-box{border:1px solid #ccc;box-shadow:none}.spinner-large,.spinner-large:before{display:none}}:root{--popup-green-50:#f0fdf4;--popup-green-100:#dcfce7;--popup-green-200:#bbf7d0;--popup-green-600:#16a34a;--popup-green-700:#15803d;--popup-green-800:#166534;--popup-neutral-50:#f9fafb;--popup-neutral-100:#f3f4f6;--popup-neutral-400:#9ca3af;--popup-neutral-500:#6b7280;--popup-neutral-700:#374151;--popup-neutral-900:#111827;--popup-white:#fff;--popup-radius-sm:6px;--popup-radius-md:10px;--popup-radius-lg:16px}.popup-overlay{align-items:center;animation:popupFadeIn .25s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.popup-overlay--closing{animation:popupFadeOut .25s ease-out forwards}.popup-card{animation:popupSlideUp .35s cubic-bezier(.34,1.4,.64,1);background:#fff;background:var(--popup-white);border-radius:20px;box-shadow:0 32px 80px #00000047,0 0 0 1px #ffffff14;max-height:88vh;max-width:460px;overflow:hidden;overflow-y:auto;position:relative;width:100%}.popup-card--closing{animation:popupSlideDown .25s ease-out forwards}.popup-close-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:none;color:var(--popup-white);font-size:15px;height:34px;right:12px;top:12px;width:34px}.popup-close-btn:hover{background:#000c;transform:rotate(90deg)}.popup-image-wrap{height:300px}.popup-image{animation:popupBlurIn .6s ease-out;height:100%;object-fit:cover;transition:transform .35s;width:100%}.popup-image-wrap:hover .popup-image{transform:scale(1.04)}.popup-image-hint{background:linear-gradient(0deg,#0009,#0000);bottom:0;color:#fff;color:var(--popup-white);font-size:12px;font-weight:600;left:0;opacity:0;padding:14px 16px 12px;position:absolute;right:0;transition:opacity .25s}.popup-image-wrap:hover .popup-image-hint{opacity:1}.popup-content{padding:20px}.popup-badge-row{display:flex;gap:6px;margin-bottom:12px}.popup-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 12px;text-transform:uppercase}.popup-badge--event{background:#dcfce7;background:var(--popup-green-100);color:#166534;color:var(--popup-green-800)}.popup-badge--promotion{background:#fef3c7;color:#92400e}.popup-badge--news{background:#dbeafe;color:#1e40af}.popup-badge--notification{background:#ede9fe;color:#5b21b6}.popup-title{color:#111827;color:var(--popup-neutral-900);font-size:18px;font-weight:800;line-height:1.35;margin:0 0 10px}.popup-desc{color:#6b7280;color:var(--popup-neutral-500);font-size:13px;line-height:1.6;margin-bottom:14px}.popup-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.popup-meta__item{align-items:center;background:#f3f4f6;background:var(--popup-neutral-100);border-radius:6px;border-radius:var(--popup-radius-sm);color:#374151;color:var(--popup-neutral-700);display:inline-flex;font-size:12px;gap:5px;padding:5px 10px}.popup-meta__icon{color:#16a34a;color:var(--popup-green-600);font-size:11px}.popup-meta__icon--red{color:#ef4444;font-size:11px}.popup-cta-btn{animation:popupShake 4s infinite;background:#16a34a;background:var(--popup-green-600);border-radius:10px;border-radius:var(--popup-radius-md);font-weight:700;padding:13px}.popup-cta-btn:hover{background:#15803d;background:var(--popup-green-700)}.popup-cta-btn__arrow{transition:transform .2s}.popup-cta-btn:hover .popup-cta-btn__arrow{transform:translateX(4px)}.popup-close-text{background:#0000;border:none;color:#9ca3af;color:var(--popup-neutral-400);cursor:pointer;font-size:12px;margin-top:8px;padding:10px;transition:color .2s;width:100%}.popup-close-text:hover{color:#6b7280;color:var(--popup-neutral-500);text-decoration:underline}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupFadeOut{0%{opacity:1}to{opacity:0}}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(24px) scale(.96)}}@keyframes popupBlurIn{0%{filter:blur(8px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes popupShake{0%,85%,to{transform:scale(1)}88%{transform:scale(1.04) rotate(1deg)}91%{transform:scale(1.04) rotate(-1deg)}94%{transform:scale(1.04) rotate(1deg)}97%{transform:scale(1.04) rotate(-1deg)}}@media (max-width:560px){.popup-card{border-radius:10px;border-radius:var(--popup-radius-md);max-height:92vh;max-width:100%}.popup-image-wrap{height:220px}.popup-content{padding:14px}.popup-title{font-size:15px}.popup-desc{font-size:12px}.popup-cta-btn{font-size:14px;padding:11px}}.popup-image-wrap{background:#f3f4f6;background:var(--popup-neutral-100);cursor:pointer;height:260px;overflow:hidden;position:relative;width:100%}.popup-content{background:linear-gradient(180deg,#fff,#f9fafb);padding:22px 22px 18px}.popup-cta-btn{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;box-shadow:0 4px 16px #16a34a59;color:#fff;color:var(--popup-white);cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.3px;padding:14px;transition:all .2s;width:100%}.popup-cta-btn:hover{box-shadow:0 8px 24px #16a34a73;transform:translateY(-2px)}.popup-close-btn{align-items:center;background:#00000080;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:32px;z-index:10}.popup-close-btn:hover{background:#000000d9;border-color:#fff9;transform:rotate(90deg) scale(1.1)}:root{--homepage-primary:#10b981;--homepage-primary-dark:#059669;--homepage-primary-darker:#047857;--homepage-primary-light:#34d399;--homepage-primary-lighter:#6ee7b7;--homepage-secondary:#14b8a6;--homepage-accent:#84cc16;--homepage-bg-white:#fff;--homepage-bg-gray-50:#f9fafb;--homepage-bg-gray-100:#f3f4f6;--homepage-bg-gray-900:#111827;--homepage-text-dark:#111827;--homepage-text-gray:#6b7280;--homepage-text-light:#9ca3af;--homepage-shadow:0 1px 3px #0000001a;--homepage-shadow-md:0 4px 6px #0000001a;--homepage-shadow-lg:0 10px 15px #0000001a;--homepage-shadow-xl:0 20px 25px #0000001a;--homepage-radius:0.5rem;--homepage-radius-lg:0.75rem;--homepage-radius-xl:1rem;--homepage-transition:all 0.3s ease}body{background:#fff;background:var(--homepage-bg-white);color:#111827;color:var(--homepage-text-dark);font-family:Inter,sans-serif;line-height:1.6;scroll-behavior:smooth}.homepage-main{overflow-x:hidden;scroll-snap-type:y mandatory;width:100%}.homepage-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.homepage-section-container{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--homepage-bg-gray-100);min-height:auto;padding:4rem 0;scroll-snap-align:start;scroll-snap-stop:always}.homepage-section-title{color:#111827;color:var(--homepage-text-dark);font-size:2.5rem;font-weight:800;margin:0 auto 3rem;max-width:700px;text-align:center}.homepage-section-badge{background:#ecfdf5;border-radius:2rem;color:#059669;color:var(--homepage-primary-dark);display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.5rem 1rem;text-transform:uppercase}.homepage-section-subtitle{color:#6b7280;color:var(--homepage-text-gray);font-size:1.125rem;line-height:1.7}.homepage-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--homepage-radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s ease;transition:var(--homepage-transition)}.homepage-btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--homepage-primary),var(--homepage-primary-dark));box-shadow:0 4px 14px #10b98166;color:#fff}.homepage-btn-primary:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.homepage-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.homepage-btn-secondary:hover{background:#ffffff4d}.homepage-btn-outline{background:#0000;border:2px solid #10b981;border:2px solid var(--homepage-primary);color:#10b981;color:var(--homepage-primary)}.homepage-btn-outline:hover{background:#10b981;background:var(--homepage-primary);color:#fff;transform:translateY(-2px)}.homepage-btn-block{justify-content:center;width:100%}.homepage-banner-slider{height:100vh;overflow:hidden;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.homepage-banner-slide{background-position:50%;background-size:cover;height:100%;opacity:0;pointer-events:none;position:absolute;transform:translateX(100%);transition:opacity .7s ease-out,transform .7s ease-out;width:100%;z-index:0}.homepage-banner-slide.active{opacity:1;pointer-events:auto;transform:translateX(0);z-index:1}.homepage-banner-slide.previous{opacity:0;transform:translateX(-100%);z-index:0}.homepage-banner-overlay{background:linear-gradient(135deg,#7ea86be6,#575757d9);inset:0;position:absolute}.homepage-banner-content{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:1200px;padding:0 1.5rem;position:relative;z-index:2}.homepage-banner-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:.75rem;border-radius:var(--homepage-radius-lg);color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.homepage-badge-icon{font-size:1.25rem}.homepage-banner-content h1{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-.025em;line-height:1.1;margin-bottom:1rem}.homepage-banner-content h2{color:#ffffffe6;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:1.25rem}.homepage-banner-content p{color:#ffffffd9;font-size:1.125rem;line-height:1.7;margin-bottom:2rem;max-width:600px}.homepage-banner-buttons{display:flex;gap:1rem}.homepage-slider-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--homepage-transition);width:50px;z-index:3}.homepage-slider-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.05)}.homepage-prev{left:2rem}.homepage-next{right:2rem}.homepage-slider-dots{bottom:2rem;display:flex;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.homepage-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;transition:var(--homepage-transition);width:12px}.homepage-dot.active{background:#fff;transform:scale(1.2)}.homepage-features-section{background:#f9fafb;background:var(--homepage-bg-gray-50);padding:5rem 0}.homepage-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.homepage-feature-card{background:#fff;border-radius:1rem;border-radius:var(--homepage-radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--homepage-shadow-md);opacity:1;padding:2rem;text-align:center;transform:translateY(20px);transition:all .3s ease;transition:var(--homepage-transition)}.homepage-feature-card:hover{box-shadow:0 20px 25px #0000001a;box-shadow:var(--homepage-shadow-xl);transform:translateY(-5px)}.homepage-feature-icon{align-items:center;border-radius:50%;box-shadow:0 4px 14px #10b98166;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;transition:var(--homepage-transition);width:80px}.homepage-feature-card:hover .homepage-feature-icon{transform:scale(1.1)}.homepage-feature-card h3{color:#111827;color:var(--homepage-text-dark);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.homepage-feature-card p{color:#6b7280;color:var(--homepage-text-gray);font-size:1rem}.homepage-stats-section{background:linear-gradient(135deg,#10b981,#14b8a6);background:linear-gradient(135deg,var(--homepage-primary) 0,var(--homepage-secondary) 100%);color:#fff;padding:5rem 0}.homepage-stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.homepage-stat-card{opacity:1;text-align:center;transform:scale(.95)}.homepage-stat-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.homepage-stat-number{font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.homepage-stat-label{font-size:1.125rem;font-weight:500;opacity:.9}.homepage-intro-section{background:#fff;background:var(--homepage-bg-white);padding:5rem 0}.homepage-intro-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.homepage-intro-image{position:relative}.homepage-intro-image img{border-radius:1rem;border-radius:var(--homepage-radius-xl);box-shadow:0 20px 25px #0000001a;box-shadow:var(--homepage-shadow-xl);height:550px;object-fit:cover;transition:all .3s ease;transition:var(--homepage-transition);width:100%}.homepage-intro-image:hover img{transform:scale(1.02)}.homepage-intro-badge{align-items:center;background:#fff;border-radius:.75rem;border-radius:var(--homepage-radius-lg);bottom:-1.5rem;box-shadow:0 10px 15px #0000001a;box-shadow:var(--homepage-shadow-lg);display:flex;font-weight:600;gap:1rem;padding:1.5rem 2rem;position:absolute;right:-1.5rem}.homepage-intro-badge svg{color:#10b981;color:var(--homepage-primary);font-size:2.5rem}.homepage-intro-badge h4{color:#10b981;color:var(--homepage-primary);font-size:2rem}.homepage-intro-badge p{color:#6b7280;color:var(--homepage-text-gray)}.homepage-intro-text{display:flex;flex-direction:column;gap:1.5rem}.homepage-intro-item{align-items:flex-start;display:flex;gap:1rem}.homepage-check-icon{color:#10b981;color:var(--homepage-primary);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.homepage-intro-item h4{color:#111827;color:var(--homepage-text-dark);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.homepage-intro-item p{color:#6b7280;color:var(--homepage-text-gray);font-size:1rem}.homepage-specialties-section{background:#f9fafb;background:var(--homepage-bg-gray-50);padding:5rem 0}.homepage-specialties-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.homepage-specialty-card{background:#fff;border-radius:1rem;border-radius:var(--homepage-radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--homepage-shadow-md);opacity:1;padding:2rem;text-align:center;transform:translateY(20px);transition:all .3s ease;transition:var(--homepage-transition)}.homepage-specialty-card:hover{box-shadow:0 20px 25px #0000001a;box-shadow:var(--homepage-shadow-xl);transform:translateY(-5px)}.homepage-specialty-icon{color:#10b981;color:var(--homepage-primary);font-size:3rem;margin-bottom:1.5rem}.homepage-specialty-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.homepage-specialty-card p{color:#6b7280;color:var(--homepage-text-gray);font-size:1rem;margin-bottom:1.5rem}.homepage-specialty-link{align-items:center;color:#10b981;color:var(--homepage-primary);display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:all .3s ease;transition:var(--homepage-transition)}.homepage-specialty-link:hover{color:#059669;color:var(--homepage-primary-dark);transform:translateX(5px)}.homepage-section-footer{margin-top:3rem;text-align:center}.homepage-doctors-section{padding:5rem 0}.homepage-doctors-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.homepage-doctor-card{background:#fff;border-radius:1rem;border-radius:var(--homepage-radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--homepage-shadow-md);opacity:1;overflow:hidden;transform:scale(.95);transition:all .3s ease;transition:var(--homepage-transition)}.homepage-doctor-card:hover{box-shadow:0 20px 25px #0000001a;box-shadow:var(--homepage-shadow-xl);transform:translateY(-5px)}.homepage-doctor-image-wrapper{position:relative}.homepage-doctor-image{height:350px;object-fit:cover;transition:all .3s ease;transition:var(--homepage-transition);width:100%}.homepage-doctor-card:hover .homepage-doctor-image{transform:scale(1.05)}.homepage-doctor-rating{align-items:center;background:#fff;border-radius:2rem;bottom:1rem;box-shadow:0 1px 3px #0000001a;box-shadow:var(--homepage-shadow);color:#10b981;color:var(--homepage-primary);display:flex;font-weight:600;gap:.25rem;padding:.5rem 1rem;position:absolute;right:1rem}.homepage-doctor-rating svg{color:#fbbf24}.homepage-doctor-info{padding:1.5rem 2rem}.homepage-doctor-name{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.homepage-doctor-experience,.homepage-doctor-specialty{align-items:center;color:#6b7280;color:var(--homepage-text-gray);display:flex;font-size:1rem;gap:.5rem;margin-bottom:.5rem}.homepage-doctor-experience svg,.homepage-doctor-link,.homepage-doctor-specialty svg{color:#10b981;color:var(--homepage-primary)}.homepage-doctor-link{align-items:center;display:inline-flex;font-weight:600;gap:.5rem;margin-top:1rem;text-decoration:none;transition:all .3s ease;transition:var(--homepage-transition)}.homepage-doctor-link:hover{color:#059669;color:var(--homepage-primary-dark);transform:translateX(5px)}.homepage-testimonials-section{background:#f9fafb;background:var(--homepage-bg-gray-50);padding:5rem 0}.homepage-testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.homepage-testimonial-card{background:#fff;border-radius:1rem;border-radius:var(--homepage-radius-xl);box-shadow:0 4px 6px #0000001a;box-shadow:var(--homepage-shadow-md);opacity:1;padding:2rem;position:relative;transform:translateY(20px);transition:all .3s ease;transition:var(--homepage-transition)}.homepage-testimonial-card:hover{box-shadow:0 20px 25px #0000001a;box-shadow:var(--homepage-shadow-xl);transform:translateY(-5px)}.homepage-quote-icon{color:#34d399;color:var(--homepage-primary-light);font-size:3rem;left:2rem;opacity:.5;position:absolute;top:-1.5rem}.homepage-testimonial-text{color:#6b7280;color:var(--homepage-text-gray);font-style:italic;margin-bottom:1.5rem}.homepage-testimonial-rating{color:#fbbf24;display:flex;gap:.25rem;margin-bottom:1rem}.homepage-testimonial-author{align-items:center;display:flex;gap:1rem}.homepage-testimonial-author img{border-radius:50%;height:50px;object-fit:cover;width:50px}.homepage-testimonial-author h4{font-size:1.125rem;font-weight:600}.homepage-booking-section{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--homepage-bg-gray-50) 0,#fff 100%);padding:5rem 0}.homepage-booking-wrapper{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.homepage-booking-info{position:-webkit-sticky;position:sticky;top:2rem}.homepage-booking-info h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.homepage-booking-info p{color:#6b7280;color:var(--homepage-text-gray);font-size:1.125rem;margin-bottom:2rem}.homepage-booking-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.homepage-booking-feature{align-items:center;color:#111827;color:var(--homepage-text-dark);display:flex;font-size:1rem;gap:1rem}.homepage-booking-feature svg{color:#10b981;color:var(--homepage-primary);font-size:1.5rem}.homepage-contact-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.homepage-contact-item{align-items:flex-start;display:flex;gap:1rem}.homepage-contact-item svg{color:#10b981;color:var(--homepage-primary);font-size:2rem;margin-top:.25rem}.homepage-contact-item h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.homepage-contact-item p{color:#6b7280;color:var(--homepage-text-gray);font-size:.875rem}.homepage-booking-form{background:#fff;border-radius:1rem;border-radius:var(--homepage-radius-xl);box-shadow:0 20px 25px #0000001a;box-shadow:var(--homepage-shadow-xl);padding:2.5rem}.homepage-form-header{align-items:center;color:#10b981;color:var(--homepage-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:2rem}.homepage-form-header svg{font-size:1.5rem}.homepage-form-group{margin-bottom:1.5rem}.homepage-form-group label{color:#111827;color:var(--homepage-text-dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.homepage-required{color:#ef4444}.homepage-form-group input,.homepage-form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;border-radius:var(--homepage-radius-lg);color:#111827;color:var(--homepage-text-dark);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;transition:var(--homepage-transition);width:100%}.homepage-form-group input:focus,.homepage-form-group select:focus{border-color:#10b981;border-color:var(--homepage-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.homepage-form-note{align-items:center;color:#6b7280;color:var(--homepage-text-gray);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1.5rem}.homepage-form-note svg{color:#10b981;color:var(--homepage-primary)}.homepage-spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.homepage-consultation-services-section,.homepage-hospital-services-section{background:#fafafa;padding:3.5rem 0;scroll-snap-align:start;scroll-snap-stop:always}.homepage-services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);justify-items:center}.homepage-services-grid>div{width:100%}.homepage-service-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;border-radius:var(--homepage-radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--homepage-shadow);cursor:pointer;display:flex;flex-direction:column;height:100%;max-width:100%;opacity:1;overflow:hidden;transform:translateY(20px);transition:all .3s ease;transition:var(--homepage-transition)}.homepage-service-card:hover{border-color:#10b981;border-color:var(--homepage-primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--homepage-shadow-md);transform:translateY(-5px)}.homepage-service-image-wrapper{align-items:center;background:#fff;display:flex;flex-shrink:0;height:180px;justify-content:center;overflow:hidden;position:relative}.homepage-service-image{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--homepage-transition);width:100%}.homepage-service-card:hover .homepage-service-image{transform:scale(1.08)}.homepage-service-overlay-info{background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;left:0;padding:1rem;position:absolute;right:0}.homepage-service-duration-overlay,.homepage-service-price-overlay{background:#10b981e6;border-radius:1.5rem;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.homepage-service-image-placeholder{align-items:center;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);display:flex;height:100%;justify-content:center;opacity:.8;position:relative;width:100%}.homepage-service-image-placeholder,.homepage-service-image-placeholder .placeholder-icon{color:#10b981;color:var(--homepage-primary);font-size:3rem}.homepage-service-content{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;padding:1rem}.homepage-service-content h3{color:#111827;color:var(--homepage-text-dark);font-size:1rem;font-weight:700;line-height:1.2;margin:0;min-height:2rem}.homepage-service-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--homepage-text-gray);display:-webkit-box;flex-grow:1;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.homepage-service-btn{align-items:center;align-self:flex-start;background:#10b981;background:var(--homepage-primary);border:none;border-radius:.75rem;border-radius:var(--homepage-radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease;transition:var(--homepage-transition)}.homepage-service-btn:hover{background:#059669;background:var(--homepage-primary-dark);transform:translateX(3px)}.homepage-service-btn-consultation{background:#14b8a6;background:var(--homepage-secondary)}.homepage-service-btn-consultation:hover{background:#0d9488}.fade-in{animation:fadeIn .6s ease-out}.scale-in{animation:scaleIn .6s ease-out}@media (max-width:1024px){.homepage-section-container{padding:3rem 0}.homepage-banner-slider{height:60vh;min-height:400px}.homepage-banner-content h1{font-size:2.75rem}.homepage-section-title{font-size:2rem;margin-bottom:2rem}.homepage-doctors-grid,.homepage-features-grid,.homepage-services-grid,.homepage-specialties-grid,.homepage-stats-grid,.homepage-testimonials-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.homepage-booking-wrapper,.homepage-intro-content{gap:3rem}.homepage-doctor-image{height:280px}.homepage-intro-image img{height:400px}}@media (max-width:768px){.homepage-section-container{padding:2rem 0}.homepage-doctors-grid,.homepage-features-grid,.homepage-services-grid,.homepage-specialties-grid,.homepage-testimonials-grid{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.homepage-doctors-grid::-webkit-scrollbar,.homepage-features-grid::-webkit-scrollbar,.homepage-services-grid::-webkit-scrollbar,.homepage-specialties-grid::-webkit-scrollbar,.homepage-testimonials-grid::-webkit-scrollbar{display:none}.homepage-doctor-card,.homepage-feature-card,.homepage-service-card,.homepage-specialty-card,.homepage-testimonial-card{flex:0 0 75%;max-width:320px;scroll-snap-align:center}.homepage-banner-slider{height:350px;min-height:0;min-height:auto}.homepage-banner-content h1{font-size:1.8rem;line-height:1.2;margin-bottom:.5rem}.homepage-banner-content h2{font-size:1.1rem;margin-bottom:.5rem}.homepage-banner-content p{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.homepage-banner-badge{font-size:.7rem;margin-bottom:1rem;padding:.3rem .6rem}.homepage-banner-buttons{flex-direction:row;gap:.75rem;width:100%}.homepage-banner-buttons .homepage-btn{flex:1 1;font-size:.85rem;justify-content:center;padding:.6rem 1rem}.homepage-section-title{font-size:1.4rem;margin-bottom:1rem}.homepage-section-subtitle{font-size:.9rem}.homepage-feature-icon{font-size:1.4rem;height:50px;margin-bottom:.75rem;width:50px}.homepage-specialty-icon{font-size:1.8rem;margin-bottom:.75rem}.homepage-intro-content{gap:1.5rem;grid-template-columns:1fr}.homepage-intro-image img{height:260px}.homepage-intro-badge{bottom:auto;margin-top:1rem;padding:.75rem 1.25rem;position:relative;right:auto;width:-webkit-fit-content;width:fit-content}.homepage-intro-badge h4{font-size:1.6rem}.homepage-doctor-image{height:220px}.homepage-service-image-wrapper{height:140px}.homepage-booking-wrapper{gap:1.5rem;grid-template-columns:1fr}.homepage-booking-info h2{font-size:1.6rem;margin-bottom:.5rem}.homepage-booking-info p{font-size:.9rem}.homepage-contact-info{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.homepage-container{padding:0 1rem}.homepage-section-container{padding:1.5rem 0}.homepage-banner-slider{height:280px}.homepage-banner-content h1{font-size:1.25rem}.homepage-banner-content h2{font-size:.85rem}.homepage-banner-content p{font-size:.75rem;margin-bottom:.75rem}.homepage-banner-badge{font-size:.6rem;margin-bottom:.5rem;padding:.25rem .5rem}.homepage-btn{font-size:.75rem;gap:.3rem;padding:.4rem .8rem}.homepage-slider-btn{font-size:.7rem;height:30px;width:30px}.homepage-prev{left:.5rem}.homepage-next{right:.5rem}.homepage-slider-dots{bottom:.5rem;gap:.5rem}.homepage-dot{height:8px;width:8px}.homepage-doctor-card,.homepage-feature-card,.homepage-service-card,.homepage-specialty-card,.homepage-testimonial-card{flex:0 0 82%;max-width:none;padding:1rem}.homepage-feature-card h3,.homepage-specialty-card h3{font-size:.95rem;margin-bottom:.5rem}.homepage-feature-card p,.homepage-specialty-card p{font-size:.8rem}.homepage-service-content h3{font-size:.85rem;min-height:auto}.homepage-service-description{font-size:.75rem}.homepage-service-btn{font-size:.7rem;padding:.3rem .6rem}.homepage-section-title{font-size:1.15rem;margin-bottom:1rem}.homepage-stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.homepage-stat-icon{font-size:1.8rem;margin-bottom:.5rem}.homepage-stat-number{font-size:1.6rem}.homepage-stat-label{font-size:.8rem}.homepage-doctor-image{height:200px}.homepage-intro-image img{height:180px}.homepage-intro-badge{padding:.6rem 1rem}.homepage-intro-badge h4{font-size:1.25rem}.homepage-intro-badge svg{font-size:1.5rem}.homepage-booking-form{padding:1rem}.homepage-form-header{font-size:1.1rem;margin-bottom:1rem}.homepage-form-group label{font-size:.8rem}.homepage-form-group input,.homepage-form-group select{font-size:.85rem;padding:.6rem .8rem}}.scroll-arrow{color:#047857;color:var(--homepage-primary-darker)}.scroll-arrow:hover{background:#10b981;background:var(--homepage-primary)}:root{--aboutpage-primary:#4caf50;--aboutpage-primary-dark:#2e7d32;--aboutpage-primary-light:#81c784;--aboutpage-bg-white:#fff;--aboutpage-bg-gray-50:#f1f8f4;--aboutpage-text-dark:#1f2937;--aboutpage-text-gray:#4b5563;--aboutpage-text-light:#9ca3af;--aboutpage-shadow:0 2px 5px #0000000d;--aboutpage-shadow-lg:0 10px 15px -3px #0000001a;--aboutpage-radius:0.75rem;--aboutpage-radius-xl:1rem;--aboutpage-transition:all 0.3s ease}.aboutpage-container{background:#fff;background:var(--aboutpage-bg-white);box-sizing:border-box;color:#1f2937;color:var(--aboutpage-text-dark);font-family:Inter,sans-serif;overflow-x:hidden;width:100%}*,:after,:before{box-sizing:inherit}.scroll-wrapper-container{max-width:100vw}.scroll-arrow{color:var(--aboutpage-primary-dark)}.scroll-arrow:hover{background:var(--aboutpage-primary)}.aboutpage-section-container{border-bottom:1px solid #e5e7eb;padding:4rem 0;width:100%}.bg-light{background-color:var(--aboutpage-bg-gray-50)}.aboutpage-section-content{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.aboutpage-section-title{margin-bottom:2.5rem;text-align:center}.aboutpage-section-title,.aboutpage-section-title-left{color:#2e7d32;color:var(--aboutpage-primary-dark);font-size:2rem;font-weight:800}.aboutpage-section-title-left{margin-bottom:1rem}.aboutpage-section-badge{background:#e8f5e9;border-radius:2rem;color:#2e7d32;color:var(--aboutpage-primary-dark);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.3rem .8rem;text-transform:uppercase}.aboutpage-section-desc{color:#4b5563;color:var(--aboutpage-text-gray);font-size:1.05rem;line-height:1.6}.aboutpage-hero{align-items:center;background-position:50%;background-size:cover;color:#fff;display:flex;height:100vh;justify-content:center;min-height:500px;position:relative;text-align:center;width:100%}.aboutpage-hero-overlay{background:linear-gradient(135deg,#4caf50d9,#2e7d32d9);inset:0;position:absolute}.aboutpage-hero-content{max-width:800px;padding:0 1.5rem;position:relative;z-index:2}.aboutpage-hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.aboutpage-hero-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.aboutpage-hero-subtitle{font-size:1.3rem;font-weight:500;margin-bottom:1rem;opacity:.9}.aboutpage-hero-description{font-size:1rem;line-height:1.5;opacity:.9}.aboutpage-stats-banner{background:#fff;background:var(--aboutpage-bg-white);border-top:1px solid #e5e7eb;padding:3rem 0}.aboutpage-stats-grid{align-items:center;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:space-around;overflow-x:auto;scroll-snap-type:x mandatory}.aboutpage-stat-item{flex:1 1;min-width:-webkit-max-content;min-width:max-content;padding:0 1.5rem;scroll-snap-align:center;text-align:center}.aboutpage-stat-item h4{color:#2e7d32;color:var(--aboutpage-primary-dark);font-size:3rem;font-weight:800;margin-bottom:.25rem}.aboutpage-stat-item p{color:#4b5563;color:var(--aboutpage-text-gray);font-size:1rem;font-weight:600;white-space:nowrap}.aboutpage-zigzag-row{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:5rem;width:100%}.aboutpage-zigzag-row.reverse .aboutpage-zigzag-image{order:2}.aboutpage-zigzag-row.reverse .aboutpage-zigzag-text{order:1}.aboutpage-zigzag-image{border-radius:1rem;border-radius:var(--aboutpage-radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--aboutpage-shadow-lg);overflow:hidden;position:relative;width:100%}.aboutpage-zigzag-image img{display:block;height:350px;object-fit:cover;width:100%}.aboutpage-zigzag-icon{align-items:center;background:#fff;border-radius:50%;bottom:-1rem;box-shadow:0 5px 15px #0000001a;color:#4caf50;color:var(--aboutpage-primary);display:flex;font-size:2rem;height:70px;justify-content:center;position:absolute;right:-1rem;width:70px}.aboutpage-zigzag-row.reverse .aboutpage-zigzag-icon{left:-1rem;right:auto}.aboutpage-gallery-container{grid-gap:2.5rem;background:#0000;box-shadow:none;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr;padding:0;width:100%}.aboutpage-gallery-main{border-radius:1rem;border-radius:var(--aboutpage-radius-xl);box-shadow:0 2px 5px #0000000d;box-shadow:var(--aboutpage-shadow);height:400px;overflow:hidden;position:relative;width:100%}.gallery-main-image{animation:galleryFadeIn .5s ease-in-out;height:100%;object-fit:cover;width:100%}@keyframes galleryFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.gallery-nav-btn{align-items:center;background:#ffffffd9;border:none;border-radius:50%;color:#2e7d32;color:var(--aboutpage-primary-dark);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.gallery-nav-btn:hover{background:#4caf50;background:var(--aboutpage-primary);color:#fff}.gallery-nav-btn.left{left:1rem}.gallery-nav-btn.right{right:1rem}.aboutpage-gallery-info{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.aboutpage-gallery-text{animation:galleryFadeIn .5s ease-in-out;padding-bottom:1rem}.gallery-year{border-bottom:4px solid #81c784;border-bottom:4px solid var(--aboutpage-primary-light);color:#2e7d32;color:var(--aboutpage-primary-dark);display:inline-block;font-size:2rem;font-weight:900;margin-bottom:1rem;padding-bottom:.2rem}.gallery-title{color:#1f2937;color:var(--aboutpage-text-dark);font-size:1.5rem;font-weight:800;margin-bottom:.8rem}.gallery-desc{color:#4b5563;color:var(--aboutpage-text-gray);font-size:1rem;line-height:1.6}.aboutpage-gallery-thumbnails-wrapper{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:1.5rem;width:100%}.aboutpage-gallery-thumbnails{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);width:100%}.gallery-thumb{border:2px solid #0000;border-radius:.5rem;cursor:pointer;height:90px;opacity:.5;overflow:hidden;position:relative;transition:all .3s ease}.gallery-thumb:hover{opacity:.8}.gallery-thumb.active{border-color:#4caf50;border-color:var(--aboutpage-primary);box-shadow:0 4px 8px #4caf504d;opacity:1;transform:translateY(-2px)}.gallery-thumb img{height:100%;object-fit:cover;width:100%}.gallery-thumb-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;position:absolute}.gallery-thumb.active .gallery-thumb-overlay{background:#4caf5033}.gallery-thumb-overlay span{color:#fff;font-size:1rem;font-weight:700;text-shadow:0 2px 4px #0009}.aboutpage-values-mini-row{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:center;overflow-x:auto;scroll-snap-type:x mandatory}.aboutpage-value-mini-card{flex:0 0 140px;padding:.5rem;scroll-snap-align:center;text-align:center}.aboutpage-value-mini-icon{align-items:center;background:#f1f8f4;background:var(--aboutpage-bg-gray-50);border-radius:50%;color:#2e7d32;color:var(--aboutpage-primary-dark);display:flex;font-size:1.3rem;height:45px;justify-content:center;margin:0 auto .5rem;width:45px}.aboutpage-value-mini-title{color:#2e7d32;color:var(--aboutpage-primary-dark);font-size:.95rem;font-weight:700;margin-bottom:.4rem}.aboutpage-value-mini-desc{color:#4b5563;color:var(--aboutpage-text-gray);font-size:.85rem;line-height:1.3}.aboutpage-horizontal-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;width:100%}.doctor-grid,.facility-grid,.leader-grid{grid-template-columns:repeat(3,1fr)}.achievement-grid{grid-template-columns:repeat(4,1fr)}.aboutpage-mini-card{background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;border-radius:var(--aboutpage-radius);box-shadow:0 2px 5px #0000000d;box-shadow:var(--aboutpage-shadow);display:flex;flex-direction:column;overflow:hidden}.aboutpage-mini-img-wrapper{height:280px;overflow:hidden}.aboutpage-mini-img-wrapper.achievement,.aboutpage-mini-img-wrapper.facility{height:160px}.aboutpage-mini-img-wrapper img{height:100%;object-fit:cover;object-position:center top;transition:transform .3s;width:100%}.aboutpage-mini-info{display:flex;flex-direction:column;justify-content:center;padding:1rem}.aboutpage-mini-info.center{text-align:center}.aboutpage-mini-name{color:#2e7d32;color:var(--aboutpage-primary-dark);font-size:1.05rem;font-weight:700;margin-bottom:.25rem}.aboutpage-mini-position,.aboutpage-mini-specialty,.aboutpage-mini-year{color:#4b5563;color:var(--aboutpage-text-gray);font-size:.9rem;margin-bottom:.25rem}.aboutpage-mini-position{color:#4caf50;color:var(--aboutpage-primary);font-weight:600}.aboutpage-mini-specialty svg{color:#4caf50;color:var(--aboutpage-primary);margin-right:.25rem}.aboutpage-mini-icon-large{color:#fbbf24;font-size:2.5rem;padding:1.5rem 0 0;text-align:center}.aboutpage-section-footer{margin-top:2.5rem;text-align:center}.aboutpage-btn-outline{align-items:center;border:1px solid #4caf50;border:1px solid var(--aboutpage-primary);border-radius:2rem;color:#4caf50;color:var(--aboutpage-primary);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease;transition:var(--aboutpage-transition)}.aboutpage-btn-outline:hover{background:#4caf50;background:var(--aboutpage-primary);color:#fff}.aboutpage-cta-section{background:linear-gradient(135deg,#4caf50,#2e7d32);background:linear-gradient(135deg,var(--aboutpage-primary),var(--aboutpage-primary-dark));color:#fff;padding:4rem 0;text-align:center}.aboutpage-cta-title{font-size:2.2rem;font-weight:800;margin-bottom:1rem}.aboutpage-cta-text{font-size:1.1rem;margin-bottom:1.5rem;opacity:.9}.aboutpage-cta-buttons{display:flex;gap:1rem;justify-content:center}.aboutpage-btn-primary{align-items:center;background:#fff;border-radius:2rem;color:#2e7d32;color:var(--aboutpage-primary-dark);display:inline-flex;gap:.5rem}.aboutpage-btn-primary,.aboutpage-btn-secondary{font-size:.95rem;font-weight:600;padding:.7rem 1.5rem;text-decoration:none}.aboutpage-btn-secondary{background:#0000;border:1px solid #ffffff80;border-radius:2rem;color:#fff}@media (max-width:1024px){.aboutpage-zigzag-row{gap:2rem}.aboutpage-hero-title{font-size:2.5rem}.aboutpage-gallery-container{gap:1.5rem;padding:1.5rem}.aboutpage-gallery-main{height:350px}}@media (max-width:768px){.aboutpage-section-container{overflow:hidden;padding:2.5rem 0;width:100%}.aboutpage-section-content{padding:0 1rem}.aboutpage-hero{height:auto;min-height:350px;padding:4rem 0}.aboutpage-hero-title{font-size:1.8rem;line-height:1.2;margin-bottom:.5rem}.aboutpage-hero-subtitle{font-size:1.1rem;margin-bottom:.5rem}.aboutpage-hero-description{font-size:.9rem;padding:0 1rem}.aboutpage-section-title,.aboutpage-section-title-left{font-size:1.5rem;margin-bottom:1.5rem}.aboutpage-stats-banner{padding:2rem 0}.aboutpage-stats-grid{gap:.5rem}.aboutpage-stat-item{flex:1 1;padding:0 .5rem}.aboutpage-stat-item h4{font-size:1.8rem}.aboutpage-stat-item p{font-size:.8rem}.aboutpage-zigzag-row,.aboutpage-zigzag-row.reverse{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.aboutpage-zigzag-image img{border-radius:.5rem;height:200px}.aboutpage-zigzag-icon{bottom:-.5rem;font-size:1.5rem;height:50px;right:-.5rem;width:50px}.aboutpage-section-desc{font-size:.9rem;line-height:1.5}.aboutpage-gallery-container{gap:1rem;grid-template-columns:1fr;padding:1rem;width:100%}.aboutpage-gallery-main{height:220px;width:100%}.gallery-year{font-size:1.3rem;margin-bottom:.5rem}.gallery-title{font-size:1.1rem;margin-bottom:.5rem}.gallery-desc{font-size:.85rem}.aboutpage-gallery-thumbnails-wrapper{padding-top:1rem}.aboutpage-gallery-thumbnails{gap:.5rem}.gallery-thumb{height:70px}.gallery-thumb-overlay span{font-size:.85rem}.aboutpage-value-mini-card{flex:0 0 100px;padding:.25rem}.aboutpage-value-mini-icon{font-size:1rem;height:35px;margin-bottom:.25rem;width:35px}.aboutpage-value-mini-title{font-size:.8rem}.aboutpage-value-mini-desc{display:none}.aboutpage-horizontal-grid{display:flex;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;width:100%}.aboutpage-mini-card{border-radius:.5rem;flex:0 0 45%;scroll-snap-align:center}.aboutpage-mini-img-wrapper{height:160px}.aboutpage-mini-card{flex:0 0 42%}.aboutpage-mini-img-wrapper.achievement,.aboutpage-mini-img-wrapper.facility{height:90px}.aboutpage-mini-info{padding:.5rem}.aboutpage-mini-name{font-size:.8rem;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aboutpage-mini-position,.aboutpage-mini-specialty,.aboutpage-mini-year{font-size:.7rem;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aboutpage-mini-icon-large{font-size:1.8rem;padding:.8rem 0 0}.aboutpage-cta-title{font-size:1.5rem}.aboutpage-cta-text{font-size:.9rem}.aboutpage-cta-buttons{flex-direction:column;gap:.5rem}.aboutpage-btn-primary,.aboutpage-btn-secondary{font-size:.9rem;justify-content:center;width:100%}}@media (max-width:480px){.aboutpage-mini-card{flex:0 0 31vw}.aboutpage-gallery-main{height:180px}.gallery-thumb{height:60px}.aboutpage-mini-img-wrapper{height:140px}.aboutpage-mini-card{flex:0 0 35vw}.aboutpage-mini-img-wrapper.achievement,.aboutpage-mini-img-wrapper.facility{height:70px}.aboutpage-mini-name{font-size:.75rem}.aboutpage-mini-position,.aboutpage-mini-specialty,.aboutpage-mini-year{font-size:.65rem}.aboutpage-stat-item h4{font-size:1.4rem}}:root{--contact-page-brand:#2d9b6f;--contact-page-brand-dark:#1e7a55;--contact-page-brand-light:#4db88a;--contact-page-bg:#eef7f2;--contact-page-bg-alt:#f4faf6;--contact-page-surface:#fff;--contact-page-surface-raised:#fffffff5;--contact-page-accent:#fbbf24;--contact-page-accent-light:#fef3c7;--contact-page-accent-hover:#f59e0b;--contact-page-mint:#a7e6c5;--contact-page-mint-soft:#d1f0e2;--contact-page-mint-pale:#e8f8f0;--contact-page-text-primary:#1a2e24;--contact-page-text-secondary:#4b6358;--contact-page-text-muted:#7d9b8a;--contact-page-text-hint:#b0c8bc;--contact-page-success-bg:#d1fae5;--contact-page-success-text:#065f46;--contact-page-success-border:#6ee7b7;--contact-page-error-bg:#fee2e2;--contact-page-error-text:#991b1b;--contact-page-error-border:#fca5a5;--contact-page-border:#2d9b6f24;--contact-page-border-soft:#2d9b6f14;--contact-page-border-input:#d1e8dc;--contact-page-shadow-xs:0 1px 4px #1e7a550f;--contact-page-shadow-sm:0 2px 10px #1e7a5517;--contact-page-shadow-md:0 6px 24px #1e7a551f;--contact-page-shadow-lg:0 16px 48px #1e7a5529;--contact-page-shadow-focus:0 0 0 3px #2d9b6f2e;--contact-page-radius-xs:6px;--contact-page-radius-sm:10px;--contact-page-radius-md:16px;--contact-page-radius-lg:22px;--contact-page-radius-xl:32px;--contact-page-radius-pill:50px;--contact-page-font-head:"Nunito",system-ui,sans-serif;--contact-page-font-body:"Inter",system-ui,sans-serif;--contact-page-ease:0.28s cubic-bezier(0.34,1.46,0.64,1);--contact-page-ease-fast:0.18s ease;--contact-page-ease-slow:0.48s cubic-bezier(0.22,1,0.36,1)}html{scroll-behavior:smooth}.contact-page-root{animation:contact-page-fade-in .5s ease both;background:#eef7f2;background:var(--contact-page-bg);color:#1a2e24;color:var(--contact-page-text-primary);font-family:Inter,system-ui,sans-serif;font-family:var(--contact-page-font-body);font-size:14px;line-height:1.6;min-height:100vh;scroll-snap-type:y mandatory}@keyframes contact-page-fade-in{0%{opacity:0}to{opacity:1}}.contact-page-container{margin:0 auto;max-width:1100px;padding:0 22px}.contact-page-glass-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#fffffff5;background:var(--contact-page-surface-raised);border:1px solid #fffc;border-radius:16px;border-radius:var(--contact-page-radius-md);box-shadow:0 6px 24px #1e7a551f;box-shadow:var(--contact-page-shadow-md);transition:box-shadow .18s ease,transform .18s ease;transition:box-shadow var(--contact-page-ease-fast),transform var(--contact-page-ease-fast)}.contact-page-glass-card:hover{box-shadow:0 16px 48px #1e7a5529;box-shadow:var(--contact-page-shadow-lg)}.contact-page-loading{align-items:center;color:#2d9b6f;color:var(--contact-page-brand);display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;font-family:var(--contact-page-font-body);font-size:.88rem;gap:14px;height:60vh;justify-content:center}.contact-page-loading-spinner{animation:contact-page-spin .7s linear infinite;border:2.5px solid #a7e6c5;border-top-color:#2d9b6f;border:2.5px solid var(--contact-page-mint);border-radius:50%;border-top-color:var(--contact-page-brand);height:36px;width:36px}@keyframes contact-page-spin{to{transform:rotate(1turn)}}.contact-page-skeleton{animation:contact-page-shimmer 1.5s ease infinite;background:linear-gradient(90deg,#e8f8f0 25%,#d1f0e2 50%,#e8f8f0 75%);background:linear-gradient(90deg,var(--contact-page-mint-pale) 25%,var(--contact-page-mint-soft) 50%,var(--contact-page-mint-pale) 75%);background-size:400% 100%;border-radius:10px;border-radius:var(--contact-page-radius-sm)}@keyframes contact-page-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.contact-page-hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;scroll-snap-align:start;scroll-snap-stop:always;text-align:center}.contact-page-hero:before{background:radial-gradient(ellipse 70% 55% at 18% 38%,#5ac39147 0,#0000 60%),radial-gradient(ellipse 55% 70% at 82% 72%,#1e7a5552 0,#0000 55%),linear-gradient(150deg,#0e5c38,#1e7a55 38%,#2d9b6f 68%,#3eb882);content:"";inset:0;position:absolute;z-index:0}.contact-page-hero:after{background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:28px 28px;content:"";inset:0;position:absolute;z-index:1}.contact-page-hero-orb{animation:contact-page-float 9s ease-in-out infinite;border-radius:50%;filter:blur(55px);opacity:.16;position:absolute;z-index:1}.contact-page-hero-orb-1{animation-delay:0s;background:radial-gradient(circle,#a7e6c5,#0000);height:340px;left:-60px;top:-80px;width:340px}.contact-page-hero-orb-2{animation-delay:-3.2s;background:radial-gradient(circle,#fbbf24,#0000);bottom:-50px;height:260px;right:-50px;width:260px}.contact-page-hero-orb-3{animation-delay:-5.5s;background:radial-gradient(circle,#d1f0e2,#0000);height:160px;left:58%;top:42%;width:160px}@keyframes contact-page-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.07)}}.contact-page-hero-bg{background-position:50%;background-size:cover;filter:brightness(.22) saturate(.7);inset:0;position:absolute;z-index:0}.contact-page-hero-overlay{background:linear-gradient(150deg,#0a3e24a6,#2d9b6f6b);inset:0;position:absolute;z-index:2}.contact-page-hero-content{animation:contact-page-hero-reveal .85s cubic-bezier(.22,1,.36,1) .48s both;animation:contact-page-hero-reveal .85s var(--contact-page-ease-slow) both;color:#fff;max-width:620px;padding:80px 22px 64px;position:relative;z-index:3}@keyframes contact-page-hero-reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.contact-page-hero-badge{align-items:center;animation:contact-page-badge-in .48s .85s cubic-bezier(.22,1,.36,1) .18s both;animation:contact-page-badge-in .85s .18s var(--contact-page-ease-slow) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff21;border:1px solid #ffffff47;border-radius:50px;border-radius:var(--contact-page-radius-pill);color:#ccf2df;display:inline-flex;font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.6px;margin-bottom:20px;padding:7px 18px;text-transform:uppercase}@keyframes contact-page-badge-in{0%{opacity:0;transform:translateY(10px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-page-hero-content h1{font-family:Nunito,system-ui,sans-serif;font-family:var(--contact-page-font-head);font-size:clamp(1.9rem,4.5vw,2.9rem);font-weight:800;line-height:1.18;margin-bottom:14px;text-shadow:0 2px 18px #0000002e}.contact-page-hero-content p{font-size:.97rem;font-weight:300;line-height:1.75;margin-bottom:30px;opacity:.86}.contact-page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.contact-page-hero-btn-primary{align-items:center;background:#fff;background:var(--contact-page-surface);border:none;border-radius:50px;border-radius:var(--contact-page-radius-pill);box-shadow:0 5px 22px #0003;color:#1e7a55;color:var(--contact-page-brand-dark);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-family:var(--contact-page-font-body);font-size:.88rem;font-weight:700;gap:8px;padding:12px 28px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;transition:transform var(--contact-page-ease-fast),box-shadow var(--contact-page-ease-fast),background var(--contact-page-ease-fast)}.contact-page-hero-btn-primary:hover{background:#f4faf6;box-shadow:0 12px 32px #00000042;transform:translateY(-3px) scale(1.02)}.contact-page-hero-btn-primary:active{transform:translateY(-1px)}.contact-page-hero-btn-secondary{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1c;border:1.5px solid #ffffff6b;border-radius:50px;border-radius:var(--contact-page-radius-pill);color:#fff;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-family:var(--contact-page-font-body);font-size:.88rem;font-weight:600;gap:8px;padding:12px 28px;text-decoration:none;transition:background .18s ease,transform .18s ease;transition:background var(--contact-page-ease-fast),transform var(--contact-page-ease-fast)}.contact-page-hero-btn-secondary:hover{background:#fff3;transform:translateY(-3px)}.contact-page-hero-scroll{align-items:center;bottom:22px;color:#ffffff80;display:flex;flex-direction:column;font-size:.68rem;font-weight:500;gap:5px;left:50%;letter-spacing:1px;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:4}.contact-page-hero-scroll-dot{border:1.5px solid #ffffff61;border-radius:10px;display:flex;height:32px;justify-content:center;padding-top:5px;width:20px}.contact-page-hero-slide{background-position:50%;background-size:cover;inset:0;opacity:0;position:absolute;transition:opacity 1s ease;z-index:0}.contact-page-hero-slide.active{opacity:1}.contact-page-hero-dots{bottom:24px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.contact-page-hero-dot{background:#0000;border:2px solid #fff9;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s;width:10px}.contact-page-hero-dot.active{background:#fff;border-color:#fff;transform:scale(1.25)}.contact-page-hero-btn-nearby{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #ffffff80;border-radius:50px;border-radius:var(--contact-page-radius-pill);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;padding:13px 26px;text-decoration:none;transition:all .25s;white-space:nowrap}.contact-page-hero-btn-nearby:hover{background:#ffffff47;border-color:#fff;transform:translateY(-2px)}.contact-page-nearby-section{background:#f4faf6;background:var(--contact-page-bg-alt);padding:64px 0;scroll-snap-align:start;scroll-snap-stop:always}.contact-page-nearby-cta{align-items:center;border-left:5px solid #2d9b6f;border-left:5px solid var(--contact-page-brand);display:flex;gap:24px;padding:32px 36px}.contact-page-nearby-cta-icon{align-items:center;background:linear-gradient(135deg,#2d9b6f,#1e7a55);background:linear-gradient(135deg,var(--contact-page-brand),var(--contact-page-brand-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.6rem;height:64px;justify-content:center;width:64px}.contact-page-nearby-cta-text{flex:1 1}.contact-page-nearby-cta-text h3{color:#1a2e24;color:var(--contact-page-text-primary);font-size:1.15rem;font-weight:800;margin-bottom:6px}.contact-page-nearby-cta-text p{color:#4b6358;color:var(--contact-page-text-secondary);font-size:.88rem;line-height:1.6}.contact-page-nearby-btn{align-items:center;background:linear-gradient(135deg,#2d9b6f,#1e7a55);background:linear-gradient(135deg,var(--contact-page-brand),var(--contact-page-brand-dark));border:none;border-radius:50px;border-radius:var(--contact-page-radius-pill);box-shadow:0 4px 16px #2d9b6f4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:13px 24px;transition:all .25s;white-space:nowrap}.contact-page-nearby-btn:hover{box-shadow:0 8px 24px #2d9b6f66;transform:translateY(-2px)}.contact-page-nearby-empty,.contact-page-nearby-error,.contact-page-nearby-loading{align-items:center;color:#4b6358;color:var(--contact-page-text-secondary);display:flex;flex-direction:column;gap:14px;justify-content:center;padding:48px 32px;text-align:center}.contact-page-nearby-error{color:#dc2626}.contact-page-nearby-error svg{font-size:2rem}.contact-page-nearby-results-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.contact-page-nearby-count{display:flex;font-size:.95rem;font-weight:700;gap:8px}.contact-page-nearby-count,.contact-page-nearby-refresh{align-items:center;color:#2d9b6f;color:var(--contact-page-brand)}.contact-page-nearby-refresh{background:none;border:2px solid #2d9b6f;border:2px solid var(--contact-page-brand);border-radius:10px;border-radius:var(--contact-page-radius-sm);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s}.contact-page-nearby-refresh:hover{background:#2d9b6f;background:var(--contact-page-brand);color:#fff}.contact-page-nearby-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contact-page-nearby-card{border:2px solid #0000;cursor:pointer;padding:22px;transition:all .25s}.contact-page-nearby-card:hover{border-color:#a7e6c5;border-color:var(--contact-page-mint);transform:translateY(-3px)}.contact-page-nearby-card.selected{border-color:#2d9b6f;border-color:var(--contact-page-brand)}.contact-page-nearby-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.contact-page-nearby-type{align-items:center;border-radius:50px;border-radius:var(--contact-page-radius-pill);display:inline-flex;font-size:.75rem;font-weight:700;gap:5px;padding:4px 10px}.contact-page-nearby-type.hospital{background:#dbeafe;color:#1d4ed8}.contact-page-nearby-type.clinic{background:#d1fae5;color:#065f46}.contact-page-nearby-dist{align-items:center;color:#2d9b6f;color:var(--contact-page-brand);display:flex;font-size:.8rem;font-weight:700;gap:4px}.contact-page-nearby-name{color:#1a2e24;color:var(--contact-page-text-primary);font-size:1rem;font-weight:800;line-height:1.4;margin-bottom:6px}.contact-page-nearby-address{align-items:flex-start;color:#4b6358;color:var(--contact-page-text-secondary);display:flex;font-size:.82rem;gap:5px;line-height:1.5;margin-bottom:8px}.contact-page-nearby-phone{align-items:center;color:#2d9b6f;color:var(--contact-page-brand);display:inline-flex;font-size:.88rem;font-weight:700;gap:6px;margin-bottom:6px;text-decoration:none}.contact-page-nearby-phone:hover{text-decoration:underline}.contact-page-nearby-emergency{align-items:center;background:#fee2e2;border-radius:50px;border-radius:var(--contact-page-radius-pill);color:#dc2626;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;margin-bottom:12px;padding:4px 10px}.contact-page-nearby-actions{display:flex;gap:8px;margin-top:12px}.contact-page-nearby-directions{align-items:center;background:#2d9b6f;background:var(--contact-page-brand);border:none;border-radius:10px;border-radius:var(--contact-page-radius-sm);color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.85rem;font-weight:700;gap:6px;justify-content:center;padding:9px 14px;transition:all .2s}.contact-page-nearby-directions:hover{opacity:.85}.contact-page-nearby-website{align-items:center;border:2px solid #2d9b6f;border:2px solid var(--contact-page-brand);border-radius:10px;border-radius:var(--contact-page-radius-sm);color:#2d9b6f;color:var(--contact-page-brand);display:inline-flex;font-size:.82rem;font-weight:700;gap:6px;padding:7px 12px;text-decoration:none;transition:all .2s}.contact-page-nearby-website:hover{background:#2d9b6f;background:var(--contact-page-brand);color:#fff}@media (max-width:640px){.contact-page-nearby-cta{flex-direction:column;text-align:center}.contact-page-nearby-grid{grid-template-columns:1fr}.contact-page-hero-actions{align-items:center;flex-direction:column}}.contact-page-hero-scroll-dot:before{animation:contact-page-scroll-dot 2s ease-in-out infinite;background:#ffffffa6;border-radius:2px;content:"";height:7px;width:3px}@keyframes contact-page-scroll-dot{0%,to{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(9px)}}.contact-page-section-header{margin-bottom:40px;position:relative;text-align:center}.contact-page-section-header:after{background:linear-gradient(90deg,#2d9b6f,#fbbf24);background:linear-gradient(90deg,var(--contact-page-brand),var(--contact-page-accent));border-radius:2px;content:"";display:block;height:2.5px;margin:10px auto 0;width:44px}.contact-page-section-header h2{align-items:center;color:#1a2e24;color:var(--contact-page-text-primary);display:flex;font-family:Nunito,system-ui,sans-serif;font-family:var(--contact-page-font-head);font-size:clamp(1.45rem,2.5vw,1.9rem);font-weight:800;gap:10px;justify-content:center}.contact-page-section-header h2 svg{color:#2d9b6f;color:var(--contact-page-brand)}.contact-page-section-header p{color:#7d9b8a;color:var(--contact-page-text-muted);font-size:.88rem;font-weight:400;margin-top:8px}.contact-page-info-section{background:#fff;background:var(--contact-page-surface);padding:52px 0;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.contact-page-info-section:before{background:linear-gradient(90deg,#1e7a55,#4db88a,#fbbf24);background:linear-gradient(90deg,var(--contact-page-brand-dark),var(--contact-page-brand-light),var(--contact-page-accent));content:"";height:3px;left:0;position:absolute;right:0;top:0}.contact-page-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.contact-page-info-card{background:#fffffff5;background:var(--contact-page-surface-raised);border-radius:16px;border-radius:var(--contact-page-radius-md);border-top:2.5px solid #2d9b6f;border-top:2.5px solid var(--card-accent,var(--contact-page-brand));box-shadow:0 2px 10px #1e7a5517;box-shadow:var(--contact-page-shadow-sm);cursor:default;overflow:hidden;padding:26px 18px 20px;position:relative;text-align:center;transition:transform .28s cubic-bezier(.34,1.46,.64,1),box-shadow .28s ease;transition:transform var(--contact-page-ease),box-shadow .28s ease}.contact-page-info-card:before{background:linear-gradient(160deg,#0000 60%,#2d9b6f0a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .28s}.contact-page-info-card:hover{box-shadow:0 16px 44px #1e7a5524;transform:translateY(-6px)}.contact-page-info-card:hover:before{opacity:1}.contact-page-info-icon{align-items:center;border-radius:14px;box-shadow:0 6px 18px #00000021;color:#fff;display:flex;font-size:1.2rem;height:52px;justify-content:center;margin:0 auto 14px;position:relative;width:52px}.contact-page-info-icon:after{border:1.5px solid;border-radius:18px;content:"";inset:-5px;opacity:.14;position:absolute}.contact-page-info-card h3{color:#1a2e24;color:var(--contact-page-text-primary);font-family:Nunito,system-ui,sans-serif;font-family:var(--contact-page-font-head);font-size:.95rem;font-weight:700;margin-bottom:10px}.contact-page-info-details p{color:#7d9b8a;color:var(--contact-page-text-muted);font-size:.82rem;line-height:1.55;margin:4px 0}.contact-page-ratings-section{background:linear-gradient(135deg,#e8f8f0,#f4faf6 50%,#e8f8f0);padding:40px 0}.contact-page-ratings-wrapper{align-items:center;background:#fff;background:var(--contact-page-surface);border:1px solid #2d9b6f24;border:1px solid var(--contact-page-border);border-radius:16px;border-radius:var(--contact-page-radius-md);box-shadow:0 2px 10px #1e7a5517;box-shadow:var(--contact-page-shadow-sm);display:flex;flex-wrap:wrap;gap:40px;overflow:hidden;padding:32px 40px;position:relative}.contact-page-ratings-wrapper:before{background:linear-gradient(180deg,#2d9b6f,#fbbf24);background:linear-gradient(180deg,var(--contact-page-brand),var(--contact-page-accent));bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.contact-page-ratings-left{min-width:90px;text-align:center}.contact-page-ratings-score{color:#fbbf24;color:var(--contact-page-accent);font-family:Nunito,system-ui,sans-serif;font-family:var(--contact-page-font-head);font-size:3.6rem;font-weight:800;line-height:1}.contact-page-ratings-stars{display:flex;font-size:.95rem;gap:3px;justify-content:center;margin:8px 0 5px}.contact-page-star-filled{color:#fbbf24;color:var(--contact-page-accent)}.contact-page-star-empty{color:#d1d5db}.contact-page-ratings-left p{color:#7d9b8a;color:var(--contact-page-text-muted);font-size:.76rem;font-weight:500}.contact-page-ratings-right{display:flex;flex:1 1;flex-direction:column;gap:11px;min-width:200px}.contact-page-rating-bar{align-items:center;display:flex;gap:12px}.contact-page-rating-label{color:#4b6358;color:var(--contact-page-text-secondary);font-size:.8rem;font-weight:500;min-width:130px}.contact-page-rating-track{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.contact-page-rating-fill{background:linear-gradient(90deg,#2d9b6f,#fbbf24);background:linear-gradient(90deg,var(--contact-page-brand),var(--contact-page-accent));border-radius:3px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.contact-page-rating-val{color:#1a2e24;color:var(--contact-page-text-primary);font-size:.8rem;font-weight:700;min-width:24px}.contact-page-branches-section{background:#fff;background:var(--contact-page-surface);padding:56px 0}.contact-page-branches-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:270px 1fr}.contact-page-branches-list{display:flex;flex-direction:column;gap:11px;max-height:460px;overflow-y:auto;padding-right:4px;scrollbar-color:#a7e6c5 #0000;scrollbar-color:var(--contact-page-mint) #0000;scrollbar-width:thin}.contact-page-branches-list::-webkit-scrollbar{width:3px}.contact-page-branches-list::-webkit-scrollbar-thumb{background:#a7e6c5;background:var(--contact-page-mint);border-radius:2px}.contact-page-branch-card{background:#fffffff5;background:var(--contact-page-surface-raised);border:1.5px solid #0000;border-radius:10px;border-radius:var(--contact-page-radius-sm);box-shadow:0 1px 4px #1e7a550f;box-shadow:var(--contact-page-shadow-xs);cursor:pointer;overflow:hidden;padding:16px 18px;position:relative;transition:all .25s ease}.contact-page-branch-card:before{background:#2d9b6f;background:var(--contact-page-brand);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .28s ease;width:2.5px}.contact-page-branch-card-active:before,.contact-page-branch-card:hover:before{transform:scaleY(1)}.contact-page-branch-card-active{background:linear-gradient(135deg,#2d9b6f0d,#2d9b6f03);border-color:#2d9b6f24;border-color:var(--contact-page-border)}.contact-page-branch-card:hover{border-color:#a7e6c5;border-color:var(--contact-page-mint);box-shadow:0 2px 10px #1e7a5517;box-shadow:var(--contact-page-shadow-sm);transform:translateX(2px)}.contact-page-branch-badge{background:linear-gradient(135deg,#1e7a55,#2d9b6f);background:linear-gradient(135deg,var(--contact-page-brand-dark),var(--contact-page-brand));border-radius:20px;color:#fff;display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.7px;margin-bottom:8px;padding:2px 10px;text-transform:uppercase}.contact-page-branch-card h4{align-items:center;color:#1a2e24;color:var(--contact-page-text-primary);display:flex;font-family:Nunito,system-ui,sans-serif;font-family:var(--contact-page-font-head);font-size:.88rem;font-weight:700;gap:6px;margin-bottom:8px}.contact-page-branch-card h4 svg{color:#2d9b6f;color:var(--contact-page-brand)}.contact-page-branch-card p{align-items:flex-start;color:#7d9b8a;color:var(--contact-page-text-muted);display:flex;font-size:.76rem;gap:6px;line-height:1.45;margin:4px 0}.contact-page-branch-card p svg{color:#a7e6c5;color:var(--contact-page-mint);flex-shrink:0;margin-top:2px}.contact-page-map-container{background:#fff;background:var(--contact-page-surface);border-radius:16px;border-radius:var(--contact-page-radius-md);box-shadow:0 6px 24px #1e7a551f;box-shadow:var(--contact-page-shadow-md);display:flex;flex-direction:column;min-height:380px;overflow:hidden}.contact-page-map-container iframe{border:none;flex:1 1}.contact-page-map-placeholder{align-items:center;background:#e8f8f0;background:var(--contact-page-mint-pale);color:#a7e6c5;color:var(--contact-page-mint);display:flex;flex:1 1;flex-direction:column;font-size:2rem;gap:12px;justify-content:center}.contact-page-map-placeholder p{color:#7d9b8a;color:var(--contact-page-text-muted);font-size:.88rem}.contact-page-directions{border-top:1px solid #2d9b6f24;border-top:1px solid var(--contact-page-border);padding:16px 20px}.contact-page-directions h4{align-items:center;color:#1a2e24;color:var(--contact-page-text-primary);display:flex;font-size:.88rem;font-weight:700;gap:7px;margin-bottom:10px}.contact-page-directions h4 svg{color:#2d9b6f;color:var(--contact-page-brand)}.contact-page-directions ul{list-style:none;padding:0}.contact-page-directions li{color:#7d9b8a;color:var(--contact-page-text-muted);font-size:.8rem;padding:4px 0 4px 12px;position:relative}.contact-page-directions li:before{color:#2d9b6f;color:var(--contact-page-brand);content:"›";font-weight:700;left:0;position:absolute}.contact-page-map-single-section{background:#eef7f2;background:var(--contact-page-bg);padding:0 0 48px}.contact-page-map-single{border-radius:16px;border-radius:var(--contact-page-radius-md);box-shadow:0 6px 24px #1e7a551f;box-shadow:var(--contact-page-shadow-md);overflow:hidden}.contact-page-contact-section{background:linear-gradient(155deg,#e8f8f0,#f4faf6 45%,#e8f8f0);padding:56px 0;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.contact-page-contact-section:before{background-image:radial-gradient(circle at 1px 1px,rgba(45,155,111,.045) 1px,#0000 0);background-size:24px 24px;content:"";inset:0;pointer-events:none;position:absolute}.contact-page-contact-grid{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:1fr 320px;position:relative;z-index:1}.contact-page-form-wrapper{border-top:2.5px solid #2d9b6f;border-top:2.5px solid var(--contact-page-brand);box-shadow:0 6px 24px #1e7a551f;box-shadow:var(--contact-page-shadow-md);padding:36px 32px}.contact-page-form-header{align-items:center;display:flex;gap:14px;margin-bottom:26px}.contact-page-form-icon{background:linear-gradient(135deg,#2d9b6f1a,#2d9b6f0d);border-radius:12px;box-shadow:0 3px 12px #2d9b6f1a;color:#2d9b6f;color:var(--contact-page-brand);flex-shrink:0;font-size:1.5rem;padding:11px}.contact-page-form-header h2{color:#1a2e24;color:var(--contact-page-text-primary);font-family:Nunito,system-ui,sans-serif;font-family:var(--contact-page-font-head);font-size:1.3rem;font-weight:800;margin-bottom:3px}.contact-page-form-header p{color:#7d9b8a;color:var(--contact-page-text-muted);font-size:.8rem}.contact-page-form-alert{animation:contact-page-alert-in .32s ease both;border-radius:10px;border-radius:var(--contact-page-radius-sm);font-size:.85rem;font-weight:500;line-height:1.55;margin-bottom:18px;padding:12px 15px}@keyframes contact-page-alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.contact-page-form-alert-success{background:#d1fae5;background:var(--contact-page-success-bg);border:1px solid #6ee7b7;border:1px solid var(--contact-page-success-border);color:#065f46;color:var(--contact-page-success-text)}.contact-page-form-alert-error{background:#fee2e2;background:var(--contact-page-error-bg);border:1px solid #fca5a5;border:1px solid var(--contact-page-error-border);color:#991b1b;color:var(--contact-page-error-text)}.contact-page-form{display:flex;flex-direction:column;gap:16px}.contact-page-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.contact-page-form-group{display:flex;flex-direction:column;gap:6px}.contact-page-form-group label{color:#4b6358;color:var(--contact-page-text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.25px}.contact-page-required{color:#ef4444}.contact-page-input-wrap{position:relative}.contact-page-input-icon{color:#b0c8bc;color:var(--contact-page-text-hint);font-size:.8rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.contact-page-input-wrap:focus-within .contact-page-input-icon{color:#2d9b6f;color:var(--contact-page-brand)}.contact-page-input-wrap input,.contact-page-input-wrap select{background:#fff;background:var(--contact-page-surface);border:1.5px solid #d1e8dc;border:1.5px solid var(--contact-page-border-input);border-radius:10px;border-radius:var(--contact-page-radius-sm);box-sizing:border-box;color:#1a2e24;color:var(--contact-page-text-primary);font-family:Inter,system-ui,sans-serif;font-family:var(--contact-page-font-body);font-size:.85rem;padding:10px 12px 10px 36px;transition:border-color .22s,box-shadow .22s,background .22s;width:100%}.contact-page-input-wrap input:focus,.contact-page-input-wrap select:focus{background:#f0faf5;border-color:#2d9b6f;border-color:var(--contact-page-brand);box-shadow:0 0 0 3px #2d9b6f2e;box-shadow:var(--contact-page-shadow-focus);outline:none}.contact-page-input-wrap input::placeholder{color:#b0c8bc;color:var(--contact-page-text-hint);font-size:.82rem}.contact-page-form-group textarea{border:1.5px solid #d1e8dc;border:1.5px solid var(--contact-page-border-input);border-radius:10px;border-radius:var(--contact-page-radius-sm);box-sizing:border-box;color:#1a2e24;color:var(--contact-page-text-primary);font-family:Inter,system-ui,sans-serif;font-family:var(--contact-page-font-body);font-size:.85rem;min-height:110px;padding:11px 13px;resize:vertical;transition:border-color .22s,box-shadow .22s,background .22s;width:100%}.contact-page-form-group textarea:focus{background:#f0faf5;border-color:#2d9b6f;border-color:var(--contact-page-brand);box-shadow:0 0 0 3px #2d9b6f2e;box-shadow:var(--contact-page-shadow-focus);outline:none}.contact-page-form-group textarea::placeholder{color:#b0c8bc;color:var(--contact-page-text-hint);font-size:.82rem}.contact-page-submit-btn{align-items:center;background:linear-gradient(135deg,#4db88a,#1e7a55);background:linear-gradient(135deg,var(--contact-page-brand-light) 0,var(--contact-page-brand-dark) 100%);border:none;border-radius:10px;border-radius:var(--contact-page-radius-sm);box-shadow:0 5px 18px #2d9b6f47;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,system-ui,sans-serif;font-family:var(--contact-page-font-body);font-size:.9rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.25px;margin-top:4px;overflow:hidden;padding:12px 30px;position:relative;transition:transform .28s ease,box-shadow .28s ease,filter .22s}.contact-page-submit-btn:before{background:linear-gradient(135deg,#ffffff24,#0000 60%);content:"";inset:0;position:absolute}.contact-page-submit-btn:hover:not(:disabled){box-shadow:0 10px 28px #2d9b6f61;filter:brightness(1.06);transform:translateY(-2px)}.contact-page-submit-btn:active:not(:disabled){transform:translateY(0)}.contact-page-submit-btn:disabled{cursor:not-allowed;opacity:.58}.contact-page-spin{animation:contact-page-spin .8s linear infinite}.contact-page-side-col{display:flex;flex-direction:column;gap:16px}.contact-page-dept-wrapper{border-top:2.5px solid #fbbf24;border-top:2.5px solid var(--contact-page-accent);box-shadow:0 2px 10px #1e7a5517;box-shadow:var(--contact-page-shadow-sm);padding:22px}.contact-page-dept-wrapper h3{align-items:center;color:#1a2e24;color:var(--contact-page-text-primary);display:flex;font-family:Nunito,system-ui,sans-serif;font-family:var(--contact-page-font-head);font-size:.95rem;font-weight:800;gap:7px;margin-bottom:14px}.contact-page-dept-wrapper h3 svg{color:#2d9b6f;color:var(--contact-page-brand)}.contact-page-dept-list{display:flex;flex-direction:column;gap:8px}.contact-page-dept-item{align-items:center;background:#e8f8f0;background:var(--contact-page-mint-pale);border:1px solid #0000;border-radius:10px;border-radius:var(--contact-page-radius-sm);display:flex;justify-content:space-between;padding:10px 13px;transition:background .2s,border-color .2s,transform .2s}.contact-page-dept-item:hover{background:#e0f5ec;border-color:#2d9b6f24;border-color:var(--contact-page-border);transform:translateX(2px)}.contact-page-dept-info{align-items:center;color:#4b6358;color:var(--contact-page-text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:8px}.contact-page-dept-info svg,.contact-page-dept-phone{color:#2d9b6f;color:var(--contact-page-brand)}.contact-page-dept-phone{align-items:center;background:#2d9b6f12;border-radius:6px;border-radius:var(--contact-page-radius-xs);display:flex;font-size:.76rem;font-weight:700;gap:5px;padding:4px 9px;text-decoration:none;transition:color .2s}.contact-page-dept-phone:hover{background:#2d9b6f24;color:#1e7a55;color:var(--contact-page-brand-dark)}.contact-page-social-wrapper{border-top:2.5px solid #a7e6c5;border-top:2.5px solid var(--contact-page-mint);box-shadow:0 2px 10px #1e7a5517;box-shadow:var(--contact-page-shadow-sm);padding:22px}.contact-page-social-wrapper h3{align-items:center;color:#1a2e24;color:var(--contact-page-text-primary);display:flex;font-family:Nunito,system-ui,sans-serif;font-family:var(--contact-page-font-head);font-size:.95rem;font-weight:800;gap:7px;margin-bottom:14px}.contact-page-social-wrapper h3 svg{color:#2d9b6f;color:var(--contact-page-brand)}.contact-page-social-links{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.contact-page-social-btn{align-items:center;border-radius:10px;border-radius:var(--contact-page-radius-sm);color:#fff;display:flex;font-size:.8rem;font-weight:700;gap:7px;justify-content:center;letter-spacing:.15px;padding:10px;text-decoration:none;transition:transform .18s ease,box-shadow .22s,filter .22s;transition:transform var(--contact-page-ease-fast),box-shadow .22s,filter .22s}.contact-page-social-btn:hover{box-shadow:0 7px 18px #0003;filter:brightness(1.1);transform:translateY(-2px) scale(1.03)}.contact-page-social-fb{background:#1877f2}.contact-page-social-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.contact-page-social-yt{background:red}.contact-page-social-zalo{background:#0068ff}.contact-page-faq-section{background:#fff;background:var(--contact-page-surface);padding:56px 0;position:relative}.contact-page-faq-section:before{background:linear-gradient(90deg,#fbbf24,#2d9b6f,#1e7a55);background:linear-gradient(90deg,var(--contact-page-accent),var(--contact-page-brand),var(--contact-page-brand-dark));content:"";height:2.5px;left:0;position:absolute;right:0;top:0}.contact-page-faq-list{display:flex;flex-direction:column;gap:11px;margin:0 auto;max-width:760px}.contact-page-faq-item{background:#fff;background:var(--contact-page-surface);border:1.5px solid #dceee4;border-radius:10px;border-radius:var(--contact-page-radius-sm);box-shadow:0 1px 4px #1e7a550f;box-shadow:var(--contact-page-shadow-xs);overflow:hidden;transition:border-color .28s,box-shadow .28s}.contact-page-faq-item-active{border-color:#2d9b6f52;box-shadow:0 4px 20px #2d9b6f17}.contact-page-faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:14px;justify-content:space-between;padding:16px 20px;text-align:left;transition:background .18s;width:100%}.contact-page-faq-question:hover{background:#f0faf5}.contact-page-faq-question span{color:#1a2e24;color:var(--contact-page-text-primary);font-size:.88rem;font-weight:600;line-height:1.5}.contact-page-faq-arrow{color:#2d9b6f;color:var(--contact-page-brand);flex-shrink:0;font-size:.78rem;transition:transform .32s cubic-bezier(.34,1.46,.64,1)}.contact-page-faq-arrow-rotated{transform:rotate(180deg)}.contact-page-faq-answer{max-height:0;overflow:hidden;transition:max-height .42s ease,padding .28s}.contact-page-faq-answer-open{max-height:300px}.contact-page-faq-answer p{border-top:1px solid #f0faf5;color:#7d9b8a;color:var(--contact-page-text-muted);font-size:.84rem;line-height:1.75;margin:0;padding:0 20px 18px}@media (max-width:1024px){.contact-page-branches-layout{grid-template-columns:1fr}.contact-page-branches-list{flex-direction:row;gap:12px;max-height:none;overflow-x:auto;padding-bottom:6px}.contact-page-branch-card{min-width:240px}}@media (max-width:900px){.contact-page-contact-grid{grid-template-columns:1fr}}@media (max-width:768px){.contact-page-hero-content h1{font-size:1.85rem}.contact-page-info-grid{grid-template-columns:1fr 1fr}.contact-page-form-row{grid-template-columns:1fr}.contact-page-ratings-wrapper{flex-direction:column;gap:22px;padding:22px 18px}.contact-page-social-links{grid-template-columns:1fr}.contact-page-form-wrapper{padding:24px 20px}.contact-page-container{padding:0 16px}.contact-page-section-header{margin-bottom:28px}}@media (max-width:480px){.contact-page-info-grid{grid-template-columns:1fr}.contact-page-hero-content h1{font-size:1.6rem}.contact-page-hero-content{padding:68px 18px 52px}.contact-page-hero-actions{align-items:center;flex-direction:column}.contact-page-hero-btn-primary,.contact-page-hero-btn-secondary{justify-content:center;width:100%}}@keyframes contact-page-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-page-info-card:first-child{animation:contact-page-card-in .55s ease .08s both}.contact-page-info-card:nth-child(2){animation:contact-page-card-in .55s ease .16s both}.contact-page-info-card:nth-child(3){animation:contact-page-card-in .55s ease .24s both}.contact-page-info-card:nth-child(4){animation:contact-page-card-in .55s ease .32s both}@keyframes contact-page-faq-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.contact-page-faq-item:first-child{animation:contact-page-faq-in .45s ease .04s both}.contact-page-faq-item:nth-child(2){animation:contact-page-faq-in .45s ease .1s both}.contact-page-faq-item:nth-child(3){animation:contact-page-faq-in .45s ease .16s both}.contact-page-faq-item:nth-child(4){animation:contact-page-faq-in .45s ease .22s both}.contact-page-faq-item:nth-child(5){animation:contact-page-faq-in .45s ease .28s both}@keyframes contact-page-section-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.contact-page-branches-section,.contact-page-contact-section,.contact-page-faq-section,.contact-page-info-section,.contact-page-ratings-section{animation:contact-page-section-rise .6s ease both}:root{--facilitiespage-primary:#4caf50;--facilitiespage-primary-dark:#2e7d32;--facilitiespage-bg-white:#fff;--facilitiespage-bg-gray:#f1f8f4;--facilitiespage-text-dark:#1f2937;--facilitiespage-text-gray:#4b5563;--facilitiespage-shadow:0 2px 5px #0000000d;--facilitiespage-radius:12px;--facilitiespage-transition:all 0.3s ease}.facilitiespage-page{box-sizing:border-box;font-family:Inter,sans-serif;width:100%}.facilitiespage-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.facilitiespage-hero{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;min-height:500px;position:relative;text-align:center}.facilitiespage-hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;display:inline-flex;font-size:.8rem;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.facilitiespage-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.facilitiespage-hero-subtitle{font-size:1.25rem;margin:0 auto;max-width:800px;opacity:.95}.facilitiespage-stats-top{background:#fff;background:var(--facilitiespage-bg-white);border-bottom:1px solid #e5e7eb;padding:3rem 0}.facilitiespage-stats-wrap-grid{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.facilitiespage-stat-item-top{min-width:150px;padding:.5rem;text-align:center}.facilitiespage-stat-item-top .stat-number{color:#2e7d32;color:var(--facilitiespage-primary-dark);font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.facilitiespage-stat-item-top .stat-label{color:#4b5563;color:var(--facilitiespage-text-gray);font-size:1rem;font-weight:600;text-transform:uppercase}.facilitiespage-section-container{border-bottom:1px solid #e5e7eb;padding:4rem 0}.bg-light{background-color:var(--facilitiespage-bg-gray)}.facilitiespage-section-title{color:#2e7d32;color:var(--facilitiespage-primary-dark);font-size:1.8rem;font-weight:800;margin-bottom:2.5rem;text-align:center}.scroll-arrow{background:#ffffffe6;border:1px solid #ddd;color:var(--facilitiespage-primary-dark);height:36px;transition:all .3s;width:36px}.facilitiespage-amenities-grid,.facilitiespage-facilities-grid,.facilitiespage-gallery-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.facilitiespage-amenity-item{background:#fff;border-radius:12px;border-radius:var(--facilitiespage-radius);box-shadow:0 2px 5px #0000000d;box-shadow:var(--facilitiespage-shadow);flex:0 0 180px;padding:2rem 1.5rem;scroll-snap-align:center;text-align:center}.facilitiespage-amenity-icon{align-items:center;background:#f1f8f4;background:var(--facilitiespage-bg-gray);border-radius:50%;color:#4caf50;color:var(--facilitiespage-primary);display:flex;font-size:2.5rem;height:75px;justify-content:center;margin:0 auto 1rem;width:75px}.facilitiespage-amenity-item span{font-size:1.05rem;font-weight:700}.facilitiespage-facility-card{background:#fff;border-radius:12px;border-radius:var(--facilitiespage-radius);box-shadow:0 2px 5px #0000000d;box-shadow:var(--facilitiespage-shadow);flex:0 0 350px;overflow:hidden}.facilitiespage-facility-image{cursor:pointer;height:200px;overflow:hidden;position:relative}.facilitiespage-facility-image img{height:100%;object-fit:cover;width:100%}.facilitiespage-facility-overlay{align-items:center;background:#2e7d3299;color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:.3s}.facilitiespage-facility-image:hover .facilitiespage-facility-overlay{opacity:1}.facilitiespage-facility-content{padding:1.5rem}.facilitiespage-facility-icon{color:#4caf50;color:var(--facilitiespage-primary);font-size:1.8rem;margin-bottom:.5rem}.facilitiespage-gallery-item{border-radius:8px;flex:0 0 280px;height:180px;overflow:hidden;position:relative}.facilitiespage-gallery-item img{height:100%;object-fit:cover;width:100%}.facilitiespage-gallery-caption{background:#0009;bottom:0;color:#fff;font-size:.8rem;left:0;padding:.5rem;position:absolute;right:0;text-align:center}.facilitiespage-image-modal{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.facilitiespage-modal-content img{border-radius:8px;max-height:85vh;max-width:90%}.facilitiespage-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:20px;top:20px}@media (max-width:768px){.facilitiespage-hero{height:70vh}.facilitiespage-hero h1{font-size:2.2rem}.facilitiespage-hero-subtitle{font-size:1.05rem}.facilitiespage-stats-top{padding:2rem 0}.facilitiespage-stat-item-top{min-width:120px}.facilitiespage-stat-item-top .stat-number{font-size:2.2rem}.facilitiespage-stat-item-top .stat-label{font-size:.8rem}.facilitiespage-stats-wrap-grid{gap:1.5rem}.facilitiespage-amenity-item{flex:0 0 31vw;padding:1.5rem .5rem}.facilitiespage-amenity-icon{font-size:1.8rem;height:55px;margin-bottom:.5rem;width:55px}.facilitiespage-amenity-item span{font-size:.85rem}.facilitiespage-facility-card{flex:0 0 45vw}.facilitiespage-gallery-item{flex:0 0 31vw;height:100px}.facilitiespage-facility-image{height:120px}.facilitiespage-facility-content h3{font-size:.9rem;margin:0}.facilitiespage-facility-content p{display:none}}@media (max-width:480px){.facilitiespage-hero{height:60vh}.facilitiespage-hero h1{font-size:1.8rem}.facilitiespage-stat-item-top{min-width:100px}.facilitiespage-amenity-item,.facilitiespage-facility-card,.facilitiespage-gallery-item{flex:0 0 32vw}.facilitiespage-amenity-icon{font-size:1.4rem;height:45px;width:45px}.facilitiespage-amenity-item span{font-size:.75rem}}:root{--equipmentpage-primary:#4caf50;--equipmentpage-primary-dark:#2e7d32;--equipmentpage-primary-light:#81c784;--equipmentpage-bg-white:#fff;--equipmentpage-bg-gray:#f1f8f4;--equipmentpage-text-dark:#1f2937;--equipmentpage-text-gray:#4b5563;--equipmentpage-shadow:0 4px 6px -1px #0000001a;--equipmentpage-shadow-hover:0 10px 15px -3px #0000001a;--equipmentpage-radius:12px;--equipmentpage-transition:all 0.3s ease}.equipmentpage-page{background:#fff;background:var(--equipmentpage-bg-white);box-sizing:border-box;color:#1f2937;color:var(--equipmentpage-text-dark);font-family:Inter,sans-serif;width:100%}.equipmentpage-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.equipmentpage-hero{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;min-height:500px;position:relative;text-align:center}.equipmentpage-hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;display:inline-flex;font-size:.8rem;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.equipmentpage-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.equipmentpage-hero-subtitle{font-size:1.25rem;margin:0 auto;max-width:800px;opacity:.95}.equipmentpage-stats-top{background:#fff;background:var(--equipmentpage-bg-white);border-bottom:1px solid #e5e7eb;padding:3rem 0}.equipmentpage-stats-wrap-grid{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.equipmentpage-stat-item-top{min-width:150px;padding:.5rem;text-align:center}.equipmentpage-stat-item-top .stat-number{color:#2e7d32;color:var(--equipmentpage-primary-dark);font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.equipmentpage-stat-item-top .stat-label{color:#4b5563;color:var(--equipmentpage-text-gray);font-size:1rem;font-weight:600;text-transform:uppercase}.equipmentpage-section-container{border-bottom:1px solid #e5e7eb;padding:4rem 0}.bg-light{background-color:var(--equipmentpage-bg-gray)}.equipmentpage-section-title{color:#2e7d32;font-size:1.8rem;font-weight:800;margin-bottom:2.5rem;text-align:center}.equipmentpage-section-title,.scroll-arrow{color:var(--equipmentpage-primary-dark)}.scroll-arrow:hover{background:var(--equipmentpage-primary)}.scroll-content{scrollbar-width:none;width:100%}.scroll-content::-webkit-scrollbar{display:none}.equipmentpage-categories-filter{display:flex;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;margin-bottom:2.5rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.equipmentpage-category-btn{align-items:center;background:#fff;background:var(--equipmentpage-bg-white);border:1.5px solid #4caf50;border:1.5px solid var(--equipmentpage-primary);border-radius:25px;color:#4caf50;color:var(--equipmentpage-primary);cursor:pointer;display:flex;flex:0 0 auto;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;scroll-snap-align:center;transition:all .3s ease;transition:var(--equipmentpage-transition)}.equipmentpage-category-btn svg{font-size:1.2rem}.equipmentpage-category-btn:hover{background:#e8f5e9;border-color:#2e7d32;border-color:var(--equipmentpage-primary-dark);color:#2e7d32;color:var(--equipmentpage-primary-dark)}.equipmentpage-category-btn.active{background:#4caf50;background:var(--equipmentpage-primary);border-color:#4caf50;border-color:var(--equipmentpage-primary);color:#fff}.equipmentpage-category-btn.active:hover{opacity:.85}.equipmentpage-equipment-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.equipmentpage-equipment-card{background:#fff;background:var(--equipmentpage-bg-white);border-radius:12px;border-radius:var(--equipmentpage-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--equipmentpage-shadow);display:flex;flex:0 0 350px;flex-direction:column;overflow:hidden;scroll-snap-align:center;transition:all .3s ease;transition:var(--equipmentpage-transition)}.equipmentpage-equipment-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--equipmentpage-shadow-hover);transform:translateY(-5px)}.equipmentpage-equipment-image{cursor:pointer;height:220px;overflow:hidden;position:relative}.equipmentpage-equipment-image img{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--equipmentpage-transition);width:100%}.equipmentpage-equipment-card:hover .equipmentpage-equipment-image img{transform:scale(1.05)}.equipmentpage-equipment-badge{background:#4caf50;background:var(--equipmentpage-primary);border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 10px;position:absolute;right:10px;top:10px;z-index:3}.equipmentpage-equipment-overlay{align-items:center;background:#2e7d3299;color:#fff;display:flex;font-size:1.1rem;font-weight:600;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease;transition:var(--equipmentpage-transition);z-index:2}.equipmentpage-equipment-image:hover .equipmentpage-equipment-overlay{opacity:1}.equipmentpage-equipment-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.equipmentpage-equipment-content h3{color:#1f2937;color:var(--equipmentpage-text-dark);font-size:1.2rem;font-weight:800;margin-bottom:10px}.equipmentpage-equipment-meta{color:#2e7d32;color:var(--equipmentpage-primary-dark);display:flex;font-size:.85rem;font-weight:600;gap:15px;margin-bottom:15px}.equipmentpage-equipment-applications h4,.equipmentpage-equipment-features h4{color:#1f2937;color:var(--equipmentpage-text-dark);font-size:.95rem;font-weight:700;margin-bottom:8px}.equipmentpage-equipment-features ul{color:#4b5563;color:var(--equipmentpage-text-gray);font-size:.85rem;list-style:none;margin-bottom:15px;padding:0}.equipmentpage-equipment-features li{align-items:flex-start;display:flex;gap:6px;margin-bottom:4px}.check-icon{color:#4caf50;color:var(--equipmentpage-primary);flex-shrink:0;margin-top:2px}.equipmentpage-application-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.equipmentpage-app-tag{background:#e5e7eb;border-radius:15px;color:#1f2937;color:var(--equipmentpage-text-dark);font-size:.75rem;font-weight:600;padding:4px 10px}.equipmentpage-quality-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.equipmentpage-quality-card{background:#fff;background:var(--equipmentpage-bg-white);border-bottom:4px solid #4caf50;border-bottom:4px solid var(--equipmentpage-primary);border-radius:12px;border-radius:var(--equipmentpage-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--equipmentpage-shadow);flex:0 0 280px;padding:2rem;scroll-snap-align:center;text-align:center;transition:all .3s ease;transition:var(--equipmentpage-transition)}.equipmentpage-quality-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--equipmentpage-shadow-hover);transform:translateY(-5px)}.equipmentpage-quality-icon{color:#4caf50;color:var(--equipmentpage-primary);font-size:2.5rem;margin-bottom:1rem}.equipmentpage-quality-card h3{color:#1f2937;color:var(--equipmentpage-text-dark);font-size:1.1rem;font-weight:700;margin-bottom:10px}.equipmentpage-quality-card p{color:#4b5563;color:var(--equipmentpage-text-gray);font-size:.9rem;line-height:1.5}.equipmentpage-equipment-cta{background:linear-gradient(135deg,#4caf50,#2e7d32);background:linear-gradient(135deg,var(--equipmentpage-primary) 0,var(--equipmentpage-primary-dark) 100%);color:#fff;padding:4rem 1.5rem;text-align:center}.equipmentpage-equipment-cta h2{font-size:2rem;font-weight:800;margin-bottom:10px}.equipmentpage-equipment-cta p{font-size:1.1rem;margin-bottom:25px;opacity:.9}.equipmentpage-btn-primary{align-items:center;background:#fff;border:none;border-radius:25px;color:#2e7d32;color:var(--equipmentpage-primary-dark);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;padding:12px 30px;text-decoration:none;transition:all .3s ease;transition:var(--equipmentpage-transition)}.equipmentpage-btn-primary:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.equipmentpage-image-modal{align-items:center;animation:fadeIn .3s;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.equipmentpage-modal-content{cursor:default;max-height:90%;max-width:90%;position:relative}.equipmentpage-modal-content img{border-radius:8px;box-shadow:0 10px 40px #00000080;max-height:85vh;max-width:100%}.equipmentpage-modal-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:3rem;height:50px;justify-content:center;position:absolute;right:0;top:-40px;transition:transform .3s;width:50px}.equipmentpage-modal-close:hover{transform:rotate(90deg)}@media (max-width:768px){.equipmentpage-section-container{overflow:hidden;padding:2.5rem 0;width:100%}.equipmentpage-hero{height:70vh;min-height:auto;padding:4rem 1.5rem}.equipmentpage-hero h1{font-size:2.2rem}.equipmentpage-hero-subtitle{font-size:1.05rem}.equipmentpage-section-title{font-size:1.5rem;margin-bottom:1.5rem}.equipmentpage-stats-top{padding:2rem 0}.equipmentpage-stat-item-top{min-width:120px}.equipmentpage-stat-item-top .stat-number{font-size:2.2rem}.equipmentpage-stat-item-top .stat-label{font-size:.8rem}.equipmentpage-stats-wrap-grid{gap:1.5rem}.equipmentpage-categories-filter{gap:.75rem;margin-bottom:1.5rem}.equipmentpage-category-btn{font-size:.85rem;padding:8px 15px}.equipmentpage-equipment-grid{gap:.75rem}.equipmentpage-equipment-card{flex:0 0 45vw}.equipmentpage-quality-grid{gap:.75rem}.equipmentpage-quality-card{flex:0 0 40vw;padding:1.5rem 1rem}.equipmentpage-equipment-image{height:130px}.equipmentpage-equipment-content{padding:1rem}.equipmentpage-equipment-content h3{font-size:.95rem;margin-bottom:.5rem}.equipmentpage-equipment-meta{flex-direction:column;font-size:.75rem;gap:5px;margin-bottom:.5rem}.equipmentpage-equipment-applications h4,.equipmentpage-equipment-features h4{font-size:.85rem;margin-bottom:5px}.equipmentpage-equipment-features ul{font-size:.75rem;margin-bottom:10px}.equipmentpage-app-tag{font-size:.65rem;padding:3px 8px}.equipmentpage-quality-icon{font-size:1.8rem;margin-bottom:.5rem}.equipmentpage-quality-card h3{font-size:.9rem}.equipmentpage-quality-card p{font-size:.75rem}.equipmentpage-equipment-cta h2{font-size:1.6rem}.equipmentpage-equipment-cta p{font-size:.95rem}}@media (max-width:480px){.equipmentpage-hero{height:60vh}.equipmentpage-hero h1{font-size:1.8rem}.equipmentpage-stat-item-top{min-width:100px}.equipmentpage-equipment-card{flex:0 0 42vw}.equipmentpage-quality-card{flex:0 0 38vw}.equipmentpage-equipment-image{height:110px}.equipmentpage-equipment-features{display:none}}:root{--terms-primary:#4caf50;--terms-primary-dark:#2e7d32;--terms-primary-light:#81c784;--terms-bg-white:#fff;--terms-bg-gray:#f1f8f4;--terms-text-dark:#1f2937;--terms-text-gray:#4b5563;--terms-shadow:0 4px 6px -1px #0000001a;--terms-radius:12px;--terms-transition:all 0.3s ease}.terms-page{background:#fff;background:var(--terms-bg-white);box-sizing:border-box;color:#1f2937;color:var(--terms-text-dark);font-family:Inter,sans-serif;width:100%}.terms-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.terms-hero{align-items:center;background:linear-gradient(135deg,#4caf50e6,#2e7d32e6),url(https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=1920&h=600&fit=crop);background-position:50%;background-size:cover;color:#fff;display:flex;height:100vh;justify-content:center;min-height:500px;text-align:center}.terms-hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.terms-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.terms-hero-subtitle{font-size:1.25rem;line-height:1.6;margin:0 auto 1rem;max-width:800px;opacity:.95}.terms-last-updated{font-size:.95rem;font-style:italic;opacity:.8}.terms-section-container{border-bottom:1px solid #e5e7eb;padding:4rem 0}.bg-light{background-color:var(--terms-bg-gray)}.terms-section-title{color:#2e7d32;color:var(--terms-primary-dark);font-size:2rem;font-weight:800;margin-bottom:2.5rem;text-align:center}.terms-intro-box{margin:0 auto;max-width:800px;text-align:center}.terms-intro-icon{color:#4caf50;color:var(--terms-primary);font-size:3rem;margin-bottom:1rem}.terms-intro-box h2{color:#1f2937;color:var(--terms-text-dark);font-size:1.8rem;font-weight:800;margin-bottom:1rem}.terms-intro-box p{color:#4b5563;color:var(--terms-text-gray);font-size:1.1rem;line-height:1.6}.scroll-arrow{color:var(--terms-primary-dark)}.scroll-arrow:hover{background:var(--terms-primary)}.terms-sections-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.terms-sections-grid::-webkit-scrollbar{display:none}.terms-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--terms-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--terms-shadow);display:flex;flex:0 0 350px;flex-direction:column;height:400px;overflow:hidden;scroll-snap-align:center}.terms-card-header{align-items:center;background:#f1f8f4;background:var(--terms-bg-gray);border-bottom:2px solid #81c784;border-bottom:2px solid var(--terms-primary-light);display:flex;gap:1rem;padding:1.5rem}.terms-card-icon{flex-shrink:0;font-size:1.8rem}.terms-card-header h2,.terms-card-icon{color:#2e7d32;color:var(--terms-primary-dark)}.terms-card-header h2{font-size:1.15rem;font-weight:700;margin:0}.terms-card-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.terms-card-content::-webkit-scrollbar{width:4px}.terms-card-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.terms-item{margin-bottom:1.5rem}.terms-item:last-child{margin-bottom:0}.terms-item h3{color:#1f2937;color:var(--terms-text-dark);font-size:1rem;font-weight:700;margin-bottom:.5rem}.terms-item p{color:#4b5563;color:var(--terms-text-gray);font-size:.95rem;line-height:1.6;margin:0}.terms-footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.2fr .8fr}.terms-acceptance-box,.terms-contact-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--terms-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--terms-shadow);padding:2.5rem}.terms-acceptance-box{border-top:4px solid #4caf50;border-top:4px solid var(--terms-primary)}.terms-contact-box{border-top:4px solid #81c784;border-top:4px solid var(--terms-primary-light)}.terms-acceptance-icon{color:#4caf50;color:var(--terms-primary);font-size:3rem;margin-bottom:1rem}.terms-contact-icon{color:#81c784;color:var(--terms-primary-light);font-size:2.5rem;margin-bottom:1rem}.terms-acceptance-box h2,.terms-contact-box h2{color:#1f2937;color:var(--terms-text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.terms-acceptance-box p,.terms-contact-box p{color:#4b5563;color:var(--terms-text-gray);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.terms-acceptance-buttons{display:flex;flex-wrap:wrap;gap:1rem}.terms-btn-primary{align-items:center;background:#4caf50;background:var(--terms-primary);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--terms-transition)}.terms-btn-primary:hover{background:#2e7d32;background:var(--terms-primary-dark);transform:translateY(-2px)}.terms-btn-outline{align-items:center;background:#0000;border:2px solid #4caf50;border:2px solid var(--terms-primary);border-radius:2rem;color:#4caf50;color:var(--terms-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--terms-transition)}.terms-btn-outline:hover{background:#f1f8f4;background:var(--terms-bg-gray);transform:translateY(-2px)}.terms-contact-info{display:flex;flex-direction:column;gap:1rem}.terms-contact-item{align-items:flex-start;color:#4b5563;color:var(--terms-text-gray);display:flex;font-size:1rem;gap:.75rem}.terms-contact-item svg{color:#4caf50;color:var(--terms-primary);flex-shrink:0;margin-top:.25rem}.terms-contact-item a{color:#2e7d32;color:var(--terms-primary-dark);font-weight:600;text-decoration:none}@media (max-width:1024px){.terms-footer-grid{grid-template-columns:1fr}}@media (max-width:768px){.terms-section-container{overflow:hidden;padding:2.5rem 0;width:100%}.terms-hero{height:70vh;min-height:auto}.terms-hero h1{font-size:2.2rem}.terms-hero-subtitle{font-size:1.05rem;padding:0 1rem}.terms-section-title{font-size:1.5rem;margin-bottom:1.5rem}.terms-intro-box h2{font-size:1.5rem}.terms-intro-box p{font-size:1rem}.terms-sections-grid{gap:.75rem}.terms-section-card{flex:0 0 45vw;height:320px}.terms-card-header{gap:.5rem;padding:1rem}.terms-card-icon{font-size:1.4rem}.terms-card-header h2{font-size:.95rem}.terms-card-content{padding:1rem}.terms-item h3{font-size:.85rem}.terms-item p{font-size:.8rem;line-height:1.4}.terms-acceptance-box,.terms-contact-box{padding:1.5rem}.terms-acceptance-box h2,.terms-contact-box h2{font-size:1.2rem}.terms-acceptance-box p,.terms-contact-box p,.terms-contact-item{font-size:.85rem}.terms-acceptance-icon,.terms-contact-icon{font-size:2rem}}@media (max-width:480px){.terms-hero{height:60vh}.terms-hero h1{font-size:1.8rem}.terms-section-card{flex:0 0 32vw;height:260px}.terms-card-header{align-items:center;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;text-align:center}.terms-card-icon{font-size:1.2rem}.terms-card-header h2{font-size:.75rem}.terms-card-content{padding:.75rem}.terms-item{margin-bottom:1rem}.terms-item h3{font-size:.7rem;margin-bottom:.25rem}.terms-item p{font-size:.65rem;line-height:1.3}.terms-acceptance-buttons{flex-direction:column;width:100%}.terms-btn-outline,.terms-btn-primary{justify-content:center;width:100%}}:root{--privacy-primary:#4caf50;--privacy-primary-dark:#2e7d32;--privacy-bg-white:#fff;--privacy-bg-gray:#f1f8f4;--privacy-text-dark:#1f2937;--privacy-text-gray:#4b5563;--privacy-shadow:0 4px 6px -1px #0000001a;--privacy-radius:12px;--privacy-transition:all 0.3s ease}.privacy-policy-page{background:#fff;background:var(--privacy-bg-white);box-sizing:border-box;color:#1f2937;color:var(--privacy-text-dark);font-family:Inter,sans-serif;width:100%}.privacy-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.privacy-hero{align-items:center;background:linear-gradient(135deg,#4caf50e6,#2e7d32e6),url(https://images.unsplash.com/photo-1550565118-3a14e8d0386f?w=1920&h=600&fit=crop);background-position:50%;background-size:cover;color:#fff;display:flex;height:100vh;justify-content:center;min-height:500px;text-align:center}.privacy-hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem}.privacy-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.privacy-hero-subtitle{font-size:1.25rem;line-height:1.6;margin:0 auto 1rem;max-width:800px;opacity:.95}.privacy-last-updated{font-size:.95rem;font-style:italic;opacity:.8}.privacy-section-container{border-bottom:1px solid #e5e7eb;padding:4rem 0}.bg-light{background-color:#f1f8f4;background-color:var(--privacy-bg-gray)}.privacy-section-title{color:#2e7d32;color:var(--privacy-primary-dark);font-size:2rem;font-weight:800;margin-bottom:2.5rem;text-align:center}.scroll-wrapper-container{position:relative;width:100%}.scroll-arrow{align-items:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 10px #00000026;color:#2e7d32;color:var(--privacy-primary-dark);cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}@media (hover:hover){.scroll-wrapper-container:hover .scroll-arrow{opacity:1}}@media (hover:none){.scroll-arrow{height:32px;opacity:.8;width:32px}}.scroll-arrow:hover{background:#4caf50;background:var(--privacy-primary);color:#fff}.scroll-arrow.left{left:5px}.scroll-arrow.right{right:5px}.privacy-sections-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.privacy-sections-grid::-webkit-scrollbar{display:none}.privacy-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--privacy-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--privacy-shadow);display:flex;flex:0 0 350px;flex-direction:column;height:400px;overflow:hidden;scroll-snap-align:center}.privacy-card-header{align-items:center;background:#f1f8f4;background:var(--privacy-bg-gray);border-bottom:2px solid var(--privacy-primary-light);display:flex;gap:1rem;padding:1.5rem}.privacy-card-icon{flex-shrink:0;font-size:1.8rem}.privacy-card-header h2,.privacy-card-icon{color:#2e7d32;color:var(--privacy-primary-dark)}.privacy-card-header h2{font-size:1.15rem;font-weight:700;margin:0}.privacy-card-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.privacy-card-content::-webkit-scrollbar{width:4px}.privacy-card-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.privacy-item{margin-bottom:1.5rem}.privacy-item:last-child{margin-bottom:0}.privacy-item h3{color:#1f2937;color:var(--privacy-text-dark);font-size:1rem;font-weight:700;margin-bottom:.5rem}.privacy-item p{color:#4b5563;color:var(--privacy-text-gray);font-size:.95rem;line-height:1.6;margin:0}.privacy-footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.privacy-contact-box,.privacy-updates-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--privacy-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--privacy-shadow);padding:2.5rem}.privacy-contact-box{border-top:4px solid #4caf50;border-top:4px solid var(--privacy-primary)}.privacy-updates-box{align-items:flex-start;border-top:4px solid #f59e0b;display:flex;gap:1.5rem}.privacy-contact-icon{color:#4caf50;color:var(--privacy-primary);font-size:2.5rem;margin-bottom:1rem}.privacy-updates-icon{color:#f59e0b;flex-shrink:0;font-size:3rem}.privacy-contact-box h2,.privacy-updates-box h3{color:#1f2937;color:var(--privacy-text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.privacy-contact-box p,.privacy-updates-box p{color:#4b5563;color:var(--privacy-text-gray);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.privacy-contact-info{display:flex;flex-direction:column;gap:1rem}.privacy-contact-item{align-items:flex-start;color:#4b5563;color:var(--privacy-text-gray);display:flex;font-size:1rem;gap:.75rem}.privacy-contact-item svg{color:#4caf50;color:var(--privacy-primary);flex-shrink:0;margin-top:.25rem}.privacy-contact-item a{color:#2e7d32;color:var(--privacy-primary-dark);font-weight:600;text-decoration:none}@media (max-width:1024px){.privacy-footer-grid{grid-template-columns:1fr}}@media (max-width:768px){.privacy-section-container{overflow:hidden;padding:2.5rem 0;width:100%}.privacy-hero{height:70vh;min-height:auto}.privacy-hero h1{font-size:2.2rem}.privacy-hero-subtitle{font-size:1.05rem;padding:0 1rem}.privacy-section-title{font-size:1.5rem;margin-bottom:1.5rem}.privacy-sections-grid{gap:.75rem}.privacy-section-card{flex:0 0 45vw;height:320px}.privacy-card-header{gap:.5rem;padding:1rem}.privacy-card-icon{font-size:1.4rem}.privacy-card-header h2{font-size:.95rem}.privacy-card-content{padding:1rem}.privacy-item h3{font-size:.85rem}.privacy-item p{font-size:.8rem;line-height:1.4}.privacy-contact-box,.privacy-updates-box{padding:1.5rem}.privacy-contact-box h2,.privacy-updates-box h3{font-size:1.2rem}.privacy-contact-box p,.privacy-contact-item,.privacy-updates-box p{font-size:.85rem}.privacy-updates-icon{font-size:2rem}}@media (max-width:480px){.privacy-hero{height:60vh}.privacy-hero h1{font-size:1.8rem}.privacy-section-card{flex:0 0 32vw;height:260px}.privacy-card-header{align-items:center;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;text-align:center}.privacy-card-icon{font-size:1.2rem}.privacy-card-header h2{font-size:.75rem}.privacy-card-content{padding:.75rem}.privacy-item{margin-bottom:1rem}.privacy-item h3{font-size:.7rem;margin-bottom:.25rem}.privacy-item p{font-size:.65rem;line-height:1.3}.privacy-updates-box{align-items:center;flex-direction:column;gap:1rem;text-align:center}}:root{--rcm-primary:#22c55e;--rcm-primary-dark:#16a34a;--rcm-primary-light:#dcfce7;--rcm-bg:#f0fdf4;--rcm-text-primary:#1f2937;--rcm-text-secondary:#4b5563;--rcm-card-bg:#fff;--rcm-border:#e5e7eb;--rcm-input-bg:#f9fafb;--rcm-danger-bg:#fee2e2;--rcm-danger-text:#991b1b;--rcm-success-bg:#dcfce7;--rcm-success-text:#065f46;--rcm-radius:6px;--rcm-font-size-base:0.875rem;--rcm-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--rcm-overlay-bg:#10161399}.recover-code-modal-overlay{align-items:center;animation:rcm-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#10161399;background-color:var(--rcm-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.recover-code-modal-content{animation:rcm-slideUp .3s ease-out;background-color:#fff;background-color:var(--rcm-card-bg);border-radius:6px;border-radius:var(--rcm-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--rcm-shadow);max-width:450px;overflow:hidden;width:100%}.recover-code-modal-header{align-items:center;background-color:#f0fdf4;background-color:var(--rcm-bg);border-bottom:1px solid #dcfce7;border-bottom:1px solid var(--rcm-primary-light);display:flex;justify-content:space-between;padding:1rem 1.25rem}.recover-code-modal-title{color:#1f2937;color:var(--rcm-text-primary);font-size:1.1rem;font-weight:600;margin:0}.recover-code-modal-btn-close{background:none;border:none;border-radius:6px;border-radius:var(--rcm-radius);color:#4b5563;color:var(--rcm-text-secondary);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .2s}.recover-code-modal-btn-close:hover{background-color:#e5e7eb;background-color:var(--rcm-border)}.recover-code-modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.recover-code-modal-text{color:#4b5563;color:var(--rcm-text-secondary);font-size:.875rem;font-size:var(--rcm-font-size-base);line-height:1.6;margin:0}.recover-code-modal-form-group{display:flex;flex-direction:column}.recover-code-modal-form-group label{color:#1f2937;color:var(--rcm-text-primary);font-size:.875rem;font-size:var(--rcm-font-size-base);font-weight:600;margin-bottom:.375rem}.recover-code-modal-input-wrapper{position:relative}.recover-code-modal-input-icon{color:#4b5563;color:var(--rcm-text-secondary);font-size:.8rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.recover-code-modal-input{background-color:#fff;background-color:var(--rcm-card-bg);border:1px solid #e5e7eb;border:1px solid var(--rcm-border);border-radius:6px;border-radius:var(--rcm-radius);color:#1f2937;color:var(--rcm-text-primary);font-family:Inter,sans-serif;font-size:.875rem;font-size:var(--rcm-font-size-base);padding:.7rem .75rem .7rem 2.25rem;transition:all .2s ease;width:100%}.recover-code-modal-input:focus{border-color:#22c55e;border-color:var(--rcm-primary);box-shadow:0 0 0 2px #dcfce7;box-shadow:0 0 0 2px var(--rcm-primary-light);outline:none}.recover-code-modal-message{border-radius:6px;border-radius:var(--rcm-radius);font-size:.875rem;font-size:var(--rcm-font-size-base);font-weight:500;line-height:1.5;padding:.75rem 1rem}.recover-code-modal-message.error{background-color:#fee2e2;background-color:var(--rcm-danger-bg);color:#991b1b;color:var(--rcm-danger-text)}.recover-code-modal-message.success{background-color:#dcfce7;background-color:var(--rcm-success-bg);color:#065f46;color:var(--rcm-success-text)}.recover-code-modal-footer{background-color:#f9fafb;background-color:var(--rcm-input-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--rcm-border);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.25rem}.recover-code-modal-btn-primary,.recover-code-modal-btn-secondary{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--rcm-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--rcm-font-size-base);font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .2s;white-space:nowrap}.recover-code-modal-btn-primary{background-color:#22c55e;background-color:var(--rcm-primary);color:#fff}.recover-code-modal-btn-primary:hover{background-color:#16a34a;background-color:var(--rcm-primary-dark)}.recover-code-modal-btn-secondary{background-color:#fff;background-color:var(--rcm-card-bg);border-color:#e5e7eb;border-color:var(--rcm-border);color:#4b5563;color:var(--rcm-text-secondary)}.recover-code-modal-btn-secondary:hover{background-color:#e5e7eb;background-color:var(--rcm-border)}.recover-code-modal-btn-primary:disabled,.recover-code-modal-btn-secondary:disabled{cursor:not-allowed;opacity:.7}.recover-code-modal-spin-icon{animation:rcm-spin 1s linear infinite;font-size:.8rem}@keyframes rcm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rcm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--lrp-primary:#22c55e;--lrp-primary-dark:#16a34a;--lrp-primary-light:#dcfce7;--lrp-bg:#f0fdf4;--lrp-text-primary:#1f2937;--lrp-text-secondary:#4b5563;--lrp-card-bg:#fff;--lrp-border:#e5e7eb;--lrp-input-bg:#f9fafb;--lrp-danger-bg:#fee2e2;--lrp-danger-text:#991b1b;--lrp-radius:6px;--lrp-font-size-base:0.875rem;--lrp-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.lookup-result-page-container{align-items:center;background-color:#f0fdf4;background-color:var(--lrp-bg);display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-size:var(--lrp-font-size-base);justify-content:center;min-height:80vh;padding:2rem}.lookup-result-page-wrapper{background-color:#fff;background-color:var(--lrp-card-bg);border:1px solid #e5e7eb;border:1px solid var(--lrp-border);border-radius:6px;border-radius:var(--lrp-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--lrp-shadow);max-width:450px;padding:2rem;text-align:center;width:100%}.lookup-result-page-main-icon{color:#22c55e;color:var(--lrp-primary);font-size:2.5rem;margin-bottom:.5rem}.lookup-result-page-title{color:#1f2937;color:var(--lrp-text-primary);font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.lookup-result-page-subtitle{color:#4b5563;color:var(--lrp-text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 1.5rem}.lookup-result-page-form{gap:1rem;text-align:left}.lookup-result-page-form,.lookup-result-page-form-group{display:flex;flex-direction:column}.lookup-result-page-form-group label{color:#1f2937;color:var(--lrp-text-primary);font-size:.875rem;font-size:var(--lrp-font-size-base);font-weight:600;margin-bottom:.375rem}.lookup-result-page-input-wrapper{position:relative}.lookup-result-page-input-icon{color:#4b5563;color:var(--lrp-text-secondary);font-size:.8rem;left:.8rem;position:absolute;top:50%;transform:translateY(-50%)}.lookup-result-page-input{background-color:#f9fafb;background-color:var(--lrp-input-bg);border:1px solid #e5e7eb;border:1px solid var(--lrp-border);border-radius:6px;border-radius:var(--lrp-radius);color:#1f2937;color:var(--lrp-text-primary);font-family:Inter,sans-serif;font-size:.875rem;font-size:var(--lrp-font-size-base);padding:.7rem .8rem .7rem 2.3rem;transition:all .2s ease;width:100%}.lookup-result-page-input:focus{background-color:#fff;background-color:var(--lrp-card-bg);border-color:#22c55e;border-color:var(--lrp-primary);box-shadow:0 0 0 2px #dcfce7;box-shadow:0 0 0 2px var(--lrp-primary-light);outline:none}.lookup-result-page-error-box{background-color:#fee2e2;background-color:var(--lrp-danger-bg);border-radius:6px;border-radius:var(--lrp-radius);color:#991b1b;color:var(--lrp-danger-text);display:flex;font-size:.875rem;font-size:var(--lrp-font-size-base);font-weight:500;gap:.5rem;padding:.75rem}.lookup-result-page-error-box svg{flex-shrink:0;margin-top:2px}.lookup-result-page-btn-primary{align-items:center;background-color:#22c55e;background-color:var(--lrp-primary);border:none;border-radius:6px;border-radius:var(--lrp-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--lrp-font-size-base);font-weight:600;gap:.5rem;justify-content:center;padding:.7rem 1.25rem;transition:background-color .2s}.lookup-result-page-btn-primary:hover{background-color:#16a34a;background-color:var(--lrp-primary-dark)}.lookup-result-page-btn-primary:disabled{background-color:#e5e7eb;background-color:var(--lrp-border);color:#4b5563;color:var(--lrp-text-secondary);cursor:not-allowed}.lookup-result-page-resend-wrapper{font-size:.8rem;text-align:center}.lookup-result-page-resend-wrapper span{color:#4b5563;color:var(--lrp-text-secondary);margin-right:.5rem}.lookup-result-page-btn-resend{align-items:center;background:none;border:none;color:#16a34a;color:var(--lrp-primary-dark);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.25rem}.lookup-result-page-btn-resend:hover{text-decoration:underline}.lookup-result-page-btn-resend:disabled{color:#4b5563;color:var(--lrp-text-secondary);cursor:not-allowed;text-decoration:none}.lookup-result-page-recover-wrapper{border-top:1px solid #e5e7eb;border-top:1px solid var(--lrp-border);margin-top:.5rem;padding-top:1rem;text-align:center}.lookup-result-page-btn-recover{align-items:center;background:none;border:none;color:#4b5563;color:var(--lrp-text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.375rem;padding:.25rem}.lookup-result-page-btn-recover:hover{color:#1f2937;color:var(--lrp-text-primary);text-decoration:underline}.lookup-result-page-spin-icon{animation:lrp-spin 1s linear infinite;font-size:.8rem}@keyframes lrp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.breadcrumb{align-items:center;background:#fff;border-radius:8px;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;padding:1rem 2rem}.breadcrumb-separator{color:#9ca3af;font-size:.75rem}.breadcrumb-link{color:#3b82f6;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#2563eb;text-decoration:underline}.breadcrumb-current{color:#6b7280;font-weight:600}@media (max-width:768px){.breadcrumb{font-size:.85rem;padding:.75rem 1rem}}:root{--sr-primary:#10b981;--sr-primary-dark:#059669;--sr-primary-light:#d1fae5;--sr-green-50:#ecfdf5;--sr-green-100:#d1fae5;--sr-danger:#ef4444;--sr-danger-light:#fee2e2;--sr-gray-50:#f9fafb;--sr-gray-100:#f3f4f6;--sr-gray-200:#e5e7eb;--sr-gray-600:#4b5563;--sr-gray-700:#374151;--sr-gray-800:#1f2937;--sr-shadow:0 1px 2px #0000000d;--sr-shadow-md:0 2px 4px #0000000f;--sr-radius:8px;--sr-radius-lg:12px}.search-result-page{background:#f9fafb;background:var(--sr-gray-50);min-height:100vh;padding:clamp(.75rem,2vw,1.5rem)}.search-result-loading{background:#fff;border-radius:12px;border-radius:var(--sr-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--sr-shadow);margin:2rem auto;max-width:1400px;padding:2rem 1rem;text-align:center}.search-result-spinner{animation:spin 1s linear infinite;color:#10b981;color:var(--sr-primary);font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:.75rem}.search-result-header{background:#fff;border-radius:12px;border-radius:var(--sr-radius-lg);box-shadow:0 2px 4px #0000000f;box-shadow:var(--sr-shadow-md);margin:0 auto 1rem;max-width:1400px;padding:clamp(1rem,2.5vw,1.75rem) clamp(.75rem,2vw,1.5rem);text-align:center}.search-result-header-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--sr-primary) 0,var(--sr-primary-dark) 100%);border-radius:50%;box-shadow:0 3px 10px #10b98133;color:#fff;display:inline-flex;font-size:clamp(1rem,2.5vw,1.25rem);height:clamp(40px,8vw,52px);justify-content:center;margin-bottom:.625rem;width:clamp(40px,8vw,52px)}.search-result-header h1{color:#1f2937;color:var(--sr-gray-800);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:800;line-height:1.3;margin:0 0 .5rem}.search-result-header h1 span{color:#10b981;color:var(--sr-primary)}.search-result-count{color:#4b5563;color:var(--sr-gray-600);font-size:clamp(.8125rem,2vw,.9375rem);margin:0}.search-result-count strong{color:#10b981;color:var(--sr-primary);font-weight:700}.search-result-empty{background:#fff;border-radius:12px;border-radius:var(--sr-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--sr-shadow);margin:3rem auto;max-width:500px;padding:2.5rem 1.5rem;text-align:center}.search-result-empty svg{color:#4b5563;color:var(--sr-gray-600);font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:1rem;opacity:.5}.search-result-empty h2{color:#1f2937;color:var(--sr-gray-800);font-size:clamp(1.125rem,3vw,1.375rem);font-weight:700;margin:0 0 .375rem}.search-result-empty p{color:#4b5563;color:var(--sr-gray-600);font-size:clamp(.8125rem,2vw,.9375rem);margin:0}.search-result-tabs{background:#fff;border-radius:12px;border-radius:var(--sr-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--sr-shadow);flex-wrap:wrap;justify-content:center;margin:0 auto 1rem;max-width:1400px;padding:clamp(.375rem,1vw,.625rem)}.search-result-tab,.search-result-tabs{align-items:center;display:flex;gap:clamp(.25rem,1vw,.5rem)}.search-result-tab{background:#f9fafb;background:var(--sr-gray-50);border:1.5px solid #0000;border-radius:8px;border-radius:var(--sr-radius);color:#374151;color:var(--sr-gray-700);cursor:pointer;flex-shrink:0;font-size:clamp(.75rem,1.8vw,.875rem);font-weight:600;padding:clamp(.5rem,1.5vw,.625rem) clamp(.75rem,2vw,1rem);transition:all .2s ease;white-space:nowrap}.search-result-tab:hover:not(:disabled){background:#ecfdf5;background:var(--sr-green-50);box-shadow:0 1px 2px #0000000d;box-shadow:var(--sr-shadow);color:#059669;color:var(--sr-primary-dark);transform:translateY(-1px)}.search-result-tab.active{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--sr-primary) 0,var(--sr-primary-dark) 100%);border-color:#059669;border-color:var(--sr-primary-dark);box-shadow:0 3px 10px #10b98133;color:#fff}.search-result-tab.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.search-result-tab-icon{flex-shrink:0;font-size:clamp(.75rem,1.8vw,.875rem)}.search-result-tab-label{flex-shrink:0}.search-result-tab-count{flex-shrink:0;font-size:clamp(.6875rem,1.6vw,.8125rem);opacity:.9}.search-result-tab.active .search-result-tab-count{font-weight:700;opacity:1}.search-result-content{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);margin:0 auto;max-width:1400px}.search-result-section{background:#fff;border-radius:12px;border-radius:var(--sr-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--sr-shadow);padding:clamp(1rem,2vw,1.5rem);transition:box-shadow .2s ease}.search-result-section:hover{box-shadow:0 2px 4px #0000000f;box-shadow:var(--sr-shadow-md)}.search-result-section-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--sr-gray-100);display:flex;gap:.5rem;margin-bottom:clamp(.75rem,2vw,1rem);padding-bottom:clamp(.5rem,1.5vw,.75rem)}.search-result-section-header svg{color:#10b981;color:var(--sr-primary);flex-shrink:0;font-size:clamp(1rem,2.5vw,1.25rem)}.search-result-section-header h2{align-items:center;color:#1f2937;color:var(--sr-gray-800);display:flex;flex:1 1;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;margin:0}.search-result-grid{grid-gap:clamp(.75rem,2vw,1rem);display:grid;gap:clamp(.75rem,2vw,1rem);grid-template-columns:repeat(auto-fill,minmax(clamp(200px,25vw,240px),1fr));margin-bottom:clamp(.75rem,2vw,1rem)}.search-result-grid.disease-grid,.search-result-grid.medicine-grid{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem)}.search-result-grid.disease-grid .search-result-card,.search-result-grid.medicine-grid .search-result-card{flex-direction:row;min-height:auto;width:100%}.search-result-grid.disease-grid .search-result-card-content,.search-result-grid.medicine-grid .search-result-card-content{flex:1 1;padding:clamp(1rem,2vw,1.25rem)}.search-result-card{background:#fff;border-radius:8px;border-radius:var(--sr-radius);box-shadow:0 1px 2px #0000000f;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.search-result-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.search-result-medicine{position:relative}.search-result-medicine:before{background:linear-gradient(180deg,#10b981,#059669);background:linear-gradient(180deg,var(--sr-primary) 0,var(--sr-primary-dark) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.search-result-medicine:hover{background:#ecfdf5;background:var(--sr-green-50)}.search-result-disease{position:relative}.search-result-disease:before{background:linear-gradient(180deg,#10b981,#059669);background:linear-gradient(180deg,var(--sr-primary) 0,var(--sr-primary-dark) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.search-result-disease:hover{background:#ecfdf5;background:var(--sr-green-50)}.search-result-card-image{background:#f3f4f6;background:var(--sr-gray-100);height:clamp(120px,20vw,150px);overflow:hidden;width:100%}.search-result-card-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.search-result-card:hover .search-result-card-image img{transform:scale(1.05)}.search-result-card-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#f9fafb);background:linear-gradient(135deg,var(--sr-gray-100) 0,var(--sr-gray-50) 100%);color:#4b5563;color:var(--sr-gray-600);display:flex;font-size:clamp(1.75rem,4vw,2.5rem);justify-content:center}.search-result-card-content{display:flex;flex:1 1;flex-direction:column;gap:clamp(.375rem,1vw,.625rem);padding:clamp(.75rem,2vw,1rem)}.search-result-card-content h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--sr-gray-800);display:-webkit-box;font-size:clamp(.875rem,2vw,1rem);font-weight:700;line-height:1.4;margin:0;overflow:hidden}.search-result-card-category{align-self:flex-start;background:#d1fae5;background:var(--sr-green-100);border-radius:12px;color:#059669;color:var(--sr-primary-dark);display:inline-block;font-size:clamp(.625rem,1.4vw,.6875rem);font-weight:700;letter-spacing:.02em;padding:clamp(.25rem,.8vw,.3125rem) clamp(.5rem,1.5vw,.75rem);text-transform:uppercase}.search-result-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;color:var(--sr-gray-600);display:-webkit-box;font-size:clamp(.75rem,1.8vw,.8125rem);line-height:1.5;margin:0;overflow:hidden}.search-result-card-description strong{color:#374151;color:var(--sr-gray-700);font-weight:600}.search-result-card-manufacturer{align-items:center;background:#ecfdf5;background:var(--sr-green-50);border-radius:8px;border-radius:var(--sr-radius);color:#059669;color:var(--sr-primary-dark);display:flex;font-size:clamp(.6875rem,1.6vw,.75rem);font-weight:600;gap:clamp(.25rem,1vw,.375rem);margin-top:auto;padding:clamp(.375rem,1.2vw,.5rem) clamp(.5rem,1.5vw,.75rem)}.search-result-card-manufacturer svg{color:#10b981;color:var(--sr-primary);flex-shrink:0;font-size:clamp(.6875rem,1.6vw,.75rem)}.search-result-list{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);margin-bottom:clamp(.75rem,2vw,1rem)}.search-result-item{background:#fff;border-radius:8px;border-radius:var(--sr-radius);box-shadow:0 1px 2px #0000000f;cursor:pointer;padding:clamp(.75rem,2vw,1rem);position:relative;transition:all .2s ease}.search-result-item:before{background:#10b981;background:var(--sr-primary);border-radius:8px 0 0 8px;border-radius:var(--sr-radius) 0 0 var(--sr-radius);content:"";height:100%;left:0;position:absolute;top:0;transition:width .2s ease;width:3px}.search-result-item:hover{background:#ecfdf5;background:var(--sr-green-50);box-shadow:0 3px 8px #0000001a;transform:translateX(3px)}.search-result-item:hover:before{width:5px}.search-result-item-content{display:flex;flex-direction:column;gap:clamp(.25rem,1vw,.375rem)}.search-result-item-content h3{color:#1f2937;color:var(--sr-gray-800);font-size:clamp(.875rem,2vw,1rem);font-weight:700;line-height:1.4;margin:0}.search-result-item-category{align-self:flex-start;background:#d1fae5;background:var(--sr-green-100);border-radius:10px;color:#059669;color:var(--sr-primary-dark);display:inline-block;font-size:clamp(.625rem,1.4vw,.6875rem);font-weight:600;padding:clamp(.1875rem,.8vw,.25rem) clamp(.5rem,1.5vw,.625rem);text-transform:uppercase}.search-result-item-description{color:#4b5563;color:var(--sr-gray-600);font-size:clamp(.75rem,1.8vw,.8125rem);line-height:1.5;margin:0}.search-result-item-description strong{color:#374151;color:var(--sr-gray-700);font-weight:600}.search-result-item-date{align-items:center;color:#4b5563;color:var(--sr-gray-600);display:flex;font-size:clamp(.6875rem,1.6vw,.75rem);gap:clamp(.25rem,1vw,.375rem);margin:0}.search-result-item-date svg{color:#10b981;color:var(--sr-primary);font-size:clamp(.6875rem,1.6vw,.75rem)}.search-result-load-more{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--sr-primary) 0,var(--sr-primary-dark) 100%);border:none;border-radius:8px;border-radius:var(--sr-radius);box-shadow:0 2px 6px #10b98126;color:#fff;cursor:pointer;display:flex;font-size:clamp(.8125rem,2vw,.875rem);font-weight:600;gap:clamp(.25rem,1vw,.375rem);justify-content:center;padding:clamp(.625rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.25rem);transition:all .2s ease;width:100%}.search-result-load-more:hover:not(:disabled){box-shadow:0 3px 10px #10b98140;transform:translateY(-2px)}.search-result-load-more:disabled{background:#e5e7eb;background:var(--sr-gray-200);box-shadow:none;color:#4b5563;color:var(--sr-gray-600);cursor:not-allowed}@media (max-width:1024px){.search-result-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(180px,30vw,220px),1fr))}}@media (max-width:768px){.search-result-page{padding:clamp(.5rem,2vw,.75rem)}.search-result-grid{gap:clamp(.5rem,2vw,.75rem);grid-template-columns:repeat(auto-fill,minmax(clamp(160px,45vw,200px),1fr))}.search-result-card-image{height:clamp(100px,22vw,130px)}.search-result-tab-label{display:none}.search-result-tab{flex-direction:column;gap:.1875rem;padding:clamp(.4375rem,1.5vw,.5625rem) clamp(.625rem,2vw,.75rem)}}@media (max-width:480px){.search-result-grid{gap:clamp(.5rem,2vw,.625rem);grid-template-columns:1fr}.search-result-card-image{height:clamp(140px,35vw,180px)}.search-result-tabs{gap:.1875rem}.search-result-tab{padding:.4375rem .625rem}.search-result-tab-count{font-size:.625rem}}@media (max-width:360px){.search-result-page{padding:.375rem}.search-result-section{padding:.75rem}}:root{--article-list-primary:#059669;--article-list-primary-dark:#047857;--article-list-text:#1f2937;--article-list-text-light:#6b7280;--article-list-border:#e5e7eb;--article-list-bg:#fff;--article-list-red:#ef4444}.article-list-page-wrapper{background-color:#fff;background-color:var(--article-list-bg);font-family:Inter,system-ui,sans-serif;min-height:100vh;padding-bottom:4rem}.article-list-container{margin:0 auto;max-width:1100px;padding:0 1rem}.article-list-green-navbar{background-color:#059669;background-color:var(--article-list-primary);border-top:1px solid #fff3;margin-bottom:1.5rem;width:100%}.article-list-marquee-wrapper{align-items:center;display:flex;position:relative}.article-list-nav-scroll{display:flex;overflow-x:hidden;white-space:nowrap;width:100%}.article-list-nav-scroll::-webkit-scrollbar{display:none}.article-list-nav-btn{background:none;border:none;border-bottom:3px solid #0000;color:#ffffffd9;cursor:pointer;font-size:.9rem;font-weight:700;padding:1rem 1.2rem;text-transform:uppercase;transition:all .2s}.article-list-nav-btn.active,.article-list-nav-btn:hover{background-color:#047857;background-color:var(--article-list-primary-dark);color:#fff}.article-list-nav-arrow{background:#059669f2;border:none;bottom:0;box-shadow:0 0 10px #0003;color:#fff;cursor:pointer;font-size:1.2rem;padding:0 .5rem;position:absolute;top:0;transition:background .2s;z-index:10}.article-list-nav-arrow:hover{background:#047857;background:var(--article-list-primary-dark)}.article-list-nav-arrow.left{left:0}.article-list-nav-arrow.right{right:0}.article-list-full-banner{background:#f8fafc;margin-bottom:1.5rem;text-align:center;width:100%}.article-list-full-banner img{display:block;height:300px;object-fit:cover;object-position:center;width:100%}.article-list-header-section{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--article-list-border);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:.8rem}.article-list-main-title{align-items:center;color:#059669;color:var(--article-list-primary);display:flex;font-size:1.3rem;font-weight:800;gap:.4rem;margin:0;text-transform:uppercase;white-space:nowrap}.article-list-main-title svg{color:#cbd5e1;font-size:1rem}.article-list-sub-tabs{display:flex;flex:1 1;gap:1.2rem;overflow-x:auto;scrollbar-width:none}.article-list-sub-tabs::-webkit-scrollbar{display:none}.article-list-tab-item{background:none;border:none;color:#6b7280;color:var(--article-list-text-light);cursor:pointer;font-size:.95rem;font-weight:600;padding:0;transition:color .2s;white-space:nowrap}.article-list-tab-item:hover{color:#1f2937;color:var(--article-list-text)}.article-list-tab-item.active{color:#ef4444;color:var(--article-list-red)}.article-list-header-actions{align-items:center;display:flex;gap:1rem}.article-list-search-mini{align-items:center;background:#f1f5f9;border:1px solid #e5e7eb;border:1px solid var(--article-list-border);border-radius:20px;display:flex;padding:.35rem 1rem;transition:border-color .3s}.article-list-search-mini:focus-within{border-color:#059669;border-color:var(--article-list-primary)}.article-list-search-mini input{background:#0000;border:none;color:#1f2937;color:var(--article-list-text);font-size:.85rem;outline:none;width:150px}.article-list-search-mini button{background:none;border:none;color:#6b7280;color:var(--article-list-text-light);cursor:pointer}.article-list-mega-wrapper{position:relative}.article-list-menu-toggle-btn{align-items:center;background:#059669;background:var(--article-list-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.4rem;padding:.5rem 1rem;transition:background .2s}.article-list-menu-toggle-btn.active,.article-list-menu-toggle-btn:hover{background:#047857;background:var(--article-list-primary-dark)}.article-list-mega-menu{grid-gap:2rem;background:#fff;border-radius:0 0 8px 8px;border-top:3px solid #059669;border-top:3px solid var(--article-list-primary);box-shadow:0 10px 25px -5px #00000026;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);padding:1.5rem;position:absolute;right:0;top:110%;width:700px;z-index:100}.article-list-mega-col h3{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--article-list-border);color:#047857;color:var(--article-list-primary-dark);display:flex;font-size:1.05rem;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.article-list-mega-col ul{list-style:none;margin:0;padding:0}.article-list-mega-col li{color:#1f2937;color:var(--article-list-text);cursor:pointer;font-size:.95rem;padding:.5rem 0;transition:color .2s}.article-list-mega-col li:hover{color:#059669;color:var(--article-list-primary);font-weight:600}.article-list-alphabet-filter{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--article-list-border);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.article-list-alphabet-btn{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--article-list-border);border-radius:4px;color:#6b7280;color:var(--article-list-text-light);cursor:pointer;font-size:.8rem;font-weight:600;padding:.3rem .6rem;transition:all .2s}.article-list-alphabet-btn.article-list-active,.article-list-alphabet-btn:hover{background:#059669;background:var(--article-list-primary);border-color:#059669;border-color:var(--article-list-primary);color:#fff}.article-list-filter-alert{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1.5rem;padding:.8rem 1rem}.article-list-filter-alert p{color:#166534;font-weight:500;margin:0}.article-list-filter-alert button{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.4rem;padding:.3rem .8rem}.article-list-layout-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:8fr 4fr}.article-list-magazine-top{margin-bottom:1.5rem}.article-list-hero-split{grid-gap:1.5rem;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--article-list-border);display:grid;gap:1.5rem;grid-template-columns:2.2fr 1fr;margin-bottom:1.5rem;padding-bottom:1.5rem}.article-list-hero-main{cursor:pointer}.article-list-hero-main-img{border-radius:4px;height:300px;margin-bottom:.8rem;overflow:hidden;width:100%}.article-list-hero-main-img img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.article-list-hero-main:hover .article-list-hero-main-img img{transform:scale(1.05)}.article-list-hero-main-title{color:#047857;color:var(--article-list-primary-dark);font-size:1.5rem;font-weight:800;line-height:1.3;margin:0 0 .4rem}.article-list-hero-main:hover .article-list-hero-main-title{color:#059669;color:var(--article-list-primary)}.article-list-hero-main-excerpt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;color:var(--article-list-text-light);display:-webkit-box;font-size:.95rem;line-height:1.6;margin:.6rem 0 0;overflow:hidden}.article-list-hero-side{display:flex;flex-direction:column;gap:1.2rem}.article-list-side-item{cursor:pointer;display:flex;flex-direction:column;gap:.6rem}.article-list-side-item:first-child{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--article-list-border);padding-bottom:1.2rem}.article-list-side-img{border-radius:4px;height:100px;overflow:hidden;width:100%}.article-list-side-img img{height:100%;object-fit:cover;width:100%}.article-list-side-title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#1f2937;color:var(--article-list-text);display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.4;margin:0;overflow:hidden}.article-list-side-item:hover .article-list-side-title{color:#059669;color:var(--article-list-primary)}.article-list-hero-bottom{grid-gap:1.2rem;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--article-list-border);display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);padding-bottom:1.5rem}.article-list-bottom-item{cursor:pointer}.article-list-bottom-img{border-radius:4px;height:110px;margin-bottom:.6rem;overflow:hidden;width:100%}.article-list-bottom-img img{height:100%;object-fit:cover;width:100%}.article-list-bottom-title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#1f2937;color:var(--article-list-text);display:-webkit-box;font-size:.95rem;font-weight:700;line-height:1.4;margin:0 0 .4rem;overflow:hidden}.article-list-bottom-item:hover .article-list-bottom-title{color:#059669;color:var(--article-list-primary)}.article-list-vertical-list{display:flex;flex-direction:column;gap:1.2rem}.article-list-item-card{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--article-list-border);cursor:pointer;display:flex;gap:1.2rem;padding-bottom:1.2rem}.article-list-item-card:last-child{border-bottom:none}.article-list-item-img{border-radius:4px;flex-shrink:0;height:130px;overflow:hidden;width:200px}.article-list-item-img img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.article-list-item-card:hover .article-list-item-img img{transform:scale(1.05)}.article-list-item-info{flex:1 1}.article-list-item-title{color:#1f2937;color:var(--article-list-text);font-size:1.15rem;font-weight:700;line-height:1.4;margin:0 0 .4rem}.article-list-item-card:hover .article-list-item-title{color:#059669;color:var(--article-list-primary)}.article-list-item-excerpt{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.6;margin:.6rem 0 0;overflow:hidden}.article-list-item-excerpt,.article-list-meta{color:#6b7280;color:var(--article-list-text-light)}.article-list-meta{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;margin-top:.3rem}.article-list-meta span:first-child{color:#059669;color:var(--article-list-primary);font-size:.75rem;font-weight:700;text-transform:uppercase}.article-list-sidebar{display:flex;flex-direction:column;gap:2rem}.article-list-ad-box img{border:1px solid #e5e7eb;border:1px solid var(--article-list-border);border-radius:4px;width:100%}.article-list-widget-title{border-left:3px solid #059669;border-left:3px solid var(--article-list-primary);color:#1f2937;color:var(--article-list-text);font-size:1.05rem;font-weight:800;margin-bottom:1.2rem;padding-left:.6rem;text-transform:uppercase}.article-list-popular-container{display:flex;flex-direction:column;gap:1rem}.article-list-popular-item{align-items:flex-start;border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--article-list-border);cursor:pointer;display:flex;gap:.8rem;padding-bottom:1rem}.article-list-popular-item:last-child{border-bottom:none}.article-list-popular-rank{color:#e2e8f0;font-size:2.2rem;font-weight:900;line-height:.8;min-width:30px}.article-list-popular-item:first-child .article-list-popular-rank{color:#ef4444}.article-list-popular-item:nth-child(2) .article-list-popular-rank{color:#f97316}.article-list-popular-item:nth-child(3) .article-list-popular-rank{color:#eab308}.article-list-popular-content h4{color:#1f2937;color:var(--article-list-text);font-size:.95rem;font-weight:700;line-height:1.4;margin:0 0 .4rem}.article-list-popular-item:hover h4{color:#059669;color:var(--article-list-primary)}.article-list-popular-content span{align-items:center;color:#6b7280;color:var(--article-list-text-light);display:flex;font-size:.75rem;gap:.3rem}.article-list-tags-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.article-list-tag-btn{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--article-list-border);border-radius:4px;color:#6b7280;color:var(--article-list-text-light);cursor:pointer;font-size:.8rem;padding:.4rem .6rem;transition:all .2s}.article-list-tag-btn.active,.article-list-tag-btn:hover{background:#059669;background:var(--article-list-primary);border-color:#059669;border-color:var(--article-list-primary);color:#fff}.article-list-pagination{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--article-list-border);display:flex;gap:.8rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.article-list-page-numbers{display:flex;gap:.4rem}.article-list-pagination button{background:#fff;background:var(--article-list-bg);border:1px solid #e5e7eb;border:1px solid var(--article-list-border);border-radius:4px;color:#1f2937;color:var(--article-list-text);cursor:pointer;font-size:.9rem;font-weight:600;padding:.4rem .8rem;transition:all .2s}.article-list-pagination button:disabled{cursor:not-allowed;opacity:.5}.article-list-pagination button.article-list-active,.article-list-pagination button:hover:not(:disabled){background:#059669;background:var(--article-list-primary);border-color:#059669;border-color:var(--article-list-primary);color:#fff}.article-list-empty,.article-list-loading{color:#6b7280;color:var(--article-list-text-light);font-size:1rem;padding:3rem 1rem;text-align:center}@media (max-width:1024px){.article-list-layout-grid{grid-template-columns:1fr}.article-list-hero-main-img{height:350px}.article-list-sidebar{border-top:2px solid #e5e7eb;border-top:2px solid var(--article-list-border);margin-top:1.5rem;padding-top:1.5rem}}@media (max-width:768px){.article-list-page-wrapper{padding-bottom:2rem}.article-list-header-section{align-items:flex-start;flex-direction:column;gap:.8rem}.article-list-sub-tabs{padding-bottom:.4rem;width:100%}.article-list-header-actions{align-items:stretch;flex-direction:column;width:100%}.article-list-mega-wrapper,.article-list-search-mini,.article-list-search-mini input{width:100%}.article-list-menu-toggle-btn{justify-content:center;width:100%}.article-list-mega-menu{border:1px solid #e5e7eb;border:1px solid var(--article-list-border);box-shadow:none;grid-template-columns:1fr;margin-top:.5rem;position:static;width:100%}.article-list-full-banner img{height:150px}.article-list-hero-split{gap:1rem;grid-template-columns:1fr}.article-list-hero-side{flex-direction:column}.article-list-side-item:first-child{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--article-list-border);border-right:none;padding-bottom:1rem;padding-right:0}.article-list-side-item{align-items:center;flex-direction:row;gap:1rem}.article-list-side-img{height:75px;margin:0;width:100px}.article-list-hero-bottom{gap:1rem;grid-template-columns:1fr}.article-list-bottom-item{align-items:center;display:flex;gap:1rem}.article-list-bottom-img{height:75px;margin:0;width:100px}.article-list-item-card{flex-direction:column;gap:.8rem}.article-list-item-img{height:200px;width:100%}.article-list-hero-main-title{font-size:1.3rem}}:root{--g50:#f0fdf4;--g100:#dcfce7;--g200:#bbf7d0;--g300:#86efac;--g400:#4ade80;--g500:#22c55e;--g600:#16a34a;--g700:#15803d;--g800:#166534;--n0:#fff;--n50:#f8fafc;--n100:#f1f5f9;--n200:#e2e8f0;--n300:#cbd5e1;--n400:#94a3b8;--n500:#64748b;--n600:#475569;--n700:#334155;--n800:#1e293b;--n900:#0f172a;--danger:#ef4444;--danger-bg:#fee2e2;--warning:#f59e0b;--warning-bg:#fef3c7;--info:#3b82f6;--info-bg:#dbeafe;--purple:#8b5cf6;--purple-bg:#ede9fe;--orange:#f97316;--orange-bg:#ffedd5;--success:#10b981;--success-bg:#d1fae5;--r4:4px;--r6:6px;--r8:8px;--r12:12px;--r16:16px;--rfull:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 6px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 30px #00000024;--shadow-xl:0 16px 48px #0003;--font:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:18px;--z-modal:1000;--z-preview:1500;--z-alert:2000;--z-toast:9999}.article-mgmt-page{background:linear-gradient(135deg,#f0fdf4,#f8fafc 60%,#f1f5f9);background:linear-gradient(135deg,var(--g50) 0,var(--n50) 60%,var(--n100) 100%);color:#1e293b;color:var(--n800);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-size:var(--fs-base);min-height:100vh;padding:12px}.article-mgmt-container{margin:0 auto;max-width:1440px}.article-mgmt-header{background:#fff;background:var(--n0);border:1px solid #e2e8f0;border:1px solid var(--n200);border-radius:12px;border-radius:var(--r12);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);margin-bottom:10px;padding:8px 14px}.article-mgmt-header-content{justify-content:space-between;width:100%}.article-mgmt-header-content,.article-mgmt-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.article-mgmt-main-title{align-items:center;color:#1e293b;color:var(--n800);display:flex;font-size:15px;font-weight:800;gap:6px;white-space:nowrap}.article-mgmt-main-title svg{color:#16a34a;color:var(--g600);font-size:17px}.article-mgmt-stats-inline{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.article-mgmt-stat-item{background:#f1f5f9;background:var(--n100);border-radius:9999px;border-radius:var(--rfull);color:#64748b;color:var(--n500);font-size:12px;font-size:var(--fs-sm);padding:3px 8px;white-space:nowrap}.article-mgmt-stat-item strong{color:#1e293b;color:var(--n800)}.article-mgmt-stat-item.article-mgmt-stat-pending strong{color:#f59e0b;color:var(--warning)}.article-mgmt-btn-create{align-items:center;background:#16a34a;background:var(--g600);border:none;border-radius:8px;border-radius:var(--r8);box-shadow:0 2px 8px #22c55e59;color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:700;gap:5px;padding:7px 14px;transition:all .2s;white-space:nowrap}.article-mgmt-btn-create:hover{box-shadow:0 4px 12px #22c55e73;transform:translateY(-1px)}.article-mgmt-filters{background:#fff;background:var(--n0);border:1px solid #e2e8f0;border:1px solid var(--n200);border-radius:8px;border-radius:var(--r8);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);margin-bottom:10px;padding:8px 12px}.article-mgmt-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.article-mgmt-filter-search{align-items:center;background:#f8fafc;background:var(--n50);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);display:flex;flex:1 1;gap:6px;max-width:280px;min-width:180px;padding:5px 10px;transition:border-color .2s}.article-mgmt-filter-search:focus-within{border-color:#4ade80;border-color:var(--g400)}.article-mgmt-filter-search svg{color:#94a3b8;color:var(--n400);flex-shrink:0;font-size:12px}.article-mgmt-filter-search input{background:#0000;border:none;color:#1e293b;color:var(--n800);flex:1 1;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);min-width:0;outline:none}.article-mgmt-filter-search button{align-items:center;background:none;border:none;color:#94a3b8;color:var(--n400);cursor:pointer;display:flex;font-size:11px;padding:0}.article-mgmt-filter-select{background:#f8fafc;background:var(--n50);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#334155;color:var(--n700);cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);max-width:160px;min-width:120px;outline:none;padding:5px 8px}.article-mgmt-filter-select:focus{border-color:#4ade80;border-color:var(--g400)}.article-mgmt-filter-select:disabled{cursor:not-allowed;opacity:.55}.article-mgmt-btn-export{align-items:center;background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#475569;color:var(--n600);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs);font-weight:600;gap:4px;padding:5px 10px;transition:all .15s;white-space:nowrap}.article-mgmt-btn-export:hover{background:#f8fafc;background:var(--n50);border-color:#86efac;border-color:var(--g300);color:#16a34a;color:var(--g600)}.article-mgmt-table-wrapper{background:#fff;background:var(--n0);border:1px solid #e2e8f0;border:1px solid var(--n200);border-radius:8px;border-radius:var(--r8);box-shadow:0 2px 6px #00000014;box-shadow:var(--shadow-sm);margin-bottom:10px;overflow-x:auto}.article-mgmt-table{border-collapse:initial;border-spacing:0;font-size:12px;font-size:var(--fs-sm);min-width:700px;width:100%}.article-mgmt-table thead{background:linear-gradient(90deg,#f0fdf4,#f8fafc);background:linear-gradient(90deg,var(--g50),var(--n50))}.article-mgmt-table th{border-bottom:2px solid #bbf7d0;border-bottom:2px solid var(--g200);color:#334155;color:var(--n700);font-size:11px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.4px;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.article-mgmt-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--n100);padding:7px 10px;vertical-align:middle}.article-mgmt-table tbody tr:hover{background:#f0fdf4;background:var(--g50)}.article-mgmt-table tbody tr:last-child td{border-bottom:none}.col-fixed{background:#fff;background:var(--n0);position:-webkit-sticky;position:sticky;z-index:2}.col-title{box-shadow:2px 0 4px #0000000a;left:0;max-width:300px;min-width:220px}.col-actions{box-shadow:-2px 0 6px #0000000f;min-width:160px;right:0}.article-mgmt-table tbody tr:hover .col-fixed{background:#f0fdf4;background:var(--g50)}.article-title-cell{align-items:flex-start;display:flex;gap:6px}.article-title-cell>svg{color:#22c55e;color:var(--g500);flex-shrink:0;font-size:12px;margin-top:2px}.article-title-text{font-weight:600}.article-title-link,.article-title-text{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--n800);display:-webkit-box;font-size:12px;font-size:var(--fs-sm);line-height:1.4;overflow:hidden}.article-title-link{background:#0000;border:none;cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-weight:700;padding:0;text-align:left}.article-title-link:hover{color:#16a34a;color:var(--g600);text-decoration:underline}.article-report-link{background:#fee2e2;background:var(--danger-bg);border:none;border-radius:9999px;border-radius:var(--rfull);color:#991b1b;cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-weight:700;padding:2px 8px}.article-report-link:hover{filter:brightness(.97)}.category-badge{background:#dcfce7;background:var(--g100);border-radius:9999px;border-radius:var(--rfull);color:#15803d;color:var(--g700);display:inline-block;font-weight:600;padding:2px 7px;white-space:nowrap}.author-cell,.category-badge{font-size:11px;font-size:var(--fs-xs)}.author-cell{align-items:center;color:#475569;color:var(--n600);display:flex;gap:5px}.author-cell svg{color:#94a3b8;color:var(--n400);font-size:11px}.article-mgmt-status-badge{border-radius:9999px;border-radius:var(--rfull);display:inline-block;font-size:11px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.article-mgmt-status-draft{background:#f1f5f9;background:var(--n100);color:#475569;color:var(--n600)}.article-mgmt-status-pending{background:#fef3c7;background:var(--warning-bg);color:#92400e}.article-mgmt-status-approved{background:#dcfce7;background:var(--g100);color:#15803d;color:var(--g700)}.article-mgmt-status-rejected{background:#fee2e2;background:var(--danger-bg);color:#991b1b}.article-mgmt-status-hidden{background:#ede9fe;background:var(--purple-bg);color:#5b21b6}.status-request-edit{background:#ffedd5;background:var(--orange-bg);color:#9a3412}.status-request-rewrite{background:#dbeafe;background:var(--info-bg);color:#1e40af}.action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-end}.article-mgmt-btn-action{align-items:center;border:none;border-radius:6px;border-radius:var(--r6);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.article-mgmt-btn-action:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);transform:translateY(-1px)}.article-mgmt-btn-edit{background:#22c55e1a;color:#22c55e;color:var(--g500)}.article-mgmt-btn-duplicate{background:#dcfce7;background:var(--g100);color:#16a34a;color:var(--g600)}.article-mgmt-btn-history{background:#dcfce7;background:var(--g100);color:#15803d;color:var(--g700)}.article-mgmt-btn-hide{background:#f973161a;color:#f97316;color:var(--orange)}.btn-delete{background:#ef44441a;color:#ef4444;color:var(--danger)}.col-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.col-sortable:hover{background:#f0fdf4;background:var(--g50)}.article-mgmt-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:8px 0}.article-mgmt-dashboard-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:10px}.article-mgmt-dashboard-card{background:#fff;background:var(--n0);border:1px solid #e2e8f0;border:1px solid var(--n200);border-radius:12px;border-radius:var(--r12);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);padding:12px;text-align:left;transition:transform .15s,box-shadow .15s,border-color .15s}.article-mgmt-dashboard-card:hover{box-shadow:0 2px 6px #00000014;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.article-mgmt-dashboard-card span{color:#64748b;color:var(--n500);display:block;font-size:11px;font-size:var(--fs-xs);margin-bottom:6px}.article-mgmt-dashboard-card strong{color:#0f172a;color:var(--n900);font-size:20px}.article-mgmt-dashboard-card.pending{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f59e0b;border-color:var(--warning)}.article-mgmt-dashboard-card.required{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#22c55e;border-color:var(--g500)}.article-mgmt-dashboard-card.medical{background:#f0fdf4;background:var(--g50);border-color:#bbf7d0;border-color:var(--g200)}.article-mgmt-dashboard-card.edit{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f97316;border-color:var(--orange)}.article-mgmt-dashboard-card.hidden,.article-mgmt-dashboard-card.rewrite{background:#f0fdf4;background:var(--g50);border-color:#bbf7d0;border-color:var(--g200)}.article-mgmt-dashboard-card.reports{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444;border-color:var(--danger)}.article-mgmt-report-modal{max-width:720px}.article-mgmt-report-title{color:#334155;color:var(--n700);margin-bottom:12px}.article-mgmt-report-empty{color:#64748b;color:var(--n500);padding:8px 0}.article-mgmt-report-list{display:flex;flex-direction:column;gap:10px;max-height:48vh;overflow-y:auto}.article-mgmt-report-item{background:#f8fafc;background:var(--n50);border:1px solid #e2e8f0;border:1px solid var(--n200);border-radius:8px;border-radius:var(--r8);padding:10px 12px}.article-mgmt-report-item-head{align-items:center;color:#475569;color:var(--n600);display:flex;font-size:11px;font-size:var(--fs-xs);gap:10px;justify-content:space-between;margin-bottom:6px}.article-mgmt-report-item p{color:#1e293b;color:var(--n800);font-size:12px;font-size:var(--fs-sm);line-height:1.6;margin:0}.medical-warning-text{color:#f59e0b;color:var(--warning);font-size:12px;font-size:var(--fs-sm);font-weight:600;margin-top:8px}.article-mgmt-btn-page{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#334155;color:var(--n700);cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);padding:4px 10px;transition:all .15s}.article-mgmt-btn-page:hover:not(:disabled){background:#f0fdf4;background:var(--g50);border-color:#86efac;border-color:var(--g300)}.article-mgmt-btn-page.active{background:#22c55e;background:var(--g500);border-color:#22c55e;border-color:var(--g500);color:#fff;font-weight:700}.article-mgmt-btn-page:disabled{cursor:not-allowed;opacity:.4}.article-mgmt-page-numbers{display:flex;gap:3px}.article-mgmt-text-center{color:#94a3b8;color:var(--n400);font-size:12px;font-size:var(--fs-sm);padding:20px!important;text-align:center}@keyframes scaleIn{0%{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulseScale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes brainPulse{0%{color:#16a34a;color:var(--g600);transform:scale(1) rotate(0deg)}25%{color:#22c55e;color:var(--g500);transform:scale(1.2) rotate(-10deg)}50%{color:#16a34a;color:var(--g600);transform:scale(1.05) rotate(10deg)}75%{color:#22c55e;color:var(--g500);transform:scale(1.2) rotate(-5deg)}to{color:#16a34a;color:var(--g600);transform:scale(1) rotate(0deg)}}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.ai-spin-icon{animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}.article-mgmt-spin{animation:spin .8s linear infinite;display:inline-block}.article-mgmt-form-overlay{align-items:flex-start;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:44px 10px 10px;position:fixed;z-index:1000;z-index:var(--z-modal)}.article-mgmt-form-container{animation:slideUp .2s ease;background:#fff;background:var(--n0);border-radius:16px;border-radius:var(--r16);box-shadow:0 16px 48px #0003;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;margin-bottom:12px;margin-top:34px;max-height:calc(100vh - 72px);max-width:980px;overflow:hidden;width:100%}@media (max-width:1280px){.article-mgmt-form-container{max-width:95vw}.article-mgmt-three-panel{grid-template-columns:160px 220px 1fr}}@media (max-width:1024px){.article-mgmt-form-container{margin-top:20px;max-width:90vw}.article-mgmt-three-panel{grid-template-columns:140px 200px 1fr}.article-mgmt-panel-section{padding:6px 8px}}@media (max-width:960px){.article-mgmt-form-container{margin-top:12px;max-width:96vw;padding:8px}.article-mgmt-three-panel{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;overflow:visible}.article-mgmt-panel{-webkit-overflow-scrolling:auto;max-height:none;overflow:visible}.article-mgmt-panel-section{padding:10px}.article-mgmt-cover-preview--vertical{aspect-ratio:16/9;min-height:140px}.article-mgmt-editor-wrapper{min-height:360px}.article-mgmt-import-bar{align-items:center}.article-mgmt-file-input{width:100%}}@media (max-width:640px){.article-mgmt-form-container{max-width:98vw;padding:6px}.article-mgmt-cover-preview--vertical{min-height:120px}.article-mgmt-editor-wrapper{min-height:300px;padding:8px}.article-mgmt-panel-section-title{font-size:11px}}.article-mgmt-form-header{align-items:center;background:#16a34a;background:var(--g600);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:11px 16px}.article-mgmt-form-header h2{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;gap:7px;margin:0}.article-mgmt-header-right{align-items:center;display:flex;gap:8px}.article-mgmt-btn-close-modal{align-items:center;background:#fff3;border:none;border-radius:6px;border-radius:var(--r6);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;transition:background .15s;width:28px}.article-mgmt-btn-close-modal:hover{background:#ffffff59}.article-mgmt-form-title-bar{background:#f8fafc;background:var(--n50);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--n100);flex-shrink:0;padding:7px 12px}.article-mgmt-title-label{align-items:center;color:#15803d;color:var(--g700);display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:700;gap:5px;margin-bottom:5px}.article-mgmt-title-label svg{color:#16a34a;color:var(--g600);font-size:11px}.article-mgmt-title-input{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:8px;border-radius:var(--r8);color:#1e293b;color:var(--n800);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;padding:7px 10px;transition:border-color .15s;width:100%}.article-mgmt-title-input::placeholder{color:#94a3b8;color:var(--n400);font-weight:400}.article-mgmt-title-input:focus{border-color:#4ade80;border-color:var(--g400);box-shadow:0 0 0 3px #4ade8026;outline:none}.article-mgmt-three-panel{display:grid;flex:1 1;grid-template-columns:190px 250px 1fr;min-height:0;overflow:hidden}.article-mgmt-panel{display:flex;flex-direction:column;gap:0;overflow-y:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--n300) #0000;scrollbar-width:thin}.article-mgmt-panel::-webkit-scrollbar{width:4px}.article-mgmt-panel::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--n300);border-radius:2px}.article-mgmt-panel--left{background:#f8fafc;background:var(--n50)}.article-mgmt-panel--left,.article-mgmt-panel--middle{border-right:1px solid #e2e8f0;border-right:1px solid var(--n200);padding:0}.article-mgmt-panel--middle,.article-mgmt-panel--right{background:#fff;background:var(--n0)}.article-mgmt-panel--right{display:flex;flex-direction:column;padding:0}.article-mgmt-panel-section{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--n100);padding:8px 10px}.article-mgmt-panel-section:last-child{border-bottom:none}.article-mgmt-panel-section-title{align-items:center;color:#15803d;color:var(--g700);display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.article-mgmt-panel-section-title svg{color:#16a34a;color:var(--g600);font-size:10px}.article-mgmt-cover-preview--vertical{align-items:center;aspect-ratio:4/3;background:#f1f5f9;background:var(--n100);border:1.5px dashed #cbd5e1;border:1.5px dashed var(--n300);border-radius:6px;border-radius:var(--r6);display:flex;justify-content:center;margin-bottom:8px;min-height:90px;overflow:hidden;position:relative;width:100%}.article-mgmt-cover-preview--vertical img{display:block;height:100%;object-fit:cover;width:100%}.article-mgmt-cover-placeholder{align-items:center;color:#94a3b8;color:var(--n400);display:flex;flex-direction:column;font-size:11px;font-size:var(--fs-xs);gap:4px;padding:8px;text-align:center}.article-mgmt-cover-placeholder svg{color:#cbd5e1;color:var(--n300);font-size:26px}.article-mgmt-btn-remove-image{align-items:center;background:#ef4444d9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.article-mgmt-image-upload-tabs{display:flex;gap:4px;margin-bottom:6px}.article-mgmt-tab-btn{align-items:center;background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#64748b;color:var(--n500);cursor:pointer;display:flex;flex:1 1;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs);font-weight:600;gap:4px;justify-content:center;padding:4px 6px;transition:all .15s}.article-mgmt-tab-btn:hover{border-color:#86efac;border-color:var(--g300);color:#16a34a;color:var(--g600)}.article-mgmt-tab-btn.active{background:#22c55e;background:var(--g500);border-color:#22c55e;border-color:var(--g500);color:#fff}.article-mgmt-upload-label{align-items:center;background:#f0fdf4;background:var(--g50);border:2px dashed #86efac;border:2px dashed var(--g300);border-radius:6px;border-radius:var(--r6);color:#16a34a;color:var(--g600);cursor:pointer;display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:600;gap:5px;justify-content:center;padding:7px;text-align:center;transition:all .15s;width:100%}.article-mgmt-upload-label:hover{background:#dcfce7;background:var(--g100);border-color:#22c55e;border-color:var(--g500)}.article-mgmt-url-input-group{display:flex;gap:6px}.article-mgmt-url-input{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#1e293b;color:var(--n800);flex:1 1;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs);outline:none;padding:6px 8px}.article-mgmt-url-input:focus{border-color:#4ade80;border-color:var(--g400)}.article-mgmt-btn-add-url{background:#22c55e;background:var(--g500);border:none;border-radius:6px;border-radius:var(--r6);color:#fff;cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs);font-weight:600;padding:5px 8px;white-space:nowrap}.article-mgmt-btn-add-url:hover{background:#16a34a;background:var(--g600)}.article-mgmt-cover-hint{color:#94a3b8;color:var(--n400);font-size:11px;font-size:var(--fs-xs);margin-top:4px}.article-mgmt-medical-review-section{background:#f8fff9;border:1px solid #dcfce7;border:1px solid var(--g100);border-radius:8px;border-radius:var(--r8);padding:8px 10px}.article-mgmt-medical-checkbox{align-items:center;color:#15803d;color:var(--g700);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:7px}.article-mgmt-medical-checkbox input[type=checkbox]{accent-color:#22c55e;accent-color:var(--g500);flex-shrink:0;height:14px;width:14px}.article-mgmt-medical-details{display:flex;flex-direction:column;gap:8px;margin-top:8px}.article-mgmt-doctor-card{align-items:center;background:#f0fdf4;background:var(--g50);border:1px solid #dcfce7;border:1px solid var(--g100);border-radius:8px;border-radius:var(--r8);box-shadow:none;display:flex;gap:8px;padding:7px 10px}.doctor-avatar{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.doctor-title{color:#15803d;color:var(--g700);display:block;font-size:10px}.doctor-name{color:#1e293b;color:var(--n800);display:block;font-size:12px;font-weight:700;margin:1px 0}.doctor-pending{background:#dcfce7;background:var(--g100);border-radius:9999px;border-radius:var(--rfull);color:#15803d;color:var(--g700);font-size:10px;padding:1px 6px}.medical-warning-text{color:#16a34a;color:var(--g600);font-size:11px;font-style:italic}.article-mgmt-form-group{display:flex;flex-direction:column;gap:4px}.article-mgmt-form-label{align-items:center;color:#334155;color:var(--n700);display:flex;font-size:12px;font-weight:600;gap:5px}.article-mgmt-form-label svg{color:#16a34a;color:var(--g600);font-size:11px}.article-mgmt-form-label.required:after{color:#ef4444;color:var(--danger);content:" *"}.article-mgmt-form-input,.article-mgmt-form-select{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#1e293b;color:var(--n800);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;padding:7px 10px;transition:border-color .15s;width:100%}.article-mgmt-form-input:focus,.article-mgmt-form-select:focus{border-color:#4ade80;border-color:var(--g400);box-shadow:0 0 0 3px #4ade8026;outline:none}.article-mgmt-tags-input-wrapper{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);padding:6px;transition:border-color .15s}.article-mgmt-tags-input-wrapper:focus-within{border-color:#4ade80;border-color:var(--g400)}.article-mgmt-tags-display{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px;min-height:20px}.article-mgmt-tag-item{align-items:center;background:#dcfce7;background:var(--g100);border-radius:9999px;border-radius:var(--rfull);color:#15803d;color:var(--g700);display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:600;gap:4px;padding:2px 7px}.article-mgmt-btn-remove-tag{align-items:center;background:none;border:none;color:#16a34a;color:var(--g600);cursor:pointer;display:flex;font-size:10px;line-height:1;padding:0}.article-mgmt-btn-remove-tag:hover{color:#ef4444;color:var(--danger)}.article-mgmt-tags-input-group{display:flex;gap:5px}.article-mgmt-tags-input{background:#0000;color:#1e293b;color:var(--n800);flex:1 1;min-width:0;outline:none}.article-mgmt-btn-add-tag,.article-mgmt-tags-input{border:none;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs)}.article-mgmt-btn-add-tag{background:#22c55e;background:var(--g500);border-radius:4px;border-radius:var(--r4);color:#fff;cursor:pointer;font-weight:600;padding:3px 8px}.article-mgmt-entity-search-box{align-items:center;background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);display:flex;gap:6px;padding:6px 10px;position:relative;transition:border-color .15s}.article-mgmt-entity-search-box:focus-within{border-color:#4ade80;border-color:var(--g400)}.article-mgmt-entity-search-box svg{color:#94a3b8;color:var(--n400);flex-shrink:0;font-size:12px}.article-mgmt-entity-search-box input{background:#0000;border:none;color:#1e293b;color:var(--n800);flex:1 1;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);min-width:0;outline:none}.article-mgmt-spinner-icon{animation:spin .8s linear infinite;color:#22c55e;color:var(--g500);font-size:12px}.article-mgmt-entity-dropdown{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:8px;border-radius:var(--r8);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 3px);z-index:20}.article-mgmt-entity-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--n100);cursor:pointer;padding:7px 10px;transition:background .1s}.article-mgmt-entity-item:last-child{border-bottom:none}.article-mgmt-entity-item:hover{background:#f0fdf4;background:var(--g50)}.article-mgmt-entity-item h5{color:#1e293b;color:var(--n800);font-size:12px;font-size:var(--fs-sm);font-weight:600;margin:0}.article-mgmt-entity-item-category{color:#94a3b8;color:var(--n400);font-size:11px;font-size:var(--fs-xs)}.article-mgmt-selected-entity{align-items:center;background:#f0fdf4;background:var(--g50);border:1px solid #dcfce7;border:1px solid var(--g100);border-radius:6px;border-radius:var(--r6);display:flex;gap:8px;justify-content:space-between;padding:8px 12px}.article-mgmt-entity-info h4{color:#1e293b;color:var(--n800);font-size:12px;font-size:var(--fs-sm);font-weight:700;margin:0}.article-mgmt-entity-category{color:#64748b;color:var(--n500);font-size:11px;font-size:var(--fs-xs)}.article-mgmt-btn-clear-entity{align-items:center;background:#fff;background:var(--n0);border:1px solid #cbd5e1;border:1px solid var(--n300);border-radius:6px;border-radius:var(--r6);color:#ef4444;color:var(--danger);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs);font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.article-mgmt-editor-container{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0 12px 12px}.article-mgmt-editor-label{align-items:center;color:#334155;color:var(--n700);display:flex;font-size:12px;font-size:var(--fs-sm);font-weight:600;gap:5px;padding:8px 0 4px}.article-mgmt-editor-label svg{color:#22c55e;color:var(--g500);font-size:12px}.article-mgmt-editor-label.required:after{color:#ef4444;color:var(--danger);content:" *"}#toolbar-container{background:#f8fafc;background:var(--n50);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-bottom:none;border-radius:6px 6px 0 0;border-radius:var(--r6) var(--r6) 0 0;min-height:36px;padding:4px 8px}.article-mgmt-editor-wrapper{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:0 0 6px 6px;border-radius:0 0 var(--r6) var(--r6);flex:1 1;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:14px;font-size:var(--fs-md);line-height:1.65;min-height:300px;overflow-y:auto;padding:10px 12px}.article-mgmt-editor-wrapper:focus-within{border-color:#4ade80;border-color:var(--g400)}.article-mgmt-editor-wrapper .ck-content{min-height:280px;outline:none}.article-mgmt-editor-wrapper .ck-content p{margin-bottom:.6em}.article-mgmt-editor-wrapper .ck-content img{border-radius:6px;border-radius:var(--r6);height:auto;max-width:100%}.article-mgmt-editor-wrapper .ck-content table{border-collapse:collapse;width:100%}.article-mgmt-editor-wrapper .ck-content td,.article-mgmt-editor-wrapper .ck-content th{border:1px solid #cbd5e1;border:1px solid var(--n300);padding:6px 8px}.article-mgmt-import-bar{align-items:center;background:#f8fafc;background:var(--n50);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--n100);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 12px}.article-mgmt-import-label{align-items:center;display:flex;font-weight:600;gap:4px}.article-mgmt-file-input,.article-mgmt-import-label{color:#475569;color:var(--n600);font-size:11px;font-size:var(--fs-xs)}.article-mgmt-file-input{background:#fff;background:var(--n0);border:1.5px dashed #cbd5e1;border:1.5px dashed var(--n300);border-radius:6px;border-radius:var(--r6);cursor:pointer;flex:1 1;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);min-width:0;padding:4px 6px}.article-mgmt-file-input:hover{background:#f0fdf4;background:var(--g50);border-color:#86efac;border-color:var(--g300)}.article-mgmt-form-footer{align-items:center;background:#f8fafc;background:var(--n50);border-top:1px solid #e2e8f0;border-top:1px solid var(--n200);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:10px 16px}.btn-ai-assist{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--purple),#6366f1);border:none;border-radius:6px;border-radius:var(--r6);color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs);font-weight:700;gap:4px;padding:4px 10px;transition:all .15s;white-space:nowrap}.btn-ai-assist:hover{box-shadow:0 3px 10px #8b5cf666;transform:translateY(-1px)}.btn-ai-assist:disabled{cursor:not-allowed;opacity:.7;transform:none}.article-mgmt-ai-modal{animation:scaleIn .2s ease;background:#fff;background:var(--n0);border-radius:16px;border-radius:var(--r16);box-shadow:0 16px 48px #0003;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:540px;overflow:hidden;width:100%}.article-mgmt-modal-body-scrollable{max-height:420px;overflow-y:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--n300) #0000;scrollbar-width:thin}.article-mgmt-ai-loading{align-items:center;display:flex;flex-direction:column;gap:14px;padding:32px 20px;text-align:center}.article-mgmt-ai-loading-anim{align-items:center;display:flex;flex-direction:column;gap:10px}.article-mgmt-ai-brain-icon{animation:brainPulse 1.6s ease-in-out infinite;display:block;font-size:44px}.article-mgmt-ai-loading-spinner{animation:spin .9s linear infinite;color:#16a34a;color:var(--g600);display:block;font-size:44px}.article-mgmt-ai-icon-ring{align-items:center;display:flex;height:72px;justify-content:center;position:relative;width:72px}.article-mgmt-ai-icon-ring:before{animation:spin .8s linear infinite;border-bottom:3px solid #0000;border-left:3px solid #0000;border-radius:50%;border-right:3px solid #22c55e;border-right-color:var(--g500);border-top:3px solid #16a34a;border-top-color:var(--g600);content:"";inset:-6px;position:absolute}.article-mgmt-ai-icon-ring:after{animation:spin 1.4s linear infinite reverse;border-color:#0000 #0000 #22c55e59 #16a34a59;border-radius:50%;border-style:solid;border-width:2px;content:"";inset:-12px;position:absolute}.article-mgmt-ai-loading-dots{align-items:flex-end;display:flex;gap:5px}.article-mgmt-ai-loading-dots span{animation:dotBounce 1.2s ease-in-out infinite;background:#16a34a;background:var(--g600);border-radius:50%;display:block;height:7px;width:7px}.article-mgmt-ai-loading-dots span:nth-child(2){animation-delay:.2s;background:#22c55e;background:var(--g500)}.article-mgmt-ai-loading-dots span:nth-child(3){animation-delay:.4s;background:#15803d;background:var(--g700)}.article-mgmt-ai-loading-text{color:#1e293b;color:var(--n800);font-size:14px;font-size:var(--fs-md);font-weight:700;margin:0}.article-mgmt-ai-loading-subtext{color:#94a3b8;color:var(--n400);font-size:11px;font-size:var(--fs-xs);margin:0}.article-mgmt-ai-option-container{display:flex;flex-direction:column;gap:6px}.article-mgmt-ai-option-button{align-items:center;background:#fff;background:var(--n0);border:2px solid #e2e8f0;border:2px solid var(--n200);border-radius:8px;border-radius:var(--r8);cursor:pointer;display:flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);gap:12px;padding:10px 14px;text-align:left;transition:all .15s;width:100%}.article-mgmt-ai-option-button:hover:not(:disabled){background:color-mix(in srgb,#4ade80 8%,#fff);background:color-mix(in srgb,var(--ai-opt-color,var(--g400)) 8%,#fff);border-color:#4ade80;border-color:var(--ai-opt-color,var(--g400));transform:translateX(3px)}.article-mgmt-ai-option-button.active{background:color-mix(in srgb,#4ade80 12%,#fff);background:color-mix(in srgb,var(--ai-opt-color,var(--g400)) 12%,#fff);border-color:#4ade80;border-color:var(--ai-opt-color,var(--g400))}.article-mgmt-ai-option-button:disabled{cursor:not-allowed;opacity:.5}.ai-opt-icon{flex-shrink:0;font-size:20px}.article-mgmt-ai-option-button div{display:flex;flex-direction:column;gap:2px}.article-mgmt-ai-option-button strong{color:#1e293b;color:var(--n800);font-size:12px;font-size:var(--fs-sm)}.article-mgmt-ai-option-button small{color:#64748b;color:var(--n500);font-size:11px;font-size:var(--fs-xs);line-height:1.4}.article-mgmt-custom-prompt-box{display:flex;flex-direction:column;gap:5px;margin-top:8px}.article-mgmt-custom-prompt-label{color:#334155;color:var(--n700);font-size:12px;font-size:var(--fs-sm);font-weight:600}.article-mgmt-custom-prompt-input{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#1e293b;color:var(--n800);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);line-height:1.55;padding:8px 10px;resize:vertical;width:100%}.article-mgmt-custom-prompt-input:focus{border-color:#4ade80;border-color:var(--g400);box-shadow:0 0 0 3px #4ade8026;outline:none}.article-mgmt-ai-warning-alert{align-items:flex-start;background:#fef3c7;background:var(--warning-bg);border-left:3px solid #f59e0b;border-left:3px solid var(--warning);border-radius:6px;border-radius:var(--r6);color:#92400e;display:flex;font-size:12px;font-size:var(--fs-sm);gap:10px;margin-bottom:12px;padding:10px 12px}.article-mgmt-ai-preview-grid{display:flex;flex-direction:column;gap:10px}.article-mgmt-ai-preview-item{background:#f8fafc;background:var(--n50);border:1px solid #e2e8f0;border:1px solid var(--n200);border-radius:8px;border-radius:var(--r8);padding:10px}.article-mgmt-ai-preview-item-label{color:#64748b;color:var(--n500);font-size:11px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.4px;margin-bottom:4px;text-transform:uppercase}.article-mgmt-ai-preview-item-content{color:#1e293b;color:var(--n800);font-size:12px;font-size:var(--fs-sm);line-height:1.5;margin:0}.article-mgmt-ai-tags-display{display:flex;flex-wrap:wrap;gap:4px}.article-mgmt-ai-tag{align-items:center;background:#dcfce7;background:var(--g100);border-radius:9999px;border-radius:var(--rfull);color:#15803d;color:var(--g700);display:inline-flex;font-size:11px;font-size:var(--fs-xs);font-weight:600;padding:2px 8px}.article-mgmt-btn-submit{align-items:center;background:#16a34a;background:var(--g600);border:none;border-radius:8px;border-radius:var(--r8);color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;gap:5px;justify-content:center;padding:7px 14px;transition:all .2s;white-space:nowrap}.article-mgmt-btn-submit:hover{background:#15803d;background:var(--g700);box-shadow:0 4px 12px #15803d2e;transform:translateY(-1px)}.article-mgmt-btn-primary{background:#16a34a;background:var(--g600);box-shadow:0 2px 8px #15803d38;color:#fff}.article-mgmt-btn-primary:hover{background:#15803d;background:var(--g700);box-shadow:0 4px 14px #15803d52;transform:translateY(-1px)}.article-mgmt-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.article-mgmt-btn-secondary{background:#fff;background:var(--n0);border:1.5px solid #cbd5e1!important;border:1.5px solid var(--n300)!important;color:#334155;color:var(--n700)}.article-mgmt-btn-secondary:hover{background:#f8fafc;background:var(--n50);border-color:#94a3b8!important;border-color:var(--n400)!important}.article-mgmt-btn-cancel{align-items:center;background:#fff;background:var(--n0);border:1.5px solid #cbd5e1;border:1.5px solid var(--n300);border-radius:8px;border-radius:var(--r8);color:#334155;color:var(--n700);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:600;gap:5px;justify-content:center;padding:7px 14px;transition:all .15s}.article-mgmt-btn-cancel:hover{background:#f8fafc;background:var(--n50);border-color:#94a3b8;border-color:var(--n400)}.article-mgmt-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.article-mgmt-btn-preview-inline{align-items:center;background:#16a34a;background:var(--g600);border:none;border-radius:6px;border-radius:var(--r6);box-shadow:0 2px 8px #15803d38;color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs);font-weight:700;gap:5px;padding:5px 12px;transition:all .2s;white-space:nowrap}.article-mgmt-btn-preview-inline:hover{background:#15803d;background:var(--g700);box-shadow:0 4px 12px #15803d52;transform:translateY(-1px)}.article-mgmt-btn-preview{align-items:center;background:#16a34a;background:var(--g600);border:none;border-radius:8px;border-radius:var(--r8);box-shadow:0 2px 8px #15803d38;color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:700;gap:5px;padding:7px 14px;transition:all .2s;white-space:nowrap}.article-mgmt-btn-preview:hover{background:#15803d;background:var(--g700);box-shadow:0 4px 12px #15803d52;transform:translateY(-1px)}.article-mgmt-preview-overlay{align-items:flex-start;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:56px 16px 16px;position:fixed;z-index:1500;z-index:var(--z-preview)}.article-mgmt-preview-modal{animation:scaleIn .2s ease;background:#fff;background:var(--n0);border-radius:16px;border-radius:var(--r16);box-shadow:0 16px 48px #0003;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;margin-bottom:12px;margin-top:0;max-height:calc(100vh - 72px);max-width:760px;overflow:hidden;width:100%}.article-mgmt-preview-header{align-items:center;background:#16a34a;background:var(--g600);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.article-mgmt-preview-header h2{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;gap:7px;margin:0}.article-mgmt-preview-body{flex:1 1;overflow-y:auto;padding:16px 18px;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--n300) #0000;scrollbar-width:thin}.article-mgmt-preview-body .preview-cover{border-radius:8px;border-radius:var(--r8);margin-bottom:12px;max-height:240px;object-fit:cover;width:100%}.article-mgmt-preview-body .preview-title{color:#1e293b;color:var(--n800);font-size:18px;font-weight:800;line-height:1.3;margin-bottom:8px}.article-mgmt-preview-body .preview-meta{align-items:center;color:#64748b;color:var(--n500);display:flex;flex-wrap:wrap;font-size:11px;gap:10px;margin-bottom:12px}.article-mgmt-preview-body .preview-content{color:#1e293b;color:var(--n800);font-size:12px;line-height:1.7}.article-mgmt-preview-body .preview-content p{margin-bottom:.8em}.article-mgmt-preview-body .preview-content img{border-radius:6px;border-radius:var(--r6);max-width:100%}.article-mgmt-preview-body .preview-content h2,.article-mgmt-preview-body .preview-content h3{font-weight:700;margin:1em 0 .4em}.article-mgmt-preview-body .preview-content ol,.article-mgmt-preview-body .preview-content ul{margin-bottom:.8em;padding-left:1.4em}.article-mgmt-preview-body .preview-content table{border-collapse:collapse;margin-bottom:.8em;width:100%}.article-mgmt-preview-body .preview-content td,.article-mgmt-preview-body .preview-content th{border:1px solid #cbd5e1;border:1px solid var(--n300);font-size:12px;font-size:var(--fs-sm);padding:6px 10px}.article-mgmt-confirm-overlay,.article-mgmt-modal-overlay,.article-mgmt-popup-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000;z-index:var(--z-alert)}.article-mgmt-ai-modal,.article-mgmt-close-confirm-box,.article-mgmt-confirm-dialog,.article-mgmt-popup,.article-mgmt-preview-modal{color:#1e293b;color:var(--n800);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-size:var(--fs-base)}.article-mgmt-close-confirm-title,.article-mgmt-confirm-title,.article-mgmt-modal-header h2,.article-mgmt-popup-header h3,.article-mgmt-preview-header h2{color:#1e293b;color:var(--n800);font-size:14px;font-size:var(--fs-md);font-weight:700;margin:0}.article-mgmt-close-confirm-msg,.article-mgmt-confirm-message,.article-mgmt-popup-label{color:#475569;color:var(--n600);font-size:12px;font-size:var(--fs-sm)}.article-mgmt-popup-body li,.article-mgmt-popup-body p,.article-mgmt-preview-body .preview-content{color:#334155;color:var(--n700);font-size:13px;font-size:var(--fs-base);line-height:1.5}.article-mgmt-popup .article-mgmt-article-title-display{font-size:12px;font-size:var(--fs-sm);padding:8px 10px}.article-mgmt-btn-action,.article-mgmt-btn-close-popup,.article-mgmt-btn-remove-image,.article-mgmt-popup .article-mgmt-popup-textarea,.article-mgmt-popup input,.article-mgmt-popup textarea,.btn-close-confirm-cancel,.btn-close-confirm-ok{font-size:12px;font-size:var(--fs-sm)}.article-mgmt-popup-footer .btn-hide-confirm,.article-mgmt-popup-footer .btn-reject-confirm,.btn-confirm{font-size:12px;font-size:var(--fs-sm);padding:8px 14px}.article-mgmt-close-confirm-overlay{align-items:center;animation:fadeIn .12s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2100;z-index:calc(var(--z-alert) + 100)}.article-mgmt-close-confirm-box{animation:scaleIn .15s ease;background:#fff;background:var(--n0);border-radius:16px;border-radius:var(--r16);box-shadow:0 16px 48px #0003;box-shadow:var(--shadow-xl);max-width:380px;padding:28px 24px;text-align:center;width:100%}.article-mgmt-close-confirm-icon{animation:pulseScale 1.8s ease-in-out infinite;color:#f59e0b;color:var(--warning);display:block;font-size:40px;margin-bottom:12px}.article-mgmt-close-confirm-title{color:#1e293b;color:var(--n800);font-size:16px;font-size:var(--fs-lg);font-weight:800;margin-bottom:6px}.article-mgmt-close-confirm-msg{color:#64748b;color:var(--n500);font-size:12px;font-size:var(--fs-sm);line-height:1.6;margin-bottom:20px}.article-mgmt-close-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btn-close-confirm-cancel{background:#fff;background:var(--n0);border:1.5px solid #cbd5e1;border:1.5px solid var(--n300);border-radius:8px;border-radius:var(--r8);color:#334155;color:var(--n700);cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:600;padding:8px 20px;transition:all .15s}.btn-close-confirm-cancel:hover{background:#f8fafc;background:var(--n50);border-color:#94a3b8;border-color:var(--n400)}.btn-close-confirm-ok{background:#ef4444;background:var(--danger);border:none;border-radius:8px;border-radius:var(--r8);color:#fff;cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:700;padding:8px 20px;transition:all .15s}.btn-close-confirm-ok:hover{background:#dc2626;transform:translateY(-1px)}.article-mgmt-confirm-dialog{animation:scaleIn .2s ease;background:#fff;background:var(--n0);border-radius:16px;border-radius:var(--r16);box-shadow:0 16px 48px #0003;box-shadow:var(--shadow-xl);max-width:400px;padding:24px;text-align:center;width:100%}.article-mgmt-confirm-icon{align-items:center;border-radius:50%;display:flex;font-size:22px;height:52px;justify-content:center;margin:0 auto 14px;width:52px}.article-mgmt-confirm-dialog.danger .article-mgmt-confirm-icon{background:#fee2e2;background:var(--danger-bg);color:#ef4444;color:var(--danger)}.article-mgmt-confirm-dialog.warning .article-mgmt-confirm-icon{background:#fef3c7;background:var(--warning-bg);color:#f59e0b;color:var(--warning)}.article-mgmt-confirm-dialog.info .article-mgmt-confirm-icon{background:#dbeafe;background:var(--info-bg);color:#3b82f6;color:var(--info)}.article-mgmt-confirm-title{color:#1e293b;color:var(--n800);font-size:16px;font-size:var(--fs-lg);font-weight:800;margin-bottom:8px}.article-mgmt-confirm-message{color:#475569;color:var(--n600);font-size:12px;font-size:var(--fs-sm);line-height:1.6;margin-bottom:20px}.article-mgmt-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btn-confirm{align-items:center;border:none;border-radius:8px;border-radius:var(--r8);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:700;gap:5px;padding:8px 20px;transition:all .15s}.btn-confirm.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-confirm.btn-warning{background:#f59e0b;background:var(--warning);color:#fff}.btn-confirm.btn-primary{background:#22c55e;background:var(--g500);color:#fff}.btn-confirm.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-confirm.btn-warning:hover{background:#d97706;transform:translateY(-1px)}.btn-confirm.btn-primary:hover{background:#16a34a;background:var(--g600);transform:translateY(-1px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.countdown-notice,.countdown-timer{align-items:center;background:#fef3c7;background:var(--warning-bg);border-radius:6px;border-radius:var(--r6);color:#92400e;display:flex;font-size:11px;font-size:var(--fs-xs);font-weight:600;gap:6px;margin-bottom:10px;padding:6px 10px}.countdown-notice svg,.countdown-timer svg{color:#f59e0b;color:var(--warning);flex-shrink:0;font-size:13px}.article-mgmt-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--n200);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.article-mgmt-modal-header h2{align-items:center;color:#1e293b;color:var(--n800);display:flex;font-size:14px;font-weight:700;gap:7px;margin:0}.article-mgmt-modal-header h2 svg{font-size:16px}.article-mgmt-modal-close{align-items:center;background:#f1f5f9;background:var(--n100);border:none;border-radius:6px;border-radius:var(--r6);color:#475569;color:var(--n600);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;transition:background .15s;width:28px}.article-mgmt-modal-close:hover{background:#e2e8f0;background:var(--n200);color:#1e293b;color:var(--n800)}.article-mgmt-modal-body{color:#334155;color:var(--n700);font-size:12px;font-size:var(--fs-sm);line-height:1.6;padding:16px 18px}.article-mgmt-modal-body p{margin-bottom:6px}.article-mgmt-modal-footer{align-items:center;background:#f8fafc;background:var(--n50);border-top:1px solid #e2e8f0;border-top:1px solid var(--n200);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 18px}.article-mgmt-confirm-submit-modal,.article-mgmt-warning-modal{animation:scaleIn .2s ease;background:#fff;background:var(--n0);border-radius:16px;border-radius:var(--r16);box-shadow:0 16px 48px #0003;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;width:100%}.article-mgmt-warning-modal{max-width:460px}.article-mgmt-confirm-submit-modal{max-width:420px}.article-mgmt-admin-edit-choices{display:flex;flex-direction:column;gap:8px;margin-top:8px}.article-mgmt-choice-btn{align-items:center;background:#fff;background:var(--n0);border:2px solid #e2e8f0;border:2px solid var(--n200);border-radius:12px;border-radius:var(--r12);cursor:pointer;display:flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);gap:12px;padding:12px 14px;text-align:left;transition:all .15s;width:100%}.article-mgmt-choice-btn:hover{background:#f8fafc;background:var(--n50);border-color:#cbd5e1;border-color:var(--n300)}.article-mgmt-choice-btn svg{flex-shrink:0;font-size:22px}.article-mgmt-choice-btn div{display:flex;flex-direction:column;gap:2px}.article-mgmt-choice-btn span{color:#1e293b;color:var(--n800);font-size:12px;font-size:var(--fs-sm);font-weight:700}.article-mgmt-choice-btn small{color:#64748b;color:var(--n500);font-size:11px;font-size:var(--fs-xs);line-height:1.4}.article-mgmt-hide-first-btn{border-color:#f59e0b!important;border-color:var(--warning)!important}.article-mgmt-hide-first-btn:hover{background:#fef3c7!important;background:var(--warning-bg)!important}.article-mgmt-direct-edit-btn{border-color:#3b82f6!important;border-color:var(--info)!important}.article-mgmt-direct-edit-btn:hover{background:#dbeafe!important;background:var(--info-bg)!important}.article-mgmt-popup{animation:scaleIn .2s ease;background:#fff;background:var(--n0);border-radius:16px;border-radius:var(--r16);box-shadow:0 16px 48px #0003;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:440px;overflow:hidden;width:100%}.article-mgmt-popup-header{align-items:center;background:#f8fafc;background:var(--n50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--n200);display:flex;flex-shrink:0;justify-content:space-between;padding:13px 16px}.article-mgmt-popup-header-content{align-items:center;display:flex;gap:8px}.article-mgmt-popup-header h3{color:#1e293b;color:var(--n800);font-size:14px;font-size:var(--fs-md);font-weight:700;margin:0}.article-mgmt-popup-icon{color:#f59e0b;color:var(--warning);font-size:16px}.article-mgmt-btn-close-popup{align-items:center;background:#f1f5f9;background:var(--n100);border:none;border-radius:6px;border-radius:var(--r6);color:#475569;color:var(--n600);cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:background .15s;width:28px}.article-mgmt-btn-close-popup:hover{background:#e2e8f0;background:var(--n200);color:#1e293b;color:var(--n800)}.article-mgmt-popup-body{display:flex;flex-direction:column;gap:12px;padding:14px 16px}.article-mgmt-popup-warning{align-items:flex-start;background:#fef3c7;background:var(--warning-bg);border:1px solid #fde68a;border-left:3px solid #f59e0b;border-left:3px solid var(--warning);border-radius:8px;border-radius:var(--r8);display:flex;gap:10px;padding:10px 12px}.article-mgmt-popup-warning svg{color:#f59e0b;color:var(--warning);flex-shrink:0;font-size:15px;margin-top:1px}.article-mgmt-warning-title{color:#92400e;font-size:12px;font-size:var(--fs-sm);font-weight:700;margin:0 0 2px}.article-mgmt-warning-text{color:#92400e;font-size:11px;font-size:var(--fs-xs);line-height:1.5;margin:0}.article-mgmt-popup-info{display:flex;flex-direction:column;gap:3px}.article-mgmt-popup-label{color:#64748b;color:var(--n500);font-size:11px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.article-mgmt-required{color:#ef4444;color:var(--danger)}.article-mgmt-article-title-display{background:#f8fafc;background:var(--n50);border:1px solid #e2e8f0;border:1px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#1e293b;color:var(--n800);font-size:12px;font-size:var(--fs-sm);font-weight:600;line-height:1.4;padding:6px 10px}.article-mgmt-popup-quick-reasons{display:flex;flex-direction:column;gap:5px}.article-mgmt-quick-reason-buttons{display:flex;flex-wrap:wrap;gap:5px}.btn-quick-reason{background:#f8fafc;background:var(--n50);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:9999px;border-radius:var(--rfull);color:#475569;color:var(--n600);cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:11px;font-size:var(--fs-xs);font-weight:600;padding:4px 10px;transition:all .15s}.btn-quick-reason:hover{background:#f0fdf4;background:var(--g50);border-color:#86efac;border-color:var(--g300);color:#16a34a;color:var(--g600)}.btn-quick-reason.active{background:#22c55e;background:var(--g500);border-color:#22c55e;border-color:var(--g500);color:#fff}.article-mgmt-popup-form-group{display:flex;flex-direction:column;gap:4px}.article-mgmt-popup-textarea{background:#fff;background:var(--n0);border:1.5px solid #e2e8f0;border:1.5px solid var(--n200);border-radius:6px;border-radius:var(--r6);color:#1e293b;color:var(--n800);display:block;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);line-height:1.55;padding:8px 10px;resize:vertical;transition:border-color .15s;width:100%}.article-mgmt-popup-textarea:focus{border-color:#4ade80;border-color:var(--g400);box-shadow:0 0 0 3px #4ade8026;outline:none}.article-mgmt-char-count{color:#94a3b8;color:var(--n400);font-size:11px;font-size:var(--fs-xs);text-align:right}.article-mgmt-popup-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-top:4px}.btn-hide-confirm{align-items:center;background:#f59e0b;background:var(--warning);border:none;border-radius:8px;border-radius:var(--r8);color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:700;gap:5px;padding:8px 16px;transition:all .15s}.btn-hide-confirm:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-hide-confirm:disabled{cursor:not-allowed;opacity:.55}.btn-reject-confirm{align-items:center;background:#ef4444;background:var(--danger);border:none;border-radius:8px;border-radius:var(--r8);color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:700;gap:5px;padding:8px 16px;transition:all .15s}.btn-reject-confirm:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-reject-confirm:disabled{cursor:not-allowed;opacity:.55}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--r8);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:12px;font-size:var(--fs-sm);font-weight:600;gap:5px;padding:7px 14px;transition:all .15s}.article-mgmt-btn-secondary.btn{background:#fff;background:var(--n0);border:1.5px solid #cbd5e1;border:1.5px solid var(--n300);color:#334155;color:var(--n700)}.article-mgmt-btn-secondary.btn:hover{background:#f8fafc;background:var(--n50)}.article-mgmt-btn-primary.btn{background:linear-gradient(135deg,#4ade80,#16a34a);background:linear-gradient(135deg,var(--g400),var(--g600));box-shadow:0 2px 8px #22c55e4d;color:#fff}.article-mgmt-btn-primary.btn:hover{box-shadow:0 4px 14px #22c55e73;transform:translateY(-1px)}.article-mgmt-toast-container{bottom:16px;display:flex;flex-direction:column;gap:6px;position:fixed;right:16px;z-index:9999;z-index:var(--z-toast)}.article-mgmt-toast{align-items:center;animation:slideInRight .2s ease;border-left:3px solid #0000;border-radius:8px;border-radius:var(--r8);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);display:flex;font-size:12px;font-size:var(--fs-sm);font-weight:500;gap:8px;max-width:340px;min-width:240px;padding:10px 14px}.toast-success{background:#f0fdf4;border-left-color:#22c55e;border-left-color:var(--g500);color:#15803d;color:var(--g700)}.toast-error{background:#fff1f2;border-left-color:#ef4444;border-left-color:var(--danger);color:#991b1b}.toast-warning{background:#fffbeb;border-left-color:#f59e0b;border-left-color:var(--warning);color:#92400e}.toast-info{background:#dbeafe;background:var(--info-bg);border-left-color:#3b82f6;border-left-color:var(--info);color:#1e3a8a}.article-mgmt-toast-icon{flex-shrink:0;font-size:14px}.article-mgmt-toast-message{flex:1 1}.article-mgmt-toast-close{align-items:center;background:none;border:none;color:#94a3b8;color:var(--n400);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;padding:0}.article-mgmt-toast-close:hover{color:#334155;color:var(--n700)}.article-mgmt-modal-body-scrollable::-webkit-scrollbar,.article-mgmt-preview-body::-webkit-scrollbar{width:5px}.article-mgmt-modal-body-scrollable::-webkit-scrollbar-track,.article-mgmt-preview-body::-webkit-scrollbar-track{background:#0000}.article-mgmt-modal-body-scrollable::-webkit-scrollbar-thumb,.article-mgmt-preview-body::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--n300);border-radius:3px}.article-mgmt-entity-dropdown::-webkit-scrollbar{width:4px}.article-mgmt-entity-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--n300);border-radius:2px}@media (max-width:960px){.article-mgmt-form-container{max-width:92vw}.article-mgmt-three-panel{grid-template-columns:1fr;grid-template-rows:auto auto auto;overflow-y:auto}.article-mgmt-panel--left{grid-row:1;max-height:180px}.article-mgmt-panel--left,.article-mgmt-panel--middle{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--n200);border-right:none;grid-column:1}.article-mgmt-panel--middle{grid-row:2;max-height:240px}.article-mgmt-panel--right{grid-column:1;grid-row:3;min-height:280px}}@media (max-width:768px){.article-mgmt-form-container{border-radius:12px;border-radius:var(--r12);margin-top:12px;max-width:88vw}.article-mgmt-form-header{padding:10px 12px}.article-mgmt-form-header h2{font-size:13px}.article-mgmt-form-title-bar{padding:6px 10px}.article-mgmt-title-input{font-size:13px;padding:6px 8px}.article-mgmt-panel-section{padding:5px 7px}.article-mgmt-panel--left{max-height:160px}.article-mgmt-panel--middle{max-height:200px}}@media (max-width:640px){.article-mgmt-form-overlay{padding:8px}.article-mgmt-form-container{border-radius:12px;border-radius:var(--r12);margin-top:0;max-height:calc(100vh - 16px);max-width:100%}.article-mgmt-form-header{padding:8px 10px}.article-mgmt-form-header h2{font-size:12px}.article-mgmt-form-title-bar{padding:5px 8px}.article-mgmt-title-input{font-size:12px;padding:5px 8px}.article-mgmt-panel-section{padding:4px 6px}.article-mgmt-panel--left{max-height:140px}.article-mgmt-panel--middle{max-height:180px}.article-mgmt-panel--right{min-height:240px}.article-mgmt-form-footer{gap:4px;padding:8px 10px}.article-mgmt-btn-submit{font-size:11px;font-size:var(--fs-xs);padding:6px 10px}}@media (max-width:768px){.article-mgmt-page{padding:8px}.article-mgmt-header{padding:8px 10px}.article-mgmt-main-title{font-size:14px;font-size:var(--fs-md)}.article-mgmt-filters-row{gap:4px}.article-mgmt-filter-search{flex:1 1 100%;max-width:100%;min-width:140px}.article-mgmt-filter-select{flex:1 1;min-width:100px}.article-mgmt-table{min-width:600px}.col-title{min-width:170px}.col-actions{min-width:130px}.article-mgmt-confirm-submit-modal,.article-mgmt-popup,.article-mgmt-warning-modal{border-radius:12px;border-radius:var(--r12);max-width:100%}.article-mgmt-preview-modal{border-radius:12px;border-radius:var(--r12)}.article-mgmt-preview-body .preview-title{font-size:18px}}@media (max-width:480px){.article-mgmt-stats-inline{display:none}.article-mgmt-admin-edit-choices{flex-direction:column}.article-mgmt-form-footer{gap:4px}.article-mgmt-form-footer .article-mgmt-btn-submit{font-size:11px;font-size:var(--fs-xs);padding:6px 10px}}.toast{align-items:center;animation:slideInRight .3s ease;background:#fff;border-left:4px solid #2196f3;border-radius:8px;bottom:96px;box-shadow:0 4px 16px #00000026;display:flex;gap:12px;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:20px;z-index:40000}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast--success{border-left-color:#4caf50}.toast--success .toast__icon{color:#4caf50;font-size:18px}.toast--error{border-left-color:#f44336}.toast--error .toast__icon{color:#f44336;font-size:18px}.toast--warning{border-left-color:#ff9800}.toast--warning .toast__icon{color:#ff9800;font-size:18px}.toast--info{border-left-color:#2196f3}.toast--info .toast__icon{color:#2196f3;font-size:18px}.toast__icon{align-items:center;display:flex;flex-shrink:0}.toast__message{color:#333;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.toast__close{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;justify-content:center;padding:4px;transition:color .2s ease}.toast__close:hover{color:#333}@media (max-width:480px){.toast{bottom:96px;left:16px;max-width:none;min-width:auto;right:16px}.toast__message{font-size:13px}}:root{--detail-primary:#059669;--detail-primary-dark:#047857;--detail-text:#1f2937;--detail-text-light:#6b7280;--detail-border:#e5e7eb;--detail-bg:#fff;--detail-bg-gray:#f8fafc;--detail-red:#ef4444}.detail-page-wrapper{background-color:#fff;background-color:var(--detail-bg);font-family:Inter,system-ui,sans-serif;min-height:100vh;padding-bottom:4rem}.detail-container{margin:0 auto;max-width:1100px;padding:0 1rem}.detail-breadcrumb-wrapper{padding:1rem 0}.detail-green-navbar{background-color:#059669;background-color:var(--detail-primary);margin-bottom:1.5rem;width:100%}.detail-marquee-wrapper{align-items:center;display:flex;position:relative}.detail-nav-scroll{display:flex;overflow-x:hidden;white-space:nowrap;width:100%}.detail-nav-scroll::-webkit-scrollbar{display:none}.detail-nav-btn{background:none;border:none;color:#ffffffd9;cursor:pointer;font-size:.9rem;font-weight:700;padding:1rem 1.2rem;text-transform:uppercase;transition:all .2s}.detail-nav-btn.active,.detail-nav-btn:hover{background-color:#047857;background-color:var(--detail-primary-dark);color:#fff}.detail-nav-arrow{background:#059669f2;border:none;bottom:0;box-shadow:0 0 10px #0003;color:#fff;cursor:pointer;font-size:1.2rem;padding:0 .5rem;position:absolute;top:0;transition:background .2s;z-index:10}.detail-nav-arrow:hover{background:#047857;background:var(--detail-primary-dark)}.detail-nav-arrow.left{left:0}.detail-nav-arrow.right{right:0}.detail-header-section{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--detail-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.8rem}.detail-main-title{align-items:center;color:#059669;color:var(--detail-primary);display:flex;font-size:1.3rem;font-weight:800;gap:.4rem;margin:0;text-transform:uppercase}.detail-header-actions{align-items:center;display:flex;gap:1rem}.detail-search-mini{align-items:center;background:#f1f5f9;border:1px solid #e5e7eb;border:1px solid var(--detail-border);border-radius:20px;display:flex;padding:.35rem 1rem}.detail-search-mini input{background:#0000;border:none;font-size:.85rem;outline:none;width:150px}.detail-search-mini button{background:none;border:none;color:#6b7280;color:var(--detail-text-light);cursor:pointer}.detail-mega-wrapper{position:relative}.detail-menu-toggle-btn{align-items:center;background:#059669;background:var(--detail-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.4rem;padding:.5rem 1rem}.detail-menu-toggle-btn:hover{background:#047857;background:var(--detail-primary-dark)}.detail-mega-menu{grid-gap:2rem;background:#fff;border-radius:0 0 8px 8px;border-top:3px solid #059669;border-top:3px solid var(--detail-primary);box-shadow:0 10px 25px -5px #00000026;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);padding:1.5rem;position:absolute;right:0;top:110%;width:700px;z-index:100}.detail-mega-col h3{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--detail-border);color:#047857;color:var(--detail-primary-dark);display:flex;font-size:1.05rem;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.detail-mega-col ul{list-style:none;margin:0;padding:0}.detail-mega-col li{color:#1f2937;color:var(--detail-text);cursor:pointer;font-size:.95rem;padding:.5rem 0}.detail-mega-col li:hover{color:#059669;color:var(--detail-primary);font-weight:600}.detail-layout-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:8fr 4fr}.detail-main-content{background:#fff}.detail-title-wrapper{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.detail-article-title{color:#1f2937;color:var(--detail-text);font-size:1.8rem;font-weight:800;line-height:1.3;margin:0}.detail-action-dropdown-wrapper{position:relative}.detail-kebab-btn{background:none;border:none;border-radius:50%;color:#6b7280;color:var(--detail-text-light);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background .2s}.detail-kebab-btn:hover{background:#f8fafc;background:var(--detail-bg-gray);color:#059669;color:var(--detail-primary)}.detail-action-menu{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--detail-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:50}.detail-action-item{align-items:center;background:none;border:none;color:#1f2937;color:var(--detail-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.8rem 1rem;text-align:left;transition:background .2s;width:100%}.detail-action-item:hover{background:#f8fafc;background:var(--detail-bg-gray)}.detail-action-item.active,.detail-action-item:hover{color:#059669;color:var(--detail-primary)}.detail-action-item.report-item{border-top:1px solid #e5e7eb;border-top:1px solid var(--detail-border);color:#ef4444;color:var(--detail-red)}.detail-article-meta{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--detail-border);color:#6b7280;color:var(--detail-text-light);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.detail-article-meta span{align-items:center;display:flex;gap:.4rem}.detail-article-body{color:#1f2937;color:var(--detail-text);font-size:1rem;line-height:1.7;margin-bottom:2rem}.detail-article-body img{border-radius:4px;height:auto;margin:1rem 0;max-width:100%}.detail-article-body h2,.detail-article-body h3{color:#1f2937;color:var(--detail-text);font-weight:700;margin:1.5rem 0 1rem}.detail-article-body a{color:#059669;color:var(--detail-primary);font-weight:500;text-decoration:none}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.detail-tag-item{align-items:center;background:#f1f5f9;border-radius:4px;color:#6b7280;color:var(--detail-text-light);display:flex;font-size:.8rem;gap:.3rem;padding:.3rem .8rem}.detail-comments-section{border-top:2px solid #e5e7eb;border-top:2px solid var(--detail-border);margin-top:2rem;padding-top:1.5rem}.detail-comments-section h3{align-items:center;color:#059669;color:var(--detail-primary);display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.detail-comment-form textarea{border:1px solid #e5e7eb;border:1px solid var(--detail-border);border-radius:4px;font-family:inherit;margin-bottom:.8rem;outline:none;padding:1rem;resize:vertical;width:100%}.detail-comment-form textarea:focus{border-color:#059669;border-color:var(--detail-primary)}.detail-comment-btn{background:#059669;background:var(--detail-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.5rem}.detail-comment-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.detail-comment-item{background:#f8fafc;background:var(--detail-bg-gray);border-radius:6px;padding:1rem}.detail-comment-meta{color:#6b7280;color:var(--detail-text-light);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.detail-comment-text{font-size:.95rem;line-height:1.5;margin:0}.detail-related-section{margin-top:3rem}.detail-related-header{align-items:center;border-bottom:2px solid #059669;border-bottom:2px solid var(--detail-primary);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.detail-related-header h2{color:#059669;color:var(--detail-primary);font-size:1.2rem;margin:0;text-transform:uppercase}.detail-view-more-btn{align-items:center;background:none;border:none;color:#059669;color:var(--detail-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.3rem}.detail-view-more-btn:hover{text-decoration:underline}.detail-related-list{display:flex;flex-direction:column;gap:1rem}.detail-related-item{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--detail-border);cursor:pointer;display:flex;gap:1rem;padding-bottom:1rem}.detail-related-item:last-child{border-bottom:none}.detail-related-img{background:#f8fafc;background:var(--detail-bg-gray);border-radius:4px;flex-shrink:0;height:90px;overflow:hidden;width:140px}.detail-related-img img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.detail-related-item:hover .detail-related-img img{transform:scale(1.05)}.detail-related-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--detail-text);display:-webkit-box;font-size:1rem;line-height:1.4;margin:0 0 .4rem;overflow:hidden}.detail-related-item:hover h4{color:#059669;color:var(--detail-primary)}.detail-related-info span{align-items:center;color:#6b7280;color:var(--detail-text-light);display:flex;font-size:.8rem;gap:.3rem}.detail-sidebar{display:flex;flex-direction:column;gap:2rem}.detail-widget-title{border-left:3px solid #059669;border-left:3px solid var(--detail-primary);color:#1f2937;color:var(--detail-text);font-size:1.05rem;font-weight:800;margin-bottom:1.2rem;padding-left:.6rem;text-transform:uppercase}.detail-ad-box img{border:1px solid #e5e7eb;border:1px solid var(--detail-border);border-radius:4px;width:100%}.detail-ai-summary-box{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #10b981;border-radius:8px;box-shadow:0 2px 8px #10b9811a;padding:1.2rem}.detail-ai-summary-header{align-items:center;border-bottom:2px solid #d1fae5;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.detail-ai-summary-header h3{color:#047857;font-size:.95rem;font-weight:800;margin:0;text-transform:uppercase}.detail-ai-summary-close{background:#0000;border:none;color:#10b981;cursor:pointer;font-size:1.8rem;line-height:1;padding:0;transition:color .2s}.detail-ai-summary-close:hover{color:#047857}.detail-ai-summary-content{align-items:center;display:flex;justify-content:center;min-height:60px}.detail-ai-summary-action{margin-bottom:1rem}.detail-ai-summary-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;box-shadow:0 6px 16px #10b98138;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.7rem 1rem;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.detail-ai-summary-button svg{font-size:1rem}.detail-ai-summary-button:hover{box-shadow:0 10px 20px #10b98147;transform:translateY(-1px)}.detail-ai-summary-button:active{opacity:.95;transform:translateY(0)}.detail-ai-summary-loading{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.detail-ai-summary-spinner{animation:detail-ai-spin 1s linear infinite;border:2.5px solid #d1fae5;border-radius:50%;border-top-color:#10b981;height:24px;width:24px}@keyframes detail-ai-spin{to{transform:rotate(1turn)}}.detail-ai-summary-loading p{color:#047857;font-size:.85rem;font-weight:600;margin:0}.detail-ai-summary-text{color:#1f2937;font-size:.9rem;line-height:1.6;margin:0;text-align:justify}.detail-ai-summary-markdown{color:#1f2937;font-size:.92rem;line-height:1.7;width:100%}.detail-ai-summary-markdown h1,.detail-ai-summary-markdown h2,.detail-ai-summary-markdown h3,.detail-ai-summary-markdown h4{color:#047857;line-height:1.3;margin:0 0 .65rem}.detail-ai-summary-markdown h3{font-size:1.02rem;font-weight:800}.detail-ai-summary-markdown h4{font-size:.96rem;font-weight:700}.detail-ai-summary-markdown p{margin:0 0 .65rem}.detail-ai-summary-markdown ol,.detail-ai-summary-markdown ul{margin:.25rem 0 .75rem 1.2rem;padding-left:.9rem}.detail-ai-summary-markdown li{margin-bottom:.35rem}.detail-ai-summary-markdown strong{color:#064e3b}.detail-ai-summary-markdown em{color:#0f172a}.detail-ai-summary-empty{color:#999;font-size:.85rem;font-style:italic;margin:0;text-align:center}.detail-popular-list{display:flex;flex-direction:column;gap:1rem}.detail-popular-item{align-items:flex-start;border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--detail-border);cursor:pointer;display:flex;gap:.8rem;padding-bottom:1rem}.detail-popular-item:last-child{border-bottom:none}.detail-popular-rank{color:#e2e8f0;font-size:2.2rem;font-weight:900;line-height:.8;min-width:30px}.detail-popular-item:first-child .detail-popular-rank{color:#ef4444;color:var(--detail-red)}.detail-popular-item:nth-child(2) .detail-popular-rank{color:#f97316}.detail-popular-item:nth-child(3) .detail-popular-rank{color:#eab308}.detail-popular-content h4{color:#1f2937;color:var(--detail-text);font-size:.9rem;font-weight:700;line-height:1.4;margin:0 0 .4rem}.detail-popular-item:hover h4{color:#059669;color:var(--detail-primary)}.detail-reference-box{background:#f8fafc;background:var(--detail-bg-gray);border:1px solid #e5e7eb;border:1px solid var(--detail-border);border-radius:6px;padding:1.2rem}.detail-ref-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--detail-border);color:#059669;color:var(--detail-primary);display:flex;font-size:1rem;font-weight:700;gap:.4rem;margin-bottom:1rem;padding-bottom:.5rem}.detail-ref-section{margin-bottom:.8rem}.detail-ref-section strong{color:#1f2937;color:var(--detail-text);display:block;font-size:.85rem;margin-bottom:.3rem}.detail-ref-section p{color:#6b7280;color:var(--detail-text-light);font-size:.85rem;margin:0}.detail-ref-btn{background:#059669;background:var(--detail-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:.85rem;font-weight:600;margin-top:1rem;padding:.6rem;text-align:center;text-decoration:none;width:100%}.detail-ref-btn:hover{background:#047857;background:var(--detail-primary-dark)}.detail-report-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-report-modal{background:#fff;border-radius:8px;max-width:500px;overflow:hidden;width:90%}.detail-report-header{align-items:center;background:#f8fafc;background:var(--detail-bg-gray);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--detail-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.detail-report-header h3{align-items:center;color:#1f2937;color:var(--detail-text);display:flex;font-size:1.1rem;gap:.5rem;margin:0}.detail-report-close{background:none;border:none;color:#6b7280;color:var(--detail-text-light);cursor:pointer;font-size:1.2rem}.detail-report-body{padding:1.5rem}.detail-report-body p{color:#6b7280;color:var(--detail-text-light);font-size:.9rem;margin-bottom:1rem}.detail-report-reasons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.detail-report-reason-btn{background:#f8fafc;background:var(--detail-bg-gray);border:1px solid #e5e7eb;border:1px solid var(--detail-border);border-radius:4px;color:#1f2937;color:var(--detail-text);cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.detail-report-reason-btn.active{background:#059669;background:var(--detail-primary);border-color:#059669;border-color:var(--detail-primary);color:#fff}.detail-report-body textarea{border:1px solid #e5e7eb;border:1px solid var(--detail-border);border-radius:4px;font-family:inherit;margin-bottom:1rem;outline:none;padding:.8rem;resize:vertical;width:100%}.detail-report-body textarea:focus{border-color:#059669;border-color:var(--detail-primary)}.detail-report-footer{display:flex;gap:.8rem;justify-content:flex-end}.detail-report-cancel{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--detail-border);border-radius:4px}.detail-report-cancel,.detail-report-submit{cursor:pointer;font-weight:600;padding:.5rem 1rem}.detail-report-submit{background:#ef4444;background:var(--detail-red);border:none;border-radius:4px;color:#fff}.detail-report-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.detail-layout-grid{grid-template-columns:1fr}.detail-sidebar{border-top:2px solid #e5e7eb;border-top:2px solid var(--detail-border);padding-top:2rem}.detail-mega-menu{left:0;right:0;width:100%}}@media (max-width:768px){.detail-header-section{align-items:stretch;flex-direction:column}.detail-menu-toggle-btn,.detail-search-mini{justify-content:center;width:100%}.detail-search-mini input{width:100%}.detail-mega-menu{border:1px solid #e5e7eb;border:1px solid var(--detail-border);box-shadow:none;grid-template-columns:1fr;margin-top:.5rem;position:static}.detail-title-wrapper{flex-direction:column}.detail-article-title{font-size:1.5rem}.detail-action-dropdown-wrapper{align-self:flex-end}.detail-related-item{flex-direction:column}.detail-related-img{height:180px;width:100%}.detail-ai-summary-box{padding:1rem}.detail-ai-summary-header h3{font-size:.9rem}.detail-ai-summary-markdown{font-size:.86rem;line-height:1.6}.detail-ai-summary-button{justify-content:center;width:100%}.detail-ai-summary-action{margin-bottom:.75rem}}:root{--saved-articles-primary:#86efac;--saved-articles-primary-dark:#4ade80;--saved-articles-primary-light:#bbf7d0;--saved-articles-primary-lighter:#dcfce7;--saved-articles-primary-lightest:#f0fdf4;--saved-articles-secondary:#6ee7b7;--saved-articles-success:#34d399;--saved-articles-warning:#fbbf24;--saved-articles-danger:#f87171;--saved-articles-info:#60a5fa;--saved-articles-text-primary:#1e293b;--saved-articles-text-secondary:#64748b;--saved-articles-text-tertiary:#94a3b8;--saved-articles-bg-white:#fff;--saved-articles-bg-gray:#f8fafc;--saved-articles-border:#e2e8f0;--saved-articles-shadow-sm:0 1px 2px 0 #0000000d;--saved-articles-shadow-md:0 4px 6px -1px #0000001a;--saved-articles-shadow-lg:0 10px 15px -3px #0000001a;--saved-articles-radius:8px;--saved-articles-radius-lg:12px}.saved-articles-page{background:linear-gradient(135deg,#f0fdf4,#f8fafc);background:linear-gradient(135deg,var(--saved-articles-primary-lightest) 0,var(--saved-articles-bg-gray) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;min-height:100vh;padding:1rem}.saved-articles-container{margin:0 auto;max-width:1400px}.saved-articles-header{background:#fff;border-radius:12px;border-radius:var(--saved-articles-radius-lg);box-shadow:0 2px 12px #86efac26;margin-bottom:1.5rem;padding:1.5rem 2rem}.saved-articles-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.saved-articles-title-section{align-items:center;display:flex;gap:1rem}.saved-articles-icon-title{align-items:center;color:#1e293b;color:var(--saved-articles-text-primary);display:flex;font-size:1.75rem;font-weight:800;gap:.75rem;margin:0}.saved-articles-icon-title svg{color:#4ade80;color:var(--saved-articles-primary-dark);font-size:1.5rem}.saved-articles-subtitle{color:#64748b;color:var(--saved-articles-text-secondary);font-size:.9375rem;margin:.375rem 0 0}.saved-articles-count-badge{align-items:center;background:linear-gradient(135deg,#dcfce7,#fff);background:linear-gradient(135deg,var(--saved-articles-primary-lighter),#fff);border:2px solid #86efac;border:2px solid var(--saved-articles-primary);color:#4ade80;color:var(--saved-articles-primary-dark);display:inline-flex;font-size:.875rem;font-weight:700;gap:.375rem;padding:.5rem 1rem}.saved-articles-count-badge,.saved-articles-filters{border-radius:12px;border-radius:var(--saved-articles-radius-lg)}.saved-articles-filters{background:#fff;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--saved-articles-shadow-sm);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.saved-articles-filters-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.saved-articles-filters-title{align-items:center;color:#1e293b;color:var(--saved-articles-text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0}.saved-articles-filters-title svg{color:#4ade80;color:var(--saved-articles-primary-dark)}.saved-articles-btn-clear{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--saved-articles-border);border-radius:8px;border-radius:var(--saved-articles-radius);color:#64748b;color:var(--saved-articles-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.saved-articles-btn-clear:hover{background:#f8fafc;background:var(--saved-articles-bg-gray);border-color:#86efac;border-color:var(--saved-articles-primary);color:#4ade80;color:var(--saved-articles-primary-dark)}.saved-articles-filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.saved-articles-filter-group{display:flex;flex-direction:column;gap:.5rem}.saved-articles-filter-label{font-weight:600}.saved-articles-filter-label,.saved-articles-filter-select{color:#1e293b;color:var(--saved-articles-text-primary);font-size:.875rem}.saved-articles-filter-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--saved-articles-border);border-radius:8px;border-radius:var(--saved-articles-radius);cursor:pointer;padding:.625rem 1rem;transition:all .2s ease}.saved-articles-filter-select:focus{border-color:#86efac;border-color:var(--saved-articles-primary);box-shadow:0 0 0 3px #86efac1a;outline:none}.saved-articles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.saved-articles-card{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--saved-articles-border);border-radius:12px;border-radius:var(--saved-articles-radius-lg);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.saved-articles-card:hover{border-color:#86efac;border-color:var(--saved-articles-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--saved-articles-shadow-lg);transform:translateY(-4px)}.saved-articles-card-header{align-items:center;background:linear-gradient(90deg,#f0fdf4,#fff);background:linear-gradient(to right,var(--saved-articles-primary-lightest),#fff);border-bottom:2px solid #dcfce7;border-bottom:2px solid var(--saved-articles-primary-lighter);display:flex;justify-content:space-between;padding:1rem 1.25rem}.saved-articles-category-badge{align-items:center;background:#86efac;background:var(--saved-articles-primary);border-radius:12px;border-radius:var(--saved-articles-radius-lg);color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.025em;padding:.375rem .875rem;text-transform:uppercase}.saved-articles-saved-icon{color:#fbbf24;color:var(--saved-articles-warning);font-size:1.125rem}.saved-articles-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.saved-articles-card-title{-webkit-line-clamp:2;color:#1e293b;color:var(--saved-articles-text-primary);font-size:1.0625rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.saved-articles-card-excerpt,.saved-articles-card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.saved-articles-card-excerpt{-webkit-line-clamp:3;color:#64748b;color:var(--saved-articles-text-secondary);flex:1 1;font-size:.875rem;line-height:1.6;margin-bottom:1rem}.saved-articles-card-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--saved-articles-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1rem}.saved-articles-card-meta{color:#94a3b8;color:var(--saved-articles-text-tertiary);display:flex;flex-direction:column;font-size:.75rem;gap:.375rem}.saved-articles-meta-item{align-items:center;display:flex;gap:.375rem}.saved-articles-meta-item svg{color:#4ade80;color:var(--saved-articles-primary-dark);font-size:.875rem}.saved-articles-card-stats{align-items:center;color:#94a3b8;color:var(--saved-articles-text-tertiary);display:flex;font-size:.8125rem;gap:.75rem}.saved-articles-stat-item{align-items:center;display:flex;gap:.375rem}.saved-articles-empty{align-items:center;background:#fff;border-radius:12px;border-radius:var(--saved-articles-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--saved-articles-shadow-md);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.saved-articles-empty-icon{color:#94a3b8;color:var(--saved-articles-text-tertiary);font-size:4rem;margin-bottom:1.5rem}.saved-articles-empty h3{color:#1e293b;color:var(--saved-articles-text-primary);font-size:1.375rem;font-weight:700;margin:0 0 .75rem}.saved-articles-empty p{color:#64748b;color:var(--saved-articles-text-secondary);font-size:1rem;margin:0 0 2rem;max-width:400px}.saved-articles-btn-explore{align-items:center;background:linear-gradient(135deg,#86efac,#4ade80);background:linear-gradient(135deg,var(--saved-articles-primary),var(--saved-articles-primary-dark));border:none;border-radius:8px;border-radius:var(--saved-articles-radius);box-shadow:0 4px 12px #4ade804d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:700;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.saved-articles-btn-explore:hover{box-shadow:0 6px 16px #4ade8066;transform:translateY(-2px)}.saved-articles-pagination{align-items:center;background:#fff;border-radius:12px;border-radius:var(--saved-articles-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--saved-articles-shadow-sm);display:flex;gap:.5rem;justify-content:center;padding:1.5rem}.saved-articles-pagination-info{color:#64748b;color:var(--saved-articles-text-secondary);font-size:.875rem;margin-right:1rem}.saved-articles-btn-page{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--saved-articles-border);border-radius:8px;border-radius:var(--saved-articles-radius);color:#1e293b;color:var(--saved-articles-text-primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.saved-articles-btn-page:hover:not(:disabled){background:#dcfce7;background:var(--saved-articles-primary-lighter);border-color:#86efac;border-color:var(--saved-articles-primary);color:#4ade80;color:var(--saved-articles-primary-dark)}.saved-articles-btn-page:disabled{cursor:not-allowed;opacity:.4}.saved-articles-btn-page.active{background:#86efac;background:var(--saved-articles-primary);border-color:#86efac;border-color:var(--saved-articles-primary);color:#fff}.saved-articles-page-numbers{display:flex;gap:.375rem}.saved-articles-loading{align-items:center;background:#fff;border-radius:12px;border-radius:var(--saved-articles-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--saved-articles-shadow-md);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.saved-articles-spinner{animation:saved-articles-spin .8s linear infinite;border:4px solid #e2e8f0;border-top-color:#86efac;border:4px solid var(--saved-articles-border);border-radius:50%;border-top-color:var(--saved-articles-primary);height:40px;width:40px}@keyframes saved-articles-spin{to{transform:rotate(1turn)}}.saved-articles-loading p{color:#64748b;color:var(--saved-articles-text-secondary);font-size:.9375rem;margin-top:1rem}@media (max-width:1024px){.saved-articles-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.saved-articles-filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.saved-articles-page{font-size:12px;padding:.75rem}.saved-articles-header{padding:1.25rem 1.5rem}.saved-articles-header-content{align-items:flex-start;flex-direction:column}.saved-articles-icon-title{font-size:1.5rem}.saved-articles-filters{padding:1rem 1.25rem}.saved-articles-filters-grid,.saved-articles-grid{grid-template-columns:1fr}.saved-articles-grid{gap:1rem}.saved-articles-card-footer{align-items:flex-start;flex-direction:column}.saved-articles-pagination{flex-wrap:wrap;padding:1rem}.saved-articles-pagination-info{margin-bottom:.75rem;margin-right:0;text-align:center;width:100%}.saved-articles-page-numbers{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.saved-articles-header{padding:1rem}.saved-articles-icon-title{font-size:1.25rem}.saved-articles-icon-title svg{font-size:1.125rem}.saved-articles-subtitle{font-size:.875rem}.saved-articles-count-badge{font-size:.75rem;padding:.375rem .75rem}.saved-articles-card-header,.saved-articles-filters{padding:.875rem 1rem}.saved-articles-card-body{padding:1rem}.saved-articles-card-title{font-size:1rem}.saved-articles-card-excerpt{font-size:.8125rem}.saved-articles-empty{padding:3rem 1.5rem}.saved-articles-empty-icon{font-size:3rem}.saved-articles-empty h3{font-size:1.125rem}.saved-articles-empty p{font-size:.875rem}.saved-articles-btn-page{font-size:.8125rem;padding:.4rem .75rem}}@keyframes saved-articles-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.saved-articles-card{animation:saved-articles-fadeIn .3s ease}.saved-articles-card:first-child{animation-delay:.05s}.saved-articles-card:nth-child(2){animation-delay:.1s}.saved-articles-card:nth-child(3){animation-delay:.15s}.saved-articles-card:nth-child(4){animation-delay:.2s}.saved-articles-card:nth-child(5){animation-delay:.25s}.saved-articles-card:nth-child(6){animation-delay:.3s}:root{--review-primary:#059669;--review-primary-dark:#047857;--review-primary-light:#d1fae5;--review-secondary:#3b82f6;--review-danger:#ef4444;--review-warning:#f59e0b;--review-text-main:#1e293b;--review-text-muted:#64748b;--review-bg:#f8fafc;--review-border:#e2e8f0;--review-surface:#fff}.review-article-page{background-color:#f8fafc;background-color:var(--review-bg);font-family:Inter,sans-serif;min-height:100vh;padding:1.5rem}.review-article-container{margin:0 auto;max-width:1400px}.review-article-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.review-article-btn-back{align-items:center;background:#fff;background:var(--review-surface);border:1px solid #e2e8f0;border:1px solid var(--review-border);border-radius:6px;color:#1e293b;color:var(--review-text-main);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .2s}.review-article-btn-back:hover{background:#e2e8f0;background:var(--review-border)}.review-article-title{color:#1e293b;color:var(--review-text-main);font-size:1.5rem;margin:0}.review-article-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:7fr 3fr}.review-article-content-card{background:#fff;background:var(--review-surface);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem}.review-article-preview-cover{border:1px solid #e2e8f0;border:1px solid var(--review-border);border-radius:8px;margin-bottom:1.5rem;max-height:400px;object-fit:cover;width:100%}.review-article-article-title{color:#1e293b;color:var(--review-text-main);font-size:1.8rem;font-weight:800;line-height:1.3;margin-bottom:1rem}.review-article-meta{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--review-border);color:#64748b;color:var(--review-text-muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.review-article-meta span{align-items:center;display:flex;gap:.4rem}.meta-tag{background:#f1f5f9;border-radius:4px;color:#475569;padding:2px 8px}.review-article-html-content{color:#1e293b;color:var(--review-text-main);font-size:1.05rem;line-height:1.8}.review-article-html-content img{border-radius:6px;height:auto;margin:1rem 0;max-width:100%}.review-article-sidebar{display:flex;flex-direction:column;gap:1.5rem}.review-article-status-card{background:#fff;background:var(--review-surface);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.review-status-badge{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:1rem;padding:.4rem 1rem}.status-pending{background:#fef3c7;color:#92400e}.status-pending_medical{background:#e0f2fe;color:#0284c7}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.medical-review-badge{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;display:flex;gap:.8rem;margin-bottom:1rem;padding:1rem}.medical-review-badge img{border-radius:50%;height:40px;width:40px}.review-article-actions-box{display:flex;flex-direction:column;gap:.8rem}.btn-review-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.8rem;transition:all .2s;width:100%}.btn-approve-medical{background:#0284c7;color:#fff}.btn-approve-medical:hover{background:#0369a1}.btn-approve-publish{background:#059669;background:var(--review-primary);color:#fff}.btn-approve-publish:hover{background:#047857;background:var(--review-primary-dark)}.btn-reject{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn-reject:hover{background:#fee2e2}.btn-hide{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.review-article-comments-card{background:#fff;background:var(--review-surface);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.review-article-comments-card h3{border-bottom:2px solid #059669;border-bottom:2px solid var(--review-primary);display:inline-block;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.review-comment-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.review-comment-item{background:#f8fafc;background:var(--review-bg);border-radius:6px;padding:1rem}.review-comment-meta{color:#64748b;color:var(--review-text-muted);display:flex;font-size:.8rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.review-comment-text{color:#1e293b;color:var(--review-text-main);font-size:.95rem;line-height:1.5;margin:0}.review-comment-form textarea{border:1px solid #e2e8f0;border:1px solid var(--review-border);border-radius:4px;font-family:inherit;margin-bottom:.5rem;padding:.8rem;resize:vertical;width:100%}.review-comment-form button{background:#059669;background:var(--review-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;font-weight:600;padding:.6rem 1rem}.review-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.review-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;padding:1.5rem;width:100%}.review-modal-content h2{color:#1e293b;color:var(--review-text-main);font-size:1.3rem;margin:0 0 1rem}.review-modal-content textarea{border:1px solid #e2e8f0;border:1px solid var(--review-border);border-radius:4px;font-family:inherit;margin-bottom:1rem;min-height:100px;padding:1rem;width:100%}.review-modal-actions{display:flex;gap:.8rem;justify-content:flex-end}.review-modal-actions button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.6rem 1.2rem}.btn-cancel{background:#f1f5f9;color:#475569}.article-review-toast-container{bottom:1rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1rem;z-index:2000}.article-review-toast{background:#fff;border-left:4px solid #059669;border-left:4px solid var(--review-primary);border-radius:8px;box-shadow:0 10px 25px #0000001f;color:#1e293b;color:var(--review-text-main);font-size:.95rem;max-width:360px;min-width:260px;padding:.75rem 1rem}.article-review-toast.toast-success{border-left-color:#10b981}.article-review-toast.toast-error{border-left-color:#ef4444;border-left-color:var(--review-danger)}.article-review-toast.toast-warning{border-left-color:#f59e0b;border-left-color:var(--review-warning)}@media (max-width:1024px){.review-article-layout{grid-template-columns:1fr}.review-article-sidebar{flex-direction:row;flex-wrap:wrap;order:-1}.review-article-comments-card,.review-article-status-card{flex:1 1;min-width:300px}}@media (max-width:768px){.review-article-page{padding:1rem}.review-article-meta,.review-article-sidebar{flex-direction:column}.review-article-meta{gap:.5rem}}body,html{overflow-x:clip}.forumpage-alert-overlay{align-items:center;animation:fp-fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fp-fadeIn{0%{opacity:0}to{opacity:1}}.forumpage-alert{animation:fp-slideDown .25s ease;background:#fff;border-radius:16px;box-shadow:0 8px 40px #0000002e;padding:28px;position:relative;width:min(460px,92vw)}@keyframes fp-slideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.forumpage-alert-close{background:#0000;border:none;color:#999;cursor:pointer;font-size:18px;line-height:1;padding:4px;position:absolute;right:14px;top:14px}.forumpage-alert-close:hover{color:#333}.forumpage-alert-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.forumpage-alert-icon{font-size:28px}.forumpage-alert--success .forumpage-alert-icon{color:#4caf50}.forumpage-alert--error .forumpage-alert-icon{color:#e74c3c}.forumpage-alert--warning .forumpage-alert-icon{color:#ff9800}.forumpage-alert--info .forumpage-alert-icon{color:#2196f3}.forumpage-alert-title{color:#1a1a1a;font-size:1.15rem;font-weight:700;margin:0}.forumpage-alert-message{color:#555;font-size:.92rem;line-height:1.6;margin:0 0 20px 40px}.forumpage-alert-actions{display:flex;justify-content:flex-end}.forumpage-alert-btn--success{background:#4caf50!important}.forumpage-alert-btn--error{background:#e74c3c!important}.forumpage-alert-btn--warning{background:#ff9800!important}.forumpage-alert-btn--info{background:#2196f3!important}.forumpage-root{background:#f1f8f4;color:#2e7d32;font-family:Inter,Segoe UI,sans-serif;min-height:100vh}.forumpage-container{margin:0 auto;width:min(1140px,94vw)}.forumpage-btn-muted,.forumpage-btn-outline,.forumpage-btn-primary{align-items:center;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:7px;justify-content:center;padding:10px 22px;transition:all .2s ease;white-space:nowrap}.forumpage-btn-primary{background:#4caf50;box-shadow:0 4px 14px #4caf5040;color:#fff}.forumpage-btn-primary:hover:not(:disabled){background:#2e7d32;transform:translateY(-1px)}.forumpage-btn-primary:disabled{cursor:not-allowed;opacity:.6}.forumpage-btn-outline{background:#fff;border:1.5px solid #4caf50;color:#4caf50}.forumpage-btn-outline:hover{background:#4caf50;color:#fff}.forumpage-btn-muted{background:#e8f5e9;color:#2e7d32}.forumpage-btn-muted:hover{background:#c8e6c9}.forumpage-banner{background:#0b2f40;color:#fff;margin-bottom:0;overflow:hidden;padding:72px 0 88px;position:relative}.forumpage-banner-bg{background:linear-gradient(105deg,#0b2f40f5,#0b2f40cc 55%,#0b2f408c),url(/static/media/forum-hero.755267300a9978c1e351.jpg) 50%/cover no-repeat;inset:0;position:absolute;z-index:0}.forumpage-banner-inner{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;position:relative;z-index:1}.forumpage-banner-content{flex:1 1;min-width:260px}.forumpage-banner-brand{align-items:center;background:#ffc10726;border:1px solid #ffc10759;border-radius:20px;color:#ffc107;display:inline-flex;font-size:12.5px;font-weight:600;gap:8px;margin-bottom:18px;padding:6px 14px}.forumpage-banner-title{font-size:clamp(26px,5vw,44px);font-weight:800;line-height:1.15;margin:0 0 14px}.forumpage-banner-desc{font-size:clamp(14px,2vw,16px);line-height:1.65;margin:0 0 32px;max-width:580px;opacity:.88}.forumpage-banner-stats-row{display:flex;flex-wrap:wrap;gap:28px}.forumpage-banner-stat-box{display:flex;flex-direction:column;gap:4px;min-width:90px}.forumpage-banner-stat-val{color:#4caf50;font-size:clamp(24px,4vw,34px);font-weight:800;line-height:1}.forumpage-banner-stat-lbl{font-size:12px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.forumpage-banner-cards{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:14px;max-width:280px;min-width:230px}.forumpage-banner-action-card{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:16px;display:flex;gap:14px;padding:16px 18px;transition:background .2s}.forumpage-banner-action-card:hover{background:#ffffff2e}.forumpage-banner-action-icon{align-items:center;background:#4caf5040;border-radius:12px;color:#4caf50;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.forumpage-banner-action-icon--blue{background:#2196f340;color:#64b5f6}.forumpage-banner-action-label{display:block;font-size:10px;letter-spacing:.6px;margin-bottom:3px;opacity:.7;text-transform:uppercase}.forumpage-banner-action-value{display:block;font-size:14px;font-weight:700}.forumpage-banner-action-sub{display:block;font-size:11.5px;margin-top:3px;opacity:.7}.forumpage-main-tabs{border-bottom:2px solid #c5e6d6;display:flex;flex-wrap:wrap;gap:6px;margin:36px auto 28px;padding:0 4px}.forumpage-main-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#777;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:7px;margin-bottom:-2px;padding:11px 20px;transition:color .2s,border-color .2s}.forumpage-main-tab:hover{color:#4caf50}.forumpage-main-tab.active{border-bottom-color:#4caf50;color:#4caf50}.forumpage-filterbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.forumpage-filterbar-search{align-items:center;background:#fff;border:1.5px solid #c5e6d6;border-radius:14px;display:flex;flex:1 1;gap:10px;min-width:220px;padding:0 6px 0 16px;transition:border-color .2s,box-shadow .2s}.forumpage-filterbar-search:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f}.forumpage-filterbar-search-icon{color:#4caf50;flex-shrink:0}.forumpage-filterbar-search input{background:#0000;border:none;color:#333;flex:1 1;font-size:.92rem;outline:none;padding:12px 0}.forumpage-filterbar-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;padding:6px}.forumpage-filterbar-clear-btn:hover{background:#f0f0f0;color:#555}.forumpage-filterbar-search-btn{background:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.87rem;font-weight:600;padding:9px 18px;transition:background .2s}.forumpage-filterbar-search-btn:hover{background:#2e7d32}.forumpage-filterbar-selects{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.forumpage-filterbar-select-wrap{align-items:center;display:inline-flex;position:relative}.forumpage-filterbar-select-wrap select{-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid #c5e6d6;border-radius:12px;color:#2e7d32;cursor:pointer;font-size:.88rem;min-width:140px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s}.forumpage-filterbar-select-wrap select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f}.forumpage-select-arrow{color:#4caf50;font-size:11px;pointer-events:none;position:absolute;right:12px}.forumpage-filterbar-reset{align-items:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;color:#888;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.forumpage-filterbar-reset:hover{background:#fff5f5;border-color:#e74c3c;color:#e74c3c}.forumpage-filterbar-reset--full{justify-content:center;margin-top:4px;width:100%}.forumpage-filterbar-mobile{display:none;position:relative}.forumpage-filterbar-toggle{align-items:center;background:#fff;border:1.5px solid #c5e6d6;border-radius:12px;color:#2e7d32;cursor:pointer;display:flex;font-size:.88rem;gap:8px;padding:10px 14px;position:relative;transition:all .2s}.forumpage-filterbar-toggle.has-active{background:#f1f8f4;border-color:#4caf50}.forumpage-filterbar-dot{background:#4caf50;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.forumpage-filterbar-dropdown{background:#fff;border:1.5px solid #c5e6d6;border-radius:16px;box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column;gap:14px;min-width:240px;padding:16px;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.forumpage-filterbar-dropdown-group{display:flex;flex-direction:column;gap:6px}.forumpage-filterbar-dropdown-group label{color:#888;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.forumpage-filterbar-dropdown .forumpage-filterbar-select-wrap,.forumpage-filterbar-dropdown .forumpage-filterbar-select-wrap select{width:100%}.forumpage-filterbar-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.forumpage-filter-chip{align-items:center;background:#fff;border:1.5px solid #c5e6d6;border-radius:20px;color:#444;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;padding:6px 13px;transition:all .2s}.forumpage-filter-chip strong{color:#2e7d32}.forumpage-filter-chip:hover{background:#fff5f5;border-color:#e74c3c;color:#e74c3c}.forumpage-filter-chip--tag{background:#f1f8f4;border-color:#4caf50;color:#2e7d32}.forumpage-filter-chip--tag:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.forumpage-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 300px;margin-bottom:52px}.forumpage-create-card{align-items:center;background:#fff;border:1.5px solid #c5e6d6;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:16px 20px}.forumpage-create-card__icon{align-items:center;background:#e8f5e9;border-radius:50%;color:#4caf50;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.forumpage-create-card__prompt{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:25px;color:#888;cursor:pointer;flex:1 1;font-size:.9rem;padding:11px 18px;text-align:left;transition:border-color .2s}.forumpage-create-card__prompt:hover{border-color:#4caf50}.forumpage-create-card__submit{background:#4caf50;border:none;border-radius:25px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:700;padding:10px 22px;transition:background .2s}.forumpage-create-card__submit:hover{background:#2e7d32}.forumpage-feed{display:flex;flex-direction:column;gap:16px}.forumpage-post-feed{display:flex;flex-direction:column;gap:14px}.forumpage-post-card{background:#fff;border:1.5px solid #e8f5e9;border-radius:16px;box-shadow:0 2px 10px #00000008;cursor:pointer;display:grid;grid-template-columns:60px 1fr;overflow:hidden;transition:all .2s ease}.forumpage-post-card:hover{border-color:#4caf50;box-shadow:0 8px 24px #4caf501a;transform:translateY(-2px)}.forumpage-post-card__vote{align-items:center;background:#f8fdf8;border-right:1px solid #e8f5e9;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:16px 0}.forumpage-post-card__vote button{background:#0000;border:none;border-radius:6px;color:#bbb;cursor:pointer;padding:4px 8px;transition:color .2s}.forumpage-post-card__vote button:hover{color:#4caf50}.forumpage-post-card__vote span{color:#444;font-size:.95rem;font-weight:700}.forumpage-post-card__body{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.forumpage-post-card__meta{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:.8rem;gap:6px 10px}.forumpage-post-card__topic{background:#e8f5e9;border-radius:20px;color:#2e7d32;font-size:.78rem;font-weight:600;padding:3px 10px}.forumpage-post-card__author{color:#555;font-weight:500}.forumpage-post-card__time{color:#aaa}.forumpage-post-card__pinned{align-items:center;background:#ffc10726;border-radius:12px;color:#d4a017;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:3px 10px}.dot{color:#ccc}.forumpage-post-card__title{color:#1a2e1a;font-size:1.08rem;font-weight:700;line-height:1.4;margin:0}.forumpage-post-card__excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.88rem;line-height:1.6;margin:0;overflow:hidden}.forumpage-post-card__gallery{display:flex;flex-wrap:wrap;gap:8px}.forumpage-post-card__gallery img{border:1px solid #e8f5e9;border-radius:10px;height:90px;object-fit:cover;width:120px}.forumpage-gallery-count{align-items:center;background:#0000001f;border-radius:10px;color:#fff;display:flex;font-size:1rem;font-weight:700;height:90px;justify-content:center;width:90px}.forumpage-post-card__footer{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:.82rem;gap:14px}.forumpage-post-card__stat{align-items:center;display:flex;gap:5px}.forumpage-post-card__specialty{background:#e3f2fd;border-radius:20px;color:#1565c0;font-size:.77rem;font-weight:600;padding:3px 10px}.forumpage-post-card__action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#aaa;cursor:pointer;display:flex;font-size:.82rem;gap:5px;padding:4px 8px;transition:all .2s}.forumpage-post-card__action-btn:hover{background:#f5f5f5;color:#555}.forumpage-post-card__action-btn.active{color:#e74c3c}.forumpage-post-card__report-btn{background:none;border:none;border-radius:8px;color:#ddd;cursor:pointer;font-size:.82rem;margin-left:auto;padding:4px 8px;transition:color .2s}.forumpage-post-card__report-btn:hover{color:#e74c3c}.forumpage-post-card__tags{display:flex;flex-wrap:wrap;gap:6px}.forumpage-post-card__tag-btn{background:#f1f8f4;border:1px solid #c5e6d6;border-radius:12px;color:#2e7d32;cursor:pointer;font-size:.76rem;padding:3px 10px;transition:all .2s}.forumpage-post-card__tag-btn:hover{background:#4caf50;border-color:#4caf50;color:#fff}.forumpage-sidebar{display:flex;flex-direction:column;gap:18px}.forumpage-sidebar-card{background:#fff;border:1.5px solid #e8f5e9;border-radius:16px;box-shadow:0 2px 8px #00000008;padding:20px 22px}.forumpage-sidebar-card h3{align-items:center;color:#2e7d32;display:flex;font-size:1rem;gap:8px;margin:0 0 6px}.forumpage-sidebar-card p{color:#888;font-size:.85rem;margin:0 0 14px}.forumpage-sidebar-search{align-items:center;background:#f8fdf8;border:1px solid #c5e6d6;border-radius:10px;display:flex;gap:8px;margin-bottom:14px;padding:9px 12px}.forumpage-sidebar-search input{background:#0000;border:none;color:#333;flex:1 1;font-size:.85rem;outline:none}.forumpage-sidebar-tags{display:flex;flex-wrap:wrap;gap:7px}.forumpage-sidebar-tag{align-items:center;background:#f1f8f4;border:1px solid #0000;border-radius:20px;color:#2e7d32;cursor:pointer;display:inline-flex;font-size:.82rem;padding:5px 13px;transition:all .18s}.forumpage-sidebar-tag:hover{border-color:#4caf50}.forumpage-sidebar-tag.active{background:#4caf50;border-color:#4caf50;color:#fff}.forumpage-sidebar-tags__empty{color:#aaa;font-size:.85rem}.forumpage-sidebar-ask{align-items:center;background:linear-gradient(135deg,#f1f8f4,#e8f5e9);display:flex;flex-direction:column;gap:10px;text-align:center}.forumpage-sidebar-ask svg{color:#4caf50}.forumpage-sidebar-ask h3{justify-content:center}.forumpage-sidebar-ask p{margin:0}.forumpage-sidebar-tips ul{display:flex;flex-direction:column;gap:8px;margin:8px 0 0;padding-left:18px}.forumpage-sidebar-tips li{color:#555;font-size:.85rem;line-height:1.5}.forumpage-pagination{align-items:center;display:flex;gap:14px;justify-content:center;padding:20px 0}.forumpage-pagination button{background:#fff;border:1.5px solid #c5e6d6;border-radius:10px;color:#2e7d32;cursor:pointer;font-size:.87rem;font-weight:600;padding:9px 20px;transition:all .2s}.forumpage-pagination button:hover:not(:disabled){background:#4caf50;border-color:#4caf50;color:#fff}.forumpage-pagination button:disabled{cursor:not-allowed;opacity:.4}.forumpage-pagination span{color:#666;font-size:.9rem}.forumpage-pagination strong{color:#2e7d32}.forumpage-panel--loading{align-items:center;background:#fff;border:1px solid #e8f5e9;border-radius:16px;color:#4caf50;display:flex;flex-direction:column;font-size:.95rem;gap:16px;padding:48px 20px;text-align:center}.forumpage-spinner{animation:fp-spin .8s linear infinite;border:3px solid #e8f5e9;border-radius:50%;border-top-color:#4caf50;height:36px;width:36px}@keyframes fp-spin{to{transform:rotate(1turn)}}.forumpage-empty-state{align-items:center;background:#fff;border:1px solid #e8f5e9;border-radius:16px;color:#2e7d32;display:flex;flex-direction:column;gap:14px;padding:52px 20px;text-align:center}.forumpage-empty-state h3{font-size:1.2rem;margin:0}.forumpage-empty-state p{color:#888;font-size:.9rem;margin:0}.forumpage-modal-overlay{align-items:flex-start;background:#0000008c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:1400}.forumpage-modal{animation:fp-slideDown .25s ease;background:#fff;border-radius:20px;box-shadow:0 16px 60px #00000038;display:flex;flex-direction:column;margin:auto;max-height:none;width:min(720px,98vw)}.forumpage-modal--ask{width:min(760px,98vw)}.forumpage-modal__header{align-items:flex-start;background:linear-gradient(135deg,#f8fdf8,#f1f8f4);border-bottom:1px solid #e8f5e9;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:22px 26px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.forumpage-modal__header-info{align-items:center;display:flex;gap:14px}.forumpage-modal__header-icon{color:#4caf50;flex-shrink:0;font-size:28px}.forumpage-modal__title{color:#1a2e1a;font-size:1.3rem;font-weight:700;margin:0}.forumpage-modal__subtitle{color:#888;font-size:.83rem;margin:4px 0 0}.forumpage-modal__close{align-items:center;background:#0000000f;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:34px;justify-content:center;transition:background .2s;width:34px}.forumpage-modal__close:hover{background:#e74c3c1f;color:#e74c3c}.forumpage-modal__form{display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:22px 26px}.forumpage-modal__actions{background:#fafafa;border-radius:0 0 20px 20px;border-top:1px solid #e8f5e9;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:18px 26px;position:-webkit-sticky;position:sticky;z-index:10}.forumpage-form-section{background:#fafeff;border:1px solid #e8f5e9;border-radius:14px;display:flex;flex-direction:column;gap:16px;padding:18px 20px}.forumpage-form-section--compact{gap:0;padding:14px 20px}.forumpage-form-section-title{align-items:center;color:#2e7d32;display:flex;font-size:.92rem;font-weight:700;gap:10px;margin-bottom:4px}.forumpage-form-section-num{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.forumpage-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.forumpage-form-group{display:flex;flex-direction:column;gap:7px}.forumpage-form-group label{align-items:center;color:#374151;display:flex;font-size:.88rem;font-weight:600;gap:5px}.forumpage-required{color:#e74c3c}.forumpage-form-label-optional{color:#aaa;font-size:.82rem;font-weight:400}.forumpage-form-group input[type=text],.forumpage-form-group select,.forumpage-form-group textarea,.forumpage-form-section .forumpage-filterbar-select-wrap select{background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;box-sizing:border-box;color:#333;font-family:inherit;font-size:.9rem;outline:none;padding:11px 15px;transition:all .2s;width:100%}.forumpage-form-group input:focus,.forumpage-form-group select:focus,.forumpage-form-group textarea:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f}.forumpage-form-group textarea{line-height:1.6;min-height:110px;resize:vertical}.forumpage-specialty-chips{display:flex;flex-wrap:wrap;gap:7px}.forumpage-specialty-chip{background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:.83rem;font-weight:500;padding:6px 14px;transition:all .18s}.forumpage-specialty-chip:hover{background:#f1f8f4;border-color:#4caf50;color:#2e7d32}.forumpage-specialty-chip.selected{background:#4caf50;border-color:#4caf50;color:#fff}.forumpage-tag-grid{display:flex;flex-wrap:wrap;gap:7px}.forumpage-tag-option{align-items:center;background:#fff;border:1.5px solid #e8f5e9;border-radius:20px;color:#666;cursor:pointer;display:inline-flex;font-size:.82rem;gap:5px;padding:6px 13px;transition:all .18s}.forumpage-tag-option:hover{border-color:#4caf50;color:#2e7d32}.forumpage-tag-option.selected{background:#4caf50;border-color:#4caf50;color:#fff}.forumpage-upload-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.forumpage-upload-zone{align-items:center;background:#f8fdf8;border:2px dashed #c5e6d6;border-radius:14px;color:#4caf50;cursor:pointer;display:flex;flex-direction:column;font-size:.88rem;gap:8px;justify-content:center;padding:24px 16px;text-align:center;transition:all .2s}.forumpage-upload-zone:hover:not(.disabled){background:#f1f8f4;border-color:#4caf50}.forumpage-upload-zone.disabled{cursor:not-allowed;opacity:.5}.forumpage-upload-zone svg{color:#4caf50;opacity:.7}.forumpage-upload-zone-sub{color:#aaa;font-size:.77rem}.forumpage-image-preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.forumpage-image-preview-item{border:1.5px solid #c5e6d6;border-radius:12px;height:88px;overflow:hidden;position:relative;width:88px}.forumpage-image-preview-item img{height:100%;object-fit:cover;width:100%}.forumpage-remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:22px;justify-content:center;position:absolute;right:4px;top:4px;width:22px}.forumpage-file-preview-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.forumpage-file-preview-item{align-items:center;background:#f1f8f4;border:1px solid #c5e6d6;border-radius:10px;color:#444;display:flex;font-size:.85rem;gap:9px;padding:9px 14px}.forumpage-file-preview-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forumpage-remove-file-btn{align-items:center;background:none;border:none;border-radius:6px;color:#e74c3c;cursor:pointer;display:flex;font-size:13px;padding:2px 6px}.forumpage-anonymous-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.forumpage-anonymous-toggle input{accent-color:#4caf50;flex-shrink:0;height:18px;margin-top:2px;width:18px}.forumpage-anonymous-label{color:#374151;display:block;font-size:.9rem;font-weight:600}.forumpage-anonymous-sub{color:#888;display:block;font-size:.82rem;margin-top:3px}.forumpage-report-target{background:#f8fdf8;border:1px solid #c5e6d6;border-radius:10px;color:#444;font-size:.88rem;font-style:italic;line-height:1.5;padding:10px 14px}.forumpage-community-tab{padding:0 0 52px}.forumpage-community-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.forumpage-community-search{background:#fff;border:1.5px solid #c5e6d6;border-radius:25px;flex:1 1;font-size:.9rem;min-width:180px;outline:none;padding:11px 18px;transition:border-color .2s}.forumpage-community-search:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f}.forumpage-community-filters{display:flex;flex-wrap:wrap;gap:8px}.forumpage-community-filter-btn{background:#fff;border:1.5px solid #c5e6d6;border-radius:25px;color:#2e7d32;cursor:pointer;font-size:13px;font-weight:600;padding:9px 16px;transition:all .2s}.forumpage-community-filter-btn.active,.forumpage-community-filter-btn:hover{background:#4caf50;border-color:#4caf50;color:#fff}.forumpage-groups-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.forumpage-group-card{background:#fff;border:1.5px solid #e8f5e9;border-radius:16px;box-shadow:0 4px 16px #0000000a;overflow:hidden;transition:transform .2s,box-shadow .2s}.forumpage-group-card:hover{box-shadow:0 10px 28px #4caf5021;transform:translateY(-3px)}.forumpage-group-cover{align-items:flex-end;display:flex;height:90px;padding:10px;position:relative}.forumpage-group-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:34px}.forumpage-group-official{background:#4caf50;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:3px 9px;position:absolute;right:8px;top:8px}.forumpage-group-body{display:flex;flex-direction:column;gap:7px;padding:16px}.forumpage-group-body h4{color:#1a2e1a;font-size:16px;font-weight:700;margin:0}.forumpage-group-body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden}.forumpage-group-meta{color:#888;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-top:4px}.forumpage-group-actions{align-items:center;display:flex;gap:8px;margin-top:8px}.forumpage-group-joined{color:#4caf50;font-size:13px;font-weight:700}@media (max-width:900px){.forumpage-content{grid-template-columns:1fr}.forumpage-sidebar{flex-direction:row;flex-wrap:wrap}.forumpage-sidebar>*{flex:1 1;min-width:260px}.forumpage-banner-cards{flex-direction:row;max-width:100%}.forumpage-banner-action-card{flex:1 1;min-width:180px}.forumpage-filterbar-selects{display:none}.forumpage-filterbar-mobile{display:block}}@media (max-width:600px){.forumpage-banner{padding:44px 0 52px}.forumpage-banner-inner{flex-direction:column;gap:24px}.forumpage-banner-cards{flex-direction:column;gap:10px;max-width:100%;width:100%}.forumpage-banner-action-card{width:100%}.forumpage-banner-title{font-size:24px}.forumpage-banner-desc{font-size:14px;margin-bottom:20px}.forumpage-banner-stats-row{gap:18px}.forumpage-banner-stat-val{font-size:24px}.forumpage-main-tabs{flex-wrap:nowrap;gap:0;overflow-x:auto;padding-bottom:2px}.forumpage-main-tab{flex-shrink:0;font-size:.83rem;padding:10px 14px;white-space:nowrap}.forumpage-filterbar{gap:8px}.forumpage-filterbar-search{min-width:0;min-width:auto}.forumpage-filterbar-selects{display:none}.forumpage-filterbar-mobile{display:block}.forumpage-post-card{grid-template-columns:50px 1fr}.forumpage-post-card__vote{padding:12px 0}.forumpage-post-card__body{gap:8px;padding:12px 14px 12px 0}.forumpage-post-card__title{font-size:.98rem}.forumpage-post-card__excerpt{-webkit-line-clamp:2}.forumpage-post-card__gallery img{height:70px;width:90px}.forumpage-post-card__footer{font-size:.78rem;gap:10px}.forumpage-modal-overlay{align-items:flex-end;padding:0}.forumpage-modal{border-radius:20px 20px 0 0;margin:0;max-height:95vh;overflow-y:auto;width:100%}.forumpage-modal--ask{width:100%}.forumpage-modal__header{border-radius:20px 20px 0 0;padding:16px 18px}.forumpage-modal__form{padding:16px 18px}.forumpage-modal__actions{padding:14px 18px}.forumpage-modal__title{font-size:1.1rem}.forumpage-modal__subtitle{font-size:.78rem}.forumpage-form-row,.forumpage-upload-row{grid-template-columns:1fr}.forumpage-sidebar{flex-direction:column}.forumpage-groups-grid{grid-template-columns:1fr}.forumpage-community-toolbar{align-items:stretch;flex-direction:column}.forumpage-community-search{min-width:0;min-width:auto}.forumpage-pagination{gap:10px}.forumpage-pagination button{font-size:.82rem;padding:8px 14px}}@media (max-width:400px){.forumpage-container{width:96vw}.forumpage-banner{padding:36px 0 44px}.forumpage-banner-stat-box{min-width:70px}.forumpage-post-card{grid-template-columns:44px 1fr}.forumpage-post-card__vote span{font-size:.85rem}.forumpage-post-card__title{font-size:.92rem}.forumpage-form-section{padding:14px}.forumpage-modal__header-icon{font-size:22px}.forumpage-modal__title{font-size:1rem}}.ForumBanner{background:#0b2f40;background:var(--primary-dark,#0b2f40);box-shadow:0 4px 20px #0000001a;color:#fff;margin-bottom:0;overflow:hidden;padding:40px 0 80px;position:relative}.ForumBanner-bg{background:linear-gradient(90deg,#0b2f40e6,#0b2f40bf 60%,#0b2f4080),url(/static/media/forum-hero.755267300a9978c1e351.jpg) 50%/cover no-repeat;filter:saturate(1.1);inset:0;position:absolute;z-index:0}.ForumBanner-inner{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:0 auto;position:relative;width:min(1200px,94vw);z-index:1}.ForumBanner-content{flex:1 1}.ForumBanner-brand{align-items:center;background:#ffc10726;border:1px solid #ffc1074d;border-radius:20px;color:#ffc107;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:16px;padding:6px 14px}.ForumBanner-title{font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px}.ForumBanner-desc{font-size:16px;line-height:1.6;margin:0 0 32px;max-width:600px;opacity:.9}.ForumBanner-stats-row{display:flex;flex-wrap:wrap;gap:24px}.ForumBanner-stat-box{display:flex;flex-direction:column;gap:4px;min-width:100px}.ForumBanner-stat-val{color:#2fbf71;font-size:32px;font-weight:800;line-height:1}.ForumBanner-stat-lbl{font-size:13px;letter-spacing:.5px;opacity:.75;text-transform:uppercase}.ForumBanner-actions{align-items:flex-end;display:flex;flex-direction:column;gap:16px}.ForumBanner-action-card{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;display:flex;gap:12px;min-width:220px;padding:12px 20px}.ForumBanner-action-card svg{flex-shrink:0}.ForumBanner-action-label{display:block;font-size:11px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.ForumBanner-action-value{display:block;font-size:16px;font-weight:700}@media (max-width:768px){.ForumBanner-inner{align-items:flex-start;flex-direction:column}.ForumBanner-title{font-size:32px}.ForumBanner-actions{align-items:stretch;width:100%}.ForumBanner-action-card{width:100%}}.qdp-root{background:#dae0e6;color:#1c1c1c;font-family:Noto Sans,Segoe UI,sans-serif;min-height:100vh}.qdp-container{margin:0 auto;padding:20px 0 52px;width:min(1200px,96vw)}.qdp-nav-row{align-items:center;display:flex;gap:14px;margin-bottom:16px}.qdp-back-btn{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 1px 4px #00000014;color:#2e7d32;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:7px;padding:8px 16px;transition:all .18s;white-space:nowrap}.qdp-back-btn:hover{background:#4caf50;color:#fff}.qdp-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 300px}.qdp-center{display:flex;flex-direction:column;gap:14px}.qdp-post{background:#fff;border:1px solid #ccc;border-radius:6px;overflow:hidden}.qdp-post-meta{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:.8rem;gap:6px 10px;padding:12px 16px 6px}.qdp-post-subreddit{align-items:center;color:#1a1a1a;display:inline-flex;font-size:.88rem;font-weight:700;gap:6px}.qdp-topic-icon{border:1px solid #e0e0e0;border-radius:50%;height:20px;object-fit:cover;width:20px}.qdp-post-author-line{align-items:center;color:#777;display:inline-flex;gap:5px}.qdp-post-author-line strong{color:#333}.qdp-post-time{color:#aaa}.qdp-meta-sep{color:#ccc}.qdp-specialty-badge{background:#e3f2fd;border-radius:12px;color:#1565c0;font-size:.75rem;font-weight:600;padding:2px 10px}.qdp-post-title{color:#1a1a1a;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;line-height:1.35;margin:0;padding:8px 16px 10px}.qdp-post-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}.qdp-post-content{color:#333;font-size:.95rem;line-height:1.7;padding:4px 16px 16px;white-space:pre-wrap;word-break:break-word}.qdp-post-gallery{grid-gap:4px;display:grid;gap:4px;margin:0 0 12px;padding:0 16px}.qdp-post-gallery.count-1{grid-template-columns:1fr}.qdp-post-gallery.count-2,.qdp-post-gallery.count-3{grid-template-columns:1fr 1fr}.qdp-post-gallery.count-3 .qdp-gallery-img:first-child{grid-column:1/-1}.qdp-post-gallery.count-4{grid-template-columns:1fr 1fr}.qdp-gallery-img{border-radius:8px;cursor:pointer;display:block;height:220px;object-fit:cover;transition:opacity .18s;width:100%}.qdp-gallery-img:hover{opacity:.88}.qdp-attachments{background:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;margin:0 16px 14px;padding:12px 14px}.qdp-attachments-label{align-items:center;color:#666;display:flex;font-size:.82rem;font-weight:600;gap:6px;margin-bottom:8px}.qdp-attachments-list{display:flex;flex-wrap:wrap;gap:8px}.qdp-attachment-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#444;display:inline-flex;font-size:.82rem;gap:6px;max-width:220px;overflow:hidden;padding:6px 12px;text-decoration:none;transition:border-color .18s}.qdp-attachment-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qdp-attachment-item:hover{border-color:#4caf50;color:#2e7d32}.qdp-post-actions{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:6px 8px 10px}.qdp-action-pill{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 10px;transition:background .15s,color .15s;white-space:nowrap}.qdp-action-pill:hover{background:#f0f0f0;color:#333}.qdp-action-pill.active{color:#4caf50}.qdp-action-pill--like.active{color:#e74c3c}.qdp-action-pill--like:hover,.qdp-action-pill--report:hover{background:#fff5f5;color:#e74c3c}.qdp-post-stats{align-items:center;color:#aaa;display:flex;font-size:.78rem;gap:12px;margin-left:auto}.qdp-post-stats span{align-items:center;display:flex;gap:4px}.qdp-compose{background:#fff;border:1px solid #ccc;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:16px}.qdp-compose-header{align-items:center;display:flex;gap:10px;margin-bottom:2px}.qdp-compose-label{color:#666;font-size:.85rem}.qdp-compose-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.qdp-compose-hint{align-items:center;color:#aaa;display:flex;font-size:.78rem;gap:5px}.qdp-textarea{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:.9rem;line-height:1.6;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.qdp-textarea:focus{background:#fff;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f}.qdp-textarea:disabled{cursor:not-allowed;opacity:.5}.qdp-textarea--sm{font-size:.85rem;min-height:60px;padding:8px 12px}.qdp-comments-section{background:#fff;border:1px solid #ccc;border-radius:6px;overflow:hidden}.qdp-sort-bar{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px}.qdp-sort-label{margin-right:4px}.qdp-sort-btn,.qdp-sort-label{color:#888;font-size:.82rem;font-weight:600}.qdp-sort-btn{background:#0000;border:none;border-radius:20px;cursor:pointer;padding:5px 12px;transition:all .15s}.qdp-sort-btn:hover{background:#f0f0f0;color:#333}.qdp-sort-btn.active{background:#e8f5e9;color:#2e7d32}.qdp-comments-count{color:#aaa;font-size:.8rem;font-weight:500;margin-left:auto}.qdp-comment-list{padding:8px 0}.qdp-empty-comments{align-items:center;color:#ccc;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 20px}.qdp-empty-comments p{color:#aaa;font-size:.95rem;margin:0}.qdp-thread-item{border-bottom:1px solid #f2f2f2;padding:14px 16px 8px}.qdp-thread-item:last-child{border-bottom:none}.qdp-replies-block{border-left:2px solid #e8e8e8;margin-left:38px;margin-top:10px}.qdp-replies-block:hover{border-left-color:#c5e6d6}.qdp-thread-item--reply{background:#0000;border-bottom:1px solid #f8f8f8;padding:10px 10px 6px 14px}.qdp-thread-item--reply:last-child{border-bottom:none}.qdp-comment-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.qdp-comment-author{align-items:center;color:#1a1a1a;display:inline-flex;font-size:.88rem;font-weight:700;gap:6px}.qdp-comment-author.doctor{color:#1565c0}.qdp-badge-doctor{background:#e3f2fd;border-radius:10px;color:#1565c0;font-size:.72rem;padding:2px 8px}.qdp-badge-doctor,.qdp-badge-verified{align-items:center;display:inline-flex;font-weight:600;gap:3px}.qdp-badge-verified{color:#4caf50;font-size:.75rem}.qdp-badge-pinned{background:#ffc10726;border-radius:10px;color:#b8860b;font-size:.72rem;font-weight:600;padding:2px 8px}.qdp-comment-time{color:#aaa;font-size:.78rem}.qdp-comment-content{color:#333;font-size:.92rem;line-height:1.68;margin-bottom:8px;padding-left:38px;word-break:break-word}.qdp-comment-content.deleted{color:#ccc;font-style:italic}.qdp-deleted-text{color:#ccc}.qdp-comment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:2px;margin-bottom:4px;padding-left:38px}.qdp-comment-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:5px;padding:5px 9px;transition:all .15s}.qdp-comment-action-btn:hover{background:#f0f0f0;color:#333}.qdp-comment-action-btn--report:hover,.qdp-comment-action-btn.liked{color:#e74c3c}.qdp-reply-form{align-items:flex-start;display:flex;gap:10px;margin:8px 0 10px 38px}.qdp-reply-form-inner{display:flex;flex:1 1;flex-direction:column;gap:6px}.qdp-reply-form-footer{display:flex;gap:8px;justify-content:flex-end}.qdp-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;overflow:hidden}.qdp-tag{background:#f1f8f4;border:1px solid #c5e6d6;border-radius:12px;color:#2e7d32;font-size:.78rem;font-weight:500;padding:3px 10px}.qdp-btn-primary,.qdp-tag{align-items:center;display:inline-flex}.qdp-btn-primary{background:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;gap:6px;padding:9px 22px;transition:background .18s;white-space:nowrap}.qdp-btn-primary:hover:not(:disabled){background:#2e7d32}.qdp-btn-primary:disabled{cursor:not-allowed;opacity:.5}.qdp-btn-ghost{background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;color:#555;cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 18px;transition:all .15s}.qdp-btn-ghost:hover{border-color:#aaa;color:#333}.qdp-btn-danger{background:#e74c3c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:7px 18px;transition:background .15s}.qdp-btn-danger:hover{background:#c0392b}.qdp-btn-xs{font-size:.8rem;padding:6px 14px}.qdp-sidebar{display:flex;flex-direction:column;gap:16px}.qdp-widget{background:#fff;border:1px solid #ccc;border-radius:6px;overflow:hidden}.qdp-widget-header{align-items:center;background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;display:flex;font-size:.88rem;font-weight:700;gap:8px;padding:10px 14px}.qdp-widget-body{padding:14px}.qdp-widget-desc{color:#555;font-size:.85rem;line-height:1.55;margin:0 0 12px}.qdp-widget-stat-row{display:flex;gap:8px;margin-bottom:12px}.qdp-widget-stat{background:#f8fdf8;border-radius:8px;flex:1 1;padding:8px 4px;text-align:center}.qdp-widget-stat strong{color:#2e7d32;display:block;font-size:1.1rem;font-weight:800}.qdp-widget-stat span{color:#aaa;font-size:.72rem}.qdp-widget-date{color:#aaa;font-size:.8rem}.qdp-rules-list{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:18px}.qdp-rules-list li{color:#555;font-size:.85rem;line-height:1.45}.qdp-widget-tags{display:flex;flex-wrap:wrap;gap:6px}.qdp-form-label{color:#444;display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.qdp-select-wrap{position:relative}.qdp-select-wrap select{-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-family:inherit;font-size:.88rem;outline:none;padding:9px 32px 9px 12px;transition:border-color .2s;width:100%}.qdp-select-wrap select:focus{border-color:#4caf50}.qdp-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.qdp-modal{animation:qdp-slideDown .22s ease;background:#fff;border-radius:16px;box-shadow:0 16px 48px #00000038;overflow:hidden;width:min(480px,96vw)}@keyframes qdp-slideDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.qdp-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.qdp-modal-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}.qdp-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;font-size:16px;padding:4px}.qdp-modal-close:hover{background:#f0f0f0;color:#333}.qdp-modal-body{display:flex;flex-direction:column;padding:18px 20px}.qdp-modal-footer{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.qdp-toast{animation:qdp-fadeUp .25s ease;border-radius:30px;bottom:28px;box-shadow:0 6px 24px #0000002e;color:#fff;font-size:.88rem;font-weight:600;left:50%;padding:12px 28px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:99999}@keyframes qdp-fadeUp{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.qdp-toast--success{background:#2e7d32}.qdp-toast--error{background:#e74c3c}.qdp-toast--warning{background:#ff9800}.qdp-lightbox{align-items:center;background:#000000e0;cursor:pointer;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99998}.qdp-lightbox img{border-radius:8px;box-shadow:0 8px 40px #00000080;max-height:88vh;max-width:90vw;object-fit:contain}.qdp-lightbox-close{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:36px;position:absolute;right:16px;top:16px;width:36px}.qdp-lightbox-close,.qdp-loading{align-items:center;display:flex;justify-content:center}.qdp-loading{color:#4caf50;flex-direction:column;font-size:.95rem;gap:16px;min-height:320px}.qdp-spinner{animation:qdp-spin .8s linear infinite;border:3px solid #e8f5e9;border-radius:50%;border-top-color:#4caf50;height:38px;width:38px}@keyframes qdp-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.qdp-layout{gap:16px;grid-template-columns:minmax(0,1fr) 260px}}@media (max-width:860px){.qdp-layout{gap:12px;grid-template-columns:1fr}.qdp-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.qdp-post-stats{margin-left:0}}@media (max-width:600px){.qdp-root{background:#f0f0f0}.qdp-container{padding:12px 0 40px}.qdp-comments-section,.qdp-compose,.qdp-post,.qdp-widget{border-left:none;border-radius:0;border-right:none}.qdp-back-btn{font-size:.82rem;padding:7px 12px}.qdp-post-title{font-size:1.1rem;padding:8px 12px}.qdp-post-meta{gap:4px 8px;padding:10px 12px 4px}.qdp-post-content{font-size:.9rem;padding:4px 12px 14px}.qdp-post-gallery{padding:0 12px}.qdp-post-gallery.count-2,.qdp-post-gallery.count-3,.qdp-post-gallery.count-4{grid-template-columns:1fr}.qdp-post-gallery.count-3 .qdp-gallery-img:first-child{grid-column:auto}.qdp-gallery-img{height:200px}.qdp-post-actions{gap:2px;padding:6px 8px 8px}.qdp-action-pill span{display:none}.qdp-action-pill--like span{display:inline}.qdp-action-pill{padding:7px 8px}.qdp-compose{padding:12px}.qdp-sort-bar{gap:4px;padding:8px 12px}.qdp-sort-btn{font-size:.8rem;padding:5px 10px}.qdp-thread-item{padding:12px 12px 6px}.qdp-thread-item--reply{padding:8px 8px 4px 12px}.qdp-replies-block{margin-left:28px}.qdp-comment-content{font-size:.88rem;padding-left:28px}.qdp-comment-actions{padding-left:28px}.qdp-reply-form{gap:7px;margin-left:28px}.qdp-sidebar{grid-template-columns:1fr}.qdp-modal-overlay{align-items:flex-end;padding:0}.qdp-modal{border-radius:20px 20px 0 0;width:100%}}@media (max-width:400px){.qdp-post-title{font-size:1rem}.qdp-comment-author{font-size:.82rem}.qdp-comment-content{font-size:.85rem;padding-left:22px}.qdp-comment-actions{padding-left:22px}.qdp-replies-block{margin-left:20px}.qdp-reply-form{margin-left:22px}}.custom-alert-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.custom-alert{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:500px;min-width:350px;padding:24px;position:relative}.custom-alert__close{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:color .2s ease}.custom-alert__close:hover{color:#333}.custom-alert__header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.custom-alert__icon{font-size:32px}.custom-alert__title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.custom-alert__message{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 20px 44px}.custom-alert__actions{display:flex;gap:12px;justify-content:flex-end}.custom-alert__btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.custom-alert--success .custom-alert__icon{color:#4caf50}.custom-alert--success .custom-alert__btn--success{background:#4caf50;color:#fff}.custom-alert--success .custom-alert__btn--success:hover{background:#45a049}.custom-alert--error .custom-alert__icon{color:#f44336}.custom-alert--error .custom-alert__btn--error{background:#f44336;color:#fff}.custom-alert--error .custom-alert__btn--error:hover{background:#d32f2f}.custom-alert--warning .custom-alert__icon{color:#ff9800}.custom-alert--warning .custom-alert__btn--warning{background:#ff9800;color:#fff}.custom-alert--warning .custom-alert__btn--warning:hover{background:#f57c00}.custom-alert--info .custom-alert__icon{color:#2196f3}.custom-alert--info .custom-alert__btn--info{background:#2196f3;color:#fff}.custom-alert--info .custom-alert__btn--info:hover{background:#1976d2}@media (max-width:600px){.custom-alert{max-width:90%;min-width:90%;padding:20px}.custom-alert__message{margin-left:0}}:root{--mf-primary:#4caf50;--mf-primary-dark:#388e3c;--mf-primary-light:#e8f5e9;--mf-text-main:#333;--mf-text-sub:#666;--mf-border:#e0e0e0;--mf-bg:#fff;--mf-hover:#f9fafb;--mf-radius:6px}.MyForum-page{background:#f5f7fa;color:#333;color:var(--mf-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;min-height:100vh;padding:12px}.MyForum-container{background:#fff;background:var(--mf-bg);border:1px solid #e0e0e0;border:1px solid var(--mf-border);border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;min-height:80vh;overflow:hidden}.MyForum-header{background:#fff;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--mf-border);display:flex;flex-direction:column;gap:4px;padding:16px 20px}.MyForum-header h1{align-items:center;color:#4caf50;color:var(--mf-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.MyForum-header p{color:#666;color:var(--mf-text-sub);font-size:12px;margin:0}.MyForum-tabs{background:#fafafa;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--mf-border);display:flex;gap:8px;overflow-x:auto;padding:8px 16px}.MyForum-tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:20px;color:#666;color:var(--mf-text-sub);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 16px;transition:all .2s ease;white-space:nowrap}.MyForum-tab-btn:hover{background:#e8f5e9;background:var(--mf-primary-light);color:#388e3c;color:var(--mf-primary-dark)}.MyForum-tab-btn.active{background:#4caf50;background:var(--mf-primary);box-shadow:0 2px 4px #4caf5033;color:#fff}.MyForum-tabs-divider{align-self:center;background:#e0e0e0;background:var(--mf-border);height:20px;margin:0 4px;width:1px}.MyForum-content{background:#fff;background:var(--mf-bg);flex:1 1;padding:0;position:relative}.MyForum-state{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;padding:60px 20px;text-align:center}.MyForum-spinner{animation:MyForum-spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;border-top:3px solid var(--mf-primary);height:32px;margin-bottom:12px;width:32px}@keyframes MyForum-spin{to{transform:rotate(1turn)}}.MyForum-empty-icon{color:#e0e0e0;font-size:48px;margin-bottom:16px}.MyForum-empty-title{color:#666;color:var(--mf-text-sub);font-size:15px;font-weight:600;margin-bottom:8px}.MyForum-empty-desc{color:#999;font-size:12px;margin-bottom:16px}.MyForum-btn-primary{background:#4caf50;background:var(--mf-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:background .2s}.MyForum-btn-primary:hover{background:#388e3c;background:var(--mf-primary-dark)}.MyForum-list{display:flex;flex-direction:column}.MyForum-card{background:#fff;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--mf-border);color:inherit;cursor:pointer;display:flex;gap:16px;padding:16px;position:relative;text-decoration:none;transition:background .2s}.MyForum-card:hover{background:#fafafa}.MyForum-card:last-child{border-bottom:none}.MyForum-stats{gap:8px;min-width:60px;padding-top:4px;text-align:center}.MyForum-stat-item,.MyForum-stats{display:flex;flex-direction:column}.MyForum-stat-item{align-items:center;line-height:1}.MyForum-stat-val{color:#666;color:var(--mf-text-sub);font-size:14px;font-weight:700}.MyForum-stat-lbl{color:#999;font-size:10px;margin-top:2px}.MyForum-stats .highlight .MyForum-stat-val{color:#4caf50;color:var(--mf-primary)}.MyForum-card-body{flex:1 1;min-width:0}.MyForum-card-title{color:#388e3c;color:var(--mf-primary-dark);font-size:14px;font-weight:600;line-height:1.4;margin:0 0 6px}.MyForum-card-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;color:var(--mf-text-sub);display:-webkit-box;font-size:12px;line-height:1.5;margin:0 0 10px;overflow:hidden}.MyForum-meta{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:11px;gap:12px}.MyForum-meta-item{align-items:center;display:flex;gap:4px}.MyForum-badge{border-radius:4px;font-size:10px;font-weight:500;padding:2px 8px;text-transform:uppercase}.MyForum-badge.specialty{background:#e3f2fd;color:#1976d2}.status-pending{color:#ef6c00}.status-approved{background:#e8f5e9;color:#2e7d32}.status-rejected{background:#ffebee;color:#c62828}.status-hidden{background:#eee;color:#757575}.MyForum-tags{display:flex;gap:6px;margin-top:8px}.MyForum-tag{background:#f1f1f1;border-radius:12px;color:#666;font-size:11px;padding:2px 8px}.MyForum-actions{align-items:flex-start;display:flex;padding-left:8px}.MyForum-btn-edit{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--mf-border);border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;margin-right:4px;transition:all .2s;width:28px}.MyForum-btn-edit:hover{background:#e3f2fd;border-color:#bbdefb;color:#1565c0}.MyForum-btn-delete{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--mf-border);border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}.MyForum-btn-delete:hover{background:#ffebee;border-color:#ffcdd2;color:#c62828}@media (max-width:600px){.MyForum-card{flex-direction:column;gap:10px}.MyForum-stats{border-bottom:1px solid #eee;flex-direction:row;gap:20px;justify-content:flex-start;padding-bottom:8px}.MyForum-actions{position:absolute;right:10px;top:10px}.MyForum-tabs{padding:8px}}.mygroupspage-page{background:#f5f7fa;color:#333;min-height:100vh;padding:12px}.mygroupspage-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:0 auto;max-width:1000px;overflow:hidden}.mygroupspage-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px}.mygroupspage-header h1{align-items:center;color:#2e7d32;display:flex;font-size:18px;gap:8px;margin:0}.mygroupspage-header p{color:#666;font-size:12px;margin:4px 0 0}.mygroupspage-toolbar{background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:10px;padding:12px 16px}.mygroupspage-search-box{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.mygroupspage-search-icon{color:#888;flex-shrink:0}.mygroupspage-search-input{background:#0000;border:none;font-size:13px;outline:none;width:100%}.mygroupspage-filter-group{display:flex;flex-wrap:wrap;gap:8px}.mygroupspage-filter-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:20px;color:#666;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.mygroupspage-filter-btn:hover{background:#e8f5e9;color:#2e7d32}.mygroupspage-filter-btn.active{background:#4caf50;box-shadow:0 2px 4px #4caf5033;color:#fff}.mygroupspage-content{padding:12px}.mygroupspage-empty-state,.mygroupspage-empty-state-section,.mygroupspage-page--empty,.mygroupspage-state{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.mygroupspage-state{color:#666;gap:10px;padding:28px 16px}.mygroupspage-spinner{animation:mygroupspage-spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#4caf50;display:inline-block;height:34px;width:34px}@keyframes mygroupspage-spin{to{transform:rotate(1turn)}}.mygroupspage-section{margin-bottom:18px}.mygroupspage-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mygroupspage-section-head h2{align-items:center;color:#2e7d32;display:flex;font-size:14px;gap:8px;margin:0}.mygroupspage-list{display:flex;flex-direction:column;gap:12px}.mygroupspage-card{align-items:stretch;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 2px #00000008;cursor:pointer;display:flex;gap:12px;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.mygroupspage-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.mygroupspage-card-stats{border-right:1px solid #eee;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:88px;padding-right:8px}.mygroupspage-stat-item{align-items:center;background:#fafafa;border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:6px 8px}.mygroupspage-stat-item.highlight{background:#e8f5e9}.mygroupspage-stat-val{color:#2e7d32;font-size:14px;font-weight:700}.mygroupspage-stat-lbl{color:#666;font-size:10px}.mygroupspage-card-body{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.mygroupspage-card-title{color:#222;font-size:15px;font-weight:700;line-height:1.35;margin:0}.mygroupspage-card-excerpt{color:#666;font-size:13px;line-height:1.45;margin:0}.mygroupspage-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mygroupspage-meta-item{align-items:center;color:#777;display:inline-flex;font-size:12px;gap:6px}.mygroupspage-badge{background:#f3f4f6;color:#555}.mygroupspage-badge,.mygroupspage-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 8px}.mygroupspage-status-active{background:#e8f5e9;color:#2e7d32}.mygroupspage-status-pending{background:#fff8e1;color:#f57c00}.mygroupspage-status-rejected{background:#ffebee;color:#c62828}.mygroupspage-actions{align-items:flex-start;display:flex;gap:6px;padding-left:8px}.mygroupspage-btn-danger,.mygroupspage-btn-muted,.mygroupspage-btn-outline,.mygroupspage-btn-primary{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;min-height:28px;padding:6px 12px;transition:all .2s ease}.mygroupspage-btn-primary{background:#4caf50;color:#fff}.mygroupspage-btn-primary:hover{background:#388e3c}.mygroupspage-btn-outline{background:#fff;border-color:#d9d9d9;color:#555}.mygroupspage-btn-outline:hover{background:#f1f8f2;border-color:#b7dfbc;color:#2e7d32}.mygroupspage-btn-danger{background:#fff;border-color:#efc7c7;color:#c62828}.mygroupspage-btn-danger:hover{background:#ffebee}.mygroupspage-btn-muted{background:#f5f5f5;color:#999;cursor:not-allowed}.mygroupspage-empty-state-section{background:#fafafa;border:1px dashed #e0e0e0;border-radius:8px;gap:10px;padding:28px 16px}.mygroupspage-page--empty{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:0 auto;max-width:1000px;min-height:calc(100vh - 24px);padding:24px}.mygroupspage-empty-icon{color:#bdbdbd;font-size:42px;margin-bottom:8px}.mygroupspage-alert-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.mygroupspage-alert{background:#fff;border-radius:10px;box-shadow:0 18px 50px #0003;padding:18px;width:min(420px,calc(100vw - 32px))}.mygroupspage-alert-title{font-size:16px;margin:0 0 8px}.mygroupspage-alert-message{color:#666;font-size:13px;margin:0 0 14px}.mygroupspage-alert--success .mygroupspage-alert-title{color:#2e7d32}.mygroupspage-alert--error .mygroupspage-alert-title{color:#c62828}.mygroupspage-alert--warning .mygroupspage-alert-title{color:#f57c00}.mygroupspage-alert--info .mygroupspage-alert-title{color:#1565c0}@media (max-width:768px){.mygroupspage-page{padding:10px}.mygroupspage-container{border-radius:8px}.mygroupspage-card{flex-direction:column}.mygroupspage-card-stats{border-bottom:1px solid #eee;border-right:0;flex-direction:row;min-width:0;padding-bottom:8px;padding-right:0}.mygroupspage-actions{justify-content:flex-end;padding-left:0}.mygroupspage-toolbar{padding:12px}}:root{--cgp-green:#4caf50;--cgp-green-dark:#388e3c;--cgp-green-light:#a5d6a7;--cgp-green-lighter:#e8f5e9;--cgp-green-bg:#f9fbe7;--cgp-white:#fff;--cgp-border:#c8e6c9;--cgp-text:#212121;--cgp-text-2:#616161;--cgp-danger:#e53935;--cgp-danger-light:#ffebee;--cgp-warning:#f57c00;--cgp-warning-light:#fff3e0;--cgp-info:#1976d2;--cgp-info-light:#e3f2fd;--cgp-shadow-sm:0 1px 4px #4caf501f;--cgp-shadow-md:0 2px 12px #4caf5029;--cgp-radius:10px;--cgp-radius-sm:7px;--cgp-tr:all .2s ease;--cgp-xs:clamp(10px,1.2vw,11px);--cgp-sm:clamp(11px,1.4vw,13px);--cgp-base:clamp(12px,1.5vw,14px);--cgp-lg:clamp(15px,2vw,18px);--cgp-xl:clamp(17px,2.5vw,24px)}.cgp-root{background:#f9fbe7;background:var(--cgp-green-bg);color:#212121;color:var(--cgp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.cgp-toast{animation:cgpSlideDown .25s ease;border-radius:8px;box-shadow:0 2px 12px #4caf5029;box-shadow:var(--cgp-shadow-md);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600;left:50%;max-width:90vw;padding:10px 22px;position:fixed;top:68px;transform:translateX(-50%);white-space:nowrap;z-index:9999}.cgp-toast-success{background:#4caf50;background:var(--cgp-green);color:#fff}.cgp-toast-error{background:#e53935;background:var(--cgp-danger);color:#fff}.cgp-toast-info{background:#1976d2;background:var(--cgp-info);color:#fff}@keyframes cgpSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.cgp-loading{align-items:center;color:#616161;color:var(--cgp-text-2);display:flex;flex-direction:column;gap:14px;justify-content:center;padding:5rem}.cgp-spinner{animation:cgpSpin .8s linear infinite;border:4px solid #c8e6c9;border-top-color:#4caf50;border:4px solid var(--cgp-border);border-radius:50%;border-top-color:var(--cgp-green);height:clamp(32px,5vw,44px);width:clamp(32px,5vw,44px)}@keyframes cgpSpin{to{transform:rotate(1turn)}}.cgp-empty{align-items:center;background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);color:#616161;color:var(--cgp-text-2);display:flex;flex-direction:column;gap:12px;margin:16px;padding:4rem clamp(12px,4vw,2rem);text-align:center}.cgp-empty-icon{color:#a5d6a7;color:var(--cgp-green-light);font-size:clamp(28px,5vw,40px)}.cgp-cover-wrap{background:#fff;background:var(--cgp-white);border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--cgp-border);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);margin-bottom:10px}.cgp-cover{background-color:#4caf50;background-color:var(--cgp-green);background-position:50%;background-size:cover;height:clamp(150px,26vw,320px);overflow:hidden;position:relative}.cgp-cover-overlay{background:linear-gradient(180deg,#0000 50%,#00000040);inset:0;position:absolute}.cgp-cover-edit{bottom:10px;position:absolute;right:10px;z-index:10}.cgp-cover-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,18px);padding:0 clamp(10px,2vw,24px) clamp(10px,1.5vw,14px)}.cgp-group-avatar-wrap{flex-shrink:0;margin-top:clamp(-40px,-7vw,-54px);position:relative}.cgp-group-avatar{display:block;object-fit:cover}.cgp-group-avatar,.cgp-group-avatar-ph{border:3px solid #fff;border:3px solid var(--cgp-white);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);height:clamp(68px,11vw,104px);width:clamp(68px,11vw,104px)}.cgp-group-avatar-ph{align-items:center;background:#4caf50;background:var(--cgp-green);color:#ffffffd9;display:flex;font-size:clamp(22px,4vw,38px);justify-content:center}.cgp-cover-bottom{align-items:flex-end;display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,18px);padding:0 clamp(10px,2vw,24px) clamp(10px,1.5vw,14px)}.cgp-avatar-wrap{flex-shrink:0;margin-top:clamp(-40px,-7vw,-54px);position:relative}.cgp-group-avatar-old{align-items:center;background:#4caf50;background:var(--cgp-green);background-position:50%;background-size:cover;border:3px solid #fff;border:3px solid var(--cgp-white);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);color:#fffc;cursor:pointer;display:flex;font-size:clamp(22px,4vw,38px);height:clamp(68px,11vw,104px);justify-content:center;transition:transform .2s;width:clamp(68px,11vw,104px)}.cgp-group-avatar-old:hover{transform:scale(1.03)}.cgp-cover-info{flex:1 1;min-width:0;padding-bottom:4px}.cgp-group-name{color:#212121;color:var(--cgp-text);font-size:clamp(17px,2.5vw,24px);font-size:var(--cgp-xl);font-weight:800;line-height:1.2;margin:0 0 6px;word-break:break-word}.cgp-cover-meta{align-items:center;color:#616161;color:var(--cgp-text-2);display:flex;flex-wrap:wrap;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);gap:7px}.cgp-cover-meta span{align-items:center;display:flex;gap:4px}.cgp-stat-link{align-items:center;background:none;border:none;color:#388e3c;color:var(--cgp-green-dark);cursor:pointer;display:inline-flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600;gap:4px;padding:0}.cgp-stat-link:hover{text-decoration:underline}.cgp-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:700;gap:4px;padding:3px 8px}.cgp-badge-official{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-badge-community{background:#fff3e0;background:var(--cgp-warning-light);color:#f57c00;color:var(--cgp-warning)}.cgp-badge-privacy{background:#e8eaf6;color:#3949ab}.cgp-cover-actions{align-items:center;display:flex;flex-wrap:wrap;gap:7px;padding-bottom:4px}.cgp-settings-wrap{position:relative}.cgp-settings-btn{align-items:center;background:#fff;background:var(--cgp-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--cgp-border);border-radius:50%;color:#616161;color:var(--cgp-text-2);cursor:pointer;display:flex;flex-shrink:0;font-size:clamp(12px,1.5vw,14px);font-size:var(--cgp-base);height:clamp(32px,4vw,38px);justify-content:center;transition:all .2s ease;transition:var(--cgp-tr);width:clamp(32px,4vw,38px)}.cgp-settings-btn:hover{background:#e8f5e9;background:var(--cgp-green-lighter);border-color:#4caf50;border-color:var(--cgp-green);color:#388e3c;color:var(--cgp-green-dark)}.cgp-settings-dropdown{animation:cgpFadeIn .15s ease;background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 8px 24px #00000024;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.cgp-settings-dropdown button{align-items:center;background:none;border:none;color:#212121;color:var(--cgp-text);cursor:pointer;display:flex;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);gap:8px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.cgp-settings-dropdown button:hover{background:#e8f5e9;background:var(--cgp-green-lighter)}.cgp-settings-divider{background:#c8e6c9;background:var(--cgp-border);height:1px;margin:3px 0}.cgp-menu-danger{color:#e53935!important;color:var(--cgp-danger)!important}.cgp-menu-danger:hover{background:#ffebee!important;background:var(--cgp-danger-light)!important}.cgp-btn-primary{align-items:center;background:#4caf50;background:var(--cgp-green);border:none;border-radius:7px;border-radius:var(--cgp-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:700;gap:6px;padding:clamp(7px,1vw,10px) clamp(12px,1.5vw,18px);transition:all .2s ease;transition:var(--cgp-tr);white-space:nowrap}.cgp-btn-primary:hover{background:#388e3c;background:var(--cgp-green-dark);box-shadow:0 2px 12px #4caf5029;box-shadow:var(--cgp-shadow-md);transform:translateY(-1px)}.cgp-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.cgp-btn-outline{align-items:center;background:#fff;background:var(--cgp-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#212121;color:var(--cgp-text);cursor:pointer;display:inline-flex;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600;gap:6px;padding:clamp(7px,1vw,10px) clamp(12px,1.5vw,18px);transition:all .2s ease;transition:var(--cgp-tr);white-space:nowrap}.cgp-btn-outline:hover{background:#e8f5e9;background:var(--cgp-green-lighter);border-color:#4caf50;border-color:var(--cgp-green);color:#388e3c;color:var(--cgp-green-dark)}.cgp-btn-outline:disabled{cursor:not-allowed;opacity:.5}.cgp-btn-danger{align-items:center;background:#e53935;background:var(--cgp-danger);border:none;border-radius:7px;border-radius:var(--cgp-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:clamp(8px,1.2vw,12px) clamp(14px,2vw,20px);transition:all .2s ease;transition:var(--cgp-tr)}.cgp-btn-danger:hover{background:#b71c1c;transform:translateY(-1px)}.cgp-btn-full{justify-content:center;width:100%}.cgp-btn-banned{background:#ffebee;background:var(--cgp-danger-light);color:#e53935;color:var(--cgp-danger)}.cgp-btn-banned,.cgp-btn-muted{align-items:center;border:none;border-radius:7px;border-radius:var(--cgp-radius-sm);cursor:not-allowed;display:inline-flex;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600;gap:6px;padding:clamp(7px,1vw,10px) clamp(12px,1.5vw,18px)}.cgp-btn-muted{background:#fff3e0;background:var(--cgp-warning-light);color:#f57c00;color:var(--cgp-warning)}.cgp-btn-approve{align-items:center;background:#e8f5e9;background:var(--cgp-green-lighter);border:1.5px solid #a5d6a7;border:1.5px solid var(--cgp-green-light);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#388e3c;color:var(--cgp-green-dark);cursor:pointer;display:inline-flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:700;gap:6px;padding:7px 14px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-btn-approve:hover{background:#4caf50;background:var(--cgp-green);color:#fff}.cgp-btn-reject{align-items:center;background:#ffebee;background:var(--cgp-danger-light);border:1.5px solid #ef9a9a;border-radius:7px;border-radius:var(--cgp-radius-sm);color:#e53935;color:var(--cgp-danger);cursor:pointer;display:inline-flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:700;gap:6px;padding:7px 14px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-btn-reject:hover{background:#e53935;background:var(--cgp-danger);color:#fff}.cgp-layout{grid-gap:clamp(10px,1.5vw,16px);align-items:start;display:grid;gap:clamp(10px,1.5vw,16px);grid-template-columns:1fr clamp(220px,26vw,280px);margin:0 auto;max-width:1100px;padding:0 clamp(8px,1.5vw,16px) clamp(20px,4vw,48px)}.cgp-sidebar{display:flex;flex-direction:column;gap:10px}.cgp-sidebar-card{background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);padding:clamp(12px,1.5vw,16px)}.cgp-sidebar-card-title{align-items:center;border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--cgp-border);color:#388e3c;color:var(--cgp-green-dark);display:flex;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:700;gap:7px;margin-bottom:10px;padding-bottom:8px}.cgp-rules-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.cgp-rules-list li{align-items:flex-start;color:#212121;color:var(--cgp-text);display:flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);gap:6px;line-height:1.5}.cgp-rules-icon{color:#4caf50;color:var(--cgp-green);flex-shrink:0;margin-top:2px}.cgp-doctor-card{border-top:3px solid #4caf50;border-top:3px solid var(--cgp-green)}.cgp-doctor-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.cgp-doctor-avatar{border-radius:7px;border-radius:var(--cgp-radius-sm);height:44px;object-fit:cover;width:44px}.cgp-doctor-name{color:#212121;color:var(--cgp-text);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:700}.cgp-doctor-spec{color:#388e3c;color:var(--cgp-green-dark);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600}.cgp-disclaimer-card{background:#fffde7;border-left:3px solid #fbc02d}.cgp-disclaimer-card p{color:#7b5800;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);line-height:1.55;margin:0}.cgp-tabs{background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);display:flex;gap:3px;margin-bottom:12px;overflow-x:auto;padding:5px;scrollbar-width:none}.cgp-tabs::-webkit-scrollbar{display:none}.cgp-tab{align-items:center;background:none;border:none;border-radius:7px;border-radius:var(--cgp-radius-sm);color:#616161;color:var(--cgp-text-2);cursor:pointer;display:inline-flex;flex:1 1;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600;gap:5px;min-width:-webkit-fit-content;min-width:fit-content;padding:clamp(6px,1vw,9px) clamp(8px,1.2vw,14px);transition:all .2s ease;transition:var(--cgp-tr);white-space:nowrap}.cgp-tab:hover{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-tab-active{background:#4caf50!important;background:var(--cgp-green)!important;color:#fff!important}.cgp-nav-badge{align-items:center;background:#e53935;background:var(--cgp-danger);border-radius:999px;color:#fff;display:inline-flex;font-size:9px;font-weight:800;height:17px;justify-content:center;line-height:1;min-width:17px;padding:0 4px}.cgp-post-composer{align-items:center;background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);cursor:pointer;display:flex;gap:clamp(8px,1.2vw,12px);margin-bottom:10px;padding:clamp(10px,1.5vw,14px);transition:all .2s ease;transition:var(--cgp-tr)}.cgp-post-composer:hover{border-color:#a5d6a7;border-color:var(--cgp-green-light);box-shadow:0 2px 12px #4caf5029;box-shadow:var(--cgp-shadow-md)}.cgp-composer-avatar{border-radius:50%;flex-shrink:0;height:clamp(32px,4vw,40px);overflow:hidden;width:clamp(32px,4vw,40px)}.cgp-composer-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.cgp-composer-avatar-ph{align-items:center;background:#4caf50;background:var(--cgp-green);border-radius:50%;color:#fff;display:flex;font-size:clamp(13px,1.8vw,16px);font-weight:700;height:100%;justify-content:center;width:100%}.cgp-composer-input{background:#e8f5e9;background:var(--cgp-green-lighter);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:20px;color:#616161;color:var(--cgp-text-2);flex:1 1;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);min-width:0;padding:clamp(7px,1vw,10px) clamp(10px,1.5vw,14px);pointer-events:none}.cgp-post{background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);margin-bottom:10px;overflow:hidden;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-post:hover{box-shadow:0 2px 12px #4caf5029;box-shadow:var(--cgp-shadow-md)}.cgp-post-pinned{border-left:4px solid #4caf50;border-left:4px solid var(--cgp-green)}.cgp-post-emergency{background:#fff9f9;border-left:4px solid #e53935;border-left:4px solid var(--cgp-danger)}.cgp-post-pending-badge{background:#fff3e0;background:var(--cgp-warning-light);border-bottom:1px dashed #ffe082;color:#f57c00;color:var(--cgp-warning);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:700;padding:4px 12px;text-align:center}.cgp-post-header{align-items:flex-start;display:flex;gap:10px;padding:clamp(10px,1.5vw,14px) clamp(10px,1.5vw,14px) 6px}.cgp-post-avatar{border-radius:50%;flex-shrink:0;height:clamp(34px,4.5vw,42px);object-fit:cover;width:clamp(34px,4.5vw,42px)}.cgp-post-meta-wrap{flex:1 1;min-width:0}.cgp-post-author{align-items:center;color:#212121;color:var(--cgp-text);display:flex;flex-wrap:wrap;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:700;gap:5px}.cgp-badge-doctor{align-items:center;background:#e8f5e9;background:var(--cgp-green-lighter);border-radius:4px;color:#388e3c;color:var(--cgp-green-dark);display:inline-flex;font-weight:600;gap:3px;padding:2px 6px}.cgp-badge-doctor,.cgp-post-time{font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs)}.cgp-post-time{color:#616161;color:var(--cgp-text-2);margin-top:2px}.cgp-post-time.clickable{cursor:pointer;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-post-time.clickable:hover{color:#388e3c;color:var(--cgp-green-dark);text-decoration:underline}.cgp-post-menu-wrap{flex-shrink:0;position:relative}.cgp-post-menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:#616161;color:var(--cgp-text-2);cursor:pointer;display:flex;font-size:16px;padding:4px 7px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-post-menu-btn:hover{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-post-dropdown{animation:cgpFadeIn .15s ease;background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 8px 24px #00000024;margin-top:4px;min-width:190px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.cgp-post-dropdown button{align-items:center;background:none;border:none;color:#212121;color:var(--cgp-text);cursor:pointer;display:flex;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);gap:8px;padding:9px 14px;text-align:left;transition:background .15s;width:100%}.cgp-post-dropdown button:hover{background:#e8f5e9;background:var(--cgp-green-lighter)}.cgp-dropdown-divider{background:#c8e6c9;background:var(--cgp-border);height:1px;margin:2px 0}.cgp-post-body{padding:0 clamp(10px,1.5vw,14px) 8px}.cgp-post-text{color:#212121;color:var(--cgp-text);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);line-height:1.65;margin:0 0 10px;white-space:pre-wrap;word-break:break-word}.cgp-read-more{color:#388e3c;color:var(--cgp-green-dark);cursor:pointer;font-weight:600;margin-left:4px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-read-more:hover{color:#4caf50;color:var(--cgp-green);text-decoration:underline}.cgp-post-images{grid-gap:3px;border-radius:7px;border-radius:var(--cgp-radius-sm);display:grid;gap:3px;overflow:hidden}.cgp-images-1{grid-template-columns:1fr}.cgp-images-2,.cgp-images-3{grid-template-columns:1fr 1fr}.cgp-images-3 .cgp-post-img-wrap:first-child{grid-column:span 2}.cgp-images-4{grid-template-columns:1fr 1fr}.cgp-post-img-wrap{border-radius:3px;cursor:pointer;overflow:hidden;position:relative}.cgp-post-img-wrap img{display:block;height:clamp(130px,18vw,200px);object-fit:cover;transition:transform .3s;width:100%}.cgp-post-img-wrap:hover img{transform:scale(1.04)}.cgp-images-1 .cgp-post-img-wrap img{height:clamp(160px,26vw,300px)}.cgp-img-more{align-items:center;background:#00000080;color:#fff;display:flex;font-size:clamp(16px,2.5vw,22px);font-weight:700;inset:0;justify-content:center;position:absolute}.cgp-img-more.clickable{cursor:pointer;transition:background .2s}.cgp-img-more.clickable:hover{background:#000000b3}.cgp-post-disclaimer{background:#fffde7;border-left:3px solid #fbc02d;border-radius:6px;color:#7b5800;gap:6px;padding:5px 10px}.cgp-post-disclaimer,.cgp-post-sensitive-cta{align-items:center;display:flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);margin:6px clamp(10px,1.5vw,14px)}.cgp-post-sensitive-cta{background:#e8f5e9;background:var(--cgp-green-lighter);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#388e3c;color:var(--cgp-green-dark);flex-wrap:wrap;gap:10px;justify-content:space-between;padding:9px 12px}.cgp-post-stats{border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--cgp-border);color:#616161;color:var(--cgp-text-2);display:flex;flex-wrap:wrap;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);gap:clamp(8px,1.5vw,16px);padding:5px clamp(10px,1.5vw,14px)}.cgp-post-stats span{align-items:center;cursor:pointer;display:flex;gap:4px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-post-stats span:hover,.cgp-stat-item.clickable:hover{color:#388e3c;color:var(--cgp-green-dark)}.cgp-stat-item.clickable:hover{text-decoration:underline}.cgp-post-actions{display:flex;flex-wrap:wrap;padding:3px clamp(4px,1vw,8px)}.cgp-action-btn{align-items:center;background:none;border:none;border-radius:7px;border-radius:var(--cgp-radius-sm);color:#616161;color:var(--cgp-text-2);cursor:pointer;display:inline-flex;flex:1 1;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600;gap:4px;justify-content:center;min-width:0;padding:clamp(6px,1vw,9px) clamp(3px,.8vw,8px);transition:all .2s ease;transition:var(--cgp-tr);white-space:nowrap}.cgp-action-btn:hover{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-action-liked{color:#e53935!important;color:var(--cgp-danger)!important}.cgp-reaction-wrap{flex:1 1;min-width:0;position:relative}.cgp-reactions-picker{animation:cgpFadeIn .15s ease;background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:999px;bottom:110%;box-shadow:0 2px 12px #4caf5029;box-shadow:var(--cgp-shadow-md);display:flex;gap:4px;left:50%;padding:6px 10px;position:absolute;transform:translateX(-50%);z-index:200}.cgp-reaction-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:clamp(18px,2.5vw,22px);padding:2px;transition:transform .15s}.cgp-reaction-btn:hover{transform:scale(1.4)}.cgp-post-moderation{border-top:2px dashed #c8e6c9;border-top:2px dashed var(--cgp-border);display:flex;flex-wrap:wrap;gap:8px;margin:10px clamp(10px,1.5vw,14px);padding-top:10px}.cgp-comments-section{border-top:1px solid #c8e6c9;border-top:1px solid var(--cgp-border);padding:clamp(10px,1.5vw,14px)}.cgp-comment-compose{align-items:flex-start;display:flex;gap:8px;margin-bottom:14px}.cgp-comment-compose-avatar{border-radius:50%;flex-shrink:0;height:34px;overflow:hidden;width:34px}.cgp-comment-compose-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.cgp-comment-compose-avatar-ph{align-items:center;background:#4caf50;background:var(--cgp-green);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;width:100%}.cgp-comment-compose-right{flex:1 1;min-width:0}.cgp-comment-textarea{background:#fff;background:var(--cgp-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#212121;color:var(--cgp-text);font-family:inherit;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);min-height:70px;outline:none;padding:9px 12px;resize:vertical;transition:all .2s ease;transition:var(--cgp-tr);width:100%}.cgp-comment-textarea:focus{background:#e8f5e9;background:var(--cgp-green-lighter);border-color:#4caf50;border-color:var(--cgp-green)}.cgp-comment-compose-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;margin-top:6px}.cgp-comment-list{display:flex;flex-direction:column;gap:2px}.cgp-comment-thread{display:flex;gap:0}.cgp-comment-indent-line{background:#c8e6c9;background:var(--cgp-border);border-radius:2px;cursor:pointer;flex-shrink:0;margin:0 10px;transition:background .15s;width:2px}.cgp-comment-indent-line:hover{background:#4caf50;background:var(--cgp-green)}.cgp-comment-body-wrap{flex:1 1;min-width:0}.cgp-comment-item{border-radius:7px;border-radius:var(--cgp-radius-sm);margin-bottom:4px;padding:10px 12px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-comment-doctor{background-color:#f0fdf4;border:1px solid #bbf7d0;box-shadow:0 1px 3px #4caf501a}.cgp-comment-doctor .cgp-comment-text{color:#166534;font-weight:500}.cgp-comment-staff{background-color:#f8fafc;border:1px solid #e2e8f0}.cgp-comment-staff .cgp-comment-text{color:#334155;font-weight:500}.cgp-comment-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.cgp-comment-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.cgp-comment-author{color:#212121;color:var(--cgp-text);font-weight:700}.cgp-comment-author,.cgp-comment-time{font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs)}.cgp-comment-time{color:#616161;color:var(--cgp-text-2)}.cgp-comment-role-badge{align-items:center;background:#e8f5e9;background:var(--cgp-green-lighter);border-radius:3px;color:#388e3c;color:var(--cgp-green-dark);display:inline-flex;font-size:9px;font-weight:700;gap:3px;padding:1px 5px}.cgp-comment-text{color:#212121;color:var(--cgp-text);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);line-height:1.6;margin:2px 0 6px;word-break:break-word}.cgp-comment-deleted{color:#616161;color:var(--cgp-text-2);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-style:italic}.cgp-comment-reply-hint{color:#388e3c;color:var(--cgp-green-dark);font-weight:600}.cgp-comment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:2px}.cgp-comment-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#616161;color:var(--cgp-text-2);cursor:pointer;display:inline-flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600;gap:4px;padding:3px 7px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-comment-action-btn:hover{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-comment-liked{color:#e53935!important;color:var(--cgp-danger)!important}.cgp-comment-children{margin-top:2px}.cgp-comment-show-more{align-items:center;background:none;border:none;color:#388e3c;color:var(--cgp-green-dark);cursor:pointer;display:flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:700;gap:5px;padding:4px 0}.cgp-comment-show-more:hover{text-decoration:underline}.cgp-reply-composer{background:#e8f5e9;background:var(--cgp-green-lighter);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);margin:6px 0;padding:10px}.cgp-reply-composer textarea{background:#fff;background:var(--cgp-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);font-family:inherit;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);min-height:60px;outline:none;padding:8px 10px;resize:vertical;transition:all .2s ease;transition:var(--cgp-tr);width:100%}.cgp-reply-composer textarea:focus{border-color:#4caf50;border-color:var(--cgp-green)}.cgp-reply-composer-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:6px}.cgp-comments-empty{color:#616161;color:var(--cgp-text-2);padding:20px;text-align:center}.cgp-comments-empty,.cgp-load-more-comments{font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm)}.cgp-load-more-comments{align-items:center;background:none;border:1.5px solid #c8e6c9;border:1.5px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#388e3c;color:var(--cgp-green-dark);cursor:pointer;display:flex;font-weight:600;gap:6px;justify-content:center;margin-top:8px;padding:8px 16px;transition:all .2s ease;transition:var(--cgp-tr);width:100%}.cgp-load-more-comments:hover{background:#e8f5e9;background:var(--cgp-green-lighter)}.cgp-pagination{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600;gap:clamp(8px,1.5vw,16px);justify-content:center;padding:12px 0}.cgp-empty-posts,.cgp-pagination{color:#616161;color:var(--cgp-text-2)}.cgp-empty-posts{background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);padding:clamp(24px,4vw,48px);text-align:center}.cgp-manage-section{margin-bottom:18px}.cgp-manage-hd{align-items:center;display:flex;gap:8px;margin-bottom:10px}.cgp-manage-hd h3{align-items:center;color:#212121;color:var(--cgp-text);display:flex;font-size:clamp(12px,1.5vw,14px);font-size:var(--cgp-base);gap:6px;margin:0}.cgp-manage-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.cgp-dot-yellow{background:#f57c00;background:var(--cgp-warning)}.cgp-dot-red{background:#e53935;background:var(--cgp-danger)}.cgp-count-badge{background:#fff3e0;background:var(--cgp-warning-light);border-radius:999px;color:#f57c00;color:var(--cgp-warning);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:700;padding:2px 7px}.cgp-count-red{background:#ffebee;background:var(--cgp-danger-light);color:#e53935;color:var(--cgp-danger)}.cgp-manage-empty{align-items:center;background:#e8f5e9;background:var(--cgp-green-lighter);border:1px dashed #c8e6c9;border:1px dashed var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#388e3c;color:var(--cgp-green-dark);display:flex;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);gap:8px;padding:12px 16px}.cgp-my-post-item{background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);margin-bottom:8px;padding:12px 14px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-my-post-item:hover{box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm)}.cgp-my-post-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.cgp-my-post-title{color:#212121;color:var(--cgp-text);flex:1 1;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600;min-width:0;word-break:break-word}.cgp-my-post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.cgp-my-post-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.cgp-status-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:700;gap:3px;padding:2px 8px}.cgp-chip-approved{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-chip-pending{background:#fff3e0;background:var(--cgp-warning-light);color:#f57c00;color:var(--cgp-warning)}.cgp-chip-rejected{background:#ffebee;background:var(--cgp-danger-light);color:#e53935;color:var(--cgp-danger)}.cgp-fb-list{display:flex;flex-direction:column;gap:12px}.cgp-fb-item{align-items:flex-start;background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);cursor:pointer;display:flex;padding:14px 16px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-fb-item:hover{border-color:#a5d6a7;border-color:var(--cgp-green-light);box-shadow:0 2px 12px #4caf5029;box-shadow:var(--cgp-shadow-md)}.cgp-fb-img-wrap{align-items:center;background:#e8f5e9;background:var(--cgp-green-lighter);border-radius:8px;display:flex;flex-shrink:0;height:72px;justify-content:center;margin-right:16px;overflow:hidden;width:72px}.cgp-fb-img{height:100%;object-fit:cover;width:100%}.cgp-fb-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.cgp-fb-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.cgp-fb-title{color:#212121;color:var(--cgp-text);cursor:pointer;flex:1 1;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600;word-break:break-word}.cgp-fb-title:hover{color:#388e3c;color:var(--cgp-green-dark)}.cgp-fb-actions{flex-shrink:0;position:relative}.cgp-fb-menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:#616161;color:var(--cgp-text-2);cursor:pointer;display:flex;font-size:1rem;outline:none;padding:3px 7px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-fb-menu-btn:hover{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-fb-meta{align-items:center;color:#616161;color:var(--cgp-text-2);display:flex;flex-wrap:wrap;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);gap:5px}.cgp-fb-dot{font-weight:700}.cgp-fb-author{color:#616161;color:var(--cgp-text-2);font-weight:600}.cgp-fb-time{font-style:italic}.cgp-fb-text{color:#616161;color:var(--cgp-text-2);cursor:pointer;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);line-height:1.5;margin-top:2px;word-break:break-word}.cgp-fb-text:hover{color:#212121;color:var(--cgp-text)}.cgp-fb-saved-badge{align-items:center;background:#e8f5e9;background:var(--cgp-green-lighter);border-radius:4px;color:#388e3c;color:var(--cgp-green-dark);display:inline-flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600;gap:3px;margin-top:4px;padding:1px 6px;width:-webkit-fit-content;width:fit-content}.cgp-settings{background:#fff;background:var(--cgp-white);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--cgp-shadow-sm);display:flex;flex-direction:column;gap:14px;padding:clamp(14px,2vw,22px)}.cgp-settings-title{align-items:center;color:#388e3c;color:var(--cgp-green-dark);display:flex;font-size:clamp(15px,2vw,18px);font-size:var(--cgp-lg);font-weight:800;gap:8px;margin:0}.cgp-settings-field{display:flex;flex-direction:column;gap:5px}.cgp-settings-field label{color:#212121;color:var(--cgp-text);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600}.cgp-settings-field input,.cgp-settings-field select,.cgp-settings-field textarea{background:#fff;background:var(--cgp-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#212121;color:var(--cgp-text);font-family:inherit;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);outline:none;padding:9px 12px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-settings-field input:focus,.cgp-settings-field select:focus,.cgp-settings-field textarea:focus{background:#e8f5e9;background:var(--cgp-green-lighter);border-color:#4caf50;border-color:var(--cgp-green)}.cgp-settings-toggle{align-items:center;background:#e8f5e9;background:var(--cgp-green-lighter);border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#212121;color:var(--cgp-text);cursor:pointer;display:flex;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);gap:10px;padding:10px 12px}.cgp-settings-toggle input{display:none}.cgp-toggle-slider{background:#c8e6c9;background:var(--cgp-border);border-radius:20px;display:inline-block;flex-shrink:0;height:18px;position:relative;transition:background .2s;width:34px}.cgp-toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:14px;left:2px;position:absolute;top:2px;transition:left .2s;width:14px}.cgp-settings-toggle input:checked+.cgp-toggle-slider{background:#4caf50;background:var(--cgp-green)}.cgp-settings-toggle input:checked+.cgp-toggle-slider:after{left:18px}@keyframes cgpFadeIn{0%{opacity:0}to{opacity:1}}.cgp-modal-overlay{align-items:center;animation:cgpFadeIn .2s ease;background:#00000075;display:flex;inset:0;justify-content:center;padding:clamp(8px,2vw,20px);position:fixed;z-index:1000}.cgp-modal{animation:cgpSlideUp .25s ease;background:#fff;background:var(--cgp-white);border-radius:10px;border-radius:var(--cgp-radius);box-shadow:0 20px 60px #0003;max-height:90vh;max-width:min(560px,100%);overflow-y:auto;width:100%}.cgp-modal-sm{max-width:min(420px,100%)}.cgp-modal-lg{max-width:min(700px,100%)}@keyframes cgpSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cgp-modal-head{align-items:center;background:#e8f5e9;background:var(--cgp-green-lighter);border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--cgp-border);border-radius:10px 10px 0 0;border-radius:var(--cgp-radius) var(--cgp-radius) 0 0;display:flex;justify-content:space-between;padding:clamp(12px,1.5vw,18px) clamp(14px,2vw,20px)}.cgp-modal-title{align-items:center;color:#388e3c;color:var(--cgp-green-dark);display:flex;font-size:clamp(15px,2vw,18px);font-size:var(--cgp-lg);font-weight:800;gap:8px}.cgp-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#616161;color:var(--cgp-text-2);cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:all .2s ease;transition:var(--cgp-tr);width:30px}.cgp-modal-close:hover{background:#ffebee;background:var(--cgp-danger-light);color:#e53935;color:var(--cgp-danger)}.cgp-modal-body{display:flex;flex-direction:column;gap:12px;padding:clamp(12px,2vw,18px) clamp(14px,2vw,20px)}.cgp-modal-foot{border-top:1px solid #c8e6c9;border-top:1px solid var(--cgp-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:clamp(10px,1.5vw,14px) clamp(14px,2vw,20px)}.cgp-modal-textarea{border:1.5px solid #c8e6c9;border:1.5px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#212121;color:var(--cgp-text);font-family:inherit;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);outline:none;padding:10px 12px;resize:vertical;transition:all .2s ease;transition:var(--cgp-tr);width:100%}.cgp-modal-textarea:focus{background:#e8f5e9;background:var(--cgp-green-lighter);border-color:#4caf50;border-color:var(--cgp-green)}.cgp-modal-char{color:#616161;color:var(--cgp-text-2);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);margin-top:-6px;text-align:right}.cgp-modal-error{background:#ffebee;background:var(--cgp-danger-light);border-left:3px solid #e53935;border-left:3px solid var(--cgp-danger);color:#b71c1c;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:600;padding:8px 12px}.cgp-modal-error,.cgp-modal-note{border-radius:7px;border-radius:var(--cgp-radius-sm)}.cgp-modal-note{align-items:center;background:#fff3e0;background:var(--cgp-warning-light);color:#f57c00;color:var(--cgp-warning);display:flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);gap:6px;padding:7px 10px}.cgp-modal-author-row{align-items:flex-start;display:flex;gap:10px}.cgp-modal-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.cgp-modal-author-name{color:#212121;color:var(--cgp-text);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:700;margin-bottom:6px}.cgp-anon-toggle{align-items:center;color:#616161;color:var(--cgp-text-2);cursor:pointer;display:flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);gap:8px}.cgp-anon-toggle input{display:none}.cgp-modal-images{display:flex;flex-wrap:wrap;gap:8px}.cgp-modal-img-preview{height:78px;position:relative;width:78px}.cgp-modal-img-preview img{border-radius:7px;border-radius:var(--cgp-radius-sm);height:100%;object-fit:cover;width:100%}.cgp-modal-img-remove{background:#e53935;background:var(--cgp-danger);border:none;border-radius:50%;color:#fff;font-size:9px;height:20px;position:absolute;right:-7px;top:-7px;width:20px}.cgp-modal-img-add,.cgp-modal-img-remove{align-items:center;cursor:pointer;display:flex;justify-content:center}.cgp-modal-img-add{border:2px dashed #c8e6c9;border:2px dashed var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#616161;color:var(--cgp-text-2);flex-direction:column;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:700;gap:3px;height:78px;text-align:center;transition:all .2s ease;transition:var(--cgp-tr);width:78px}.cgp-modal-img-add:hover{border-color:#4caf50;border-color:var(--cgp-green)}.cgp-modal-disclaimer,.cgp-modal-img-add:hover{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-modal-disclaimer{align-items:flex-start;border:1px solid #c8e6c9;border:1px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);cursor:pointer;display:flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600;gap:8px;padding:9px 12px}.cgp-member-row{align-items:center;border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--cgp-border);display:flex;gap:10px;padding:8px 0}.cgp-member-row:last-child{border-bottom:none}.cgp-member-avatar-wrap{align-items:center;background:#4caf50;background:var(--cgp-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:clamp(12px,1.5vw,14px);font-size:var(--cgp-base);font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.cgp-member-avatar-wrap img{height:100%;object-fit:cover;width:100%}.cgp-member-info{flex:1 1;min-width:0}.cgp-member-name{color:#212121;color:var(--cgp-text);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);font-weight:700}.cgp-member-role-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600;gap:3px;padding:1px 6px}.cgp-role-owner{background:#fce7f3;color:#831843}.cgp-role-moderator{background:#e3f2fd;background:var(--cgp-info-light);color:#1976d2;color:var(--cgp-info)}.cgp-role-member{background:#e8f5e9;background:var(--cgp-green-lighter);color:#388e3c;color:var(--cgp-green-dark)}.cgp-member-status-badge{border-radius:3px;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600;padding:1px 6px}.cgp-status-muted{background:#fff3e0;background:var(--cgp-warning-light);color:#f57c00;color:var(--cgp-warning)}.cgp-status-banned{background:#ffebee;background:var(--cgp-danger-light);color:#e53935;color:var(--cgp-danger)}.cgp-member-stats{color:#616161;color:var(--cgp-text-2);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);margin-top:2px}.cgp-member-last-post{color:#388e3c;color:var(--cgp-green-dark);cursor:pointer}.cgp-member-last-post:hover{text-decoration:underline}.cgp-member-actions-wrap{display:flex;flex-wrap:wrap;gap:5px}.cgp-confirm-popup{animation:cgpSlideUp .25s ease;background:#fff;background:var(--cgp-white);border-radius:10px;border-radius:var(--cgp-radius);border-top:4px solid #e53935;border-top:4px solid var(--cgp-danger);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:12px;max-width:min(400px,100%);padding:clamp(16px,3vw,26px)}.cgp-confirm-icon{font-size:clamp(24px,4vw,32px)}.cgp-confirm-title{font-size:clamp(15px,2vw,18px);font-size:var(--cgp-lg);font-weight:800;margin:0}.cgp-confirm-msg{color:#212121;color:var(--cgp-text);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);line-height:1.6;margin:0}.cgp-confirm-detail{background:#e8f5e9;background:var(--cgp-green-lighter);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#616161;color:var(--cgp-text-2);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);padding:8px 10px}.cgp-confirm-actions{display:flex;flex-wrap:wrap;gap:8px}.cgp-emergency-overlay{background:#000000bf}.cgp-emergency-box{animation:cgpSlideUp .25s ease;background:#fff;background:var(--cgp-white);border-radius:10px;border-radius:var(--cgp-radius);border-top:4px solid #e53935;border-top:4px solid var(--cgp-danger);box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;gap:12px;max-width:min(400px,100%);padding:clamp(16px,3vw,28px);text-align:center}.cgp-emergency-icon{color:#e53935;color:var(--cgp-danger);font-size:clamp(28px,5vw,40px)}.cgp-emergency-title{color:#e53935;color:var(--cgp-danger);font-size:clamp(15px,2vw,18px);font-size:var(--cgp-lg);font-weight:800;margin:0}.cgp-emergency-msg{color:#212121;color:var(--cgp-text);font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);line-height:1.6;margin:0}.cgp-emergency-footer{color:#616161;color:var(--cgp-text-2);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);margin:0}.cgp-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.cgp-form-field{display:flex;flex-direction:column;gap:5px}.cgp-form-field label{color:#388e3c;color:var(--cgp-green-dark);font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.cgp-form-field input,.cgp-form-field select,.cgp-form-field textarea{border:1.5px solid #c8e6c9;border:1.5px solid var(--cgp-border);border-radius:7px;border-radius:var(--cgp-radius-sm);color:#212121;color:var(--cgp-text);font-family:inherit;font-size:clamp(11px,1.4vw,13px);font-size:var(--cgp-sm);outline:none;padding:8px 11px;transition:all .2s ease;transition:var(--cgp-tr)}.cgp-form-field input:focus,.cgp-form-field select:focus,.cgp-form-field textarea:focus{background:#e8f5e9;background:var(--cgp-green-lighter);border-color:#4caf50;border-color:var(--cgp-green)}.cgp-form-full{grid-column:span 2}@media(max-width:900px){.cgp-layout{grid-template-columns:1fr}.cgp-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));order:-1}.cgp-nav-card{display:flex}.cgp-nav-item{border-bottom:none;border-right:1px solid #c8e6c9;border-right:1px solid var(--cgp-border);flex:1 1;flex-direction:column;font-size:clamp(10px,1.2vw,11px);font-size:var(--cgp-xs);gap:3px;padding:10px 8px;text-align:center}.cgp-nav-item:last-child{border-right:none}.cgp-nav-icon{font-size:clamp(16px,3vw,20px)}.cgp-nav-badge{margin:0 auto}.cgp-cover{height:clamp(130px,20vw,220px)}}@media(max-width:600px){.cgp-layout{padding:0 8px clamp(16px,3vw,28px)}.cgp-cover{height:clamp(110px,36vw,170px)}.cgp-sidebar{grid-template-columns:1fr}.cgp-cover-bottom{gap:8px;padding:0 10px 12px}.cgp-cover-info{min-width:100%;order:3}.cgp-cover-actions{width:100%}.cgp-cover-actions button{flex:1 1}.cgp-modal-overlay{align-items:flex-end;padding:0}.cgp-modal{border-radius:10px 10px 0 0;border-radius:var(--cgp-radius) var(--cgp-radius) 0 0;max-height:94vh}.cgp-modal-foot{flex-direction:column-reverse}.cgp-modal-foot button{justify-content:center;width:100%}.cgp-post-actions{gap:2px}.cgp-action-btn{font-size:10px;padding:5px 3px}.cgp-form-grid{grid-template-columns:1fr}.cgp-form-full{grid-column:span 1}.cgp-confirm-actions,.cgp-member-actions-wrap{flex-direction:column}.cgp-confirm-actions button{justify-content:center;width:100%}.cgp-fb-img-wrap{height:56px;margin-right:10px;width:56px}}@media(max-width:380px){.cgp-post-moderation{flex-direction:column}.cgp-btn-approve,.cgp-btn-reject{flex:none;width:100%}.cgp-fb-img-wrap{display:none}}:root{--cgmp-primary:#4caf50;--cgmp-bg:#f8fafc;--cgmp-white:#fff;--cgmp-border:#e2e8f0;--cgmp-text-main:#0f172a;--cgmp-text-muted:#64748b;--cgmp-radius:8px;--cgmp-radius-sm:6px}.cgmp-container{background:#f8fafc;background:var(--cgmp-bg);color:#0f172a;color:var(--cgmp-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1300px;min-height:100vh;padding:20px 24px}.cgmp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.cgmp-header-text h1{color:#0f172a;font-size:22px;font-weight:700;margin:0 0 4px}.cgmp-header-text p{color:#64748b;color:var(--cgmp-text-muted);font-size:13px;margin:0}.cgmp-toggle-btn{align-items:center;background:#fff;background:var(--cgmp-white);border:1px solid;border-radius:6px;border-radius:var(--cgmp-radius-sm);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:7px 14px;transition:all .2s}.cgmp-toggle-btn span{align-items:center;display:flex;gap:4px}.cgmp-toggle-btn.open{background:#f0fdf4;border-color:#86efac;color:#15803d}.cgmp-toggle-btn.locked{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.cgmp-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.cgmp-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px}.cgmp-search-box,.cgmp-toolbar{align-items:center;display:flex}.cgmp-search-box{background:#fff;background:var(--cgmp-white);border:1px solid #e2e8f0;border:1px solid var(--cgmp-border);border-radius:6px;border-radius:var(--cgmp-radius-sm);flex:1 1;gap:8px;height:36px;min-width:220px;padding:0 12px;transition:border-color .2s}.cgmp-search-box:focus-within{border-color:#4caf50;border-color:var(--cgmp-primary);box-shadow:0 0 0 2px #4caf501a}.cgmp-search-box input{background:#0000;border:none;color:#0f172a;color:var(--cgmp-text-main);font-size:13px;height:100%;outline:none;width:100%}.cgmp-icon-muted{color:#94a3b8;flex-shrink:0}.cgmp-select-wrapper{align-items:center;background:#fff;background:var(--cgmp-white);border:1px solid #e2e8f0;border:1px solid var(--cgmp-border);border-radius:6px;border-radius:var(--cgmp-radius-sm);display:flex;height:36px;padding-left:10px;position:relative}.cgmp-select-wrapper select{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#0f172a;color:var(--cgmp-text-main);cursor:pointer;font-size:12px;font-weight:500;height:100%;outline:none;padding:0 28px 0 6px}.cgmp-arrow{color:#94a3b8;font-size:10px;pointer-events:none;position:absolute;right:10px}.cgmp-tabs{background:#fff;background:var(--cgmp-white);border:1px solid #e2e8f0;border:1px solid var(--cgmp-border);border-radius:6px;border-radius:var(--cgmp-radius-sm);display:flex;gap:4px;padding:3px}.cgmp-tab-btn{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--cgmp-text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.cgmp-tab-btn:hover{background:#f1f5f9;color:#0f172a;color:var(--cgmp-text-main)}.cgmp-tab-btn.active{background:#4caf50;background:var(--cgmp-primary);color:#fff;color:var(--cgmp-white)}.cgmp-table-card{background:#fff;background:var(--cgmp-white);border:1px solid #e2e8f0;border:1px solid var(--cgmp-border);border-radius:8px;border-radius:var(--cgmp-radius);box-shadow:0 1px 3px #0000000a;overflow:hidden}.cgmp-table-responsive{min-height:300px;overflow-x:auto}.cgmp-table{border-collapse:collapse;text-align:left;width:100%}.cgmp-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cgmp-border);color:#64748b;color:var(--cgmp-text-muted);font-size:12px;font-weight:600;padding:12px 14px;white-space:nowrap}.cgmp-table td{border-bottom:1px solid #f1f5f9;padding:12px 14px;vertical-align:top}.cgmp-table tbody tr:last-child td{border-bottom:none}.cgmp-table tbody tr:hover{background:#f8fafc}.cgmp-info-cell{align-items:flex-start;display:flex;gap:10px}.cgmp-icon-box{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border:1px solid var(--cgmp-border);border-radius:6px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;overflow:hidden;width:36px}.cgmp-icon-box img{height:100%;object-fit:cover;width:100%}.cgmp-icon-box span{color:#64748b}.cgmp-info-content{display:flex;flex-direction:column;gap:3px}.cgmp-group-name{color:#0f172a;font-size:13px;font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cgmp-group-meta{align-items:center;color:#64748b;color:var(--cgmp-text-muted);display:flex;font-size:11px;gap:4px}.cgmp-group-date{color:#94a3b8;font-size:10px}.cgmp-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px;white-space:nowrap}.cgmp-badge-official{background:#fff4e5;border:1px solid #fde68a;color:#d97706}.cgmp-badge-community{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.cgmp-status-pill{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.cgmp-reject-reason{background:#fef2f2;border-radius:4px;color:#dc2626;font-size:10px;margin-top:5px;max-width:160px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.cgmp-creator-info{color:#334155;display:flex;flex-direction:column;font-size:12px;gap:4px}.cgmp-label{color:#64748b;color:var(--cgmp-text-muted);display:inline-block;font-size:11px;width:60px}.cgmp-doc-name{color:#0369a1;font-weight:600}.cgmp-no-doc{color:#94a3b8;font-size:11px;font-style:italic}.cgmp-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.cgmp-btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:5px 8px;transition:all .2s}.cgmp-btn-view{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.cgmp-btn-view:hover{background:#e2e8f0;color:#0f172a}.cgmp-btn-approve{background:#dcfce7;border-color:#bbf7d0;color:#166534}.cgmp-btn-approve:hover{background:#22c55e;color:#fff}.cgmp-btn-reject-trigger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.cgmp-btn-reject-trigger:hover{background:#ef4444;color:#fff}.cgmp-btn-warn{background:#fef08a;border-color:#fde047;color:#92400e}.cgmp-btn-warn:hover{background:#eab308;color:#fff}.cgmp-btn-suspend{background:#ffedd5;border-color:#fed7aa;color:#c2410c}.cgmp-btn-suspend:hover{background:#f97316;color:#fff}.cgmp-btn-active{background:#cffafe;border-color:#a7f3d0;color:#15803d}.cgmp-btn-active:hover{background:#10b981;color:#fff}.cgmp-btn-delete{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.cgmp-btn-delete:hover{background:#dc2626;color:#fff}.cgmp-action-popup{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--cgmp-border);border-radius:6px;border-radius:var(--cgmp-radius-sm);bottom:calc(100% - 10px);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:8px;min-width:220px;padding:10px;position:absolute;right:20px;text-align:left;z-index:100}.cgmp-popup-title{color:#0f172a;font-size:11px;font-weight:700;margin:0;text-transform:uppercase}.cgmp-action-popup input{border:1px solid #e2e8f0;border:1px solid var(--cgmp-border);border-radius:4px;font-size:12px;outline:none;padding:6px 8px}.cgmp-action-popup input:focus{border-color:#4caf50;border-color:var(--cgmp-primary)}.cgmp-popup-actions{display:flex;gap:6px}.cgmp-btn-confirm{background:#ef4444;color:#fff;flex:1 1;justify-content:center}.cgmp-btn-cancel{background:#f1f5f9;color:#475569;flex:1 1;justify-content:center}.cgmp-loading{display:flex;justify-content:center;padding:60px 0}.cgmp-spinner{animation:cgmpSpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--cgmp-primary);height:28px;width:28px}@keyframes cgmpSpin{to{transform:rotate(1turn)}}.cgmp-empty{color:#64748b;color:var(--cgmp-text-muted);font-size:13px;font-style:italic;padding:30px!important;text-align:center}@media (max-width:900px){.cgmp-header{flex-direction:column}.cgmp-search-box{min-width:100%}.cgmp-select-wrapper{flex:1 1}.cgmp-tabs{overflow-x:auto;width:100%}.cgmp-tab-btn{white-space:nowrap}}:root{--fmp-primary:#4caf50;--fmp-primary-dark:#388e3c;--fmp-primary-light:#e8f5e9;--fmp-secondary:#2196f3;--fmp-danger:#e57373;--fmp-warning:#ffb74d;--fmp-text-main:#333;--fmp-text-sub:#666;--fmp-border:#e0e0e0;--fmp-white:#fff;--fmp-bg:#f9fafb;--fmp-radius:6px;--fmp-shadow:0 2px 4px #0000000d}.ForumManagementPage-container{background:#f9fafb;background:var(--fmp-bg);color:#333;color:var(--fmp-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;min-height:100vh;padding:12px}.ForumManagementPage-inner{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:1400px}.ForumManagementPage-header{align-items:center;background:#fff;background:var(--fmp-white);border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:6px;border-radius:var(--fmp-radius);display:flex;justify-content:space-between;padding:10px 16px}.ForumManagementPage-title{align-items:center;color:#4caf50;color:var(--fmp-primary);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.ForumManagementPage-btn-refresh{align-items:center;background:#e8f5e9;background:var(--fmp-primary-light);border:1px solid #0000;border-radius:6px;border-radius:var(--fmp-radius);color:#388e3c;color:var(--fmp-primary-dark);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.ForumManagementPage-btn-refresh:hover{background:#4caf50;background:var(--fmp-primary);color:#fff;color:var(--fmp-white)}.ForumManagementPage-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.ForumManagementPage-stat-card{align-items:center;background:#fff;background:var(--fmp-white);border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:6px;border-radius:var(--fmp-radius);display:flex;gap:10px;padding:10px;transition:transform .2s}.ForumManagementPage-stat-card:hover{border-color:#4caf50;border-color:var(--fmp-primary);transform:translateY(-2px)}.ForumManagementPage-stat-icon{align-items:center;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.ForumManagementPage-stat-info p{color:#666;color:var(--fmp-text-sub);font-size:11px;margin:0;text-transform:uppercase}.ForumManagementPage-stat-info h3{color:#333;color:var(--fmp-text-main);font-size:18px;margin:2px 0 0}.stat-pending .ForumManagementPage-stat-icon{background:#fff3e0;color:#f57c00}.stat-approved .ForumManagementPage-stat-icon{background:#e8f5e9;color:#2e7d32}.stat-hidden .ForumManagementPage-stat-icon{background:#eceff1;color:#607d8b}.stat-reported .ForumManagementPage-stat-icon{background:#ffebee;color:#c62828}.ForumManagementPage-tabs{background:#fff;background:var(--fmp-white);border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:6px;border-radius:var(--fmp-radius);display:flex;gap:8px;overflow-x:auto;padding:4px}.ForumManagementPage-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;color:var(--fmp-text-sub);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.ForumManagementPage-tab:hover{background:#f9fafb;background:var(--fmp-bg);color:#4caf50;color:var(--fmp-primary)}.ForumManagementPage-tab.active{background:#e8f5e9;background:var(--fmp-primary-light);color:#388e3c;color:var(--fmp-primary-dark);font-weight:600}.ForumManagementPage-toolbar{align-items:center;background:#fff;background:var(--fmp-white);border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:6px;border-radius:var(--fmp-radius);display:flex;flex-wrap:nowrap;gap:10px;padding:10px}.ForumManagementPage-search-wrapper{flex:1 1;min-width:200px;position:relative}.ForumManagementPage-search-icon{color:#999;font-size:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.ForumManagementPage-input{border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:4px;box-sizing:border-box;font-size:13px;height:34px;padding:8px 12px 8px 30px;width:100%}.ForumManagementPage-input:focus{border-color:#4caf50;border-color:var(--fmp-primary);outline:none}.ForumManagementPage-select{background:#fff;cursor:pointer;font-size:12px;height:34px;min-width:140px;padding:0 10px}.ForumManagementPage-select,.ForumManagementPage-view-toggle{border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:4px}.ForumManagementPage-view-toggle{display:flex;overflow:hidden}.ForumManagementPage-btn-view{align-items:center;background:#fff;border:none;color:#666;color:var(--fmp-text-sub);cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.ForumManagementPage-btn-view:hover{background:#f9fafb;background:var(--fmp-bg)}.ForumManagementPage-btn-view.active{background:#e8f5e9;background:var(--fmp-primary-light);color:#4caf50;color:var(--fmp-primary)}.ForumManagementPage-list-container{display:flex;flex-direction:column;gap:8px}.ForumManagementPage-card{background:#fff;background:var(--fmp-white);border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:6px;border-radius:var(--fmp-radius);overflow:hidden}.ForumManagementPage-card-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.ForumManagementPage-card-header:hover{background:#fafafa}.ForumManagementPage-card-title h3{color:#333;color:var(--fmp-text-main);font-size:14px;font-weight:600;margin:0 0 4px}.ForumManagementPage-card-meta{align-items:center;color:#666;color:var(--fmp-text-sub);display:flex;font-size:11px;gap:6px}.ForumManagementPage-card-body{border-top:1px dashed #e0e0e0;border-top:1px dashed var(--fmp-border);font-size:13px;margin-top:8px;padding:12px}.ForumManagementPage-card-content{color:#444;line-height:1.5;margin-bottom:12px}.ForumManagementPage-img-grid{display:flex;gap:8px;margin-bottom:12px}.ForumManagementPage-img-thumb{border:1px solid #eee;border-radius:4px;height:80px;object-fit:cover;width:80px}.ForumManagementPage-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.badge-pending{background:#fff3e0;color:#ef6c00}.badge-approved{background:#e8f5e9;color:#2e7d32}.badge-hidden{background:#eceff1;color:#546e7a}.badge-reported{background:#ffebee;color:#c62828}.ForumManagementPage-table-wrapper{background:#fff;background:var(--fmp-white);border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:6px;border-radius:var(--fmp-radius);overflow-x:auto}.ForumManagementPage-table{border-collapse:collapse;min-width:800px;width:100%}.ForumManagementPage-table th{background:#e8f5e9;background:var(--fmp-primary-light);border-bottom:1px solid #c8e6c9;color:#388e3c;color:var(--fmp-primary-dark);font-size:12px;font-weight:600;padding:10px;text-align:left;white-space:nowrap}.ForumManagementPage-table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--fmp-border);padding:8px 10px;vertical-align:middle}.ForumManagementPage-table tr:hover{background:#f9fafb}.ForumManagementPage-action-group{display:flex;gap:6px}.ForumManagementPage-btn{border:1px solid #0000;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.ForumManagementPage-btn.btn-primary{background:#4caf50;border-color:#4caf50;color:#fff}.ForumManagementPage-btn.btn-primary:hover{background:#45a049;border-color:#45a049}.ForumManagementPage-btn.btn-secondary{background:#f5f5f5;border-color:#e0e0e0;color:#666}.ForumManagementPage-btn.btn-secondary:hover{background:#e0e0e0;border-color:#bdbdbd}.ForumManagementPage-btn-icon{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:4px;color:#666;color:var(--fmp-text-sub);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s;width:26px}.ForumManagementPage-btn-icon:hover{border-color:#4caf50;border-color:var(--fmp-primary);color:#4caf50;color:var(--fmp-primary)}.btn-approve:hover{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.btn-reject:hover{background:#ffebee;border-color:#c62828;color:#c62828}.ForumManagementPage-expanded-section{background:#fafafa;border:1px solid #eee;border-radius:4px;margin-top:10px;padding:10px}.ForumManagementPage-sub-title{align-items:center;color:#4caf50;color:var(--fmp-primary);display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:8px}.ForumManagementPage-comment-item{background:#fff;border-left:2px solid #e0e0e0;border-left:2px solid var(--fmp-border);font-size:12px;margin-bottom:6px;padding:8px}.ForumManagementPage-comment-header{color:#666;color:var(--fmp-text-sub);display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.ForumManagementPage-verified{align-items:center;color:#4caf50;color:var(--fmp-primary);display:inline-flex;gap:2px}.ForumManagementPage-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ForumManagementPage-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90%;width:500px}.ForumManagementPage-modal-header{align-items:center;background:#4caf50;background:var(--fmp-primary);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--fmp-border);border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.ForumManagementPage-modal-header h2{font-size:15px;font-weight:600;margin:0}.ForumManagementPage-btn-close{background:none;border:none;color:#fff;cursor:pointer;font-size:16px}.ForumManagementPage-modal-body{overflow-y:auto;padding:16px}.ForumManagementPage-form-group{margin-bottom:12px}.ForumManagementPage-label{color:#444;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.ForumManagementPage-hint{color:#888;display:block;font-size:11px;margin-top:2px}.ForumManagementPage-textarea{min-height:80px;resize:vertical}.ForumManagementPage-toggle-row{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:4px;cursor:pointer;display:flex;gap:10px;margin-bottom:8px;padding:8px}.ForumManagementPage-toggle-row:hover{background:#fafafa}.ForumManagementPage-modal-footer{background:#f9fafb;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;border-top:1px solid var(--fmp-border);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.ForumManagementPage-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px}.ForumManagementPage-mod-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.ForumManagementPage-mod-item{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--fmp-border);border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px}.ForumManagementPage-mod-item.selected{background:#e8f5e9;background:var(--fmp-primary-light);border-color:#4caf50;border-color:var(--fmp-primary);color:#388e3c;color:var(--fmp-primary-dark)}.ForumManagementPage-btn-create{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;box-shadow:0 2px 4px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.ForumManagementPage-btn-create:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 8px #4caf5066;transform:translateY(-1px)}.ForumManagementPage-btn-create:active{box-shadow:0 2px 4px #4caf504d;transform:translateY(0)}.ForumManagementPage-btn-create svg{height:14px;width:14px}@media (max-width:768px){.ForumManagementPage-header{align-items:flex-start;flex-direction:column;gap:10px}.ForumManagementPage-stats-grid{grid-template-columns:1fr 1fr}.ForumManagementPage-toolbar{align-items:stretch;flex-direction:column}.ForumManagementPage-search-wrapper{width:100%}.ForumManagementPage-mod-grid{grid-template-columns:1fr}}:root{--admin-primary:#43a047;--admin-primary-hover:#2e7d32;--admin-bg:#f1f8e9;--admin-surface:#fff;--admin-border:#c8e6c9;--admin-text:#2c3e50;--admin-text-light:#546e7a;--status-pending-bg:#fff3e0;--status-pending-text:#e65100;--status-resolved-bg:#e8f5e9;--status-resolved-text:#2e7d32;--status-dismissed-bg:#f5f5f5;--status-dismissed-text:#757575;--compact-radius:6px;--font-size-base:13px}.admin-report-container{background-color:#f1f8e9;background-color:var(--admin-bg);color:#2c3e50;color:var(--admin-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;font-size:var(--font-size-base);line-height:1.4;min-height:100vh;padding:15px}.admin-report-wrapper{margin:0 auto;max-width:100%}.admin-report-loading{color:#546e7a;color:var(--admin-text-light);font-size:1.2rem;padding:30px;text-align:center}.admin-report-loading .fa-spin{color:#43a047;color:var(--admin-primary);font-size:1.5rem;margin-right:8px}.admin-report-header{align-items:center;background:#fff;background:var(--admin-surface);border:1px solid #c8e6c9;border:1px solid var(--admin-border);border-radius:6px;border-radius:var(--compact-radius);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;padding:10px 15px}.header-title h1{align-items:center;color:#43a047;color:var(--admin-primary);display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0}.admin-report-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.stat-item{align-items:center;background:#fff;background:var(--admin-surface);border:1px solid #c8e6c9;border:1px solid var(--admin-border);border-radius:6px;border-radius:var(--compact-radius);box-shadow:0 1px 3px #00000008;display:flex;justify-content:space-between;padding:8px 12px}.stat-item .label{color:#546e7a;color:var(--admin-text-light);font-size:11px;text-transform:uppercase}.stat-item .value{font-size:16px;font-weight:700}.stat-item.total .value{color:#2c3e50;color:var(--admin-text)}.stat-item.pending{border-left:3px solid #ff9800}.stat-item.pending .value{color:#e65100}.stat-item.resolved{border-left:3px solid #4caf50}.stat-item.resolved .value{color:#2e7d32}.stat-item.dismissed{border-left:3px solid #9e9e9e}.admin-report-filters{animation:fadeIn .3s ease;background:#fff;border:1px solid #c8e6c9;border:1px solid var(--admin-border);border-radius:6px;border-radius:var(--compact-radius);margin-bottom:15px;padding:12px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#546e7a;color:var(--admin-text-light);font-size:11px;font-weight:600}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:12px;min-width:140px;padding:5px 8px}.search-group{flex-grow:1}.input-with-icon{position:relative;width:100%}.input-with-icon svg{color:#ccc;font-size:10px;left:8px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{padding-left:24px;width:100%}.filter-actions{margin-left:auto}.admin-report-table-container{background:#fff;background:var(--admin-surface);border:1px solid #c8e6c9;border:1px solid var(--admin-border);border-radius:6px;border-radius:var(--compact-radius);box-shadow:0 2px 5px #00000005;overflow-x:auto}.admin-report-table{border-collapse:collapse;min-width:800px;white-space:nowrap;width:100%}.admin-report-table th{background:#f1f8e9;background:var(--admin-bg);border-bottom:2px solid #c8e6c9;border-bottom:2px solid var(--admin-border);color:#43a047;color:var(--admin-primary);font-size:11px;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.admin-report-table td{border-bottom:1px solid #f1f1f1;font-size:12px;padding:6px 10px;vertical-align:middle}.admin-report-table tr:hover{background-color:#fafafa}.row-highlight{background-color:#fffde7!important}.type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 6px}.type-question{background:#e3f2fd;color:#1565c0}.type-answer{background:#f3e5f5;color:#7b1fa2}.reason-text{color:#d32f2f;font-weight:500}.admin-report-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 8px}.status-pending{background:#fff3e0;background:var(--status-pending-bg);color:#e65100;color:var(--status-pending-text)}.status-reviewed{background:#e0f2f1;color:#00695c}.status-resolved{background:#e8f5e9;background:var(--status-resolved-bg);color:#2e7d32;color:var(--status-resolved-text)}.status-dismissed{background:#f5f5f5;background:var(--status-dismissed-bg);color:#757575;color:var(--status-dismissed-text)}.content-preview{max-width:300px;overflow:hidden;text-overflow:ellipsis}.report-description-tooltip{color:#e65100;font-size:10px;font-style:italic;margin-top:2px}.reporter-info{display:flex;flex-direction:column}.reporter-info .name{font-size:11px;font-weight:600}.reporter-info .email{color:#888;font-size:10px}.btn-icon-action{align-items:center;background:#e0f2f1;border:none;border-radius:4px;color:#00695c;cursor:pointer;display:flex;height:26px;justify-content:center;margin:0 auto;transition:all .2s;width:26px}.btn-icon-action:hover{background:#b2dfdb}.admin-report-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-report-modal-content{animation:zoomIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:90%}.modal-header{align-items:center;background:#f1f8e9;background:var(--admin-bg);border-bottom:1px solid #eee;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:10px 15px}.modal-header h5{color:#333;font-size:14px;margin:0}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px}.modal-body{overflow-y:auto;padding:15px}.info-grid{grid-gap:10px;background:#fafafa;border:1px solid #eee;border-radius:6px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px;padding:10px}.info-item{display:flex;flex-direction:column;gap:2px}.info-item label{color:#888;font-size:10px;font-weight:600;text-transform:uppercase}.info-item span{font-size:12px;font-weight:500}.section-label{color:#2c3e50;color:var(--admin-text);display:block;font-size:11px;font-weight:700;margin-bottom:5px}.admin-note-section textarea{font-size:12px;width:100%}.modal-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:10px 15px}.left-actions .btn-link-goto{align-items:center;background:none;border:none;color:#1976d2;cursor:pointer;display:flex;font-size:12px;gap:4px;text-decoration:underline}.right-actions{display:flex;gap:8px}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.admin-report-stats{grid-template-columns:1fr 1fr}.filter-row{align-items:stretch;flex-direction:column;gap:10px}.filter-group input,.filter-group select{min-width:0;width:100%}.admin-report-table-container{margin-top:5px}.admin-report-table td,.admin-report-table th{padding:6px 8px}.content-preview{max-width:150px}}:root{--entity-list-primary:#10b981;--entity-list-primary-dark:#059669;--entity-list-primary-light:#34d399;--entity-list-success:#22c55e;--entity-list-danger:#ef4444;--entity-list-warning:#f59e0b;--entity-list-info:#3b82f6;--entity-list-light-green:#f0fdf4;--entity-list-green-50:#ecfdf5;--entity-list-green-100:#d1fae5;--entity-list-green-200:#a7f3d0;--entity-list-gray-50:#f9fafb;--entity-list-gray-100:#f3f4f6;--entity-list-gray-200:#e5e7eb;--entity-list-gray-300:#d1d5db;--entity-list-gray-400:#9ca3af;--entity-list-gray-600:#4b5563;--entity-list-gray-700:#374151;--entity-list-gray-800:#1f2937;--entity-list-shadow:0 2px 8px #00000014;--entity-list-shadow-md:0 4px 12px #0000001a;--entity-list-shadow-lg:0 8px 24px #0000001f;--entity-list-radius:8px;--entity-list-radius-lg:12px}.entity-list-page{background:linear-gradient(135deg,#f0fdf4,#ecfdf5 40%,#f9fafb);background:linear-gradient(135deg,var(--entity-list-light-green) 0,var(--entity-list-green-50) 40%,var(--entity-list-gray-50) 100%);min-height:100vh;padding:2rem}.entity-list-header{background:#fff;border-radius:12px;border-radius:var(--entity-list-radius-lg);border-top:4px solid #10b981;border-top:4px solid var(--entity-list-primary);box-shadow:0 4px 12px #0000001a;box-shadow:var(--entity-list-shadow-md);margin:0 auto 1.5rem;max-width:1400px;padding:2rem;text-align:center}.entity-list-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-list-primary) 0,var(--entity-list-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0 0 .5rem}.entity-list-subtitle{color:#4b5563;color:var(--entity-list-gray-600);font-size:1rem;margin:0}.entity-list-filters{align-items:center;background:#fff;border-left:4px solid #10b981;border-left:4px solid var(--entity-list-primary);border-radius:12px;border-radius:var(--entity-list-radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--entity-list-shadow);display:flex;flex-wrap:wrap;gap:1rem;margin:0 auto 1.5rem;max-width:1400px;padding:1.5rem}.entity-list-search-box{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.entity-list-search-box>svg{color:#10b981;color:var(--entity-list-primary);font-size:1rem;left:1rem;position:absolute;z-index:1}.entity-list-search-box input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--entity-list-gray-200);border-radius:8px;border-radius:var(--entity-list-radius);font-size:.9375rem;padding:.875rem 2.75rem;transition:all .2s ease;width:100%}.entity-list-search-box input:focus{border-color:#10b981;border-color:var(--entity-list-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.entity-list-search-box input::placeholder,.entity-list-search-clear{color:#9ca3af;color:var(--entity-list-gray-400)}.entity-list-search-clear{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.375rem;position:absolute;right:.75rem;transition:color .2s}.entity-list-search-clear:hover{background:#fee2e2;color:#ef4444;color:var(--entity-list-danger)}.entity-list-select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--entity-list-gray-200);border-radius:8px;border-radius:var(--entity-list-radius);color:#374151;color:var(--entity-list-gray-700);cursor:pointer;font-size:.9375rem;min-width:160px;padding:.875rem 1.25rem;transition:all .2s ease}.entity-list-select:focus{border-color:#10b981;border-color:var(--entity-list-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.entity-list-alphabet-filter{align-items:center;background:#fff;border-radius:12px;border-radius:var(--entity-list-radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--entity-list-shadow);display:flex;flex-wrap:wrap;gap:.5rem;margin:0 auto 1.5rem;max-width:1400px;padding:1.25rem 1.5rem}.entity-list-alphabet-btn{align-items:center;background:#f9fafb;background:var(--entity-list-gray-50);border:2px solid #e5e7eb;border:2px solid var(--entity-list-gray-200);border-radius:8px;border-radius:var(--entity-list-radius);color:#374151;color:var(--entity-list-gray-700);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.entity-list-alphabet-btn:hover{background:#ecfdf5;background:var(--entity-list-green-50);border-color:#10b981;border-color:var(--entity-list-primary);color:#10b981;color:var(--entity-list-primary)}.entity-list-alphabet-btn.active{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-list-primary) 0,var(--entity-list-primary-dark) 100%);border-color:#10b981;border-color:var(--entity-list-primary);box-shadow:0 2px 8px #10b9814d;color:#fff}.entity-list-alphabet-btn:first-child{padding:0 1rem;width:auto}.entity-list-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px}.entity-list-card{background:#fff;border:2px solid #0000;border-radius:12px;border-radius:var(--entity-list-radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--entity-list-shadow);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.entity-list-card:hover{border-color:#a7f3d0;border-color:var(--entity-list-green-200);box-shadow:0 8px 24px #0000001f;box-shadow:var(--entity-list-shadow-lg);transform:translateY(-4px)}.entity-list-card-image{background:#f3f4f6;background:var(--entity-list-gray-100);height:180px;overflow:hidden;position:relative;width:100%}.entity-list-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.entity-list-card:hover .entity-list-card-image img{transform:scale(1.05)}.entity-list-card-image-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#f9fafb);background:linear-gradient(135deg,var(--entity-list-gray-100) 0,var(--entity-list-gray-50) 100%);color:#9ca3af;color:var(--entity-list-gray-400);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.entity-list-card-image-placeholder svg{font-size:3rem}.entity-list-card-header{display:flex;flex-direction:column;gap:.625rem;padding:1.25rem 1.25rem .75rem}.entity-list-card-header h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--entity-list-gray-800);display:-webkit-box;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0;overflow:hidden;transition:color .2s}.entity-list-card:hover .entity-list-card-header h3{color:#10b981;color:var(--entity-list-primary)}.entity-list-card-category{align-self:flex-start;background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:linear-gradient(135deg,var(--entity-list-green-100) 0,var(--entity-list-green-200) 100%);border-radius:20px;color:#059669;color:var(--entity-list-primary-dark);display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.03em;padding:.375rem .875rem;text-transform:uppercase}.entity-list-card-body{display:flex;flex:1 1;flex-direction:column;gap:.625rem;padding:0 1.25rem 1rem}.entity-list-card-body p{color:#4b5563;color:var(--entity-list-gray-600);font-size:.8125rem;line-height:1.6;margin:0}.entity-list-card-body p strong{color:#374151;color:var(--entity-list-gray-700)}.entity-list-manufacturer{align-items:center;background:#ecfdf5;background:var(--entity-list-green-50);border:1px solid #d1fae5;border:1px solid var(--entity-list-green-100);border-radius:8px;border-radius:var(--entity-list-radius);display:flex;gap:.5rem;margin-top:auto;padding:.625rem .875rem}.entity-list-manufacturer svg{color:#10b981;color:var(--entity-list-primary);flex-shrink:0;font-size:.875rem}.entity-list-card-body .entity-list-manufacturer{color:#059669;color:var(--entity-list-primary-dark);font-size:.8125rem;font-weight:600}.entity-list-card-footer{align-items:center;background:#f9fafb;background:var(--entity-list-gray-50);border-top:1px solid #f3f4f6;border-top:1px solid var(--entity-list-gray-100);display:flex;justify-content:flex-start;padding:1rem 1.25rem}.entity-list-card-footer>span{align-items:center;color:#4b5563;color:var(--entity-list-gray-600);display:flex;font-size:.75rem;gap:.375rem}.entity-list-card-footer>span svg{color:#10b981;color:var(--entity-list-primary);font-size:.75rem}.entity-list-pagination{align-items:center;background:#fff;border-radius:12px;border-radius:var(--entity-list-radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--entity-list-shadow);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:2rem auto 0;max-width:1400px;padding:1.25rem 1.5rem}.entity-list-pagination button{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--entity-list-gray-200);border-radius:8px;border-radius:var(--entity-list-radius);color:#374151;color:var(--entity-list-gray-700);cursor:pointer;font-size:.875rem;font-weight:600;min-width:44px;padding:.625rem 1rem;transition:all .2s ease}.entity-list-pagination button:hover:not(:disabled){background:#10b981;background:var(--entity-list-primary);border-color:#10b981;border-color:var(--entity-list-primary);color:#fff}.entity-list-pagination button:disabled{background:#f3f4f6;background:var(--entity-list-gray-100);cursor:not-allowed;opacity:.4}.entity-list-pagination button.active{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-list-primary) 0,var(--entity-list-primary-dark) 100%);border-color:#10b981;border-color:var(--entity-list-primary);box-shadow:0 2px 6px #10b9814d;color:#fff}.entity-list-page-numbers{display:flex;gap:.375rem}.entity-list-loading{align-items:center;background:#fff;border-radius:12px;border-radius:var(--entity-list-radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--entity-list-shadow);color:#4b5563;color:var(--entity-list-gray-600);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;max-width:1400px;padding:4rem 2rem}.entity-list-loading-spinner{animation:entity-list-spin .8s linear infinite;border:4px solid #d1fae5;border-top-color:#10b981;border:4px solid var(--entity-list-green-100);border-radius:50%;border-top-color:var(--entity-list-primary);height:48px;width:48px}@keyframes entity-list-spin{to{transform:rotate(1turn)}}.entity-list-empty{background:#fff;border-radius:12px;border-radius:var(--entity-list-radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--entity-list-shadow);color:#4b5563;color:var(--entity-list-gray-600);font-size:1rem;margin:0 auto;max-width:1400px;padding:4rem 2rem;text-align:center}@media (max-width:1024px){.entity-list-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.entity-list-page{padding:1rem}.entity-list-header{padding:1.5rem}.entity-list-header h1{font-size:1.5rem}.entity-list-filters{align-items:stretch;flex-direction:column}.entity-list-search-box{min-width:100%}.entity-list-select{width:100%}.entity-list-alphabet-btn{font-size:.875rem;height:36px;width:36px}.entity-list-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.entity-list-card-image{height:160px}.entity-list-pagination{padding:1rem}.entity-list-pagination button{font-size:.8125rem;min-width:40px;padding:.5rem .75rem}}@media (max-width:480px){.entity-list-page{padding:.75rem}.entity-list-header{padding:1.25rem}.entity-list-header h1{font-size:1.375rem}.entity-list-filters{padding:1rem}.entity-list-search-box input{font-size:.875rem;padding:.75rem 2.5rem}.entity-list-select{font-size:.875rem;padding:.75rem 1rem}.entity-list-alphabet-filter{padding:1rem}.entity-list-alphabet-btn{font-size:.8125rem;height:32px;width:32px}.entity-list-grid{grid-template-columns:1fr}.entity-list-card-image{height:200px}.entity-list-card-header{padding:1rem 1rem .625rem}.entity-list-card-header h3{font-size:1rem}.entity-list-card-body{padding:0 1rem .875rem}.entity-list-card-footer{padding:.875rem 1rem}.entity-list-pagination button{font-size:.75rem;min-width:36px;padding:.5rem .625rem}}:root{--entity-detail-primary:#10b981;--entity-detail-primary-dark:#059669;--entity-detail-primary-light:#34d399;--entity-detail-success:#22c55e;--entity-detail-danger:#ef4444;--entity-detail-warning:#f59e0b;--entity-detail-info:#3b82f6;--entity-detail-light-green:#f0fdf4;--entity-detail-green-50:#ecfdf5;--entity-detail-green-100:#d1fae5;--entity-detail-green-200:#a7f3d0;--entity-detail-gray-50:#f9fafb;--entity-detail-gray-100:#f3f4f6;--entity-detail-gray-200:#e5e7eb;--entity-detail-gray-300:#d1d5db;--entity-detail-gray-400:#9ca3af;--entity-detail-gray-600:#4b5563;--entity-detail-gray-700:#374151;--entity-detail-gray-800:#1f2937;--entity-detail-shadow:0 4px 20px #00000014;--entity-detail-shadow-lg:0 10px 40px #00000026;--entity-detail-shadow-xl:0 20px 60px #0003;--entity-detail-radius:12px;--entity-detail-radius-lg:20px}.entity-detail-page{background:linear-gradient(135deg,#f0fdf4,#ecfdf5 50%,#f9fafb);background:linear-gradient(135deg,var(--entity-detail-light-green) 0,var(--entity-detail-green-50) 50%,var(--entity-detail-gray-50) 100%);min-height:100vh;overflow-x:hidden;padding:1.5rem}.entity-detail-hidden-warning{align-items:center;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border:2px solid var(--entity-detail-warning);border-radius:12px;border-radius:var(--entity-detail-radius);display:flex;gap:1rem;margin:0 auto 1.5rem;max-width:1200px;padding:1rem 1.5rem}.entity-detail-hidden-warning>svg{color:#f59e0b;color:var(--entity-detail-warning);font-size:1.5rem}.entity-detail-hidden-warning strong{color:#92400e}.entity-detail-hidden-warning p{color:#a16207;font-size:.875rem;margin:.25rem 0 0}.entity-detail-flashcard{gap:0;margin:0 auto;max-width:1400px;min-height:450px;padding:2rem 4rem;position:relative}.entity-detail-flashcard,.entity-detail-nav-btn{align-items:center;display:flex;justify-content:center}.entity-detail-nav-btn{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--entity-detail-gray-200);border-radius:50%;box-shadow:0 4px 20px #00000014;box-shadow:var(--entity-detail-shadow);color:#10b981;color:var(--entity-detail-primary);cursor:pointer;font-size:1.25rem;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.entity-detail-nav-btn:hover:not(:disabled){background:#10b981;background:var(--entity-detail-primary);border-color:#10b981;border-color:var(--entity-detail-primary);box-shadow:0 10px 40px #00000026;box-shadow:var(--entity-detail-shadow-lg);color:#fff;transform:translateY(-50%) scale(1.1)}.entity-detail-nav-btn:disabled{cursor:not-allowed;opacity:.6}.entity-detail-nav-btn.loading{background:#ecfdf5;background:var(--entity-detail-green-50)}.entity-detail-btn-spinner{animation:spin .6s linear infinite;border:2px solid #d1fae5;border-top-color:#10b981;border:2px solid var(--entity-detail-green-100);border-radius:50%;border-top-color:var(--entity-detail-primary);height:20px;width:20px}.entity-detail-nav-prev{left:0}.entity-detail-nav-next{right:0}.entity-detail-left-column{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:320px;padding-right:1rem}.entity-detail-info-item{align-items:flex-start;animation:fadeInLeft .5s ease forwards;animation-delay:calc(var(--item-index)*.1s);display:flex;gap:0;opacity:0;position:relative}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.entity-detail-info-content{background:#fff;border-left:4px solid #10b981;border-left:4px solid var(--entity-detail-primary);border-radius:12px;border-radius:var(--entity-detail-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--entity-detail-shadow);max-width:280px;padding:1rem 1.25rem;transition:all .3s ease}.entity-detail-info-content:hover{box-shadow:0 10px 40px #00000026;box-shadow:var(--entity-detail-shadow-lg);transform:translateY(-2px)}.entity-detail-info-highlight .entity-detail-info-content{background:linear-gradient(135deg,#fff,#ecfdf5);background:linear-gradient(135deg,#fff 0,var(--entity-detail-green-50) 100%);border-left-color:#22c55e;border-left-color:var(--entity-detail-success)}.entity-detail-info-warning .entity-detail-info-content{background:linear-gradient(135deg,#fff,#fffbeb);border-left-color:#f59e0b;border-left-color:var(--entity-detail-warning)}.entity-detail-info-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.entity-detail-info-header svg{color:#10b981;color:var(--entity-detail-primary);font-size:1rem}.entity-detail-info-highlight .entity-detail-info-header svg{color:#22c55e;color:var(--entity-detail-success)}.entity-detail-info-warning .entity-detail-info-header svg{color:#f59e0b;color:var(--entity-detail-warning)}.entity-detail-info-label{color:#10b981;color:var(--entity-detail-primary);font-size:.875rem;font-weight:700}.entity-detail-info-highlight .entity-detail-info-label{color:#22c55e;color:var(--entity-detail-success)}.entity-detail-info-warning .entity-detail-info-label{color:#f59e0b;color:var(--entity-detail-warning)}.entity-detail-info-value{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#374151;color:var(--entity-detail-gray-700);display:-webkit-box;font-size:.8125rem;line-height:1.6;margin:0;overflow:hidden}.entity-detail-info-line{align-self:center;background:#d1d5db;background:var(--entity-detail-gray-300);height:2px;margin-top:1rem;position:relative;width:40px}.entity-detail-info-line:after{background:#10b981;background:var(--entity-detail-primary);border-radius:50%;content:"";height:8px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.entity-detail-info-line-left:after{right:-4px}.entity-detail-info-line-right:after{left:-4px}.entity-detail-info-highlight .entity-detail-info-line:after{background:#22c55e;background:var(--entity-detail-success)}.entity-detail-info-warning .entity-detail-info-line:after{background:#f59e0b;background:var(--entity-detail-warning)}.entity-detail-center{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding:0 1.5rem}.entity-detail-image-card{align-items:center;background:#fff;border:4px solid #fff;border-radius:20px;border-radius:var(--entity-detail-radius-lg);box-shadow:0 20px 60px #0003;box-shadow:var(--entity-detail-shadow-xl);display:flex;height:280px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:280px}.entity-detail-image-card:before{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-detail-primary) 0,var(--entity-detail-primary-dark) 100%);border-radius:24px;border-radius:calc(var(--entity-detail-radius-lg) + 4px);content:"";inset:-4px;position:absolute;z-index:-1}.entity-detail-image-card:hover{transform:scale(1.02)}.entity-detail-image-card img{height:100%;object-fit:cover;width:100%}.entity-detail-image-placeholder{align-items:center;background:linear-gradient(135deg,#f3f4f6,#f9fafb);background:linear-gradient(135deg,var(--entity-detail-gray-100) 0,var(--entity-detail-gray-50) 100%);color:#9ca3af;color:var(--entity-detail-gray-400);display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:center;width:100%}.entity-detail-image-placeholder svg{font-size:4rem}.entity-detail-image-placeholder span{font-size:1.25rem;font-weight:600}.entity-detail-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-detail-primary) 0,var(--entity-detail-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin:1.5rem 0 .75rem;max-width:320px;text-align:center}.entity-detail-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.entity-detail-meta>span{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 8px #0000000f;color:#4b5563;color:var(--entity-detail-gray-600);display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem}.entity-detail-meta>span svg{color:#10b981;color:var(--entity-detail-primary);font-size:.75rem}.entity-detail-right-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-width:320px;padding-left:1rem}.entity-detail-right-info .entity-detail-info-item{animation:fadeInRight .5s ease forwards}.entity-detail-right-info .entity-detail-info-content{border-left:none;border-right:4px solid #10b981;border-right:4px solid var(--entity-detail-primary)}.entity-detail-right-info .entity-detail-info-highlight .entity-detail-info-content{border-right-color:#22c55e;border-right-color:var(--entity-detail-success)}.entity-detail-right-info .entity-detail-info-warning .entity-detail-info-content{border-right-color:#f59e0b;border-right-color:var(--entity-detail-warning)}.entity-detail-bottom{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem auto 0;max-width:1200px}.entity-detail-articles-box,.entity-detail-related-box{background:#fff;border-radius:12px;border-radius:var(--entity-detail-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--entity-detail-shadow);overflow:hidden}.entity-detail-articles-box>h3,.entity-detail-related-box>h3{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-detail-primary) 0,var(--entity-detail-primary-dark) 100%);color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.625rem;margin:0;padding:1rem 1.25rem}.entity-detail-articles-box>h3 svg,.entity-detail-related-box>h3 svg{font-size:1rem}.entity-detail-related-list{padding:.75rem}.entity-detail-related-item{align-items:center;background:#f9fafb;background:var(--entity-detail-gray-50);border:none;border-radius:12px;border-radius:var(--entity-detail-radius);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.entity-detail-related-item:last-child{margin-bottom:0}.entity-detail-related-item:hover{background:#ecfdf5;background:var(--entity-detail-green-50);transform:translateX(4px)}.entity-detail-related-name{color:#374151;color:var(--entity-detail-gray-700);flex:1 1;font-size:.875rem;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.entity-detail-related-item:hover .entity-detail-related-name{color:#059669;color:var(--entity-detail-primary-dark)}.entity-detail-related-item svg{color:#10b981;color:var(--entity-detail-primary);font-size:.75rem;transition:transform .2s}.entity-detail-related-item:hover svg{transform:translateX(3px)}.entity-detail-articles-list{padding:.75rem}.entity-detail-article-item{background:#f9fafb;background:var(--entity-detail-gray-50);border-radius:12px;border-radius:var(--entity-detail-radius);cursor:pointer;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.entity-detail-article-item:last-child{margin-bottom:0}.entity-detail-article-item:hover{background:#ecfdf5;background:var(--entity-detail-green-50)}.entity-detail-article-item h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;color:var(--entity-detail-gray-800);display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.4;margin:0 0 .5rem;overflow:hidden}.entity-detail-article-item:hover h4{color:#10b981;color:var(--entity-detail-primary)}.entity-detail-article-item>span{align-items:center;color:#4b5563;color:var(--entity-detail-gray-600);display:flex;font-size:.6875rem;gap:.375rem}.entity-detail-article-item>span svg{font-size:.625rem}.entity-detail-swipe-hint{align-items:center;color:#9ca3af;color:var(--entity-detail-gray-400);display:none;font-size:.75rem;gap:.75rem;justify-content:center;padding:1rem}.entity-detail-swipe-hint svg{animation:swipeHint 1.5s ease-in-out infinite;font-size:.75rem}@keyframes swipeHint{0%,to{opacity:.5}50%{opacity:1}}.entity-detail-loading{align-items:center;color:#4b5563;color:var(--entity-detail-gray-600);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.entity-detail-loading-spinner{animation:spin .8s linear infinite;border:4px solid #d1fae5;border-top-color:#10b981;border:4px solid var(--entity-detail-green-100);border-radius:50%;border-top-color:var(--entity-detail-primary);height:48px;width:48px}.entity-detail-empty{background:#fff;border-radius:20px;border-radius:var(--entity-detail-radius-lg);box-shadow:0 10px 40px #00000026;box-shadow:var(--entity-detail-shadow-lg);margin:4rem auto;max-width:500px;padding:3rem 2rem;text-align:center}.entity-detail-empty>svg{color:#9ca3af;color:var(--entity-detail-gray-400);font-size:4rem;margin-bottom:1.5rem}.entity-detail-empty h3{color:#1f2937;color:var(--entity-detail-gray-800);font-size:1.5rem;margin:0 0 .75rem}.entity-detail-empty p{color:#4b5563;color:var(--entity-detail-gray-600);font-size:1rem;margin:0 0 1.5rem}.entity-detail-btn-back{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-detail-primary) 0,var(--entity-detail-primary-dark) 100%);border:none;border-radius:12px;border-radius:var(--entity-detail-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.entity-detail-btn-back:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:1200px){.entity-detail-flashcard{padding:1.5rem 3rem}.entity-detail-left-column,.entity-detail-right-info{max-width:260px}.entity-detail-image-card{height:240px;width:240px}.entity-detail-info-content{max-width:240px;padding:.875rem 1rem}.entity-detail-info-value{-webkit-line-clamp:3}}@media (max-width:1024px){.entity-detail-flashcard{flex-wrap:wrap;gap:1.5rem;padding:1rem 3rem}.entity-detail-left-column{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:none;order:2;padding:0;width:100%}.entity-detail-center{order:1;padding:0;width:100%}.entity-detail-info-line,.entity-detail-right-info{display:none}.entity-detail-info-content{border-left:4px solid #10b981!important;border-left:4px solid var(--entity-detail-primary)!important;border-right:none!important}.entity-detail-bottom{grid-template-columns:1fr}}@media (max-width:768px){.entity-detail-page{padding:1rem}.entity-detail-flashcard{min-height:auto;padding:.5rem}.entity-detail-nav-btn{font-size:1rem;height:40px;width:40px}.entity-detail-nav-prev{left:-5px}.entity-detail-nav-next{right:-5px}.entity-detail-image-card{height:200px;width:200px}.entity-detail-title{font-size:1.25rem}.entity-detail-left-column{gap:1rem}.entity-detail-info-content{max-width:100%;width:100%}.entity-detail-info-item{width:100%}.entity-detail-swipe-hint{display:flex}.entity-detail-bottom{margin-top:1.5rem}.entity-detail-articles-box>h3,.entity-detail-related-box>h3{font-size:.9375rem;padding:.875rem 1rem}}@media (max-width:480px){.entity-detail-page{padding:.75rem}.entity-detail-nav-counter span{font-size:.75rem;padding:.375rem 1rem}.entity-detail-nav-btn{font-size:.875rem;height:36px;width:36px}.entity-detail-image-card{height:160px;width:160px}.entity-detail-image-placeholder svg{font-size:3rem}.entity-detail-image-placeholder span{font-size:1rem}.entity-detail-title{font-size:1.125rem;margin-top:1rem}.entity-detail-meta>span{font-size:.6875rem;padding:.25rem .625rem}.entity-detail-info-content{padding:.75rem}.entity-detail-info-label{font-size:.8125rem}.entity-detail-info-value{-webkit-line-clamp:3;font-size:.75rem}.entity-detail-related-item{padding:.75rem}.entity-detail-related-name{font-size:.8125rem}.entity-detail-article-item{padding:.875rem}.entity-detail-article-item h4{font-size:.8125rem}.entity-detail-empty{margin:2rem auto;padding:2rem 1.5rem}.entity-detail-empty>svg{font-size:3rem}.entity-detail-empty h3{font-size:1.25rem}.entity-detail-empty p{font-size:.875rem}}:root{--entity-form-primary:#10b981;--entity-form-primary-dark:#059669;--entity-form-primary-light:#34d399;--entity-form-success:#22c55e;--entity-form-danger:#ef4444;--entity-form-warning:#f59e0b;--entity-form-info:#3b82f6;--entity-form-light-green:#f0fdf4;--entity-form-green-50:#ecfdf5;--entity-form-green-100:#d1fae5;--entity-form-gray-50:#f9fafb;--entity-form-gray-100:#f3f4f6;--entity-form-gray-200:#e5e7eb;--entity-form-gray-600:#4b5563;--entity-form-gray-700:#374151;--entity-form-gray-800:#1f2937;--entity-form-shadow:0 4px 6px #0000001a;--entity-form-shadow-lg:0 10px 25px #00000026;--entity-form-radius:6px;--entity-form-radius-lg:8px}.entity-form-modal-overlay{align-items:center;animation:entity-form-fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}@keyframes entity-form-fadeIn{0%{opacity:0}to{opacity:1}}.entity-form-modal{animation:entity-form-slideUp .3s ease;background:#fff;border-radius:8px;border-radius:var(--entity-form-radius-lg);border-top:4px solid #10b981;border-top:4px solid var(--entity-form-primary);box-shadow:0 10px 25px #00000026;box-shadow:var(--entity-form-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:750px;width:100%}@keyframes entity-form-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.entity-form-modal-header{align-items:center;background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--entity-form-green-50) 0,#fff 100%);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--entity-form-gray-100);border-radius:8px 8px 0 0;border-radius:var(--entity-form-radius-lg) var(--entity-form-radius-lg) 0 0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.entity-form-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-form-primary) 0,var(--entity-form-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:#1f2937;color:var(--entity-form-gray-800);font-size:1.25rem;font-weight:700;margin:0}.entity-form-modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--entity-form-radius);color:#4b5563;color:var(--entity-form-gray-600);cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;padding:.375rem;transition:all .2s ease}.entity-form-modal-close:hover{background:#ef4444;background:var(--entity-form-danger);color:#fff;transform:scale(1.1)}.entity-form-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.entity-form-modal-body::-webkit-scrollbar{width:6px}.entity-form-modal-body::-webkit-scrollbar-track{background:#f3f4f6;background:var(--entity-form-gray-100);border-radius:3px}.entity-form-modal-body::-webkit-scrollbar-thumb{background:#10b981;background:var(--entity-form-primary);border-radius:3px}.entity-form-alert{align-items:center;border-radius:6px;border-radius:var(--entity-form-radius);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem}.entity-form-alert svg{flex-shrink:0;font-size:1.125rem}.entity-form-alert-danger{background:#fee2e2;border-left:4px solid #ef4444;border-left:4px solid var(--entity-form-danger);color:#991b1b}.entity-form-info-box{background:#ecfdf5;background:var(--entity-form-green-50);border:2px solid #d1fae5;border-left:4px solid #10b981;border:2px solid var(--entity-form-green-100);border-left:4px solid var(--entity-form-primary);border-radius:8px;border-radius:var(--entity-form-radius-lg);display:flex;gap:.875rem;margin-bottom:1.5rem;padding:1rem}.entity-form-info-box>svg{color:#10b981;color:var(--entity-form-primary);flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.entity-form-info-box strong{color:#1f2937;color:var(--entity-form-gray-800);display:block;font-size:.875rem;margin-bottom:.375rem}.entity-form-info-box p{color:#374151;color:var(--entity-form-gray-700);font-size:.8125rem;line-height:1.5;margin:0 0 .5rem}.entity-form-import-note{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.entity-form-text-danger{color:#ef4444;color:var(--entity-form-danger);font-weight:600}.entity-form-text-success{color:#22c55e;color:var(--entity-form-success)}.entity-form-form{display:flex;flex-direction:column;gap:.5rem}.entity-form-group-section{border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--entity-form-gray-100);margin-bottom:1.5rem;padding-bottom:1.5rem}.entity-form-group-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.entity-form-group-title{align-items:center;border-bottom:2px solid #d1fae5;border-bottom:2px solid var(--entity-form-green-100);color:#059669;color:var(--entity-form-primary-dark);display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.entity-form-group-title:before{background:linear-gradient(180deg,#10b981,#059669);background:linear-gradient(180deg,var(--entity-form-primary) 0,var(--entity-form-primary-dark) 100%);border-radius:2px;content:"";height:18px;width:4px}.entity-form-group-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.entity-form-group{display:flex;flex-direction:column;gap:.5rem}.entity-form-group-full{grid-column:1/-1}.entity-form-label{color:#374151;color:var(--entity-form-gray-700);font-size:.8125rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.entity-form-required{color:#ef4444;color:var(--entity-form-danger);margin-left:.25rem}.entity-form-input,.entity-form-select,.entity-form-textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--entity-form-gray-200);border-radius:6px;border-radius:var(--entity-form-radius);color:#1f2937;color:var(--entity-form-gray-800);font-size:.875rem;padding:.75rem .875rem;transition:all .2s ease;width:100%}.entity-form-input:focus,.entity-form-select:focus,.entity-form-textarea:focus{border-color:#10b981;border-color:var(--entity-form-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.entity-form-input::placeholder,.entity-form-textarea::placeholder{color:#4b5563;color:var(--entity-form-gray-600)}.entity-form-textarea{font-family:inherit;line-height:1.6;min-height:100px;resize:vertical}.entity-form-select{cursor:pointer}.entity-form-input-number{max-width:150px}.entity-form-slug-wrapper{position:relative}.entity-form-input-slug{background:#f9fafb;background:var(--entity-form-gray-50);font-family:monospace;font-size:.8125rem;padding-right:2.5rem}.entity-form-slug-hint{align-items:center;color:#4b5563;color:var(--entity-form-gray-600);display:flex;font-size:.6875rem;gap:.25rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.entity-form-slug-hint svg{color:#10b981;color:var(--entity-form-primary);font-size:.75rem}.entity-form-image-wrapper{display:flex;flex-direction:column;gap:.75rem}.entity-form-image-preview{background:#f9fafb;background:var(--entity-form-gray-50);border:2px solid #e5e7eb;border:2px solid var(--entity-form-gray-200);border-radius:8px;border-radius:var(--entity-form-radius-lg);max-width:200px;overflow:hidden;width:100%}.entity-form-image-preview img{display:block;height:auto;max-height:200px;object-fit:cover;width:100%}.entity-form-image-error{align-items:center;color:#4b5563;color:var(--entity-form-gray-600);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem}.entity-form-image-error svg{color:var(--entity-form-gray-400);font-size:2rem}.entity-form-image-error span{font-size:.75rem}.entity-form-file-input{border:2px dashed #e5e7eb;border:2px dashed var(--entity-form-gray-200);border-radius:6px;border-radius:var(--entity-form-radius);cursor:pointer;font-size:.8125rem;padding:.625rem;transition:all .2s ease;width:100%}.entity-form-file-input:hover{background:#ecfdf5;background:var(--entity-form-green-50);border-color:#10b981;border-color:var(--entity-form-primary)}.entity-form-file-name{background:#ecfdf5;background:var(--entity-form-green-50);border-radius:6px;border-radius:var(--entity-form-radius);color:#059669;color:var(--entity-form-primary-dark);display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.375rem .75rem}.entity-form-toggle-advanced{background:none;border:2px dashed var(--entity-form-gray-300);border-radius:6px;border-radius:var(--entity-form-radius);color:#4b5563;color:var(--entity-form-gray-600);cursor:pointer;font-size:.8125rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:all .2s}.entity-form-toggle-advanced:hover{background:#ecfdf5;background:var(--entity-form-green-50);border-color:#10b981;border-color:var(--entity-form-primary);color:#10b981;color:var(--entity-form-primary)}.entity-form-import-section{display:flex;flex-direction:column;gap:1.25rem}.entity-form-import-preview{background:#f9fafb;background:var(--entity-form-gray-50);border:2px solid #e5e7eb;border:2px solid var(--entity-form-gray-200);border-radius:8px;border-radius:var(--entity-form-radius-lg);padding:1.25rem}.entity-form-import-preview h4{align-items:center;color:#1f2937;color:var(--entity-form-gray-800);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.entity-form-import-preview h4:before{background:#10b981;background:var(--entity-form-primary);border-radius:2px;content:"";height:20px;width:4px}.entity-form-import-table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--entity-form-gray-200);border-radius:6px;border-radius:var(--entity-form-radius);margin-bottom:1rem;overflow-x:auto}.entity-form-import-table{border-collapse:collapse;font-size:.75rem;width:100%}.entity-form-import-table thead{background:linear-gradient(135deg,#d1fae5,#f0fdf4);background:linear-gradient(135deg,var(--entity-form-green-100) 0,var(--entity-form-light-green) 100%)}.entity-form-import-table th{border-bottom:2px solid #10b981;border-bottom:2px solid var(--entity-form-primary);color:#1f2937;color:var(--entity-form-gray-800);font-weight:700;letter-spacing:.03em;padding:.625rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.entity-form-import-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--entity-form-gray-200)}.entity-form-import-table tbody tr:hover{background:#ecfdf5;background:var(--entity-form-green-50)}.entity-form-import-table td{color:#374151;color:var(--entity-form-gray-700);max-width:200px;overflow:hidden;padding:.625rem .75rem;text-overflow:ellipsis;white-space:nowrap}.entity-form-preview-note{color:#4b5563;color:var(--entity-form-gray-600);font-size:.75rem;font-style:italic;margin:.75rem 0;text-align:center}.entity-form-modal-footer{background:#f9fafb;background:var(--entity-form-gray-50);border-radius:0 0 8px 8px;border-radius:0 0 var(--entity-form-radius-lg) var(--entity-form-radius-lg);border-top:2px solid #f3f4f6;border-top:2px solid var(--entity-form-gray-100);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.entity-form-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--entity-form-radius);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.entity-form-btn,.entity-form-btn svg{font-size:.875rem}.entity-form-btn:disabled{cursor:not-allowed;opacity:.5}.entity-form-btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-form-primary) 0,var(--entity-form-primary-dark) 100%);box-shadow:0 2px 6px #10b9814d;color:#fff}.entity-form-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--entity-form-primary-dark) 0,#047857 100%);box-shadow:0 4px 10px #10b98166;transform:translateY(-1px)}.entity-form-btn-secondary{background:#fff;border:2px solid var(--entity-form-gray-300);color:#374151;color:var(--entity-form-gray-700)}.entity-form-btn-secondary:hover:not(:disabled){background:#f3f4f6;background:var(--entity-form-gray-100);border-color:#4b5563;border-color:var(--entity-form-gray-600)}.entity-form-btn-warning{background:#f59e0b;background:var(--entity-form-warning);color:#fff}.entity-form-btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.entity-form-spinner{animation:entity-form-spin 1s linear infinite}@keyframes entity-form-spin{to{transform:rotate(1turn)}}.entity-form-duplicate-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2100}.entity-form-duplicate-modal{background:#fff;border-radius:8px;border-radius:var(--entity-form-radius-lg);border-top:4px solid #f59e0b;border-top:4px solid var(--entity-form-warning);box-shadow:0 10px 25px #00000026;box-shadow:var(--entity-form-shadow-lg);max-width:500px;width:100%}.entity-form-duplicate-header{background:linear-gradient(135deg,#fef3c7,#fff);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--entity-form-gray-100);padding:1.25rem 1.5rem}.entity-form-duplicate-header h3{align-items:center;color:#1f2937;color:var(--entity-form-gray-800);display:flex;font-size:1.125rem;font-weight:700;gap:.625rem;margin:0}.entity-form-duplicate-header svg{color:#f59e0b;color:var(--entity-form-warning);font-size:1.25rem}.entity-form-duplicate-body{padding:1.5rem}.entity-form-duplicate-body p{color:#374151;color:var(--entity-form-gray-700);font-size:.875rem;line-height:1.6;margin:0 0 1rem}.entity-form-duplicate-question{color:#1f2937;color:var(--entity-form-gray-800);font-weight:600;margin-top:1.25rem}.entity-form-duplicate-list{background:#f9fafb;background:var(--entity-form-gray-50);border:1px solid #e5e7eb;border:1px solid var(--entity-form-gray-200);border-radius:6px;border-radius:var(--entity-form-radius);list-style:none;margin:0 0 1rem;max-height:200px;overflow-y:auto;padding:.75rem 1rem}.entity-form-duplicate-list li{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--entity-form-gray-200);color:#374151;color:var(--entity-form-gray-700);font-size:.8125rem;padding:.5rem 0}.entity-form-duplicate-list li:last-child{border-bottom:none}.entity-form-duplicate-more{color:#4b5563;color:var(--entity-form-gray-600);font-style:italic}.entity-form-duplicate-footer{background:#f9fafb;background:var(--entity-form-gray-50);border-top:2px solid #f3f4f6;border-top:2px solid var(--entity-form-gray-100);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}@media (max-width:768px){.entity-form-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.entity-form-modal-body,.entity-form-modal-footer,.entity-form-modal-header{padding:1rem}.entity-form-modal-header h2{font-size:1.125rem}.entity-form-group-fields{grid-template-columns:1fr}.entity-form-import-table{font-size:.6875rem}.entity-form-import-table td,.entity-form-import-table th{padding:.5rem}.entity-form-duplicate-modal{max-width:100%}.entity-form-duplicate-footer,.entity-form-modal-footer{flex-direction:column}.entity-form-btn{justify-content:center;width:100%}}@media (max-width:480px){.entity-form-modal-overlay{padding:0}.entity-form-modal-header h2{font-size:1rem}.entity-form-modal-body{padding:.875rem}.entity-form-btn{font-size:.8125rem;padding:.5rem 1rem}.entity-form-info-box{flex-direction:column;gap:.625rem}.entity-form-group-title{font-size:.875rem}}:root{--suggestion-primary:#10b981;--suggestion-primary-dark:#059669;--suggestion-primary-light:#34d399;--suggestion-success:#22c55e;--suggestion-danger:#ef4444;--suggestion-warning:#f59e0b;--suggestion-info:#3b82f6;--suggestion-light-green:#f0fdf4;--suggestion-green-50:#ecfdf5;--suggestion-green-100:#d1fae5;--suggestion-gray-50:#f9fafb;--suggestion-gray-100:#f3f4f6;--suggestion-gray-200:#e5e7eb;--suggestion-gray-300:#d1d5db;--suggestion-gray-400:#9ca3af;--suggestion-gray-600:#4b5563;--suggestion-gray-700:#374151;--suggestion-gray-800:#1f2937;--suggestion-shadow:0 4px 6px #0000001a;--suggestion-shadow-lg:0 10px 25px #00000026;--suggestion-radius:6px;--suggestion-radius-lg:10px}.suggestion-modal-overlay{align-items:center;animation:suggestion-fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}@keyframes suggestion-fadeIn{0%{opacity:0}to{opacity:1}}.suggestion-modal{animation:suggestion-slideUp .3s ease;background:#fff;border-radius:10px;border-radius:var(--suggestion-radius-lg);border-top:4px solid #10b981;border-top:4px solid var(--suggestion-primary);box-shadow:0 10px 25px #00000026;box-shadow:var(--suggestion-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}@keyframes suggestion-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.suggestion-modal-header{align-items:center;background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--suggestion-green-50) 0,#fff 100%);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--suggestion-gray-100);border-radius:10px 10px 0 0;border-radius:var(--suggestion-radius-lg) var(--suggestion-radius-lg) 0 0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.suggestion-modal-header h2{align-items:center;color:#1f2937;color:var(--suggestion-gray-800);display:flex;font-size:1.25rem;font-weight:700;gap:.625rem;margin:0}.suggestion-modal-header h2 svg{color:#10b981;color:var(--suggestion-primary);font-size:1.25rem}.suggestion-modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--suggestion-radius);color:#4b5563;color:var(--suggestion-gray-600);cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;padding:.375rem;transition:all .2s ease}.suggestion-modal-close:hover{background:#ef4444;background:var(--suggestion-danger);color:#fff;transform:scale(1.1)}.suggestion-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.suggestion-modal-body::-webkit-scrollbar{width:6px}.suggestion-modal-body::-webkit-scrollbar-track{background:#f3f4f6;background:var(--suggestion-gray-100);border-radius:3px}.suggestion-modal-body::-webkit-scrollbar-thumb{background:#10b981;background:var(--suggestion-primary);border-radius:3px}.suggestion-info-box{background:#ecfdf5;background:var(--suggestion-green-50);border:2px solid #d1fae5;border-left:4px solid #10b981;border:2px solid var(--suggestion-green-100);border-left:4px solid var(--suggestion-primary);border-radius:10px;border-radius:var(--suggestion-radius-lg);display:flex;gap:.875rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.suggestion-info-box>svg{color:#10b981;color:var(--suggestion-primary);flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.suggestion-info-content{flex:1 1}.suggestion-info-content strong{color:#1f2937;color:var(--suggestion-gray-800);display:block;font-size:.9375rem;margin-bottom:.375rem}.suggestion-info-content p{color:#374151;color:var(--suggestion-gray-700);font-size:.8125rem;line-height:1.5;margin:0}.suggestion-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.03em;padding:.375rem .75rem;text-transform:uppercase}.suggestion-type-badge svg{font-size:.75rem}.suggestion-type-new{background:linear-gradient(135deg,#d1fae5,#a7f3d0);background:linear-gradient(135deg,var(--suggestion-green-100) 0,#a7f3d0 100%);color:#047857}.suggestion-type-update{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.suggestion-type-delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.suggestion-comparison-section{margin-bottom:1.5rem}.suggestion-comparison-header{align-items:center;display:flex;gap:.625rem;margin-bottom:1rem}.suggestion-comparison-header svg{color:#3b82f6;color:var(--suggestion-info);font-size:1.125rem}.suggestion-comparison-header h3{color:#1f2937;color:var(--suggestion-gray-800);font-size:1rem;font-weight:700;margin:0}.suggestion-comparison-table-wrapper{border:2px solid #e5e7eb;border:2px solid var(--suggestion-gray-200);border-radius:10px;border-radius:var(--suggestion-radius-lg);overflow-x:auto}.suggestion-comparison-table{border-collapse:collapse;font-size:.8125rem;width:100%}.suggestion-comparison-table thead{background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--suggestion-green-50) 0,#fff 100%)}.suggestion-comparison-table th{border-bottom:2px solid #10b981;border-bottom:2px solid var(--suggestion-primary);color:#1f2937;color:var(--suggestion-gray-800);font-size:.6875rem;font-weight:700;letter-spacing:.03em;padding:.875rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.suggestion-comparison-table th:first-child{background:#f9fafb;background:var(--suggestion-gray-50);width:25%}.suggestion-comparison-table th:nth-child(2){width:37.5%}.suggestion-comparison-table th:nth-child(3){background:#ecfdf5;background:var(--suggestion-green-50);width:37.5%}.suggestion-comparison-table tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--suggestion-gray-100)}.suggestion-comparison-table tbody tr:hover{background:#f9fafb;background:var(--suggestion-gray-50)}.suggestion-comparison-table td{color:#374151;color:var(--suggestion-gray-700);padding:.75rem 1rem;vertical-align:top}.suggestion-comparison-table td:first-child{background:#f9fafb;background:var(--suggestion-gray-50);color:#1f2937;color:var(--suggestion-gray-800);font-weight:600}.suggestion-field-label{align-items:center;display:flex;gap:.375rem}.suggestion-field-label svg{color:#10b981;color:var(--suggestion-primary);font-size:.75rem}.suggestion-old-value{background:#f9fafb;background:var(--suggestion-gray-50);border-left:3px solid #d1d5db;border-left:3px solid var(--suggestion-gray-300);color:#4b5563;color:var(--suggestion-gray-600)}.suggestion-new-value,.suggestion-old-value{border-radius:6px;border-radius:var(--suggestion-radius);font-size:.8125rem;line-height:1.5;max-height:100px;overflow-y:auto;padding:.5rem .75rem;word-break:break-word}.suggestion-new-value{background:#ecfdf5;background:var(--suggestion-green-50);border-left:3px solid #10b981;border-left:3px solid var(--suggestion-primary);color:#059669;color:var(--suggestion-primary-dark)}.suggestion-value-empty{color:#9ca3af;color:var(--suggestion-gray-400);font-size:.75rem;font-style:italic}.suggestion-value-changed{animation:suggestion-highlight 2s ease}@keyframes suggestion-highlight{0%{background:#fef9c3}to{background:#ecfdf5;background:var(--suggestion-green-50)}}.suggestion-image-comparison{align-items:flex-start;display:flex;gap:1rem}.suggestion-image-preview{border:2px solid #e5e7eb;border:2px solid var(--suggestion-gray-200);border-radius:6px;border-radius:var(--suggestion-radius);max-width:120px;overflow:hidden}.suggestion-image-preview img{display:block;height:auto;max-height:120px;object-fit:cover;width:100%}.suggestion-image-placeholder{align-items:center;background:#f3f4f6;background:var(--suggestion-gray-100);border-radius:6px;border-radius:var(--suggestion-radius);color:#9ca3af;color:var(--suggestion-gray-400);display:flex;flex-direction:column;gap:.25rem;height:80px;justify-content:center;width:80px}.suggestion-image-placeholder svg{font-size:1.5rem}.suggestion-image-placeholder span{font-size:.625rem}.suggestion-form{display:flex;flex-direction:column;gap:.5rem}.suggestion-form-section{border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--suggestion-gray-100);margin-bottom:1.5rem;padding-bottom:1.5rem}.suggestion-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.suggestion-form-section-title{align-items:center;border-bottom:2px solid #d1fae5;border-bottom:2px solid var(--suggestion-green-100);color:#059669;color:var(--suggestion-primary-dark);display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.suggestion-form-section-title:before{background:linear-gradient(180deg,#10b981,#059669);background:linear-gradient(180deg,var(--suggestion-primary) 0,var(--suggestion-primary-dark) 100%);border-radius:2px;content:"";height:18px;width:4px}.suggestion-form-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.suggestion-form-group{display:flex;flex-direction:column;gap:.5rem}.suggestion-form-group-full{grid-column:1/-1}.suggestion-label{color:#374151;color:var(--suggestion-gray-700);font-size:.8125rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.suggestion-required{color:#ef4444;color:var(--suggestion-danger);margin-left:.25rem}.suggestion-input,.suggestion-select,.suggestion-textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--suggestion-gray-200);border-radius:6px;border-radius:var(--suggestion-radius);color:#1f2937;color:var(--suggestion-gray-800);font-size:.875rem;padding:.75rem .875rem;transition:all .2s ease;width:100%}.suggestion-input:focus,.suggestion-select:focus,.suggestion-textarea:focus{border-color:#10b981;border-color:var(--suggestion-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.suggestion-textarea{font-family:inherit;line-height:1.6;min-height:100px;resize:vertical}.suggestion-select{cursor:pointer}.suggestion-image-wrapper{display:flex;flex-direction:column;gap:.75rem}.suggestion-image-preview-form{background:#f9fafb;background:var(--suggestion-gray-50);border:2px solid #e5e7eb;border:2px solid var(--suggestion-gray-200);border-radius:10px;border-radius:var(--suggestion-radius-lg);max-width:200px;overflow:hidden}.suggestion-image-preview-form img{display:block;height:auto;max-height:200px;object-fit:cover;width:100%}.suggestion-admin-section{border-top:2px solid #e5e7eb;border-top:2px solid var(--suggestion-gray-200);margin-top:1.5rem;padding-top:1.5rem}.suggestion-admin-header{align-items:center;display:flex;gap:.625rem;margin-bottom:1rem}.suggestion-admin-header svg{color:#f59e0b;color:var(--suggestion-warning);font-size:1.125rem}.suggestion-admin-header h3{color:#1f2937;color:var(--suggestion-gray-800);font-size:1rem;font-weight:700;margin:0}.suggestion-admin-note{background:#fef3c7;border-left:4px solid #f59e0b;border-left:4px solid var(--suggestion-warning);border-radius:6px;border-radius:var(--suggestion-radius);color:#92400e;font-size:.8125rem;margin-bottom:1rem;padding:.75rem 1rem}.suggestion-modal-footer{align-items:center;background:#f9fafb;background:var(--suggestion-gray-50);border-radius:0 0 10px 10px;border-radius:0 0 var(--suggestion-radius-lg) var(--suggestion-radius-lg);border-top:2px solid #f3f4f6;border-top:2px solid var(--suggestion-gray-100);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.suggestion-footer-left{display:flex;gap:.5rem}.suggestion-footer-right{display:flex;gap:.75rem}.suggestion-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--suggestion-radius);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.suggestion-btn,.suggestion-btn svg{font-size:.875rem}.suggestion-btn:disabled{cursor:not-allowed;opacity:.5}.suggestion-btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--suggestion-primary) 0,var(--suggestion-primary-dark) 100%);box-shadow:0 2px 6px #10b9814d;color:#fff}.suggestion-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--suggestion-primary-dark) 0,#047857 100%);box-shadow:0 4px 10px #10b98166;transform:translateY(-1px)}.suggestion-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--suggestion-success) 0,#16a34a 100%);box-shadow:0 2px 6px #22c55e4d;color:#fff}.suggestion-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.suggestion-btn-danger{background:#ef4444;background:var(--suggestion-danger);color:#fff}.suggestion-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.suggestion-btn-secondary{background:#fff;border:2px solid #d1d5db;border:2px solid var(--suggestion-gray-300);color:#374151;color:var(--suggestion-gray-700)}.suggestion-btn-secondary:hover:not(:disabled){background:#f3f4f6;background:var(--suggestion-gray-100);border-color:#4b5563;border-color:var(--suggestion-gray-600)}.suggestion-spinner{animation:suggestion-spin 1s linear infinite}@keyframes suggestion-spin{to{transform:rotate(1turn)}}.suggestion-alert{align-items:center;border-radius:6px;border-radius:var(--suggestion-radius);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem}.suggestion-alert svg{flex-shrink:0;font-size:1.125rem}.suggestion-alert-danger{background:#fee2e2;border-left:4px solid #ef4444;border-left:4px solid var(--suggestion-danger);color:#991b1b}.suggestion-alert-success{background:#d1fae5;border-left:4px solid #22c55e;border-left:4px solid var(--suggestion-success);color:#047857}@media (max-width:768px){.suggestion-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.suggestion-modal-body,.suggestion-modal-footer,.suggestion-modal-header{padding:1rem}.suggestion-modal-header h2{font-size:1.125rem}.suggestion-form-fields{grid-template-columns:1fr}.suggestion-comparison-table{font-size:.75rem}.suggestion-comparison-table td,.suggestion-comparison-table th{padding:.625rem .75rem}.suggestion-image-comparison{align-items:center;flex-direction:column}.suggestion-modal-footer{flex-direction:column}.suggestion-footer-left,.suggestion-footer-right{justify-content:center;width:100%}.suggestion-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.suggestion-modal-overlay{padding:0}.suggestion-modal-header h2{font-size:1rem}.suggestion-modal-body{padding:.875rem}.suggestion-btn{font-size:.8125rem;padding:.5rem 1rem}.suggestion-info-box{flex-direction:column;gap:.625rem}.suggestion-form-section-title{font-size:.875rem}.suggestion-comparison-table td:first-child,.suggestion-comparison-table th:first-child{display:none}.suggestion-new-value,.suggestion-old-value{font-size:.75rem;max-height:80px}}:root{--entity-mgmt-primary:#10b981;--entity-mgmt-primary-dark:#059669;--entity-mgmt-primary-light:#34d399;--entity-mgmt-success:#22c55e;--entity-mgmt-danger:#ef4444;--entity-mgmt-warning:#f59e0b;--entity-mgmt-info:#c9eeb1;--entity-mgmt-light-green:#f0fdf4;--entity-mgmt-green-50:#ecfdf5;--entity-mgmt-green-100:#d1fae5;--entity-mgmt-green-200:#a7f3d0;--entity-mgmt-gray-50:#f9fafb;--entity-mgmt-gray-100:#f3f4f6;--entity-mgmt-gray-200:#e5e7eb;--entity-mgmt-gray-300:#d1d5db;--entity-mgmt-gray-400:#9ca3af;--entity-mgmt-gray-600:#4b5563;--entity-mgmt-gray-700:#374151;--entity-mgmt-gray-800:#1f2937;--entity-mgmt-shadow-sm:0 1px 2px #0000000d;--entity-mgmt-shadow:0 2px 4px #00000014;--entity-mgmt-shadow-md:0 4px 6px #0000001a;--entity-mgmt-shadow-lg:0 8px 16px #0000001f;--entity-mgmt-radius:6px;--entity-mgmt-radius-lg:8px}.entity-mgmt-page{background:linear-gradient(135deg,#f0fdf4,#ecfdf5 40%,#f9fafb);background:linear-gradient(135deg,var(--entity-mgmt-light-green) 0,var(--entity-mgmt-green-50) 40%,var(--entity-mgmt-gray-50) 100%);font-size:.875rem;min-height:100vh;padding:1.5rem}.entity-mgmt-container{margin:0 auto;max-width:1400px}.entity-mgmt-header{align-items:center;background:#fff;border-radius:8px;border-radius:var(--entity-mgmt-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--entity-mgmt-shadow-md);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.entity-mgmt-header-title{display:flex;flex-direction:column;gap:.375rem}.entity-mgmt-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-mgmt-primary) 0,var(--entity-mgmt-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:#1f2937;color:var(--entity-mgmt-gray-800);font-size:1.5rem;font-weight:700;margin:0}.entity-mgmt-header-subtitle{color:#4b5563;color:var(--entity-mgmt-gray-600);font-size:.8125rem;font-weight:500;margin:0}.entity-mgmt-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.entity-mgmt-tabs{background:#fff;border-radius:8px;border-radius:var(--entity-mgmt-radius-lg);box-shadow:0 2px 4px #00000014;box-shadow:var(--entity-mgmt-shadow);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.entity-mgmt-tab{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--entity-mgmt-radius);color:#4b5563;color:var(--entity-mgmt-gray-600);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;position:relative;transition:all .2s ease}.entity-mgmt-tab svg{font-size:.9375rem}.entity-mgmt-tab:hover{background:#ecfdf5;background:var(--entity-mgmt-green-50);color:#10b981;color:var(--entity-mgmt-primary)}.entity-mgmt-tab-active{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-mgmt-primary) 0,var(--entity-mgmt-primary-dark) 100%);box-shadow:0 2px 6px #10b9814d;color:#fff}.entity-mgmt-tab-active:hover{background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--entity-mgmt-primary-dark) 0,#047857 100%);color:#fff}.entity-mgmt-tab-badge{background:#ef4444;background:var(--entity-mgmt-danger);border-radius:10px;color:#fff;font-size:.6875rem;font-weight:700;min-width:1.125rem;padding:.1875rem .4375rem;position:absolute;right:-.25rem;text-align:center;top:-.25rem}.entity-mgmt-bulk-bar{align-items:center;animation:entity-mgmt-slideDown .3s ease;background:linear-gradient(135deg,#c9eeb1,#2563eb);background:linear-gradient(135deg,var(--entity-mgmt-info) 0,#2563eb 100%);border-radius:8px;border-radius:var(--entity-mgmt-radius-lg);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}@keyframes entity-mgmt-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.entity-mgmt-bulk-info{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.75rem}.entity-mgmt-bulk-info svg{font-size:1.25rem}.entity-mgmt-bulk-info strong{background:#fff3;border-radius:4px;padding:.125rem .5rem}.entity-mgmt-bulk-actions{display:flex;flex-wrap:wrap;gap:.5rem}.entity-mgmt-bulk-actions .entity-mgmt-btn{background:#ffffff26;border:1px solid #ffffff4d;color:#fff}.entity-mgmt-bulk-actions .entity-mgmt-btn:hover{background:#ffffff40}.entity-mgmt-bulk-actions .entity-mgmt-btn-danger{background:#ef4444;background:var(--entity-mgmt-danger);border-color:#ef4444;border-color:var(--entity-mgmt-danger)}.entity-mgmt-bulk-actions .entity-mgmt-btn-danger:hover{background:#dc2626}.entity-mgmt-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--entity-mgmt-radius);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.entity-mgmt-btn svg{font-size:.875rem}.entity-mgmt-btn:disabled{cursor:not-allowed;opacity:.5}.entity-mgmt-btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-mgmt-primary) 0,var(--entity-mgmt-primary-dark) 100%);box-shadow:0 2px 6px #10b9814d;color:#fff}.entity-mgmt-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--entity-mgmt-primary-dark) 0,#047857 100%);box-shadow:0 4px 10px #10b98166;transform:translateY(-1px)}.entity-mgmt-btn-secondary{background:#fff;border:2px solid #10b981;border:2px solid var(--entity-mgmt-primary);color:#10b981;color:var(--entity-mgmt-primary)}.entity-mgmt-btn-secondary:hover:not(:disabled){background:#ecfdf5;background:var(--entity-mgmt-green-50);border-color:#059669;border-color:var(--entity-mgmt-primary-dark)}.entity-mgmt-btn-danger{background:#ef4444;background:var(--entity-mgmt-danger);color:#fff}.entity-mgmt-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.entity-mgmt-btn-sm{font-size:.75rem;padding:.375rem .75rem}.entity-mgmt-btn-sm svg{font-size:.75rem}.entity-mgmt-filters{background:#fff;border-radius:8px;border-radius:var(--entity-mgmt-radius-lg);box-shadow:0 2px 4px #00000014;box-shadow:var(--entity-mgmt-shadow);margin-bottom:1.5rem;padding:1.25rem}.entity-mgmt-filters-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.entity-mgmt-filter-group{display:flex;flex-direction:column;gap:.375rem}.entity-mgmt-filter-label{color:#374151;color:var(--entity-mgmt-gray-700);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.entity-mgmt-search-box{align-items:center;display:flex;position:relative}.entity-mgmt-search-box input{border:2px solid #e5e7eb;border:2px solid var(--entity-mgmt-gray-200);border-radius:6px;border-radius:var(--entity-mgmt-radius);font-size:.8125rem;padding:.625rem 2.5rem;transition:all .2s ease;width:100%}.entity-mgmt-search-box input:focus{border-color:#10b981;border-color:var(--entity-mgmt-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.entity-mgmt-search-box>svg{color:#10b981;color:var(--entity-mgmt-primary);font-size:.875rem;left:.875rem;position:absolute}.entity-mgmt-search-clear{align-items:center;background:none;border:none;color:#9ca3af;color:var(--entity-mgmt-gray-400);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;transition:color .2s}.entity-mgmt-search-clear:hover{color:#ef4444;color:var(--entity-mgmt-danger)}.entity-mgmt-filters select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--entity-mgmt-gray-200);border-radius:6px;border-radius:var(--entity-mgmt-radius);cursor:pointer;font-size:.8125rem;padding:.625rem .875rem;transition:all .2s ease}.entity-mgmt-filters select:focus{border-color:#10b981;border-color:var(--entity-mgmt-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.entity-mgmt-column-selector-wrapper{position:relative}.entity-mgmt-column-btn{justify-content:center;width:100%}.entity-mgmt-column-dropdown{animation:entity-mgmt-fadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--entity-mgmt-gray-200);border-radius:8px;border-radius:var(--entity-mgmt-radius-lg);box-shadow:0 8px 16px #0000001f;box-shadow:var(--entity-mgmt-shadow-lg);margin-top:.5rem;max-height:400px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}@keyframes entity-mgmt-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.entity-mgmt-column-dropdown-header{align-items:center;background:#ecfdf5;background:var(--entity-mgmt-green-50);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--entity-mgmt-gray-100);display:flex;justify-content:space-between;padding:.875rem 1rem}.entity-mgmt-column-dropdown-header span{color:#1f2937;color:var(--entity-mgmt-gray-800);font-size:.8125rem;font-weight:700}.entity-mgmt-column-dropdown-header button{background:none;border:none;color:#4b5563;color:var(--entity-mgmt-gray-600);cursor:pointer;display:flex;padding:.25rem;transition:color .2s}.entity-mgmt-column-dropdown-header button:hover{color:#ef4444;color:var(--entity-mgmt-danger)}.entity-mgmt-column-dropdown-body{max-height:320px;overflow-y:auto;padding:.75rem}.entity-mgmt-column-checkbox{align-items:center;border-radius:6px;border-radius:var(--entity-mgmt-radius);color:#374151;color:var(--entity-mgmt-gray-700);cursor:pointer;display:flex;font-size:.8125rem;gap:.625rem;padding:.5rem .625rem;transition:background .2s}.entity-mgmt-column-checkbox:hover{background:#ecfdf5;background:var(--entity-mgmt-green-50)}.entity-mgmt-column-checkbox input{accent-color:#10b981;accent-color:var(--entity-mgmt-primary);cursor:pointer;height:16px;width:16px}.entity-mgmt-column-checkbox input:disabled{cursor:not-allowed;opacity:.5}.entity-mgmt-fixed-badge{background:#e5e7eb;background:var(--entity-mgmt-gray-200);border-radius:4px;color:#4b5563;color:var(--entity-mgmt-gray-600);font-size:.625rem;font-weight:700;margin-left:auto;padding:.125rem .375rem;text-transform:uppercase}.entity-mgmt-table-wrapper{background:#fff;border-radius:8px;border-radius:var(--entity-mgmt-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--entity-mgmt-shadow-md);overflow:hidden}.entity-mgmt-table-container{overflow-x:auto}.entity-mgmt-table{border-collapse:collapse;font-size:.8125rem;width:100%}.entity-mgmt-table thead{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);background:linear-gradient(135deg,var(--entity-mgmt-green-50) 0,var(--entity-mgmt-light-green) 100%);border-bottom:2px solid #10b981;border-bottom:2px solid var(--entity-mgmt-primary)}.entity-mgmt-table th{color:#1f2937;color:var(--entity-mgmt-gray-800);font-size:.6875rem;font-weight:700;letter-spacing:.03em;padding:.875rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.entity-mgmt-sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.entity-mgmt-sortable:hover{background:#d1fae5;background:var(--entity-mgmt-green-100)}.entity-mgmt-sort-icon{color:#9ca3af;color:var(--entity-mgmt-gray-400);font-size:.625rem;margin-left:.375rem;vertical-align:middle}.entity-mgmt-sort-icon.active{color:#10b981;color:var(--entity-mgmt-primary)}.entity-mgmt-col-checkbox{text-align:center;width:40px}.entity-mgmt-checkbox-btn{align-items:center;background:none;border:none;color:#9ca3af;color:var(--entity-mgmt-gray-400);cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;padding:.25rem;transition:color .2s}.entity-mgmt-checkbox-btn:hover{color:#10b981;color:var(--entity-mgmt-primary)}.entity-mgmt-row-selected{background:#d1fae5!important;background:var(--entity-mgmt-green-100)!important}.entity-mgmt-row-selected .entity-mgmt-checkbox-btn{color:#10b981;color:var(--entity-mgmt-primary)}.entity-mgmt-col-stt{color:#4b5563;color:var(--entity-mgmt-gray-600);font-weight:600;text-align:center;width:50px}.entity-mgmt-col-name{min-width:200px}.entity-mgmt-col-actions{text-align:center;width:160px}.entity-mgmt-table tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--entity-mgmt-gray-100);transition:all .2s ease}.entity-mgmt-table tbody tr:hover{background:#ecfdf5;background:var(--entity-mgmt-green-50)}.entity-mgmt-table td{color:#374151;color:var(--entity-mgmt-gray-700);font-size:.8125rem;padding:.75rem;vertical-align:middle}.entity-mgmt-table-name{color:#1f2937;color:var(--entity-mgmt-gray-800);display:inline-block;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-mgmt-table-category{background:#d1fae5;background:var(--entity-mgmt-green-100);border-radius:10px;color:#059669;color:var(--entity-mgmt-primary-dark);display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.03em;padding:.25rem .625rem;text-transform:uppercase}.entity-mgmt-thumbnail{border:2px solid #e5e7eb;border:2px solid var(--entity-mgmt-gray-200);border-radius:6px;border-radius:var(--entity-mgmt-radius);height:40px;object-fit:cover;width:40px}.entity-mgmt-no-image{align-items:center;border-radius:6px;border-radius:var(--entity-mgmt-radius);color:#9ca3af;color:var(--entity-mgmt-gray-400);display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.entity-mgmt-no-image,.entity-mgmt-slug{background:#f3f4f6;background:var(--entity-mgmt-gray-100)}.entity-mgmt-slug{border-radius:4px;color:#4b5563;color:var(--entity-mgmt-gray-600);font-family:monospace;font-size:.6875rem;padding:.25rem .5rem}.entity-mgmt-table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center}.entity-mgmt-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.625rem;font-weight:600;gap:.25rem;letter-spacing:.03em;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.entity-mgmt-badge svg{font-size:.625rem}.entity-mgmt-badge-success{background:#d1fae5;color:#047857}.entity-mgmt-badge-warning{background:#fef3c7;color:#b45309}.entity-mgmt-badge-danger{background:#fee2e2;color:#991b1b}.entity-mgmt-pagination{align-items:center;border-top:2px solid #f3f4f6;border-top:2px solid var(--entity-mgmt-gray-100);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem}.entity-mgmt-pagination-info{color:#4b5563;color:var(--entity-mgmt-gray-600);font-size:.8125rem;font-weight:500}.entity-mgmt-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem}.entity-mgmt-pagination button{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--entity-mgmt-gray-200);border-radius:6px;border-radius:var(--entity-mgmt-radius);color:#1f2937;color:var(--entity-mgmt-gray-800);cursor:pointer;font-size:.75rem;font-weight:600;min-width:36px;padding:.5rem .75rem;transition:all .2s ease}.entity-mgmt-pagination button:hover:not(:disabled){background:#10b981;background:var(--entity-mgmt-primary);border-color:#10b981;border-color:var(--entity-mgmt-primary);color:#fff}.entity-mgmt-pagination button:disabled{background:#f3f4f6;background:var(--entity-mgmt-gray-100);cursor:not-allowed;opacity:.4}.entity-mgmt-pagination button.active{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--entity-mgmt-primary) 0,var(--entity-mgmt-primary-dark) 100%);border-color:#10b981;border-color:var(--entity-mgmt-primary);color:#fff}.entity-mgmt-empty{color:#4b5563;color:var(--entity-mgmt-gray-600);padding:3rem;text-align:center}.entity-mgmt-empty h3{color:#374151;color:var(--entity-mgmt-gray-700);font-size:1.125rem;margin:0 0 .5rem}.entity-mgmt-empty p{font-size:.875rem;margin:0}.entity-mgmt-loading{align-items:center;color:#4b5563;color:var(--entity-mgmt-gray-600);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.entity-mgmt-spinner{animation:entity-mgmt-spin 1s linear infinite;color:#10b981;color:var(--entity-mgmt-primary);font-size:1.5rem}@keyframes entity-mgmt-spin{to{transform:rotate(1turn)}}.entity-mgmt-modal-overlay{align-items:center;animation:entity-mgmt-fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.entity-mgmt-modal{animation:entity-mgmt-slideUp .3s ease;background:#fff;border-radius:8px;border-radius:var(--entity-mgmt-radius-lg);border-top:4px solid #10b981;border-top:4px solid var(--entity-mgmt-primary);box-shadow:0 8px 16px #0000001f;box-shadow:var(--entity-mgmt-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}@keyframes entity-mgmt-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.entity-mgmt-modal-header{align-items:center;background:linear-gradient(135deg,#ecfdf5,#fff);background:linear-gradient(135deg,var(--entity-mgmt-green-50) 0,#fff 100%);border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--entity-mgmt-gray-100);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.entity-mgmt-modal-header h3{align-items:center;color:#1f2937;color:var(--entity-mgmt-gray-800);display:flex;font-size:1.125rem;font-weight:700;gap:.625rem;margin:0}.entity-mgmt-modal-header h3 svg{color:#10b981;color:var(--entity-mgmt-primary)}.entity-mgmt-modal-header>button{background:none;border:none;border-radius:6px;border-radius:var(--entity-mgmt-radius);color:#4b5563;color:var(--entity-mgmt-gray-600);cursor:pointer;display:flex;padding:.375rem;transition:all .2s}.entity-mgmt-modal-header>button:hover{background:#ef4444;background:var(--entity-mgmt-danger);color:#fff}.entity-mgmt-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.entity-mgmt-form-group{margin-bottom:1.25rem}.entity-mgmt-form-group label{color:#374151;color:var(--entity-mgmt-gray-700);display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.entity-mgmt-required{color:#ef4444;color:var(--entity-mgmt-danger);margin-left:.25rem}.entity-mgmt-modal-body select,.entity-mgmt-modal-body textarea{border:2px solid #e5e7eb;border:2px solid var(--entity-mgmt-gray-200);border-radius:6px;border-radius:var(--entity-mgmt-radius);font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.entity-mgmt-modal-body select:focus,.entity-mgmt-modal-body textarea:focus{border-color:#10b981;border-color:var(--entity-mgmt-primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.entity-mgmt-modal-body textarea{min-height:80px;resize:vertical}.entity-mgmt-modal-footer{background:#f9fafb;background:var(--entity-mgmt-gray-50);border-top:2px solid #f3f4f6;border-top:2px solid var(--entity-mgmt-gray-100);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}@media (max-width:1024px){.entity-mgmt-filters-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.entity-mgmt-table{font-size:.75rem}.entity-mgmt-table td,.entity-mgmt-table th{padding:.625rem .5rem}.entity-mgmt-col-name{min-width:150px}}@media (max-width:768px){.entity-mgmt-page{padding:1rem}.entity-mgmt-header{align-items:stretch;flex-direction:column;padding:1rem}.entity-mgmt-header h1{font-size:1.25rem}.entity-mgmt-header-actions{width:100%}.entity-mgmt-btn{flex:1 1;justify-content:center}.entity-mgmt-tabs{flex-direction:column;padding:.375rem}.entity-mgmt-tab{width:100%}.entity-mgmt-bulk-bar{flex-direction:column;text-align:center}.entity-mgmt-bulk-actions{justify-content:center;width:100%}.entity-mgmt-filters{padding:1rem}.entity-mgmt-filters-row{grid-template-columns:1fr 1fr}.entity-mgmt-column-dropdown{left:0;right:auto}.entity-mgmt-table-container{overflow-x:scroll}.entity-mgmt-table{min-width:900px}.entity-mgmt-pagination{align-items:stretch;flex-direction:column}.entity-mgmt-pagination-controls{justify-content:center}.entity-mgmt-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}}@media (max-width:480px){.entity-mgmt-header h1{font-size:1.125rem}.entity-mgmt-btn{font-size:.75rem;padding:.5rem .75rem}.entity-mgmt-filters{padding:.875rem}.entity-mgmt-filters-row{grid-template-columns:1fr}.entity-mgmt-bulk-info{font-size:.75rem}.entity-mgmt-bulk-actions .entity-mgmt-btn{font-size:.6875rem;padding:.375rem .5rem}.entity-mgmt-table td,.entity-mgmt-table th{font-size:.6875rem;padding:.5rem .375rem}.entity-mgmt-pagination{padding:1rem}.entity-mgmt-pagination button{font-size:.6875rem;min-width:32px;padding:.375rem .5rem}.entity-mgmt-modal-body,.entity-mgmt-modal-footer,.entity-mgmt-modal-header{padding:1rem}}.sp-root *,.sp-root :after,.sp-root :before{box-sizing:border-box;margin:0;padding:0}.sp-root{--teal:#0ea5a4;--teal-dark:#0d8f8e;--teal-light:#e0f7f7;--gold:#c9963e;--gold-light:#fef3e2;--slate:#0f172a;--slate-mid:#334155;--muted:#64748b;--border:#e2e8f0;--white:#fff;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 2px 12px #0ea5a414;--shadow-md:0 6px 30px #0ea5a424;--shadow-card:0 2px 16px #0f172a12;background:#f1f5f9;color:#1e293b;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.sp-hero{align-items:flex-end;background-position:top;background-size:cover;display:flex;min-height:540px;padding-bottom:80px;position:relative;transition:background-position .1s linear}.sp-hero-overlay{background:linear-gradient(170deg,#0a1428bf,#0ea5a48c 60%,#0a1428d9);inset:0;position:absolute}.sp-hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:40px;color:#fff;display:flex;font-size:12.5px;font-weight:500;gap:7px;letter-spacing:.4px;padding:7px 16px;position:absolute;right:28px;top:28px}.sp-hero-content{margin:0 auto;max-width:860px;padding:0 28px;position:relative;text-align:center;width:100%;z-index:2}.sp-hero-eyebrow{align-items:center;background:#0ea5a438;border:1px solid #0ea5a466;border-radius:40px;color:#5eead4;display:inline-flex;font-size:13px;font-weight:600;gap:7px;letter-spacing:.6px;margin-bottom:18px;padding:6px 16px;text-transform:uppercase}.sp-hero-title{color:#fff;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.18;margin-bottom:14px;text-shadow:0 2px 20px #0000004d}.sp-hero-sub{color:#ffffffd1;font-size:clamp(14px,2vw,17px);line-height:1.6;margin:0 auto 32px;max-width:560px}.sp-search-wrap{align-items:center;background:#fffffff5;border:2px solid #0000;border-radius:50px;box-shadow:0 8px 40px #0000002e;display:flex;margin:0 auto 32px;max-width:580px;overflow:hidden;position:relative;transition:border-color .2s}.sp-search-wrap:focus-within{border-color:var(--teal)}.sp-search-ico{color:var(--teal);font-size:16px;left:18px;pointer-events:none;position:absolute}.sp-search-input{background:#0000;border:none;color:var(--slate);flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;outline:none;padding:14px 52px 14px 48px}.sp-search-input::placeholder{color:#94a3b8}.sp-search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:6px;position:absolute;right:118px;transition:color .2s}.sp-search-clear:hover{color:var(--teal)}.sp-search-btn{background:var(--teal);border:none;border-radius:0 50px 50px 0;color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;height:100%;min-height:50px;padding:0 26px;transition:background .2s;white-space:nowrap}.sp-search-btn:hover{background:var(--teal-dark)}.sp-hero-stats{display:flex;flex-wrap:wrap;gap:36px;justify-content:center}.sp-hero-stat{align-items:center;color:#fff;display:flex;flex-direction:column}.sp-hero-stat strong{font-size:22px;font-weight:700;line-height:1}.sp-hero-stat span{font-size:12px;letter-spacing:.4px;margin-top:3px;opacity:.75}.sp-tab-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .25s;z-index:100}.sp-tab-bar--stuck{box-shadow:0 4px 24px #0000001a}.sp-tab-inner{display:flex;margin:0 auto;max-width:860px;padding:0 20px}.sp-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--muted);cursor:pointer;display:flex;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:600;gap:9px;justify-content:center;letter-spacing:.2px;padding:16px 12px;transition:all .22s}.sp-tab--active,.sp-tab:hover{color:var(--teal)}.sp-tab--active{border-bottom-color:var(--teal)}.sp-tab svg{font-size:17px}.sp-page-body{margin:0 auto;max-width:1100px;padding:0 20px 80px}.sp-fade-up{animation:spFadeUp .5s ease both}@keyframes spFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sp-section{margin-top:56px}.sp-section--center{text-align:center}.sp-section-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.sp-section-eyebrow{align-items:center;color:var(--teal);display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.sp-eyebrow--light{color:#ffffffe6}.sp-section-title{color:var(--slate);font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;line-height:1.2}.sp-section-sub{color:var(--muted);font-size:15px;margin:8px auto 0;max-width:440px}.sp-link-more{align-items:center;color:var(--teal);display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding-bottom:4px;text-decoration:none;transition:gap .2s;white-space:nowrap}.sp-link-more:hover{gap:10px}.sp-cat-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sp-cat-card{align-items:center;animation:spFadeUp .4s ease both;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:22px 14px 18px;text-align:center;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.sp-cat-card:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translateY(-4px)}.sp-cat-card--active{background:var(--teal-light);border-color:var(--teal);box-shadow:0 0 0 3px #0ea5a41f}.sp-cat-icon-wrap{align-items:center;background:var(--teal-light);border-radius:14px;color:var(--teal);display:flex;font-size:20px;height:48px;justify-content:center;transition:background .2s,transform .2s;width:48px}.sp-cat-card--active .sp-cat-icon-wrap,.sp-cat-card:hover .sp-cat-icon-wrap{background:var(--teal);color:#fff;transform:scale(1.08)}.sp-cat-name{color:var(--slate);font-size:13.5px;font-weight:600;line-height:1.3}.sp-cat-count{background:#f1f5f9;border-radius:40px;color:var(--muted);font-size:11.5px;padding:2px 10px}.sp-cat-card--active .sp-cat-count{background:#0ea5a41f;color:var(--teal-dark)}.sp-skeleton-cat{animation:spShimmer 1.4s ease infinite,spFadeUp .4s ease both;background:linear-gradient(90deg,#e8ecf0 25%,#f4f6f8 50%,#e8ecf0 75%);background-size:400% 100%;border-radius:var(--radius-md);height:140px}.sp-filter-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.sp-filter-toolbar-left,.sp-filter-toolbar-right{align-items:center;display:flex;gap:10px}.sp-filter-toolbar-right{flex-wrap:wrap}.sp-filter-count{align-items:center;color:var(--slate);display:flex;font-size:15px;font-weight:600;gap:8px}.sp-filter-count-num{align-items:center;background:var(--teal);border-radius:50%;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.sp-filter-active-tag{align-items:center;background:var(--teal-light);border-radius:20px;color:var(--teal-dark);display:inline-flex;font-size:12.5px;font-weight:600;gap:5px;padding:3px 10px 3px 12px}.sp-filter-active-tag button{background:none;border:none;color:var(--teal);font-size:11px;padding:0}.sp-filter-active-tag button,.sp-select-wrap{align-items:center;cursor:pointer;display:flex}.sp-select-wrap{background:var(--white);border:1.5px solid var(--border);border-radius:8px;color:var(--muted);font-size:13px;gap:7px;padding:7px 12px;transition:border-color .2s}.sp-select-wrap:hover{border-color:var(--teal)}.sp-select-wrap select{background:#0000;border:none;color:var(--slate);font-size:13px;outline:none}.sp-filter-toggle-btn,.sp-select-wrap select{cursor:pointer;font-family:Plus Jakarta Sans,sans-serif}.sp-filter-toggle-btn{align-items:center;background:var(--white);border:1.5px solid var(--border);border-radius:8px;color:var(--slate-mid);display:inline-flex;font-size:13.5px;font-weight:600;gap:7px;padding:8px 16px;transition:all .2s}.sp-filter-toggle-btn--open,.sp-filter-toggle-btn:hover{background:var(--teal-light);border-color:var(--teal);color:var(--teal)}.sp-filter-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}.sp-filter-panel--open{max-height:280px}.sp-filter-panel-inner{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;margin-bottom:20px;padding:20px 22px}.sp-filter-group{display:flex;flex-direction:column;gap:9px}.sp-filter-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.sp-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.sp-fchip{background:var(--white);border:1.5px solid var(--border);border-radius:20px;color:var(--slate-mid);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;padding:5px 14px;transition:all .18s}.sp-fchip:hover{border-color:var(--teal);color:var(--teal)}.sp-fchip--active{background:var(--teal);border-color:var(--teal);color:#fff}.sp-filter-clear-btn{align-items:center;align-self:flex-start;background:none;border:1.5px solid #fca5a5;border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .18s}.sp-filter-clear-btn:hover{background:#fef2f2}.sp-service-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.sp-service-card{animation:spFadeUp .4s ease both;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.sp-service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.sp-service-img-wrap{height:180px;overflow:hidden;position:relative}.sp-service-img-wrap img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.sp-service-card:hover .sp-service-img-wrap img{transform:scale(1.06)}.sp-service-img-overlay{background:linear-gradient(0deg,#0f172a8c 0,#0000 60%);inset:0;position:absolute}.sp-service-price-tag{background:var(--teal);border-radius:20px;bottom:12px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.2px;padding:4px 13px;position:absolute;right:12px}.sp-service-code-tag{background:#ffffffeb;border-radius:12px;color:var(--slate);font-size:11px;font-weight:700;left:12px;letter-spacing:.5px;padding:3px 10px;position:absolute;top:12px}.sp-service-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:18px 20px 20px}.sp-service-category-label{align-items:center;color:var(--teal);display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;letter-spacing:.5px;text-transform:uppercase}.sp-service-name{color:var(--slate);font-size:16px;font-weight:700;line-height:1.35}.sp-service-desc{color:var(--muted);flex:1 1;font-size:13.5px;line-height:1.55}.sp-service-meta{align-items:center;display:flex;flex-wrap:wrap;gap:14px;padding-top:4px}.sp-service-meta span{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;gap:5px}.sp-service-meta svg{color:var(--teal)}.sp-service-actions{display:flex;gap:10px;margin-top:6px}.sp-btn-detail{align-items:center;border:1.5px solid var(--teal);border-radius:8px;color:var(--teal);display:inline-flex;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:600;gap:6px;justify-content:center;padding:9px 14px;text-decoration:none;transition:all .2s}.sp-btn-detail:hover{background:var(--teal-light)}.sp-btn-book{align-items:center;background:var(--teal);border-radius:8px;color:#fff;display:inline-flex;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:600;justify-content:center;padding:9px 14px;text-decoration:none;transition:background .2s}.sp-btn-book:hover{background:var(--teal-dark)}.sp-btn-outline{background:none;border:1.5px solid var(--teal);border-radius:8px;color:var(--teal);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s}.sp-btn-outline:hover{background:var(--teal-light)}.sp-empty-state{padding:60px 20px;text-align:center}.sp-empty-icon{color:#cbd5e1;font-size:48px;margin-bottom:16px}.sp-empty-state h4{color:var(--slate);font-size:18px;font-weight:700;margin-bottom:8px}.sp-empty-state p{color:var(--muted);font-size:14px;margin-bottom:20px}.sp-skeleton-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sp-skeleton-img{animation:spShimmer 1.4s ease infinite;background:linear-gradient(90deg,#e8ecf0 25%,#f4f6f8 50%,#e8ecf0 75%);background-size:400% 100%;height:180px}.sp-skeleton-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px}.sp-skeleton-line{animation:spShimmer 1.4s ease infinite;background:linear-gradient(90deg,#e8ecf0 25%,#f4f6f8 50%,#e8ecf0 75%);background-size:400% 100%;border-radius:6px;height:13px}.sp-skeleton-line--title{height:18px;width:70%}.sp-skeleton-line--short{width:45%}@keyframes spShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sp-cta-banner{background:linear-gradient(135deg,#0f172a,#0d3d3c);border-radius:var(--radius-lg);margin-top:60px;overflow:hidden;position:relative}.sp-cta-banner:before{background:#0ea5a41f;border-radius:50%;content:"";height:320px;position:absolute;right:-60px;top:-60px;width:320px}.sp-cta-inner{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:36px 44px;position:relative}.sp-cta-text h3{color:#fff;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;margin-bottom:6px}.sp-cta-text p{color:#ffffffb3;font-size:14px}.sp-cta-actions{display:flex;flex-wrap:wrap;gap:12px}.sp-cta-btn{align-items:center;border:none;border-radius:40px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.sp-cta-btn--phone{background:var(--gold);color:#fff}.sp-cta-btn--phone:hover{background:#b5832e}.sp-cta-btn--chat{background:#ffffff1f;border:1.5px solid #ffffff40;color:#fff}.sp-cta-btn--chat:hover{background:#fff3}.sp-cta-btn--primary{background:var(--teal);color:#fff}.sp-cta-btn--primary:hover{background:var(--teal-dark)}.sp-cta-btn--video{background:#ffffff1f;border:1.5px solid #ffffff40;color:#fff}.sp-cta-btn--video:hover{background:#fff3}.sp-cta-banner--consultation{background:linear-gradient(135deg,#0f172a,#14165c)}.sp-steps-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin-top:36px}.sp-step-card{align-items:center;animation:spFadeUp .4s ease both;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex:1 1;flex-direction:column;max-width:260px;min-width:200px;padding:32px 20px;text-align:center}.sp-step-num{color:var(--teal);font-family:Cormorant Garamond,serif;font-size:44px;font-weight:700;line-height:1;margin-bottom:10px;opacity:.18}.sp-step-icon-wrap{align-items:center;background:var(--teal-light);border-radius:50%;color:var(--teal);display:flex;font-size:22px;height:56px;justify-content:center;margin-bottom:14px;transition:all .2s;width:56px}.sp-step-card:hover .sp-step-icon-wrap{background:var(--teal);color:#fff;transform:scale(1.1)}.sp-step-label{color:var(--slate);font-size:16px;font-weight:700;margin-bottom:8px}.sp-step-desc{color:var(--muted);font-size:13.5px;line-height:1.55}.sp-step-arrow{align-items:center;color:var(--teal);display:flex;flex-shrink:0;font-size:20px;justify-content:center;margin-top:40px;opacity:.4;padding:0 8px}.sp-type-toggle{display:flex;gap:8px}.sp-type-btn{align-items:center;background:var(--white);border:1.5px solid var(--border);border-radius:40px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s}.sp-type-btn:hover{border-color:var(--teal);color:var(--teal)}.sp-type-btn--active{background:var(--teal);border-color:var(--teal);color:#fff}.sp-methods-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.sp-method-card{animation:spFadeUp .4s ease both;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:30px 26px 26px;position:relative;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.sp-method-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.sp-method-accent{background:var(--teal);background:var(--m-color,var(--teal));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:4px;left:0;position:absolute;right:0;top:0}.sp-method-icon{align-items:center;background:color-mix(in srgb,var(--teal) 12%,#fff);background:color-mix(in srgb,var(--m-color,var(--teal)) 12%,#fff);border-radius:14px;color:var(--teal);color:var(--m-color,var(--teal));display:flex;font-size:22px;height:52px;justify-content:center;width:52px}.sp-method-name{color:var(--slate);font-size:18px;font-weight:700}.sp-method-subtitle{color:var(--teal);color:var(--m-color,var(--teal));font-size:12.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.sp-method-desc{color:var(--muted);font-size:13.5px;line-height:1.6}.sp-method-price{align-items:baseline;display:flex;gap:5px;margin:4px 0}.sp-method-price-num{color:var(--slate);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.sp-method-price-per{color:var(--muted);font-size:12.5px}.sp-method-features{display:flex;flex:1 1;flex-direction:column;gap:8px;list-style:none}.sp-method-features li{align-items:center;color:var(--slate-mid);display:flex;font-size:13.5px;gap:8px}.sp-method-features li svg{color:var(--teal);flex-shrink:0}.sp-method-cta{align-items:center;background:var(--teal);background:var(--m-color,var(--teal));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;gap:7px;justify-content:center;margin-top:10px;padding:13px;transition:filter .2s,transform .15s;width:100%}.sp-method-cta:hover{filter:brightness(1.08);transform:scale(1.02)}.sp-doc-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.sp-doc-card{align-items:center;animation:spFadeUp .4s ease both;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;padding:24px 20px 20px;text-align:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.sp-doc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.sp-doc-avatar-wrap{display:inline-block;position:relative}.sp-doc-avatar{border:3px solid var(--teal-light);border-radius:50%;height:80px;object-fit:cover;width:80px}.sp-doc-online-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:4px;height:13px;position:absolute;right:4px;width:13px}.sp-doc-info{display:flex;flex-direction:column;gap:4px}.sp-doc-name{color:var(--slate);font-size:15px;font-weight:700;line-height:1.3}.sp-doc-spec{background:var(--teal-light);border-radius:20px;color:var(--teal-dark);display:inline-block;font-size:12px;font-weight:600;padding:2px 10px}.sp-doc-exp{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;gap:4px}.sp-doc-rating{align-items:center;color:var(--slate-mid);display:flex;font-size:13px;gap:5px;justify-content:center}.sp-doc-rating svg{color:#f59e0b}.sp-doc-rating strong{color:var(--slate);font-weight:700}.sp-doc-rating span{color:var(--muted);font-size:12px}.sp-doc-actions{display:flex;gap:7px;margin-top:4px;width:100%}.sp-doc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:12.5px;font-weight:700;gap:5px;justify-content:center;padding:8px 4px;transition:all .2s}.sp-doc-btn--chat{background:#e0f7f7;color:var(--teal-dark)}.sp-doc-btn--chat:hover{background:var(--teal);color:#fff}.sp-doc-btn--video{background:#ede9fe;color:#6c63ff}.sp-doc-btn--video:hover{background:#6c63ff;color:#fff}.sp-doc-btn--profile{background:#f1f5f9;color:var(--slate-mid)}.sp-doc-btn--profile:hover{background:var(--slate);color:#fff}.sp-search-result-label{background:#f8fafc;border-left:3px solid var(--teal);border-radius:8px;color:var(--muted);font-size:13.5px;margin-bottom:16px;padding:10px 14px}.sp-why-section{background:linear-gradient(135deg,#0f172a,#0d3d3c);border-radius:var(--radius-lg);margin-top:60px;overflow:hidden;position:relative}.sp-why-section:before{background-image:radial-gradient(circle at 20% 80%,#0ea5a41a 0,#0000 50%),radial-gradient(circle at 80% 20%,#c9963e14 0,#0000 50%);content:"";inset:0;position:absolute}.sp-why-inner{padding:52px 44px;position:relative;text-align:center}.sp-why-title{color:#fff;font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin:8px 0 36px}.sp-why-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sp-why-card{align-items:center;animation:spFadeUp .4s ease both;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px;padding:26px 20px;text-align:center;transition:background .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}.sp-why-card:hover{background:#ffffff1a;transform:translateY(-4px)}.sp-why-icon{align-items:center;background:#ffffff14;border-radius:14px;display:flex;font-size:22px;height:52px;justify-content:center;width:52px}.sp-why-label{color:#fff;font-size:15px;font-weight:700}.sp-why-desc{color:#ffffffa6;font-size:13px;line-height:1.55}@media (max-width:768px){.sp-hero{min-height:460px}.sp-hero-stats{gap:20px}.sp-hero-stat strong{font-size:18px}.sp-tab{font-size:13px;gap:6px;padding:13px 8px}.sp-cta-inner{align-items:flex-start;flex-direction:column;padding:28px 24px}.sp-why-inner{padding:36px 20px}.sp-steps-row{align-items:center;flex-direction:column}.sp-step-arrow{margin:0;padding:4px;transform:rotate(90deg)}.sp-filter-toolbar{align-items:flex-start;flex-direction:column}.sp-methods-grid,.sp-service-grid{grid-template-columns:1fr}.sp-doc-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sp-section-head{align-items:flex-start;flex-direction:column}.sp-search-clear{right:90px}.sp-search-btn{font-size:13px;padding:0 16px}}@media (max-width:480px){.sp-cat-grid{grid-template-columns:repeat(2,1fr)}.sp-doc-grid{grid-template-columns:1fr}.sp-hero-badge{display:none}.sp-why-grid{grid-template-columns:1fr 1fr}.sp-hero-stats{gap:14px}}.corp-booking-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.corp-booking-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.corp-booking-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eee;color:#fff;display:flex;justify-content:space-between;padding:20px}.corp-booking-modal-header h3{font-size:18px;font-weight:600;margin:0}.corp-booking-modal-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:0;transition:transform .2s}.corp-booking-modal-close:hover{transform:scale(1.1)}.corp-booking-modal-body{padding:30px 20px}.corp-booking-step{animation:fadeIn .3s ease-in}.corp-booking-step h4{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.corp-booking-step p{color:#666;font-size:14px;margin:0 0 20px}.corp-booking-text{background:#f0f4ff;border-left:4px solid #667eea;border-radius:4px;font-size:13px;margin-bottom:20px;padding:12px}.corp-booking-form-group{margin-bottom:15px}.corp-booking-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.corp-booking-form-group select,.corp-booking-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.corp-booking-form-group select:focus,.corp-booking-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.corp-booking-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.corp-booking-form-group small{color:#999;display:block;font-size:12px;margin-top:5px}.corp-booking-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:10px;padding:12px 16px;transition:all .2s;width:100%}.corp-booking-btn:disabled{cursor:not-allowed;opacity:.6}.corp-booking-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.corp-booking-btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.corp-booking-btn-secondary{background:#f0f0f0;color:#333;margin-bottom:10px}.corp-booking-btn-secondary:hover:not(:disabled){background:#e0e0e0}.corp-booking-success{text-align:center}.corp-booking-success-icon{animation:pulse .6s ease-out;color:#28a745;font-size:48px;margin-bottom:15px}.corp-booking-success h4{color:#28a745;font-size:18px;margin-bottom:10px}.corp-booking-success p{color:#666;margin-bottom:20px}@media (max-width:600px){.corp-booking-modal{border-radius:8px;max-width:100%;width:95%}.corp-booking-modal-body{padding:20px 15px}.corp-booking-btn{font-size:13px;padding:10px 14px}}:root{--sd-green-50:#f0fdf4;--sd-green-100:#dcfce7;--sd-green-200:#bbf7d0;--sd-green-300:#86efac;--sd-green-400:#4ade80;--sd-green-500:#22c55e;--sd-green-600:#16a34a;--sd-white:#fff;--sd-gray-50:#f8fafc;--sd-gray-100:#f1f5f9;--sd-gray-200:#e2e8f0;--sd-gray-300:#cbd5e1;--sd-gray-400:#94a3b8;--sd-gray-500:#64748b;--sd-gray-600:#475569;--sd-gray-700:#334155;--sd-gray-800:#1e293b;--sd-gray-900:#0f172a;--sd-radius-sm:clamp(4px,0.5vw,6px);--sd-radius:clamp(8px,1vw,12px);--sd-radius-lg:clamp(10px,1.5vw,18px);--sd-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--sd-shadow:0 4px 16px #00000012;--sd-shadow-lg:0 12px 40px #0000001a;--sd-ease:cubic-bezier(.4,0,.2,1);--sd-transition:all 0.22s var(--sd-ease)}.servicedetail-page{background:#f0fdf4;background:var(--sd-green-50);font-family:var(--sd-font-body);font-size:clamp(13px,1.5vw,16px);min-height:100vh;padding:clamp(1rem,3vw,2.5rem) 0 clamp(2rem,5vw,4rem)}.servicedetail-container{margin:0 auto;max-width:min(1160px,96vw);padding:0 clamp(.75rem,3vw,1.5rem)}.servicedetail-back-btn{align-items:center;background:#fff;background:var(--sd-white);border:1px solid #e2e8f0;border:1px solid var(--sd-gray-200);border-radius:99px;color:#475569;color:var(--sd-gray-600);cursor:pointer;display:inline-flex;font-family:var(--sd-font-body);font-size:clamp(.75rem,1.2vw,.875rem);font-weight:500;gap:.4em;margin-bottom:clamp(1rem,2.5vw,1.75rem);padding:.45em 1em;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.servicedetail-back-btn:hover{background:#dcfce7;background:var(--sd-green-100);border-color:#86efac;border-color:var(--sd-green-300);color:#16a34a;color:var(--sd-green-600)}.servicedetail-layout{grid-gap:clamp(1rem,2.5vw,2rem);align-items:start;display:grid;gap:clamp(1rem,2.5vw,2rem);grid-template-columns:1fr clamp(240px,28vw,340px)}.servicedetail-main{display:flex;flex-direction:column;gap:clamp(.875rem,2vw,1.5rem);min-width:0}.servicedetail-hero{background:#fff;background:var(--sd-white);border:1.5px solid #bbf7d0;border:1.5px solid var(--sd-green-200);border-radius:clamp(10px,1.5vw,18px);border-radius:var(--sd-radius-lg);box-shadow:0 4px 16px #00000012;box-shadow:var(--sd-shadow);overflow:hidden}.servicedetail-image-wrap{height:clamp(180px,30vw,360px);overflow:hidden;position:relative;width:100%}.servicedetail-image{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.servicedetail-image-wrap:hover .servicedetail-image{transform:scale(1.03)}.servicedetail-image-placeholder{align-items:center;background:linear-gradient(135deg,#dcfce7,#f1f5f9);background:linear-gradient(135deg,var(--sd-green-100) 0,var(--sd-gray-100) 100%);color:#94a3b8;color:var(--sd-gray-400);display:flex;flex-direction:column;gap:.75em;height:100%;justify-content:center;width:100%}.servicedetail-image-placeholder svg{color:#86efac;color:var(--sd-green-300);font-size:clamp(2rem,5vw,3.5rem)}.servicedetail-image-placeholder p{font-size:clamp(.8rem,1.3vw,.9rem);margin:0}.servicedetail-status-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;display:inline-flex;font-size:clamp(.68rem,1vw,.8125rem);font-weight:600;gap:.4em;padding:.35em .8em;position:absolute;right:clamp(.5rem,1.2vw,1rem);top:clamp(.5rem,1.2vw,1rem)}.servicedetail-status-badge.active{background-color:#f0fdf4eb;border:1px solid #22c55e59;color:#16a34a;color:var(--sd-green-600)}.servicedetail-status-badge.inactive{background-color:#f8fafceb;border:1px solid #64748b4d;color:#475569;color:var(--sd-gray-600)}.servicedetail-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.servicedetail-hero-body{padding:clamp(1rem,2.5vw,1.75rem) clamp(1rem,2.5vw,2rem) clamp(1.25rem,3vw,1.75rem)}.servicedetail-category-badge{align-items:center;background:#dcfce7;background:var(--sd-green-100);border-radius:99px;color:#16a34a;color:var(--sd-green-600);display:inline-flex;font-size:clamp(.68rem,1vw,.8rem);font-weight:600;gap:.35em;letter-spacing:.02em;margin-bottom:clamp(.5rem,1.2vw,.875rem);padding:.3em .85em}.servicedetail-title{color:#0f172a;color:var(--sd-gray-900);font-family:var(--sd-font-display);font-size:clamp(1.1rem,2.8vw,1.875rem);font-weight:700;line-height:1.35;margin:0 0 .6em}.servicedetail-short-desc{color:#475569;color:var(--sd-gray-600);font-size:clamp(.8rem,1.4vw,.9375rem);line-height:1.7;margin:0}.servicedetail-stats-row{grid-gap:clamp(.5rem,1.2vw,1rem);display:grid;gap:clamp(.5rem,1.2vw,1rem);grid-template-columns:repeat(auto-fit,minmax(clamp(110px,18vw,160px),1fr))}.servicedetail-stat-card{align-items:center;background:#fff;background:var(--sd-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--sd-gray-200);border-radius:clamp(8px,1vw,12px);border-radius:var(--sd-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sd-shadow-sm);display:flex;gap:clamp(.5rem,1.2vw,1rem);padding:clamp(.625rem,1.5vw,1.125rem) clamp(.625rem,1.5vw,1.25rem);transition:all .22s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.servicedetail-stat-card:hover{border-color:#86efac;border-color:var(--sd-green-300);box-shadow:0 4px 16px #86efac40;transform:translateY(-2px)}.servicedetail-stat-icon{align-items:center;background:#dcfce7;background:var(--sd-green-100);border-radius:clamp(6px,1vw,10px);color:#16a34a;color:var(--sd-green-600);display:flex;flex-shrink:0;font-size:clamp(.8rem,1.3vw,1.1rem);height:clamp(30px,4vw,42px);justify-content:center;width:clamp(30px,4vw,42px)}.servicedetail-stat-label{color:#64748b;color:var(--sd-gray-500);font-size:clamp(.62rem,.85vw,.75rem);font-weight:500;letter-spacing:.05em;margin:0 0 .2em;text-transform:uppercase}.servicedetail-stat-value{color:#1e293b;color:var(--sd-gray-800);font-size:clamp(.78rem,1.2vw,.9375rem);font-weight:700;margin:0}.servicedetail-doctor-card{align-items:center;background:#fff;background:var(--sd-white);border:1.5px solid #bbf7d0;border:1.5px solid var(--sd-green-200);border-radius:clamp(8px,1vw,12px);border-radius:var(--sd-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sd-shadow-sm);display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.8vw,1.25rem);padding:clamp(.875rem,2vw,1.5rem)}.servicedetail-doctor-avatar{object-fit:cover}.servicedetail-doctor-avatar,.servicedetail-doctor-avatar-placeholder{border:3px solid #bbf7d0;border:3px solid var(--sd-green-200);border-radius:50%;flex-shrink:0;height:clamp(44px,5.5vw,64px);width:clamp(44px,5.5vw,64px)}.servicedetail-doctor-avatar-placeholder{align-items:center;background:#dcfce7;background:var(--sd-green-100);color:#22c55e;color:var(--sd-green-500);display:flex;font-size:clamp(1rem,2vw,1.5rem);justify-content:center}.servicedetail-doctor-badge{color:#16a34a;color:var(--sd-green-600);font-size:clamp(.62rem,.85vw,.75rem);font-weight:700;letter-spacing:.06em;margin-bottom:.2em;text-transform:uppercase}.servicedetail-doctor-name{color:#0f172a;color:var(--sd-gray-900);font-family:var(--sd-font-display);font-size:clamp(.875rem,1.4vw,1.05rem);font-weight:600;margin:0 0 .25em}.servicedetail-doctor-specialty{color:#64748b;color:var(--sd-gray-500);font-size:clamp(.72rem,1vw,.85rem);margin:0 0 .4em}.servicedetail-doctor-exp{align-items:center;background:#dcfce7;background:var(--sd-green-100);border-radius:99px;color:#16a34a;color:var(--sd-green-600);display:inline-flex;font-size:clamp(.68rem,.95vw,.8rem);font-weight:600;gap:.35em;padding:.2em .65em}.servicedetail-doctors-multi{align-items:center;background:#fff;background:var(--sd-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--sd-gray-200);border-radius:clamp(8px,1vw,12px);border-radius:var(--sd-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sd-shadow-sm);display:flex;gap:.875rem;padding:clamp(.75rem,1.5vw,1.25rem) clamp(.875rem,2vw,1.5rem)}.servicedetail-doctors-multi svg{color:#22c55e;color:var(--sd-green-500);font-size:clamp(.95rem,1.4vw,1.25rem)}.servicedetail-doctors-multi span{color:#334155;color:var(--sd-gray-700);font-size:clamp(.78rem,1.2vw,.9rem)}.servicedetail-doctors-multi strong{color:#16a34a;color:var(--sd-green-600)}.servicedetail-content-card{background:#fff;background:var(--sd-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--sd-gray-200);border-radius:clamp(8px,1vw,12px);border-radius:var(--sd-radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sd-shadow-sm);padding:clamp(1rem,2.5vw,1.75rem) clamp(1rem,2.5vw,2rem)}.servicedetail-section-header{align-items:center;border-bottom:2px solid #dcfce7;border-bottom:2px solid var(--sd-green-100);display:flex;gap:.6em;margin-bottom:clamp(.75rem,1.8vw,1.25rem);padding-bottom:clamp(.625rem,1.5vw,1rem)}.servicedetail-section-header svg{color:#22c55e;color:var(--sd-green-500);flex-shrink:0;font-size:clamp(.9rem,1.3vw,1.1rem)}.servicedetail-section-header h3{color:#0f172a;color:var(--sd-gray-900);font-family:var(--sd-font-display);font-size:clamp(.875rem,1.4vw,1.05rem);font-weight:700;margin:0}.servicedetail-rich-content{color:#334155;color:var(--sd-gray-700);font-size:clamp(.8rem,1.3vw,.9375rem);line-height:1.75}.servicedetail-rich-content h2,.servicedetail-rich-content h3,.servicedetail-rich-content h4{color:#0f172a;color:var(--sd-gray-900);font-family:var(--sd-font-display);margin-bottom:.6em;margin-top:1.4em}.servicedetail-rich-content ol,.servicedetail-rich-content ul{margin:.75em 0;padding-left:1.4em}.servicedetail-rich-content li{margin:.4em 0}.servicedetail-rich-content p{margin:.75em 0}.servicedetail-rich-content p:first-child{margin-top:0}.servicedetail-rich-content strong{color:#0f172a;color:var(--sd-gray-900)}.servicedetail-features-grid{grid-gap:clamp(.4rem,1vw,.75rem);display:grid;gap:clamp(.4rem,1vw,.75rem);grid-template-columns:repeat(auto-fit,minmax(clamp(140px,22vw,220px),1fr))}.servicedetail-feature-item{align-items:flex-start;background:#f0fdf4;background:var(--sd-green-50);border:1px solid #dcfce7;border:1px solid var(--sd-green-100);border-radius:clamp(4px,.5vw,6px);border-radius:var(--sd-radius-sm);color:#334155;color:var(--sd-gray-700);display:flex;font-size:clamp(.73rem,1.1vw,.875rem);gap:.55em;line-height:1.5;padding:clamp(.5rem,1vw,.75rem)}.servicedetail-feature-item svg{color:#22c55e;color:var(--sd-green-500);flex-shrink:0;font-size:clamp(.85rem,1.1vw,1rem);margin-top:.1em}.servicedetail-sidebar{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);min-width:0;position:-webkit-sticky;position:sticky;top:1.5rem}.servicedetail-booking-card{background:#fff;background:var(--sd-white);border:1.5px solid #bbf7d0;border:1.5px solid var(--sd-green-200);border-radius:clamp(10px,1.5vw,18px);border-radius:var(--sd-radius-lg);box-shadow:0 12px 40px #0000001a;box-shadow:var(--sd-shadow-lg);overflow:hidden}.servicedetail-booking-header{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--sd-green-400) 0,var(--sd-green-500) 100%);padding:clamp(.875rem,2vw,1.25rem) clamp(1rem,2vw,1.5rem);text-align:center}.servicedetail-booking-header h3{align-items:center;color:#fff;display:flex;font-family:var(--sd-font-display);font-size:clamp(.875rem,1.4vw,1.1rem);font-weight:700;gap:.5em;justify-content:center;margin:0 0 .8em}.servicedetail-price-block{background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:clamp(8px,1vw,12px);border-radius:var(--sd-radius);padding:clamp(.6rem,1.2vw,.875rem) clamp(.75rem,1.5vw,1rem)}.servicedetail-price-label{color:#ffffffd9;font-size:clamp(.62rem,.9vw,.75rem);font-weight:500;letter-spacing:.06em;margin:0 0 .3em;text-transform:uppercase}.servicedetail-price-value{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:clamp(1.2rem,2.8vw,1.75rem);font-weight:800;gap:.3em;margin:0}.servicedetail-price-unit{font-size:clamp(.72rem,1vw,.9rem);font-weight:600;opacity:.85}.servicedetail-booking-body{padding:clamp(.875rem,2vw,1.25rem) clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.5rem)}.servicedetail-detail-row{align-items:center;border-bottom:1px dashed #e2e8f0;border-bottom:1px dashed var(--sd-gray-200);display:flex;font-size:clamp(.73rem,1.1vw,.875rem);gap:.5rem;justify-content:space-between;padding:.6em 0}.servicedetail-detail-row:last-of-type{border-bottom:none}.servicedetail-detail-label{align-items:center;color:#64748b;color:var(--sd-gray-500);display:flex;flex-shrink:0;font-weight:500;gap:.4em}.servicedetail-detail-label svg{color:#4ade80;color:var(--sd-green-400);font-size:.9em}.servicedetail-detail-value{color:#1e293b;color:var(--sd-gray-800);font-weight:700;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis}.servicedetail-btn-book{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--sd-green-400),var(--sd-green-500));border:none;border-radius:clamp(8px,1vw,12px);border-radius:var(--sd-radius);box-shadow:0 4px 16px #4ade8066;color:#fff;cursor:pointer;display:flex;font-family:var(--sd-font-body);font-size:clamp(.82rem,1.3vw,1rem);font-weight:700;gap:.6em;justify-content:center;letter-spacing:.02em;margin-top:clamp(.75rem,1.8vw,1.25rem);padding:clamp(.7rem,1.5vw,1rem);transition:all .22s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition);width:100%}.servicedetail-btn-book:hover{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--sd-green-500),var(--sd-green-600));box-shadow:0 8px 24px #4ade8073;transform:translateY(-2px)}.servicedetail-btn-book:active{transform:translateY(0)}.servicedetail-btn-book-corporate{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 16px #667eea66!important}.servicedetail-btn-book-corporate:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;box-shadow:0 8px 24px #667eea73!important;transform:translateY(-2px)!important}.servicedetail-note-box{align-items:flex-start;background:#f8fafc;background:var(--sd-gray-50);border:1px solid #e2e8f0;border:1px solid var(--sd-gray-200);border-radius:clamp(4px,.5vw,6px);border-radius:var(--sd-radius-sm);display:flex;gap:.6em;margin-top:clamp(.7rem,1.5vw,1rem);padding:clamp(.6rem,1.2vw,.875rem) clamp(.75rem,1.5vw,1rem)}.servicedetail-note-box svg{color:#4ade80;color:var(--sd-green-400);flex-shrink:0;font-size:clamp(.82rem,1.1vw,1rem);margin-top:.1em}.servicedetail-note-box p{color:#64748b;color:var(--sd-gray-500);font-size:clamp(.68rem,.95vw,.8125rem);line-height:1.55;margin:0}.servicedetail-loading{align-items:center;color:#64748b;color:var(--sd-gray-500);display:flex;flex-direction:column;font-size:clamp(.82rem,1.3vw,.9375rem);gap:1rem;justify-content:center;min-height:60vh}.servicedetail-spinner{animation:sd-spin .9s linear infinite;border:3.5px solid #e2e8f0;border-top-color:#4ade80;border:3.5px solid var(--sd-gray-200);border-radius:50%;border-top-color:var(--sd-green-400);height:clamp(34px,4.5vw,48px);width:clamp(34px,4.5vw,48px)}@keyframes sd-spin{to{transform:rotate(1turn)}}.servicedetail-error-container{background:#fff;background:var(--sd-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--sd-gray-200);border-radius:clamp(10px,1.5vw,18px);border-radius:var(--sd-radius-lg);box-shadow:0 4px 16px #00000012;box-shadow:var(--sd-shadow);margin:clamp(2rem,5vw,4rem) auto;max-width:min(520px,90vw);padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,3vw,2rem);text-align:center}.servicedetail-error-icon{color:#86efac;color:var(--sd-green-300);font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1em}.servicedetail-error-container h2{color:#0f172a;color:var(--sd-gray-900);font-family:var(--sd-font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);margin:0 0 .5em}.servicedetail-error-container p{color:#475569;color:var(--sd-gray-600);font-size:clamp(.78rem,1.3vw,.9375rem);margin:0 0 1.5em}.servicedetail-btn-back-err{align-items:center;background:#4ade80;background:var(--sd-green-400);border:none;border-radius:99px;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--sd-font-body);font-size:clamp(.78rem,1.2vw,.9rem);font-weight:700;gap:.5em;padding:.65em 1.4em;transition:all .22s cubic-bezier(.4,0,.2,1);transition:var(--sd-transition)}.servicedetail-btn-back-err:hover{background:#22c55e;background:var(--sd-green-500);transform:translateY(-1px)}@media (max-width:860px){.servicedetail-layout{grid-template-columns:1fr}.servicedetail-sidebar{order:-1;position:static}}@media (max-width:420px){.servicedetail-doctor-card{align-items:center;flex-direction:column;text-align:center}}:root{--category-detail-primary:#86efac;--category-detail-primary-dark:#4ade80;--category-detail-primary-light:#bbf7d0;--category-detail-primary-lighter:#dcfce7;--category-detail-primary-lightest:#f0fdf4;--category-detail-secondary:#6ee7b7;--category-detail-success:#34d399;--category-detail-info:#60a5fa;--category-detail-text-primary:#1e293b;--category-detail-text-secondary:#64748b;--category-detail-text-tertiary:#94a3b8;--category-detail-bg-white:#fff;--category-detail-bg-gray:#f8fafc;--category-detail-border:#e2e8f0;--category-detail-shadow-sm:0 1px 2px 0 #0000000d;--category-detail-shadow-md:0 4px 6px -1px #0000001a;--category-detail-shadow-lg:0 10px 15px -3px #0000001a;--category-detail-radius:8px;--category-detail-radius-lg:12px}.category-detail-page{background:#f8fafc;background:var(--category-detail-bg-gray);min-height:100vh}.category-detail-header{align-items:center;background-position:50%;background-size:cover;background:linear-gradient(135deg,#f0fdf4,#dcfce7);background:linear-gradient(135deg,var(--category-detail-primary-lightest) 0,var(--category-detail-primary-lighter) 100%);display:flex;height:400px;justify-content:center;overflow:hidden;position:relative}.category-detail-header:before{background:radial-gradient(circle,#86efac4d 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-10%;top:-50%;width:600px}.category-detail-header:after{background:radial-gradient(circle,#6ee7b733 0,#0000 70%);border-radius:50%;bottom:-30%;content:"";height:500px;left:-5%;position:absolute;width:500px}.category-detail-header-overlay{background:linear-gradient(135deg,#86efac1a,#6ee7b70d);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.category-detail-header-content{animation:category-detail-fadeInUp 1s ease-out;max-width:800px;padding:2rem;position:relative;text-align:center;z-index:2}@keyframes category-detail-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-detail-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;justify-content:center;margin-bottom:1rem}.category-detail-breadcrumb a{color:#64748b;color:var(--category-detail-text-secondary);font-weight:500;text-decoration:none;transition:color .2s ease}.category-detail-breadcrumb a:hover{color:#4ade80;color:var(--category-detail-primary-dark)}.category-detail-breadcrumb-separator{color:#94a3b8;color:var(--category-detail-text-tertiary)}.category-detail-breadcrumb-current{color:#1e293b;color:var(--category-detail-text-primary);font-weight:600}.category-detail-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#6ee7b7);background:linear-gradient(135deg,var(--category-detail-primary-dark),var(--category-detail-secondary));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--category-detail-text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin:1rem 0}.category-detail-description{color:#64748b;color:var(--category-detail-text-secondary);font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6;margin:1rem auto 0;max-width:700px}.category-detail-services-container{margin:0 auto;max-width:1400px;padding:3rem 1.5rem}.category-detail-services-title{color:#1e293b;color:var(--category-detail-text-primary);font-size:1.75rem;font-weight:800;margin:0 0 2.5rem;padding-bottom:1rem;position:relative;text-align:center}.category-detail-services-title:after{background:linear-gradient(90deg,#86efac,#6ee7b7);background:linear-gradient(90deg,var(--category-detail-primary),var(--category-detail-secondary));border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.category-detail-services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.category-detail-service-card{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--category-detail-border);border-radius:12px;border-radius:var(--category-detail-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--category-detail-shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.category-detail-service-card:before{background:linear-gradient(90deg,#86efac,#6ee7b7);background:linear-gradient(90deg,var(--category-detail-primary),var(--category-detail-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.category-detail-service-card:hover:before{transform:scaleX(1)}.category-detail-service-card:hover{border-color:#86efac;border-color:var(--category-detail-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--category-detail-shadow-lg);transform:translateY(-8px)}.category-detail-service-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.category-detail-service-image{display:block;height:220px;object-fit:cover;transition:transform .3s ease;width:100%}.category-detail-service-card:hover .category-detail-service-image{transform:scale(1.05)}.category-detail-service-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.category-detail-service-name{-webkit-line-clamp:2;color:#1e293b;color:var(--category-detail-text-primary);font-size:1.1875rem;font-weight:700;line-height:1.4;margin:0 0 .75rem;min-height:2.8rem}.category-detail-service-desc,.category-detail-service-name{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.category-detail-service-desc{-webkit-line-clamp:3;color:#64748b;color:var(--category-detail-text-secondary);flex-grow:1;font-size:.875rem;line-height:1.6;margin-bottom:1.25rem}.category-detail-service-footer{align-items:center;border-top:2px solid #f0fdf4;border-top:2px solid var(--category-detail-primary-lightest);display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:1rem}.category-detail-service-price{align-items:center;color:#4ade80;color:var(--category-detail-primary-dark);display:flex;font-size:1.25rem;font-weight:800;gap:.25rem}.category-detail-btn-book{align-items:center;background:linear-gradient(135deg,#86efac,#4ade80);background:linear-gradient(135deg,var(--category-detail-primary),var(--category-detail-primary-dark));border:none;border-radius:8px;border-radius:var(--category-detail-radius);box-shadow:0 4px 12px #4ade804d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.category-detail-btn-book:hover{box-shadow:0 6px 16px #4ade8066;transform:translateY(-2px)}.category-detail-no-services{background:#fff;border-radius:12px;border-radius:var(--category-detail-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--category-detail-shadow-sm);padding:4rem 2rem;text-align:center}.category-detail-empty-icon{font-size:4rem;margin-bottom:1.5rem}.category-detail-no-services h3{color:#1e293b;color:var(--category-detail-text-primary);font-size:1.375rem;font-weight:700;margin:0 0 .75rem}.category-detail-no-services p{font-size:1rem;margin:0}.category-detail-loading,.category-detail-no-services p{color:#64748b;color:var(--category-detail-text-secondary)}.category-detail-loading{align-items:center;display:flex;flex-direction:column;font-size:1.125rem;justify-content:center;min-height:400px}.category-detail-spinner{animation:category-detail-spin 1s linear infinite;border:5px solid #e2e8f0;border-top-color:#86efac;border:5px solid var(--category-detail-border);border-radius:50%;border-top-color:var(--category-detail-primary);height:50px;margin-bottom:1rem;width:50px}@keyframes category-detail-spin{to{transform:rotate(1turn)}}.category-detail-error{background:#f871711a;border-left:4px solid #f87171;border-radius:0 8px 8px 0;border-radius:0 var(--category-detail-radius) var(--category-detail-radius) 0;color:#dc2626;font-weight:600;margin:3rem auto;max-width:800px;padding:2rem;text-align:center}@media (max-width:1024px){.category-detail-services-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.category-detail-header{height:300px}.category-detail-header-content{padding:1.5rem}.category-detail-title{font-size:2rem}.category-detail-description{font-size:1rem}.category-detail-services-container{padding:2rem 1rem}.category-detail-services-title{font-size:1.5rem;margin-bottom:2rem}.category-detail-services-grid{gap:1.25rem;grid-template-columns:1fr}.category-detail-service-image{height:200px}.category-detail-service-content{padding:1.25rem}.category-detail-service-name{font-size:1.125rem}.category-detail-service-desc{font-size:.8125rem}.category-detail-service-price{font-size:1.125rem}.category-detail-btn-book{font-size:.8125rem;padding:.5rem 1rem}}@media (max-width:480px){.category-detail-header{height:250px}.category-detail-title{font-size:1.5rem}.category-detail-description{font-size:.9375rem}.category-detail-breadcrumb{font-size:.8125rem}.category-detail-services-container{padding:1.5rem .75rem}.category-detail-services-title{font-size:1.25rem}.category-detail-service-image{height:180px}.category-detail-service-content{padding:1rem}.category-detail-service-name{font-size:1rem;min-height:auto}.category-detail-service-desc{-webkit-line-clamp:2;font-size:.8125rem}.category-detail-service-footer{align-items:stretch;flex-direction:column;gap:.75rem}.category-detail-service-price{justify-content:center}.category-detail-btn-book{justify-content:center;width:100%}.category-detail-no-services{padding:3rem 1.5rem}.category-detail-empty-icon{font-size:3rem}.category-detail-no-services h3{font-size:1.125rem}.category-detail-no-services p{font-size:.875rem}}.category-detail-service-card{animation:category-detail-slideInUp .6s ease-out backwards}@keyframes category-detail-slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.category-detail-service-card:first-child{animation-delay:.1s}.category-detail-service-card:nth-child(2){animation-delay:.2s}.category-detail-service-card:nth-child(3){animation-delay:.3s}.category-detail-service-card:nth-child(4){animation-delay:.4s}.category-detail-service-card:nth-child(5){animation-delay:.5s}.category-detail-service-card:nth-child(6){animation-delay:.6s}@keyframes category-detail-priceGlow{0%,to{text-shadow:0 0 5px #4ade8080}50%{text-shadow:0 0 15px #4ade80cc}}.category-detail-service-card:hover .category-detail-service-price{animation:category-detail-priceGlow 2s ease-in-out infinite}.specialties-list-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem 1rem}.specialties-list-page__header{margin-bottom:1.5rem;padding:1rem 0;text-align:center}.specialties-list-page__title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.specialties-list-page__subtitle{color:#64748b;font-size:.875rem;font-weight:500}.specialties-list-page__search{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.25rem}.specialties-list-page__search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.specialties-list-page__search-title{align-items:center;color:#1e293b;display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;margin:0}.specialties-list-page__search-title svg{color:#10b981;font-size:.875rem}.specialties-list-page__search-box{align-items:center;display:flex;position:relative}.specialties-list-page__search-icon{color:#94a3b8;font-size:.875rem;left:.75rem;pointer-events:none;position:absolute}.specialties-list-page__search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:.875rem;font-weight:500;padding:.625rem .75rem .625rem 2.25rem;transition:all .3s;width:100%}.specialties-list-page__search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.specialties-list-page__btn-clear{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:1.75rem;justify-content:center;position:absolute;right:.5rem;transition:all .3s;width:1.75rem}.specialties-list-page__btn-clear:hover{background:#fee2e2;transform:scale(1.05)}.specialties-list-page__grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.specialties-list-page__card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:1.5rem;text-align:center;transition:all .3s ease}.specialties-list-page__card:hover{box-shadow:0 8px 16px #10b98126;transform:translateY(-4px)}.specialties-list-page__icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:1rem;transition:all .3s;width:70px}.specialties-list-page__card:hover .specialties-list-page__icon{transform:scale(1.1)}.specialties-list-page__name{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 .75rem;transition:color .3s}.specialties-list-page__card:hover .specialties-list-page__name{color:#10b981}.specialties-list-page__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:.8125rem;line-height:1.5;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis}.specialties-list-page__stats{align-items:center;background:#ecfdf5;border-radius:6px;color:#10b981;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;justify-content:center;padding:.4rem .8rem;width:100%}.specialties-list-page__empty,.specialties-list-page__loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:300px;padding:2rem}.specialties-list-page__spinner{animation:specialties-list-page-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}@keyframes specialties-list-page-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.specialties-list-page__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.specialties-list-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.specialties-list-page{padding:1rem .5rem}.specialties-list-page__header{padding:.5rem 0}.specialties-list-page__title{font-size:1.25rem}.specialties-list-page__search{margin-bottom:1rem;padding:1rem}.specialties-list-page__grid{gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.specialties-list-page__card{border-radius:10px;padding:1rem .75rem}.specialties-list-page__icon{font-size:1.25rem;height:48px;margin-bottom:.75rem;width:48px}.specialties-list-page__name{font-size:.9375rem;margin-bottom:.5rem}.specialties-list-page__description{-webkit-line-clamp:2;font-size:.75rem;margin-bottom:.75rem}.specialties-list-page__stats{font-size:.7rem;padding:.25rem .5rem}}@media (max-width:380px){.specialties-list-page__grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.specialties-list-page__card{padding:.75rem .5rem}.specialties-list-page__icon{font-size:1rem;height:40px;width:40px}.specialties-list-page__name{font-size:.85rem}}.specialty-detail-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem 1rem}.specialty-detail-page__btn-back{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#64748b;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;margin-bottom:1.25rem;padding:.5rem 1rem;transition:all .3s}.specialty-detail-page__btn-back:hover{background:#10b981;color:#fff;transform:translateX(-3px)}.specialty-detail-page__header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:2rem;margin-bottom:1.5rem;padding:2rem}.specialty-detail-page__icon-large{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:3rem;height:120px;justify-content:center;width:120px}.specialty-detail-page__info{flex:1 1}.specialty-detail-page__name{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.specialty-detail-page__description{color:#64748b;font-size:.9375rem;line-height:1.7;margin-bottom:1rem}.specialty-detail-page__meta{align-items:center;background:#ecfdf5;border-radius:8px;color:#10b981;display:flex;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.625rem 1rem}.specialty-detail-page__doctors-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.specialty-detail-page__doctors-title{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem}.specialty-detail-page__doctors-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.specialty-detail-page__doctor-card{align-items:flex-start;background:#f8fafc;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;height:100%;padding:1.5rem;transition:all .3s ease}.specialty-detail-page__doctor-card:hover{background:#fff;border-color:#10b981;box-shadow:0 8px 16px #10b98126;transform:translateY(-4px)}.specialty-detail-page__doctor-avatar{background:#fff;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;height:90px;overflow:hidden;width:90px}.specialty-detail-page__doctor-avatar img{height:100%;object-fit:cover;width:100%}.specialty-detail-page__doctor-info{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.specialty-detail-page__doctor-name{color:#06c;font-size:1rem;font-weight:700;margin:0 0 .25rem;transition:color .3s}.specialty-detail-page__doctor-card:hover .specialty-detail-page__doctor-name{color:#10b981}.specialty-detail-page__doctor-code{color:#64748b;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.specialty-detail-page__doctor-experience{align-items:center;color:#10b981;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;margin-bottom:.5rem}.specialty-detail-page__doctor-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:.8125rem;line-height:1.5;margin-bottom:.75rem;overflow:hidden}.specialty-detail-page__btn-view{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;justify-content:center;margin-top:auto;padding:.5rem 1rem;transition:all .3s;width:-webkit-max-content;width:max-content}.specialty-detail-page__btn-view:hover{background:#059669;transform:translateY(-1px)}.specialty-detail-page__empty,.specialty-detail-page__loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:300px;padding:2rem}.specialty-detail-page__spinner{animation:specialty-detail-page-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}@keyframes specialty-detail-page-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.specialty-detail-page__doctors-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.specialty-detail-page{padding:1rem .5rem}.specialty-detail-page__header{flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}.specialty-detail-page__icon-large{font-size:2rem;height:70px;width:70px}.specialty-detail-page__name{font-size:1.25rem;margin-bottom:.5rem}.specialty-detail-page__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.85rem;overflow:hidden}.specialty-detail-page__doctors-section{padding:1.25rem 1rem}.specialty-detail-page__doctors-title{font-size:1.1rem;margin-bottom:1rem}.specialty-detail-page__doctors-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.specialty-detail-page__doctor-card{align-items:center;flex-direction:column;padding:1rem .5rem;text-align:center}.specialty-detail-page__doctor-avatar{height:60px;margin-bottom:.75rem;width:60px}.specialty-detail-page__doctor-name{font-size:.9rem}.specialty-detail-page__doctor-code{font-size:.7rem}.specialty-detail-page__doctor-experience{font-size:.75rem;justify-content:center}.specialty-detail-page__btn-view{font-size:.75rem;padding:.5rem;width:100%}}@media (max-width:480px){.specialty-detail-page__doctor-avatar{height:50px;width:50px}}.doctors-list-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem 1rem}.doctors-list-page__header{margin-bottom:1.5rem;padding:1rem 0;text-align:center}.doctors-list-page__title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.doctors-list-page__subtitle{color:#64748b;font-size:.875rem;font-weight:500}.doctors-list-page__filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.25rem}.doctors-list-page__filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.doctors-list-page__filters-title{align-items:center;color:#1e293b;display:flex;font-size:.9375rem;font-weight:700;gap:.5rem;margin:0}.doctors-list-page__filters-title svg{color:#10b981;font-size:.875rem}.doctors-list-page__btn-clear{align-items:center;background:#fef2f2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .3s}.doctors-list-page__btn-clear:hover{background:#fee2e2;transform:translateY(-1px)}.doctors-list-page__filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.doctors-list-page__filter-item{display:flex;flex-direction:column}.doctors-list-page__filter-label{color:#475569;display:block;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.doctors-list-page__filter-input,.doctors-list-page__filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:.875rem;font-weight:500;padding:.625rem .75rem;transition:all .3s;width:100%}.doctors-list-page__filter-input:focus,.doctors-list-page__filter-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.doctors-list-page__search-box{align-items:center;display:flex;position:relative}.doctors-list-page__search-icon{color:#94a3b8;font-size:.875rem;left:.75rem;pointer-events:none;position:absolute}.doctors-list-page__search-box .doctors-list-page__filter-input{padding-left:2.25rem}.doctors-list-page__grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.doctors-list-page__card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:0;padding:1.25rem;transition:all .3s ease}.doctors-list-page__card-inner{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;margin-bottom:1rem;width:100%}.doctors-list-page__card:hover{box-shadow:0 8px 16px #10b98126;transform:translateY(-4px)}.doctors-list-page__avatar-wrapper{flex-shrink:0}.doctors-list-page__avatar{border:1px solid #e2e8f0;border-radius:8px;height:140px;overflow:hidden;width:100px}.doctors-list-page__avatar img{height:100%;object-fit:cover;width:100%}.doctors-list-page__info{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.doctors-list-page__name{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0;transition:color .3s}.doctors-list-page__exp{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;margin-bottom:.75rem}.doctors-list-page__details-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.doctors-list-page__detail-item{display:flex;font-size:.85rem;gap:.25rem;line-height:1.4}.detail-label{color:#64748b;font-weight:500;min-width:90px}.detail-text{color:#334155;font-weight:500}.detail-link,.detail-text.highlight{font-weight:600}.detail-link{color:#0284c7;text-decoration:none}.detail-link:hover{text-decoration:underline}.specialty-icon-inline{align-items:center;display:inline-flex;gap:4px}.doctors-list-page__actions{border-top:1px solid #f1f5f9;display:flex;gap:.5rem;padding-top:.75rem;width:100%}.doctors-list-page__btn-book{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.35rem;justify-content:center;padding:.625rem .5rem;transition:all .3s}.doctors-list-page__btn-book.chat-btn{background:#e0f2fe;color:#0284c7}.doctors-list-page__btn-book.chat-btn:hover{background:#bae6fd;transform:translateY(-1px)}.doctors-list-page__btn-book.video-btn{background:#10b981;color:#fff}.doctors-list-page__btn-book.video-btn:hover{background:#059669;transform:translateY(-1px)}.doctors-list-page__pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.doctors-list-page__pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:all .3s}.doctors-list-page__pagination-btn--active,.doctors-list-page__pagination-btn:hover:not(:disabled){background:#10b981;border-color:#10b981;color:#fff}.doctors-list-page__page-numbers{display:flex;gap:.375rem}.doctors-list-page__empty,.doctors-list-page__loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:300px;padding:2rem}.doctors-list-page__spinner{animation:doctors-list-page-spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}@keyframes doctors-list-page-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.doctors-list-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.doctors-list-page{padding:1rem .75rem}.doctors-list-page__header{padding:.5rem 0}.doctors-list-page__title{font-size:1.25rem}.doctors-list-page__filters{padding:1rem}.doctors-list-page__filters-grid,.doctors-list-page__grid{grid-template-columns:1fr}.doctors-list-page__grid{gap:1rem}.doctors-list-page__card-inner{align-items:center;flex-direction:column;text-align:center}.doctors-list-page__details-list,.doctors-list-page__info{align-items:center}.doctors-list-page__pagination{flex-wrap:wrap}.doctors-list-page__page-numbers{justify-content:center;margin-top:.5rem;order:3;width:100%}}@media (max-width:480px){.doctors-list-page__avatar{height:120px;width:100px}.doctors-list-page__card{padding:1rem}.doctors-list-page__filters-header{align-items:stretch;flex-direction:column;gap:.75rem}.doctors-list-page__btn-clear{justify-content:center;width:100%}}@media (max-width:380px){.doctors-list-page__actions{flex-direction:column}}.appointment-rating-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.appointment-rating-modal-content{animation:slideUp .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.appointment-rating-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.appointment-rating-modal-title{color:#333;font-size:20px;font-weight:600;margin:0}.appointment-rating-modal-btn-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:color .2s;width:30px}.appointment-rating-modal-btn-close:hover:not(:disabled){color:#333}.appointment-rating-modal-btn-close:disabled{cursor:not-allowed;opacity:.5}.appointment-rating-modal-body{padding:25px 20px}.appointment-rating-info{background-color:#f0f4f8;border:1px solid #d1e7f5;border-radius:8px;margin-bottom:20px;padding:12px 15px}.appointment-rating-info-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.appointment-rating-info-row:last-child{margin-bottom:0}.appointment-rating-label{color:#555;font-weight:600}.appointment-rating-value{color:#333;flex:1 1;margin-left:10px;text-align:right}.appointment-rating-section{margin-bottom:25px}.appointment-rating-section-label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:12px}.appointment-rating-stars{display:flex;gap:12px;margin-bottom:10px}.appointment-rating-star{align-items:center;cursor:default;display:inline-flex;justify-content:center;transition:transform .2s}.appointment-rating-star.interactive{cursor:pointer}.appointment-rating-star.interactive:hover{transform:scale(1.15)}.appointment-rating-display{color:#666;font-size:14px;font-weight:500;margin:0}.appointment-rating-textarea{border:1px solid #d0d0d0;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.appointment-rating-textarea:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.appointment-rating-textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.appointment-rating-char-count{color:#999;font-size:12px;margin-top:5px;text-align:right}.appointment-rating-error{align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;font-size:14px;gap:8px;margin-top:15px;padding:12px 15px}.appointment-rating-modal-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:15px 20px}.appointment-rating-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.appointment-rating-btn:disabled{cursor:not-allowed;opacity:.6}.appointment-rating-btn-cancel{background-color:#e9ecef;color:#495057}.appointment-rating-btn-cancel:hover:not(:disabled){background-color:#dee2e6}.appointment-rating-btn-submit{background-color:#06c;color:#fff}.appointment-rating-btn-submit:hover:not(:disabled){background-color:#0052a3;box-shadow:0 4px 12px #0066cc4d}.appointment-rating-spinner{animation:spin 1s linear infinite}@media (max-width:600px){.appointment-rating-modal-content{max-height:95vh;max-width:none;width:95%}.appointment-rating-modal-header{padding:15px}.appointment-rating-modal-title{font-size:18px}.appointment-rating-modal-body{padding:15px}.appointment-rating-modal-footer{flex-direction:column}.appointment-rating-btn{justify-content:center;width:100%}.appointment-rating-stars{gap:8px}.appointment-rating-star{height:40px;width:40px}}:root{--doc-primary:#66bb6a;--doc-primary-dark:#4caf50;--doc-primary-light:#e0f7e9;--doc-text-main:#333;--doc-text-sub:#666;--doc-bg:#f7fdfa;--doc-card-bg:#fff;--doc-border:#e0e0e0;--doc-shadow:0 2px 5px #0000000d}.doctor-profile-page-wrapper{background-color:#f7fdfa;background-color:var(--doc-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;min-height:100vh;padding-bottom:2rem}.doctor-profile-page-container{margin:0 auto;max-width:1200px;padding:0 1rem}.doctor-profile-page-loading{align-items:center;color:#66bb6a;color:var(--doc-primary);display:flex;flex-direction:column;font-size:1.1rem;font-weight:500;height:100vh;justify-content:center}.doctor-profile-page-spinner{animation:doc-spin 1s linear infinite;border:4px solid #e0f7e9;border-top-color:#66bb6a;border:4px solid var(--doc-primary-light);border-radius:50%;border-top-color:var(--doc-primary);height:50px;margin-bottom:1rem;width:50px}@keyframes doc-spin{to{transform:rotate(1turn)}}.doctor-profile-page-top-nav{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 0}.doctor-profile-page-btn-back{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--doc-border);border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#666;color:var(--doc-text-sub);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.doctor-profile-page-btn-back:hover{background:#f5f5f5;color:#333;color:var(--doc-text-main);transform:translateX(-2px)}.doctor-profile-page-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:320px 1fr}.doctor-profile-page-sidebar{position:-webkit-sticky;position:sticky;top:2rem}.doctor-profile-page-sidebar-card{background:#fff;background:var(--doc-card-bg);border:1px solid #e0e0e0;border:1px solid var(--doc-border);border-radius:12px;box-shadow:0 2px 5px #0000000d;box-shadow:var(--doc-shadow);padding:2rem 1.5rem;text-align:center}.doctor-profile-page-avatar-wrapper{height:160px;margin:0 auto 1.5rem;position:relative;width:160px}.doctor-profile-page-avatar-wrapper img{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;height:100%;object-fit:cover;width:100%}.doctor-profile-page-exp-badge{align-items:center;background:#f59e0b;border:3px solid #fff;border-radius:50%;bottom:0;box-shadow:0 2px 5px #0003;color:#fff;display:flex;flex-direction:column;height:50px;justify-content:center;position:absolute;right:0;width:50px}.doctor-profile-page-exp-number{font-size:1.1rem;font-weight:800;line-height:1}.doctor-profile-page-exp-text{font-size:.65rem;font-weight:600;text-transform:uppercase}.doctor-profile-page-title-upper{color:#4caf50;color:var(--doc-primary-dark);font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:.3rem;text-transform:uppercase}.doctor-profile-page-name-main{color:#333;color:var(--doc-text-main);font-size:1.5rem;font-weight:800;line-height:1.3;margin:0 0 .8rem}.doctor-profile-page-badges{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.doctor-profile-page-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.3rem .6rem}.doctor-profile-page-code-badge{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.doctor-profile-page-specialty-tag{align-items:center;background:#e0f7e9;background:var(--doc-primary-light);border-radius:20px;color:#4caf50;color:var(--doc-primary-dark);display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;margin-bottom:1.5rem;padding:.5rem 1rem}.doctor-profile-page-contact-list{border-top:1px solid #e0e0e0;border-top:1px solid var(--doc-border);margin-bottom:1.5rem;padding-top:1.5rem;text-align:left}.doctor-profile-page-contact-item{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.doctor-profile-page-contact-item:last-child{margin-bottom:0}.doctor-profile-page-contact-icon{align-items:center;background:#f8fafc;border-radius:8px;color:#66bb6a;color:var(--doc-primary);display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.doctor-profile-page-contact-detail{display:flex;flex-direction:column}.doctor-profile-page-label{color:#94a3b8;font-size:.75rem;font-weight:500;margin-bottom:.2rem}.doctor-profile-page-value{color:#333;color:var(--doc-text-main);font-size:.9rem;font-weight:600;text-decoration:none}a.doctor-profile-page-value:hover{color:#66bb6a;color:var(--doc-primary)}.doctor-profile-page-booking-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.doctor-profile-page-btn-book{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.8rem;transition:all .2s;width:100%}.doctor-profile-page-btn-book:hover{transform:translateY(-1px)}.doctor-profile-page-btn-book.chat-btn{background:#e0f2fe;border:1px solid #bae6fd;color:#0284c7}.doctor-profile-page-btn-book.chat-btn:hover{background:#bae6fd}.doctor-profile-page-btn-book.video-btn{background:#66bb6a;background:var(--doc-primary);box-shadow:0 2px 6px #66bb6a4d;color:#fff}.doctor-profile-page-btn-book.video-btn:hover{background:#4caf50;background:var(--doc-primary-dark)}.doctor-profile-page-content{display:flex;flex-direction:column;gap:1.5rem}.doctor-profile-page-content-card{background:#fff;background:var(--doc-card-bg);border:1px solid #e0e0e0;border:1px solid var(--doc-border);border-radius:12px;box-shadow:0 2px 5px #0000000d;box-shadow:var(--doc-shadow);overflow:hidden}.h-full{height:100%}.doctor-profile-page-card-header{background:#fafafa;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--doc-border);padding:1.25rem 1.5rem}.doctor-profile-page-card-title{align-items:center;color:#333;color:var(--doc-text-main);display:flex;font-size:1.15rem;font-weight:700;gap:.6rem;margin:0}.doctor-profile-page-card-title svg{color:#66bb6a;color:var(--doc-primary)}.doctor-profile-page-card-body{padding:1.5rem}.doctor-profile-page-bio-text{color:#666;color:var(--doc-text-sub);font-size:.95rem;line-height:1.7;margin:0}.doctor-profile-page-timeline{display:flex;flex-direction:column;gap:1.5rem}.doctor-profile-page-timeline-item{display:flex;gap:1.25rem;position:relative}.doctor-profile-page-timeline-item:not(:last-child):before{background:#e2e8f0;bottom:-1.5rem;content:"";left:6px;position:absolute;top:24px;width:2px}.doctor-profile-page-timeline-marker{background:#66bb6a;background:var(--doc-primary);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e0f7e9;box-shadow:0 0 0 2px var(--doc-primary-light);height:14px;margin-top:5px;position:relative;width:14px;z-index:1}.doctor-profile-page-timeline-marker.work{background:#3b82f6;box-shadow:0 0 0 2px #dbeafe}.doctor-profile-page-timeline-content{flex:1 1}.doctor-profile-page-timeline-year{background:#f1f5f9;border-radius:4px;color:#475569;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:.5rem;padding:.2rem .6rem}.doctor-profile-page-timeline-title{color:#333;color:var(--doc-text-main);font-size:1.05rem;font-weight:700;margin:0 0 .3rem}.doctor-profile-page-timeline-subtitle{align-items:center;color:#4caf50;color:var(--doc-primary-dark);display:flex;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.doctor-profile-page-timeline-desc{color:#666;color:var(--doc-text-sub);font-size:.9rem;line-height:1.5;margin:0}.doctor-profile-page-grid-two-cols{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.doctor-profile-page-compact-list{display:flex;flex-direction:column;gap:.8rem;list-style:none;margin:0;padding:0}.doctor-profile-page-compact-list li{align-items:flex-start;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;gap:.6rem;padding:.8rem 1rem}.doctor-profile-page-list-bullet{background:#66bb6a;background:var(--doc-primary);border-radius:50%;flex-shrink:0;height:6px;margin-top:8px;width:6px}.doctor-profile-page-compact-list.gold .doctor-profile-page-list-icon-mini{color:#f59e0b;margin-top:2px}.doctor-profile-page-list-text{color:#333;color:var(--doc-text-main);flex:1 1;font-size:.9rem;font-weight:500;line-height:1.4}.doctor-profile-page-link-btn{color:#94a3b8;padding:.2rem;transition:color .2s}.doctor-profile-page-link-btn:hover{color:#66bb6a;color:var(--doc-primary)}.doctor-profile-page-research-list{display:flex;flex-direction:column;gap:1rem}.doctor-profile-page-research-item{background:#fafafa;border:1px solid #e0e0e0;border:1px solid var(--doc-border);border-radius:8px;display:flex;gap:1rem;padding:1rem}.doctor-profile-page-research-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#8b5cf6;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.doctor-profile-page-research-info{flex:1 1}.doctor-profile-page-research-info h4{color:#333;color:var(--doc-text-main);font-size:.95rem;line-height:1.4;margin:0 0 .4rem}.doctor-profile-page-research-info p{font-size:.85rem;margin:0}.res-journal{color:#8b5cf6;font-weight:600}.res-separator{color:#cbd5e1;margin:0 .4rem}.res-year{color:#555;font-weight:600}.res-authors{color:#999;font-style:italic;margin-top:2px!important}.doctor-profile-page-research-link{color:#66bb6a;color:var(--doc-primary);font-size:.8rem;font-weight:500;text-decoration:none;white-space:nowrap;.doctor-profile-page-card-header-rating{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.doctor-profile-page-rating-summary{align-items:flex-end;display:flex;flex-direction:column;gap:.2rem}.doctor-profile-page-rating-score{align-items:center;color:#f59e0b;display:flex;font-size:1.1rem;font-weight:800;gap:.4rem}.doctor-profile-page-rating-total{color:#666;color:var(--doc-text-sub);font-size:.85rem}.doctor-profile-page-rating-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.doctor-profile-page-rating-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.doctor-profile-page-rating-btn.primary{background:#66bb6a;background:var(--doc-primary);color:#fff}.doctor-profile-page-rating-btn.primary:hover{background:#4caf50;background:var(--doc-primary-dark)}.doctor-profile-page-rating-btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.doctor-profile-page-rating-btn.danger:hover:not(:disabled){background:#ffe4e6}.doctor-profile-page-my-review{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1rem;padding:1rem}.doctor-profile-page-my-review-head{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.doctor-profile-page-review-stars{color:#f59e0b;display:inline-flex;gap:.2rem}.doctor-profile-page-review-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:.75rem;padding:1rem}.doctor-profile-page-review-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.doctor-profile-page-review-date{color:#94a3b8;font-size:.8rem;margin-top:.2rem}.doctor-profile-page-review-text{color:#666;color:var(--doc-text-sub);line-height:1.6;margin:0}.doctor-profile-page-reviews-empty,.doctor-profile-page-reviews-loading{color:#666;color:var(--doc-text-sub);padding:1rem;text-align:center}.spin{animation:doc-spin 1s linear infinite}}@media (max-width:900px){.doctor-profile-page-layout{grid-template-columns:1fr}.doctor-profile-page-sidebar{margin-bottom:1.5rem;position:static}.doctor-profile-page-sidebar-card{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:auto 1fr;text-align:left}.doctor-profile-page-avatar-wrapper{height:120px;margin:0;width:120px}.doctor-profile-page-badges{justify-content:flex-start}.doctor-profile-page-contact-list{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--doc-border);display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;padding-bottom:1.5rem}.doctor-profile-page-grid-two-cols{grid-template-columns:1fr}.doctor-profile-page-card-header-rating,.doctor-profile-page-my-review-head,.doctor-profile-page-review-head{align-items:flex-start;flex-direction:column}.doctor-profile-page-rating-summary{align-items:flex-start}.doctor-profile-page-booking-actions{flex-direction:row;grid-column:1/-1}}@media (max-width:600px){.doctor-profile-page-sidebar-card{grid-template-columns:1fr;text-align:center}.doctor-profile-page-avatar-wrapper{margin:0 auto}.doctor-profile-page-badges{justify-content:center}.doctor-profile-page-contact-list{grid-template-columns:1fr}.doctor-profile-page-booking-actions,.doctor-profile-page-research-item{flex-direction:column}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;opacity:0;position:absolute;width:20px}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.community-group-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:.7rem;vertical-align:middle}.badge{background:#f1f5f9;border-radius:12px;color:#64748b;cursor:pointer;display:inline-block;font-size:.82em;font-weight:600;margin-bottom:.2em;margin-right:.2em;padding:.18em .7em;transition:background .2s,color .2s;white-space:normal;word-break:break-word}:root{--dashboard-primary:#81c784;--dashboard-primary-dark:#66bb6a;--dashboard-primary-light:#a5d6a7;--dashboard-bg:#f4f9f5;--dashboard-white:#fff;--dashboard-text-dark:#2e3d32;--dashboard-text-muted:#6b7b70;--dashboard-shadow:0 4px 15px #81c78414;--dashboard-shadow-hover:0 8px 25px #81c78426;--dashboard-radius:16px;--dashboard-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0}.dashboard-container{background-color:#f4f9f5;background-color:var(--dashboard-bg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:2rem}.dashboard-sticky-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #81c78433;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-user-greeting{align-items:center;display:flex;gap:1rem}.dashboard-user-avatar{align-items:center;background:linear-gradient(135deg,#81c784,#66bb6a);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-dark));border-radius:50%;box-shadow:0 4px 10px #66bb6a4d;color:#fff;display:flex;font-size:1.15rem;font-weight:700;height:44px;justify-content:center;width:44px}.dashboard-greeting-title{color:#2e3d32;color:var(--dashboard-text-dark);font-size:1.25rem;font-weight:600;margin:0}.dashboard-greeting-title span{color:#66bb6a;color:var(--dashboard-primary-dark);font-weight:700}.dashboard-header-actions{align-items:center;display:flex;gap:.8rem}.dashboard-action-btn,.dashboard-btn-logout{align-items:center;background:#fff;border:1px solid #81c78433;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#66bb6a;color:var(--dashboard-primary-dark);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--dashboard-transition)}.dashboard-action-btn.is-active{background:linear-gradient(135deg,#81c784,#66bb6a);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-dark));border:none;box-shadow:0 4px 12px #66bb6a4d;color:#fff}.dashboard-action-btn.secondary{border-color:#fde68a;color:#f59e0b}.dashboard-btn-logout{background:#fff1f2;border-color:#fecdd3;color:#ef4444;padding:.6rem}.dashboard-action-btn:hover,.dashboard-btn-logout:hover{box-shadow:0 8px 25px #81c78426;box-shadow:var(--dashboard-shadow-hover);transform:translateY(-2px)}.dashboard-layout{display:flex;gap:1.5rem;margin:0 auto;max-width:1600px;padding:0 1.5rem}.dashboard-main{flex:1 1;min-width:0}.dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem;width:280px}.dashboard-widget-card{background:#fff;background:var(--dashboard-white);border:none!important;border-radius:16px;border-radius:var(--dashboard-radius);box-shadow:0 4px 15px #81c78414;box-shadow:var(--dashboard-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.2rem;transition:box-shadow .2s ease}.dashboard-widget-card:hover{box-shadow:0 8px 25px #81c78426;box-shadow:var(--dashboard-shadow-hover)}.dashboard-widget-card.is-editing{background:#ffffffe6;box-shadow:none;cursor:grab;outline:2px dashed #a5d6a7;outline:2px dashed var(--dashboard-primary-light);outline-offset:-2px}.dashboard-widget-card.is-editing:active{cursor:grabbing}.widget-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.widget-header h2{align-items:center;color:#2e3d32;color:var(--dashboard-text-dark);display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;margin:0}.widget-icon-title{color:#66bb6a;color:var(--dashboard-primary-dark);font-size:1.2rem}.widget-total-badge{background:#a5d6a7;background:var(--dashboard-primary-light);border-radius:20px;box-shadow:0 2px 6px #81c78466;color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .8rem}.widget-content{display:flex;flex:1 1;flex-direction:column;overflow:auto;padding-right:4px}.widget-content::-webkit-scrollbar{height:6px;width:6px}.widget-content::-webkit-scrollbar-track{background:#00000005;border-radius:10px}.widget-content::-webkit-scrollbar-thumb{background:#81c78480;border-radius:10px}.widget-content::-webkit-scrollbar-thumb:hover{background:#66bb6a;background:var(--dashboard-primary-dark)}.widget-stat-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));min-width:100%}.widget-stat-item{align-items:center;background:#f4f9f5;background:var(--dashboard-bg);border:none;border-radius:12px;cursor:pointer;display:flex;gap:.8rem;padding:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--dashboard-transition)}.widget-stat-item.disabled-click{pointer-events:none}.widget-stat-item:hover{background:#fff;box-shadow:0 4px 15px #81c78414;box-shadow:var(--dashboard-shadow);transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-info span{color:#6b7b70;color:var(--dashboard-text-muted);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-info strong{color:#2e3d32;color:var(--dashboard-text-dark);font-size:1.1rem;line-height:1.2}.is-warning .stat-icon-wrapper{background:#fef3c7;color:#d97706}.is-success .stat-icon-wrapper{background:#dcfce7;color:#16a34a}.is-blue .stat-icon-wrapper{background:#dbeafe;color:#2563eb}.is-amber .stat-icon-wrapper{background:#fefce8;color:#ca8a04}.is-danger .stat-icon-wrapper{background:#fee2e2;color:#dc2626}.is-info .stat-icon-wrapper{background:#e0f2fe;color:#0284c7}.is-cyan .stat-icon-wrapper{background:#cffafe;color:#0891b2}.is-purple .stat-icon-wrapper{background:#f3e8ff;color:#9333ea}.is-muted .stat-icon-wrapper{background:#f1f5f9;color:#64748b}.is-green .stat-icon-wrapper{background:#d1fae5;color:#059669}.react-resizable-handle{background-image:none!important}.react-resizable-handle:after{border-bottom:3px solid #81c784;border-bottom:3px solid var(--dashboard-primary);border-radius:2px;border-right:3px solid #81c784;border-right:3px solid var(--dashboard-primary);bottom:6px;content:"";cursor:se-resize;height:12px;opacity:.6;position:absolute;right:6px;transition:opacity .2s;width:12px}.react-resizable-handle:hover:after{opacity:1}.dashboard-clock-widget{align-items:center;background:#fff;background:var(--dashboard-white);border-radius:16px;border-radius:var(--dashboard-radius);box-shadow:0 4px 15px #81c78414;box-shadow:var(--dashboard-shadow);display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1rem}.dashboard-clock{background:#fff;border-radius:50%;box-shadow:0 0 15px #66bb6a33,0 0 30px #66bb6a1a,inset 0 0 15px #66bb6a0d;height:180px;position:relative;width:180px}.dashboard-clock-marker{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.dashboard-marker-line{background:#bdbdbd;border-radius:2px;height:8px;left:50%;position:absolute;top:4px;transform:translateX(-50%);width:2px}.dashboard-clock-marker:first-child .dashboard-marker-line,.dashboard-clock-marker:nth-child(10) .dashboard-marker-line,.dashboard-clock-marker:nth-child(4) .dashboard-marker-line,.dashboard-clock-marker:nth-child(7) .dashboard-marker-line{background:#66bb6a;background:var(--dashboard-primary-dark);height:12px;width:2px}.dashboard-clock-number{color:#66bb6a;color:var(--dashboard-primary-dark);font-size:.95rem;font-weight:700;position:absolute;-webkit-user-select:none;user-select:none;z-index:2}.dashboard-clock-12{left:50%;top:12px;transform:translateX(-50%)}.dashboard-clock-3{right:14px;top:50%;transform:translateY(-50%)}.dashboard-clock-6{bottom:12px;left:50%;transform:translateX(-50%)}.dashboard-clock-9{left:12px;top:50%;transform:translateY(-50%)}.dashboard-clock-center{background:#ef5350;border-radius:50%;box-shadow:0 0 8px #ef535066;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;z-index:10}.dashboard-clock-hand{border-radius:6px 6px 0 0;bottom:50%;left:50%;position:absolute;transform-origin:bottom center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-hour-hand{background:#424242;height:45px;margin-left:-2.5px;width:5px;z-index:5}.dashboard-minute-hand{background:#616161;height:60px;margin-left:-1.5px;width:3px;z-index:6}.dashboard-second-hand{background:#ef5350;height:70px;margin-left:-1px;transition:transform .05s cubic-bezier(.4,0,.2,1);width:2px;z-index:7}.dashboard-digital-time{background:#66bb6a0d;border:2px solid #66bb6a33;border-radius:6px;color:#66bb6a;color:var(--dashboard-primary-dark);font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:.4rem .8rem}.dashboard-calendar-widget{background:#fff;background:var(--dashboard-white);border-radius:16px;border-radius:var(--dashboard-radius);box-shadow:0 4px 15px #81c78414;box-shadow:var(--dashboard-shadow);padding:1rem;position:relative}.dashboard-calendar-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.dashboard-calendar-title{align-items:center;color:#424242;display:flex;font-size:.9rem;font-weight:600;gap:.4rem}.dashboard-calendar-icon{color:#81c784;color:var(--dashboard-primary);font-size:1rem}.dashboard-calendar-nav{align-items:center;background:#0000;border:none;border-radius:6px;color:#66bb6a;color:var(--dashboard-primary-dark);cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--dashboard-transition)}.dashboard-calendar-nav:hover{background:#66bb6a1a}.dashboard-calendar-grid{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:repeat(7,1fr)}.dashboard-calendar-weekday{color:#757575;font-size:.65rem;font-weight:600;padding:.35rem 0;text-align:center;text-transform:uppercase}.dashboard-calendar-day{align-items:center;aspect-ratio:1;background:#f9fbf9;border:1px solid #0000;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;justify-content:center;min-height:34px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--dashboard-transition)}.dashboard-calendar-day:not(.dashboard-calendar-empty):hover{background:#edf7ee;color:#66bb6a;color:var(--dashboard-primary-dark);transform:translateY(-1px)}.dashboard-calendar-empty{background:#0000;cursor:default}.dashboard-calendar-today{background:linear-gradient(135deg,#81c784,#66bb6a);background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-dark));box-shadow:0 4px 10px #66bb6a40;color:#fff;font-weight:700}.dashboard-calendar-today:hover{color:#fff}.dashboard-calendar-day-number{align-items:center;display:flex;justify-content:center;line-height:1;margin-top:1px}.dashboard-calendar-day-indicators{display:flex;gap:4px;margin-bottom:2px;margin-top:3px}.indicator{border-radius:50%;display:inline-block;font-size:0;height:6px;line-height:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--dashboard-transition);width:6px}.indicator-schedule{background-color:#1e88e5}.indicator-appointment{background-color:#fb923c}.indicator-consultation{background-color:#38bdf8}.indicator-leave{background-color:#c62828}.dashboard-calendar-day.has-schedule{border-color:#1e88e58c}.dashboard-calendar-day.has-appointment{border-color:#fb923c8c}.dashboard-calendar-day.has-leave{border-color:#c628288c}.dashboard-calendar-day.dashboard-calendar-today.has-appointment,.dashboard-calendar-day.dashboard-calendar-today.has-leave,.dashboard-calendar-day.dashboard-calendar-today.has-schedule{border-color:#ffffffd9}.dashboard-calendar-legend{border-top:1px solid #eceff1;display:flex;flex-wrap:wrap;font-size:.74rem;gap:1rem;justify-content:center;margin-top:.9rem;padding-top:.7rem}.dashboard-calendar-legend .legend-item{align-items:center;display:flex;gap:.35rem}.dashboard-calendar-legend .legend-dot{border-radius:50%;height:9px;width:9px}.schedule-dot{background-color:#1976d2}.appointment-dot{background-color:#fb923c}.consultation-dot{background-color:#38bdf8}.leave-dot{background-color:#d32f2f}.dashboard-calendar-legend .legend-label{color:#4b5563;font-weight:500}.dashboard-calendar-tooltip{animation:tooltipPopup .2s ease-out;background:#fff;border:1px solid #dbe3e8;border-radius:10px;box-shadow:0 10px 30px #0f172a2e;max-width:280px;pointer-events:none;position:fixed;width:-webkit-max-content;width:max-content;z-index:1000}@keyframes tooltipPopup{0%{opacity:0;transform:translate(-50%,-95%) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.tooltip-content{padding:.75rem .8rem}.tooltip-date{color:#2f855a;font-size:.82rem;font-weight:700}.tooltip-date,.tooltip-section{margin-bottom:.45rem}.tooltip-section:last-child{margin-bottom:0}.tooltip-section-title{align-items:center;color:#334155;display:flex;font-size:.73rem;font-weight:600;gap:.35rem;margin-bottom:.3rem}.indicator-badge{font-size:.8rem}.schedule-badge{color:#1976d2}.appointment-badge{color:#fb923c}.consultation-badge{color:#38bdf8}.leave-badge{color:#d32f2f}.tooltip-item{border-left:2px solid #e2e8f0;color:#475569;font-size:.69rem;line-height:1.35;max-width:250px;overflow:hidden;padding:.2rem 0 .2rem .4rem;text-overflow:ellipsis;white-space:nowrap}.tooltip-more{color:#64748b;font-size:.64rem;font-style:italic;margin-top:.2rem;padding-left:.4rem}@media (max-width:1100px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{flex-direction:row;gap:1rem;justify-content:center;width:100%}.dashboard-calendar-widget,.dashboard-clock-widget{flex:1 1;max-width:400px}}@media (max-width:768px){.dashboard-sticky-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:.8rem}.dashboard-header-actions{justify-content:space-between;width:100%}.dashboard-action-btn span{display:none}.dashboard-greeting-title{font-size:1.1rem}.widget-stat-grid{gap:.6rem;grid-template-columns:1fr 1fr}.dashboard-sidebar{align-items:center;flex-direction:column}.dashboard-calendar-widget,.dashboard-clock-widget{max-width:100%;width:100%}.dashboard-calendar-grid{gap:.25rem}.dashboard-calendar-day{border-radius:7px;min-height:32px}.dashboard-calendar-legend{gap:.75rem;justify-content:flex-start}.dashboard-calendar-tooltip{max-width:min(92vw,280px)}}@media (max-width:480px){.widget-stat-grid{grid-template-columns:1fr}.dashboard-layout{padding:0 .5rem}.dashboard-sticky-header{padding:.6rem}.dashboard-calendar-weekday{font-size:.6rem}.dashboard-calendar-day{font-size:.74rem;min-height:30px}.dashboard-calendar-day-indicators{gap:3px;margin-top:2px}.indicator{height:5px;width:5px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--profile-page-primary:#16a34a;--profile-page-primary-dark:#15803d;--profile-page-primary-light:#bbf7d0;--profile-page-accent:#059669;--profile-page-accent-soft:#dcfce7;--profile-page-white:#fff;--profile-page-bg:#f0fdf4;--profile-page-gray-50:#f9fafb;--profile-page-gray-100:#f3f4f6;--profile-page-border:#d1fae5;--profile-page-border-gray:#e5e7eb;--profile-page-text-dark:#14532d;--profile-page-text-body:#1f2937;--profile-page-text-secondary:#374151;--profile-page-text-light:#6b7280;--profile-page-text-muted:#9ca3af;--profile-page-danger:#ef4444;--profile-page-blue:#3b82f6;--profile-page-blue-soft:#eff6ff;--profile-page-shadow-xs:0 1px 2px #0000000d;--profile-page-shadow-sm:0 1px 4px #00000012;--profile-page-shadow:0 2px 8px #16a34a1a,0 1px 3px #0000000f;--profile-page-shadow-hover:0 4px 16px #16a34a29,0 2px 6px #0000000f;--profile-page-radius-sm:5px;--profile-page-radius:8px;--profile-page-radius-lg:12px;--profile-page-fs-xs:0.7rem;--profile-page-fs-sm:0.78rem;--profile-page-fs-base:0.84rem;--profile-page-fs-md:0.92rem;--profile-page-fs-lg:1.05rem}.profile-page-container{background:linear-gradient(155deg,#f0fdf4,#ecfdf5 55%,#f8fafc);color:#374151;color:var(--profile-page-text-secondary);font-family:Be Vietnam Pro,sans-serif;font-size:.84rem;font-size:var(--profile-page-fs-base);margin:0 auto;max-width:1100px;min-height:100vh;padding:1rem}.profile-page-loading{align-items:center;background:#f0fdf4;background:var(--profile-page-bg);color:#16a34a;color:var(--profile-page-primary);display:flex;flex-direction:column;font-family:Be Vietnam Pro,sans-serif;font-size:.92rem;font-size:var(--profile-page-fs-md);font-weight:600;gap:.75rem;height:100vh;justify-content:center}.profile-page-spinner{animation:profile-page-spin .85s linear infinite;border:3px solid #bbf7d0;border-top-color:#16a34a;border:3px solid var(--profile-page-primary-light);border-radius:50%;border-top-color:var(--profile-page-primary);height:30px;width:30px}@keyframes profile-page-spin{to{transform:rotate(1turn)}}.profile-page-header{align-items:center;background:#fff;background:var(--profile-page-white);border:1px solid #d1fae5;border:1px solid var(--profile-page-border);border-radius:12px;border-radius:var(--profile-page-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--profile-page-shadow-xs);display:flex;justify-content:space-between;margin-bottom:.85rem;overflow:hidden;padding:.7rem 1rem;position:relative}.profile-page-header:before{background:linear-gradient(90deg,#16a34a,#059669,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.profile-page-btn-back{align-items:center;background:#f3f4f6;background:var(--profile-page-gray-100);border:1px solid #e5e7eb;border:1px solid var(--profile-page-border-gray);border-radius:5px;border-radius:var(--profile-page-radius-sm);color:#6b7280;color:var(--profile-page-text-light);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-size:var(--profile-page-fs-sm);font-weight:600;gap:.35rem;padding:.38rem .75rem;transition:all .18s}.profile-page-btn-back:hover{background:#dcfce7;background:var(--profile-page-accent-soft);border-color:#bbf7d0;border-color:var(--profile-page-primary-light);color:#15803d;color:var(--profile-page-primary-dark)}.profile-page-title{align-items:center;color:#14532d;color:var(--profile-page-text-dark);display:flex;font-size:1.05rem;font-size:var(--profile-page-fs-lg);font-weight:700;gap:.4rem;margin:0}.profile-page-title svg{color:#16a34a;color:var(--profile-page-primary);font-size:.95rem}.profile-page-content{grid-gap:.85rem;align-items:start;display:grid;gap:.85rem;grid-template-columns:220px 1fr;margin-bottom:.85rem}.profile-page-main-forms{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.profile-page-avatar-card{background:#fff;background:var(--profile-page-white);border:1px solid #d1fae5;border:1px solid var(--profile-page-border);border-radius:12px;border-radius:var(--profile-page-radius-lg);box-shadow:0 1px 4px #00000012;box-shadow:var(--profile-page-shadow-sm);height:-webkit-fit-content;height:fit-content;padding:1rem;text-align:center}.profile-page-avatar-wrapper{align-items:center;border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--profile-page-border);display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem}.profile-page-avatar{align-items:center;background:#dcfce7;background:var(--profile-page-accent-soft);border:2px solid #bbf7d0;border:2px solid var(--profile-page-primary-light);border-radius:50%;box-shadow:0 1px 4px #00000012;box-shadow:var(--profile-page-shadow-sm);display:flex;height:90px;justify-content:center;overflow:hidden;width:90px}.profile-page-avatar img{height:100%;object-fit:cover;width:100%}.profile-page-avatar-placeholder{color:#16a34a;color:var(--profile-page-primary);font-size:2rem}.profile-page-btn-change-avatar,.profile-page-btn-remove-avatar,.profile-page-btn-upload{align-items:center;border:none;border-radius:5px;border-radius:var(--profile-page-radius-sm);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:.7rem;font-size:var(--profile-page-fs-xs);font-weight:600;gap:.3rem;justify-content:center;padding:.4rem .6rem;transition:all .18s;width:100%}.profile-page-btn-change-avatar{background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--profile-page-primary),var(--profile-page-accent));box-shadow:0 2px 6px #16a34a47;color:#fff}.profile-page-btn-change-avatar:hover{opacity:.88;transform:translateY(-1px)}.profile-page-btn-upload{background:#16a34a;background:var(--profile-page-primary);color:#fff}.profile-page-btn-upload:hover:not(:disabled){background:#15803d;background:var(--profile-page-primary-dark)}.profile-page-btn-upload:disabled{cursor:not-allowed;opacity:.55}.profile-page-btn-remove-avatar{background:#fff1f2;border:1px solid #fecaca;color:#b91c1c}.profile-page-btn-remove-avatar:hover{background:#fee2e2}.profile-page-user-basic{align-items:center;display:flex;flex-direction:column;gap:.25rem}.profile-page-verified{background:#dcfce7;background:var(--profile-page-accent-soft);border:1px solid #bbf7d0;border:1px solid var(--profile-page-primary-light);border-radius:20px;color:#16a34a;color:var(--profile-page-primary)}.profile-page-not-verified,.profile-page-verified{align-items:center;display:inline-flex;font-size:.7rem;font-size:var(--profile-page-fs-xs);font-weight:600;gap:.25rem;padding:.15rem .5rem}.profile-page-not-verified{background:#f3f4f6;background:var(--profile-page-gray-100);border:1px solid #e5e7eb;border:1px solid var(--profile-page-border-gray);border-radius:20px;color:#9ca3af;color:var(--profile-page-text-muted)}.profile-page-role-badge{border-radius:20px;color:#fff;display:inline-block;font-family:monospace;font-size:.7rem;font-size:var(--profile-page-fs-xs);font-weight:700;letter-spacing:.5px;padding:.2rem .7rem;text-transform:uppercase}.profile-page-role-doctor{background:#16a34a;background:var(--profile-page-primary)}.profile-page-role-patient{background:#64748b}.profile-page-role-staff{background:#3b82f6}.profile-page-role-admin{background:#ef4444}.profile-page-user-basic h2{color:#1f2937;color:var(--profile-page-text-body);font-size:.92rem;font-size:var(--profile-page-fs-md);font-weight:700;margin:.1rem 0 0}.profile-page-user-email{color:#9ca3af;color:var(--profile-page-text-muted);font-size:.7rem;font-size:var(--profile-page-fs-xs)}.profile-page-btn-view-medical-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--profile-page-primary),var(--profile-page-accent));border:none;border-radius:5px;border-radius:var(--profile-page-radius-sm);box-shadow:0 2px 6px #16a34a47;color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:.7rem;font-size:var(--profile-page-fs-xs);font-weight:700;gap:.35rem;justify-content:center;margin-top:.4rem;padding:.48rem .75rem;transition:all .18s;width:100%}.profile-page-btn-view-medical-avatar:hover{box-shadow:0 4px 12px #16a34a59;opacity:.88;transform:translateY(-1px)}.profile-page-form-card{background:#fff;background:var(--profile-page-white);border:1px solid #e5e7eb;border:1px solid var(--profile-page-border-gray);border-radius:8px;border-radius:var(--profile-page-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--profile-page-shadow-xs);overflow:hidden;transition:box-shadow .2s}.profile-page-form-card:hover{border-color:#d1fae5;border-color:var(--profile-page-border);box-shadow:0 2px 8px #16a34a1a,0 1px 3px #0000000f;box-shadow:var(--profile-page-shadow)}.profile-page-card-header{background:linear-gradient(90deg,#16a34a,#059669);background:linear-gradient(90deg,var(--profile-page-primary),var(--profile-page-accent));padding:.55rem .9rem}.profile-page-card-header h2{align-items:center;color:#fff;display:flex;font-size:.78rem;font-size:var(--profile-page-fs-sm);font-weight:700;gap:.4rem;margin:0}.profile-page-card-header h2 svg{font-size:.8rem}.profile-page-card-header-password{background:linear-gradient(90deg,#0369a1,#0284c7)}.profile-page-card-header-doctor{background:linear-gradient(90deg,#14532d,#15803d)}.profile-page-card-header-staff{background:linear-gradient(90deg,#1d4ed8,#2563eb)}.profile-page-form{display:flex;flex-direction:column;gap:0;padding:.9rem}.profile-page-form-row{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:1fr 1fr}.profile-page-form-group{margin-bottom:.6rem}.profile-page-form-label{color:#374151;color:var(--profile-page-text-secondary);display:block;font-size:.7rem;font-size:var(--profile-page-fs-xs);font-weight:600;margin-bottom:.28rem}.profile-page-form-input,.profile-page-form-select,.profile-page-form-textarea{background:#f9fafb;background:var(--profile-page-gray-50);border:1px solid #e5e7eb;border:1px solid var(--profile-page-border-gray);border-radius:5px;border-radius:var(--profile-page-radius-sm);box-sizing:border-box;color:#1f2937;color:var(--profile-page-text-body);font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-size:var(--profile-page-fs-sm);outline:none;padding:.42rem .65rem;transition:border-color .18s,box-shadow .18s,background .15s;width:100%}.profile-page-form-input:focus,.profile-page-form-select:focus,.profile-page-form-textarea:focus{background:#fff;background:var(--profile-page-white);border-color:#16a34a;border-color:var(--profile-page-primary);box-shadow:0 0 0 2.5px #16a34a21}.profile-page-form-textarea{line-height:1.5;min-height:60px;resize:vertical}.profile-page-form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%236b7280' d='m0 0 5 6 5-6z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:1.8rem}.profile-page-btn-submit{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--profile-page-primary),var(--profile-page-accent));border:none;border-radius:5px;border-radius:var(--profile-page-radius-sm);box-shadow:0 2px 6px #16a34a47;color:#fff;cursor:pointer;display:flex;font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-size:var(--profile-page-fs-sm);font-weight:700;gap:.35rem;justify-content:center;margin-top:.25rem;padding:.5rem;transition:opacity .18s,transform .15s;width:100%}.profile-page-btn-submit:hover{opacity:.88;transform:translateY(-1px)}.profile-page-doctor-container{grid-column:1/-1;margin-top:.5rem}.profile-page-doctor-section{background:#f9fafb;background:var(--profile-page-gray-50);border:1px solid #e5e7eb;border:1px solid var(--profile-page-border-gray);border-radius:8px;border-radius:var(--profile-page-radius);margin-bottom:.85rem;padding:.85rem}.profile-page-section-header-row{align-items:center;border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--profile-page-border);display:flex;justify-content:space-between;margin-bottom:.65rem;padding-bottom:.4rem}.profile-page-section-title{align-items:center;color:#14532d;color:var(--profile-page-text-dark);display:flex;font-size:.78rem;font-size:var(--profile-page-fs-sm);font-weight:700;gap:.35rem;margin:0}.profile-page-section-title svg{color:#16a34a;color:var(--profile-page-primary);font-size:.8rem}.profile-page-grid{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:100%}.profile-page-col-full{grid-column:1/-1}.profile-page-items-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:.5rem}.profile-page-item-card{align-items:flex-start;background:#fff;background:var(--profile-page-white);border:1px solid #e5e7eb;border:1px solid var(--profile-page-border-gray);border-radius:5px;border-radius:var(--profile-page-radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:var(--profile-page-shadow-xs);display:flex;gap:.4rem;justify-content:space-between;padding:.55rem .65rem;transition:border-color .18s,box-shadow .18s}.profile-page-item-card:hover{border-color:#bbf7d0;border-color:var(--profile-page-primary-light);box-shadow:0 1px 4px #00000012;box-shadow:var(--profile-page-shadow-sm)}.profile-page-item-content{color:#374151;color:var(--profile-page-text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:.7rem;font-size:var(--profile-page-fs-xs);gap:1px;min-width:0}.profile-page-item-content strong{color:#1f2937;color:var(--profile-page-text-body);font-size:.7rem;font-size:var(--profile-page-fs-xs);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page-item-content span{color:#6b7280;color:var(--profile-page-text-light);font-size:.68rem}.profile-page-item-content small{color:#9ca3af;color:var(--profile-page-text-muted);font-size:.65rem}.profile-page-item-actions{display:flex;flex-shrink:0;gap:.2rem}.profile-page-btn-add-mini{align-items:center;background:#fff;background:var(--profile-page-white);border:1px solid #16a34a;border:1px solid var(--profile-page-primary);border-radius:5px;border-radius:var(--profile-page-radius-sm);color:#16a34a;color:var(--profile-page-primary);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:.7rem;font-size:var(--profile-page-fs-xs);font-weight:600;gap:.22rem;padding:.22rem .55rem;transition:all .18s}.profile-page-btn-add-mini:hover{background:#16a34a;background:var(--profile-page-primary);color:#fff}.profile-page-btn-icon-delete,.profile-page-btn-icon-edit{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.65rem;height:22px;justify-content:center;transition:all .18s;width:22px}.profile-page-btn-icon-edit{background:#eff6ff;background:var(--profile-page-blue-soft);color:#3b82f6;color:var(--profile-page-blue)}.profile-page-btn-icon-edit:hover{background:#dbeafe}.profile-page-btn-icon-delete{background:#fff1f2;color:#ef4444;color:var(--profile-page-danger)}.profile-page-btn-icon-delete:hover{background:#fee2e2}.profile-page-text-link{color:#16a34a;color:var(--profile-page-primary);font-size:.65rem;text-decoration:none}.profile-page-text-link:hover{text-decoration:underline}.profile-page-add-form{background:#fff;background:var(--profile-page-white);border:1px dashed #bbf7d0;border:1px dashed var(--profile-page-primary-light);border-radius:5px;border-radius:var(--profile-page-radius-sm);margin-top:.4rem;padding:.7rem}.profile-page-form-actions{display:flex;gap:.4rem;justify-content:flex-end;margin-top:.6rem}.profile-page-btn-save-mini{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--profile-page-primary),var(--profile-page-accent));border:none;border-radius:5px;border-radius:var(--profile-page-radius-sm);box-shadow:0 1px 4px #16a34a40;color:#fff;display:inline-flex;font-weight:700;gap:.25rem}.profile-page-btn-cancel-mini,.profile-page-btn-save-mini{cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-size:.7rem;font-size:var(--profile-page-fs-xs);padding:.32rem .75rem}.profile-page-btn-cancel-mini{background:#f3f4f6;background:var(--profile-page-gray-100);border:1px solid #e5e7eb;border:1px solid var(--profile-page-border-gray);border-radius:5px;border-radius:var(--profile-page-radius-sm);color:#6b7280;color:var(--profile-page-text-light);font-weight:600}.profile-page-btn-cancel-mini:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444;color:var(--profile-page-danger)}@media (max-width:1024px){.profile-page-content{grid-template-columns:1fr}.profile-page-avatar-card{align-items:center;display:flex;flex-direction:row;gap:1rem;text-align:left}.profile-page-avatar-wrapper{border-bottom:none;border-right:1px solid #d1fae5;border-right:1px solid var(--profile-page-border);margin-bottom:0;padding-bottom:0;padding-right:1rem}.profile-page-user-basic{align-items:flex-start}}@media (max-width:900px){.profile-page-main-forms{grid-template-columns:1fr}}@media (max-width:768px){.profile-page-container{padding:.75rem}.profile-page-header{align-items:flex-start;flex-direction:column;gap:.5rem}.profile-page-avatar-card{flex-direction:column;text-align:center}.profile-page-avatar-wrapper{border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--profile-page-border);border-right:none;padding-bottom:.75rem;padding-right:0}.profile-page-user-basic{align-items:center}.profile-page-form-row,.profile-page-items-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-page-container{padding:.5rem}.profile-page-avatar{height:80px;width:80px}.profile-page-grid{grid-template-columns:1fr}}.notificationspage-container{background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:100vh;padding:1.5rem 0}.notificationspage-wrapper{margin:0 auto;max-width:900px;padding:0 1.5rem}.notificationspage-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 3px 10px #10b98140;color:#fff;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:1rem 1.5rem}.notificationspage-header-left{align-items:center;display:flex;gap:.75rem}.notificationspage-header-icon{font-size:1.5rem}.notificationspage-title{font-size:1.4rem;font-weight:700;margin:0}.notificationspage-unread-badge{background:#ffffff40;border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .65rem}.notificationspage-header-actions{display:flex;gap:.6rem}.notificationspage-button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem .9rem;transition:all .3s ease}.notificationspage-button:hover{background:#ffffff4d;transform:translateY(-1px)}.notificationspage-button-delete{background:#ef4444cc}.notificationspage-button-delete:hover{background:#ef4444}.notificationspage-filters{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;display:flex;gap:.6rem;margin-bottom:1.25rem;padding:.75rem}.notificationspage-filter-button{background:#0000;border:1.5px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.notificationspage-filter-button:hover{background:#f3f4f6;border-color:#10b981;color:#10b981}.notificationspage-filter-button-active{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;box-shadow:0 3px 10px #10b98140;color:#fff}.notificationspage-list{display:flex;flex-direction:column;gap:.6rem}.notificationspage-card{background:#fff;border:1.5px solid #0000;border-radius:10px;box-shadow:0 2px 6px #0000000f;cursor:pointer;display:flex;gap:.75rem;padding:.9rem 1.1rem;transition:all .3s ease}.notificationspage-card:hover{border-color:#10b981;box-shadow:0 3px 12px #0000001a;transform:translateY(-1px)}.notificationspage-card-unread{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:3px solid #10b981}.notificationspage-icon-wrapper{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notificationspage-icon-type{font-size:1.1rem}.notificationspage-icon-article{color:#3b82f6}.notificationspage-icon-appointment{color:#8b5cf6}.notificationspage-icon-payment{color:#f59e0b}.notificationspage-icon-system{color:#ef4444}.notificationspage-icon-default{color:#6b7280}.notificationspage-content{flex:1 1;min-width:0}.notificationspage-message{color:#374151;font-size:.85rem;font-weight:500;line-height:1.4;margin:0 0 .35rem}.notificationspage-card-unread .notificationspage-message{color:#1f2937;font-weight:600}.notificationspage-time{color:#9ca3af;font-size:.7rem}.notificationspage-actions{align-items:center;display:flex;gap:.4rem;opacity:0;transition:opacity .3s ease}.notificationspage-card:hover .notificationspage-actions{opacity:1}.notificationspage-action-button{align-items:center;background:#0000;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;padding:.4rem;transition:all .3s ease}.notificationspage-action-read{color:#10b981}.notificationspage-action-read:hover{background:#d1fae5}.notificationspage-action-delete{color:#ef4444}.notificationspage-action-delete:hover{background:#fee2e2}.notificationspage-empty,.notificationspage-loading{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.notificationspage-spinner{animation:notificationspage-spin 1s linear infinite;color:#10b981;height:40px;margin-bottom:.75rem;width:40px}@keyframes notificationspage-spin{to{transform:rotate(1turn)}}.notificationspage-loading-text{color:#6b7280;font-size:.9rem;margin:0}.notificationspage-empty-icon{color:#d1d5db;font-size:3rem;margin-bottom:.75rem}.notificationspage-empty-title{color:#374151;font-size:1.2rem;margin:0 0 .4rem}.notificationspage-empty-text{color:#9ca3af;font-size:.85rem;margin:0}@media (max-width:768px){.notificationspage-wrapper{padding:0 .75rem}.notificationspage-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.85rem 1.1rem}.notificationspage-header-actions{flex-direction:column;width:100%}.notificationspage-button{justify-content:center;width:100%}.notificationspage-filters{flex-direction:column}.notificationspage-filter-button{width:100%}.notificationspage-card{padding:.75rem}.notificationspage-icon-wrapper{height:32px;width:32px}.notificationspage-icon-type{font-size:1rem}}.permission-debug-page{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.debug-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.debug-container h1{border-bottom:3px solid #4caf50;color:#333;margin-bottom:30px;padding-bottom:10px}.debug-section{background:#fafafa;border-left:4px solid #2196f3;border-radius:6px;margin-bottom:40px;padding:20px}.debug-section h2{color:#2196f3;font-size:1.3rem;margin-bottom:20px}.debug-info{background:#fff;border-radius:4px;padding:15px}.debug-info p{font-family:Courier New,monospace;margin:8px 0}.debug-info strong{color:#555;display:inline-block;min-width:120px}.debug-json{background:#1e1e1e;border-radius:6px;color:#d4d4d4;font-family:Courier New,monospace;font-size:13px;line-height:1.6;max-height:400px;overflow-x:auto;overflow-y:auto;padding:20px}.debug-table{background:#fff;border-collapse:collapse;width:100%}.debug-table th{background:#2196f3;color:#fff;font-weight:600;padding:12px;text-align:left}.debug-table td{border-bottom:1px solid #eee;padding:12px;vertical-align:top}.debug-table tr:hover{background:#f9f9f9}.debug-table code{background:#e8e8e8;border-radius:3px;color:#d63384;font-family:Courier New,monospace;padding:2px 6px}.status-yes{color:#4caf50;font-weight:700}.status-no{color:#f44336;font-weight:700}.perms-detail{background:#f5f5f5;border-radius:4px;font-size:11px;max-width:300px;overflow-x:auto;padding:8px}.admin-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.test-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.test-item{background:#fff;border:1px solid #ddd;border-radius:6px;padding:15px}.test-item h3{border-bottom:2px solid #4caf50;color:#333;font-size:1rem;margin-bottom:12px;padding-bottom:6px}.test-item p{font-family:Courier New,monospace;font-size:13px;margin:6px 0}:root{--abp-primary:#3aaa6f;--abp-primary-light:#e8f7ef;--abp-primary-mid:#c2ecd4;--abp-primary-hover:#2d9460;--abp-accent:#1d7a52;--abp-bg:#f0faf5;--abp-surface:#fff;--abp-surface-alt:#f7fcf9;--abp-text-dark:#1a2e25;--abp-text-body:#3d5247;--abp-text-muted:#7a9b8a;--abp-border:#d4ead9;--abp-border-focus:#3aaa6f;--abp-danger:#e53e3e;--abp-danger-light:#fff5f5;--abp-warning:#d97706;--abp-warning-light:#fffbeb;--abp-success:#2d9460;--abp-success-light:#ecfdf5;--abp-radius-sm:6px;--abp-radius-md:10px;--abp-radius-lg:16px;--abp-shadow-sm:0 1px 4px #3aaa6f14;--abp-shadow-md:0 4px 16px #3aaa6f1f;--abp-shadow-lg:0 8px 32px #0000001f;--abp-transition:all 0.2s ease}.abp-root{background:#f0faf5;background:var(--abp-bg);color:#1a2e25;color:var(--abp-text-dark);font-family:Be Vietnam Pro,sans-serif;font-size:14px;min-height:100vh;overflow-x:hidden;padding:16px;width:100%}.abp-root,.abp-root *,.abp-root :after,.abp-root :before{box-sizing:border-box}@media (max-width:600px){.abp-root{padding:10px 8px}}.abp-container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:0 10px;width:100%}.abp-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.abp-back-btn,.abp-switch-btn{align-items:center;border-radius:99px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;text-decoration:none;transition:all .2s ease;transition:var(--abp-transition)}.abp-back-btn{background:#fff;background:var(--abp-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);color:#3d5247;color:var(--abp-text-body)}.abp-back-btn:hover{border-color:#3aaa6f;border-color:var(--abp-primary)}.abp-back-btn:hover,.abp-switch-btn{background:#e8f7ef;background:var(--abp-primary-light);color:#3aaa6f;color:var(--abp-primary)}.abp-switch-btn{border:1.5px solid #c2ecd4;border:1.5px solid var(--abp-primary-mid)}.abp-switch-btn:hover{background:#3aaa6f;background:var(--abp-primary);border-color:#3aaa6f;border-color:var(--abp-primary);color:#fff}.abp-card{background:#fff;background:var(--abp-surface);border:1px solid #d4ead9;border:1px solid var(--abp-border);border-radius:16px;border-radius:var(--abp-radius-lg);box-shadow:0 4px 16px #3aaa6f1f;box-shadow:var(--abp-shadow-md);overflow:hidden}.abp-card-header{align-items:center;background:linear-gradient(135deg,#1a6e47,#3aaa6f);display:flex;gap:14px;padding:16px 24px}.abp-card-header-icon{align-items:center;background:#ffffff2e;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.abp-card-header-text h1{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.2px;margin:0 0 2px}.abp-card-header-text p{color:#ffffffc7;font-size:12.5px;margin:0}.abp-card-body{align-items:start;display:grid;grid-template-columns:1fr}@media (min-width:901px){.abp-card-body{grid-template-columns:1.35fr 1fr}}.abp-left-col{border-right:1px solid #d4ead9;border-right:1px solid var(--abp-border);padding:20px 22px 26px}.abp-right-col{background:#f7fcf9;background:var(--abp-surface-alt);padding:20px 22px 26px}.abp-section-title{align-items:center;border-bottom:2px solid #c2ecd4;border-bottom:2px solid var(--abp-primary-mid);color:#1a2e25;color:var(--abp-text-dark);display:flex;font-size:15px;font-weight:800;gap:10px;margin:0 0 18px;padding-bottom:12px}.abp-section-title svg{color:#3aaa6f;color:var(--abp-primary);font-size:15px}.abp-form-group{margin-bottom:14px}.abp-label{color:#1a2e25;color:var(--abp-text-dark);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.abp-required{color:#e53e3e;color:var(--abp-danger);margin-left:3px}.abp-input,.abp-select,.abp-textarea{appearance:none;-webkit-appearance:none;background:#fff;background:var(--abp-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:6px;border-radius:var(--abp-radius-sm);box-sizing:border-box;color:#1a2e25;color:var(--abp-text-dark);font-family:inherit;font-size:14px;max-width:100%;min-height:44px;outline:none;padding:11px 14px;transition:all .2s ease;transition:var(--abp-transition);width:100%}.abp-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%233aaa6f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:38px}.abp-textarea{min-height:90px;resize:vertical}.abp-input:focus,.abp-select:focus,.abp-textarea:focus{background:#fff;border-color:#3aaa6f;border-color:var(--abp-border-focus);box-shadow:0 0 0 3px #3aaa6f26}.abp-input.error,.abp-select.error{background:#fff5f5;background:var(--abp-danger-light);border-color:#e53e3e;border-color:var(--abp-danger)}.abp-error-text{color:#e53e3e;color:var(--abp-danger);gap:4px}.abp-error-text,.abp-info-text{align-items:center;display:flex;font-size:12px;margin-top:5px}.abp-info-text{background:#e8f7ef;background:var(--abp-primary-light);border:1px solid #c2ecd4;border:1px solid var(--abp-primary-mid);border-radius:6px;border-radius:var(--abp-radius-sm);color:#3aaa6f;color:var(--abp-primary);gap:5px;padding:5px 9px}.abp-inline-action-row{margin-top:6px}.abp-inline-link{color:#3aaa6f;color:var(--abp-primary);font-size:12.5px;font-weight:700;text-decoration:none}.abp-inline-link:hover{text-decoration:underline}.abp-filter-toolbar{grid-gap:10px;display:grid;gap:10px;margin-bottom:10px}.abp-search-box{position:relative}.abp-search-icon{color:#7a9b8a;color:var(--abp-text-muted);font-size:13px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.abp-search-input{background:#fff;background:var(--abp-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:10px;border-radius:var(--abp-radius-md);color:#1a2e25;color:var(--abp-text-dark);font-family:inherit;font-size:14px;min-height:44px;outline:none;padding:11px 14px 11px 38px;transition:all .2s ease;transition:var(--abp-transition);width:100%}.abp-search-input:focus{border-color:#3aaa6f;border-color:var(--abp-primary);box-shadow:0 0 0 3px #3aaa6f1f}.abp-search-input::placeholder{color:#98afa3}.abp-category-scroll{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.abp-category-card{align-items:center;background:#f7fcf9;background:var(--abp-surface-alt);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:10px;border-radius:var(--abp-radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;justify-content:center;min-height:78px;padding:10px 12px;text-align:center;transition:all .2s ease;transition:var(--abp-transition)}.abp-category-card:hover{background:#e8f7ef;background:var(--abp-primary-light);transform:translateY(-1px)}.abp-category-card.active,.abp-category-card:hover{border-color:#3aaa6f;border-color:var(--abp-primary)}.abp-category-card.active{background:#3aaa6f;background:var(--abp-primary);box-shadow:0 4px 12px #3aaa6f2e;color:#fff}.abp-category-card-icon{align-items:center;background:#3aaa6f1f;border-radius:999px;color:#3aaa6f;color:var(--abp-primary);display:inline-flex;font-size:13px;height:30px;justify-content:center;width:30px}.abp-category-card.active .abp-category-card-icon{background:#ffffff2e;color:#fff}.abp-category-card-name{color:#3d5247;color:var(--abp-text-body);font-size:12px;font-weight:700;line-height:1.25}.abp-category-card.active .abp-category-card-name{color:#fff}.abp-filter-hint{color:#7a9b8a;color:var(--abp-text-muted);font-size:12px}.abp-doctor-card{align-items:center;background:linear-gradient(135deg,#e8f7ef,#f6fdf9);background:linear-gradient(135deg,var(--abp-primary-light),#f6fdf9);border:1.5px solid #c2ecd4;border:1.5px solid var(--abp-primary-mid);border-radius:10px;border-radius:var(--abp-radius-md);cursor:pointer;display:flex;font-family:inherit;gap:12px;margin-top:8px;padding:12px 14px;text-align:left;transition:all .2s ease;transition:var(--abp-transition);width:100%}.abp-doctor-card:hover{border-color:#3aaa6f;border-color:var(--abp-primary);box-shadow:0 6px 18px #3aaa6f1f;transform:translateY(-1px)}.abp-doctor-avatar{border:2px solid #3aaa6f;border:2px solid var(--abp-primary);border-radius:50%;flex-shrink:0;height:52px;object-fit:cover;width:52px}.abp-doctor-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.abp-doctor-name{color:#1a2e25;color:var(--abp-text-dark);font-size:14px;font-weight:800}.abp-doctor-specialty{font-weight:600}.abp-doctor-cta,.abp-doctor-specialty{color:#3aaa6f;color:var(--abp-primary);font-size:12px}.abp-doctor-cta{align-items:center;display:inline-flex;flex-shrink:0;font-weight:700;gap:6px}.abp-doctor-cta svg{font-size:11px}.abp-specialty-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.abp-specialty-btn{align-items:center;background:#f7fcf9;background:var(--abp-surface-alt);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:99px;cursor:pointer;display:inline-flex;font-family:inherit;padding:6px 14px;transition:all .2s ease;transition:var(--abp-transition)}.abp-specialty-btn:hover{background:#e8f7ef;background:var(--abp-primary-light)}.abp-specialty-btn.active,.abp-specialty-btn:hover{border-color:#3aaa6f;border-color:var(--abp-primary)}.abp-specialty-btn.active{background:#3aaa6f;background:var(--abp-primary);box-shadow:0 3px 8px #3aaa6f40;color:#fff}.abp-spec-name{color:#3d5247;color:var(--abp-text-body);font-size:12.5px;font-weight:600;transition:color .2s}.abp-specialty-btn.active .abp-spec-name{color:#fff}.abp-date-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:4px;max-width:100%;overflow-x:auto;padding-bottom:10px}.abp-date-tabs::-webkit-scrollbar{display:none}.abp-date-btn{background:#fff;background:var(--abp-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:10px;border-radius:var(--abp-radius-md);cursor:pointer;font-family:inherit;min-width:80px;padding:10px 8px;text-align:center;transition:all .2s ease;transition:var(--abp-transition)}.abp-date-btn:hover{background:#e8f7ef;background:var(--abp-primary-light)}.abp-date-btn.active,.abp-date-btn:hover{border-color:#3aaa6f;border-color:var(--abp-primary)}.abp-date-btn.active{background:#3aaa6f;background:var(--abp-primary);box-shadow:0 4px 10px #3aaa6f40;color:#fff}.abp-date-btn-day{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:3px;opacity:.75;text-transform:uppercase}.abp-date-btn-num{display:block;font-size:18px;font-weight:800}.abp-date-picker-input{background:#fff;background:var(--abp-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:10px;border-radius:var(--abp-radius-md);color:#3d5247;color:var(--abp-text-body);cursor:pointer;font-family:inherit;font-size:13px;min-width:46px;outline:none;padding:10px 12px}.abp-date-picker-input:focus{border-color:#3aaa6f;border-color:var(--abp-primary)}.abp-slots-area{background:#f7fcf9;background:var(--abp-surface-alt);border:1px solid #d4ead9;border:1px solid var(--abp-border);border-radius:10px;border-radius:var(--abp-radius-md);margin-top:4px;padding:14px}.abp-slot-section{margin-bottom:14px}.abp-slot-section:last-child{margin-bottom:0}.abp-slot-section-label{align-items:center;color:#7a9b8a;color:var(--abp-text-muted);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.abp-slot-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.abp-slot-btn{background:#fff;background:var(--abp-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:6px;border-radius:var(--abp-radius-sm);color:#3d5247;color:var(--abp-text-body);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 4px;text-align:center;transition:all .2s ease;transition:var(--abp-transition)}.abp-slot-btn:hover:not(.disabled){background:#e8f7ef;background:var(--abp-primary-light);border-color:#3aaa6f;border-color:var(--abp-primary);color:#3aaa6f;color:var(--abp-primary)}.abp-slot-btn strong{font-weight:700}.abp-slot-btn.active{background:#3aaa6f;background:var(--abp-primary);border-color:#3aaa6f;border-color:var(--abp-primary);box-shadow:0 2px 8px #3aaa6f4d;color:#fff}.abp-slot-btn.disabled{background:#f0f0f0;border-color:#e8e8e8;color:silver;cursor:not-allowed;text-decoration:line-through}.abp-loading-slots{color:#7a9b8a;color:var(--abp-text-muted);gap:8px;padding:20px}.abp-loading-slots,.abp-no-slots{align-items:center;display:flex;font-size:13px;justify-content:center;text-align:center}.abp-no-slots{color:#d97706;color:var(--abp-warning);gap:6px;padding:16px}.abp-for-toggle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:4px}.abp-for-option{align-items:center;background:#f7fcf9;background:var(--abp-surface-alt);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:10px;border-radius:var(--abp-radius-md);color:#7a9b8a;color:var(--abp-text-muted);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:8px;padding:11px 14px;transition:all .2s ease;transition:var(--abp-transition);-webkit-user-select:none;user-select:none}.abp-for-option input{accent-color:#3aaa6f;accent-color:var(--abp-primary);height:15px;width:15px}.abp-for-option.active{background:#e8f7ef;background:var(--abp-primary-light);border-color:#3aaa6f;border-color:var(--abp-primary);color:#3aaa6f;color:var(--abp-primary)}.abp-row-2col{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr}@media (min-width:600px){.abp-row-2col{gap:16px;grid-template-columns:1fr 1fr}}.abp-policy-row{align-items:flex-start;background:#e8f7ef;background:var(--abp-primary-light);border:1px solid #c2ecd4;border:1px solid var(--abp-primary-mid);border-radius:10px;border-radius:var(--abp-radius-md);display:flex;gap:10px;margin:22px 0 20px;padding:14px}.abp-policy-row input[type=checkbox]{accent-color:#3aaa6f;accent-color:var(--abp-primary);cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.abp-policy-text{color:#3d5247;color:var(--abp-text-body);font-size:13px;line-height:1.5}.abp-policy-link{color:#3aaa6f;color:var(--abp-primary);font-weight:600;text-decoration:none}.abp-policy-link:hover{text-decoration:underline}.abp-submit-btn{align-items:center;background:linear-gradient(135deg,#3aaa6f,#2d9460);background:linear-gradient(135deg,var(--abp-primary),var(--abp-primary-hover));border:none;border-radius:10px;border-radius:var(--abp-radius-md);box-shadow:0 4px 14px #3aaa6f66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:800;gap:10px;justify-content:center;letter-spacing:.5px;min-height:48px;padding:15px;text-transform:uppercase;transition:all .2s ease;transition:var(--abp-transition);width:100%}.abp-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d9460,#1d7a52);background:linear-gradient(135deg,var(--abp-primary-hover),var(--abp-accent));box-shadow:0 6px 20px #3aaa6f73;transform:translateY(-1px)}.abp-submit-btn:disabled{background:#c5d9cc;box-shadow:none;cursor:not-allowed;transform:none}.abp-spin{animation:abpSpin 1s linear infinite}@keyframes abpSpin{to{transform:rotate(1turn)}}.abp-modal-overlay{align-items:center;animation:abpFadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1e128c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.abp-modal{animation:abpSlideUp .28s ease-out;background:#fff;background:var(--abp-surface);border-radius:16px;border-radius:var(--abp-radius-lg);box-shadow:0 8px 32px #0000001f;box-shadow:var(--abp-shadow-lg);max-height:92vh;max-width:460px;overflow:auto;width:95%}.abp-modal-header{align-items:center;background:#f7fcf9;background:var(--abp-surface-alt);border-bottom:1px solid #d4ead9;border-bottom:1px solid var(--abp-border);display:flex;justify-content:space-between;padding:16px 22px}.abp-modal-header h3{align-items:center;color:#1a2e25;color:var(--abp-text-dark);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.abp-modal-close-btn{background:none;border:none;border-radius:4px;color:#7a9b8a;color:var(--abp-text-muted);cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease;transition:var(--abp-transition)}.abp-modal-close-btn:hover{background:#d4ead9;background:var(--abp-border);color:#1a2e25;color:var(--abp-text-dark)}.abp-modal-body{padding:24px 22px}.abp-confirm-row{align-items:center;border-bottom:1px solid #d4ead9;border-bottom:1px solid var(--abp-border);display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.abp-confirm-row:last-child{border-bottom:none}.abp-confirm-row span{color:#7a9b8a;color:var(--abp-text-muted)}.abp-confirm-row strong{color:#1a2e25;color:var(--abp-text-dark);font-weight:700}.abp-confirm-total{align-items:center;background:#e8f7ef;background:var(--abp-primary-light);border:1px solid #c2ecd4;border:1px solid var(--abp-primary-mid);border-radius:10px;border-radius:var(--abp-radius-md);display:flex;justify-content:space-between;margin-top:14px;padding:14px 16px}.abp-confirm-total span{color:#7a9b8a;color:var(--abp-text-muted);font-size:14px;font-weight:600}.abp-confirm-total strong{color:#3aaa6f;color:var(--abp-primary);font-size:20px;font-weight:800}.abp-confirm-hint{color:#7a9b8a;color:var(--abp-text-muted);display:block;font-size:12px;line-height:1.5;margin-top:10px}.abp-modal-footer{background:#f7fcf9;background:var(--abp-surface-alt);border-top:1px solid #d4ead9;border-top:1px solid var(--abp-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}.abp-payment-item{align-items:center;background:#fff;background:var(--abp-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:10px;border-radius:var(--abp-radius-md);color:#1a2e25;color:var(--abp-text-dark);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:14px;margin-bottom:12px;min-height:52px;padding:16px;transition:all .2s ease;transition:var(--abp-transition);width:100%}.abp-payment-item small{color:#7a9b8a;color:var(--abp-text-muted);font-size:12px;font-weight:400;margin-left:auto}.abp-payment-item:hover{background:#e8f7ef;background:var(--abp-primary-light);border-color:#3aaa6f;border-color:var(--abp-primary);box-shadow:0 2px 8px #3aaa6f26;transform:translateY(-1px)}.abp-payment-item svg{color:#3aaa6f;color:var(--abp-primary);font-size:22px}.abp-payment-item:disabled{cursor:not-allowed;opacity:.6;transform:none}.abp-btn-secondary{background:#fff;background:var(--abp-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--abp-border);border-radius:6px;border-radius:var(--abp-radius-sm);color:#3d5247;color:var(--abp-text-body);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;min-height:44px;padding:10px 22px;transition:all .2s ease;transition:var(--abp-transition)}.abp-btn-secondary:hover{background:#f7fcf9;background:var(--abp-surface-alt);border-color:#7a9b8a;border-color:var(--abp-text-muted)}.abp-btn-primary{background:#3aaa6f;background:var(--abp-primary);border:none;border-radius:6px;border-radius:var(--abp-radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;min-height:44px;padding:10px 22px;transition:all .2s ease;transition:var(--abp-transition)}.abp-btn-primary:hover{background:#2d9460;background:var(--abp-primary-hover)}.abp-btn-primary.btn-danger{background:#e53e3e;background:var(--abp-danger)}.abp-btn-primary.btn-danger:hover{background:#c53030}.abp-btn-primary.full,.abp-btn-secondary.full{width:100%}.abp-modal.warning .abp-modal-header{background:#fffbeb;background:var(--abp-warning-light);border-bottom:2px solid #fbbf24}.abp-modal.warning .abp-modal-header h3{color:#92400e}.abp-modal.danger .abp-modal-header{background:#fff5f5;background:var(--abp-danger-light);border-bottom:2px solid #fc8181}.abp-modal.danger .abp-modal-header h3{color:#742a2a}.abp-modal.success .abp-modal-header{background:#ecfdf5;background:var(--abp-success-light);border-bottom:2px solid #6ee7b7}.abp-modal.success .abp-modal-header h3{color:#1d7a52;color:var(--abp-accent)}.abp-modal-message{color:#1a2e25;color:var(--abp-text-dark);font-size:15px;font-weight:600;margin:0 0 8px}.abp-modal-details{color:#7a9b8a;color:var(--abp-text-muted);display:block;font-size:13px;line-height:1.6}@keyframes abpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes abpSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.abp-card-body{display:flex;flex-direction:column;grid-template-columns:1fr!important}.abp-left-col{border-bottom:1px solid #d4ead9;border-bottom:1px solid var(--abp-border);border-right:none!important}.abp-left-col,.abp-right-col{box-sizing:border-box;width:100%!important}}@media (max-width:640px){.abp-topbar{align-items:stretch;flex-direction:column}.abp-back-btn,.abp-switch-btn{justify-content:center;min-height:44px;width:100%}.abp-left-col,.abp-right-col{padding:16px 14px 20px}.abp-modal{border-radius:12px;width:calc(100vw - 14px)}.abp-modal-body,.abp-modal-footer,.abp-modal-header{padding-left:14px;padding-right:14px}.abp-modal-footer{flex-direction:column}.abp-btn-primary,.abp-btn-secondary{width:100%}.abp-payment-item{align-items:flex-start;flex-direction:column;gap:6px}.abp-payment-item small{margin-left:0}}@media (max-width:480px){.abp-root{padding:8px!important}.abp-card-header{gap:10px;padding:12px!important}.abp-card-header-icon{font-size:14px;height:32px;width:32px}.abp-date-tabs{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;padding-bottom:10px}.abp-date-btn{min-width:70px!important;padding:8px 4px!important}.abp-input,.abp-select,.abp-textarea{font-size:14px!important;max-width:100%!important;width:100%!important}.abp-confirm-row{align-items:flex-start;gap:8px}.abp-confirm-row strong{text-align:right;word-break:break-word}}.abp-voucher-box{background:#f0fdf4;border:1.5px dashed #86efac;border-radius:10px;margin-bottom:14px;padding:14px 16px}.abp-voucher-box__label{align-items:center;color:#16a34a;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.abp-voucher-input-row{display:flex;gap:8px}.abp-voucher-input{flex:1 1;font-weight:600;letter-spacing:1px}.abp-voucher-apply-btn{align-items:center;background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:5px;padding:9px 16px;transition:background .2s;white-space:nowrap}.abp-voucher-apply-btn:hover:not(:disabled){background:#15803d}.abp-voucher-apply-btn:disabled{cursor:not-allowed;opacity:.6}.abp-voucher-applied{align-items:center;background:#dcfce7;border:1px solid #86efac;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.abp-voucher-applied__info{align-items:center;display:flex;gap:8px}.abp-voucher-applied__icon{color:#16a34a;flex-shrink:0;font-size:16px}.abp-voucher-applied__name{color:#166534;display:block;font-size:13px;font-weight:700}.abp-voucher-applied__disc{color:#16a34a;display:block;font-size:11px;font-weight:600}.abp-voucher-remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:16px;padding:2px;transition:transform .2s}.abp-voucher-remove-btn:hover{transform:scale(1.2)}.abp-price-summary{border-top:1px dashed #86efac;margin-top:12px;padding-top:10px}.abp-price-row{align-items:center;color:#374151;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:3px 0}.abp-price-row span{align-items:center;display:flex;gap:5px}.abp-price-row--disc{color:#16a34a;font-weight:600}.abp-price-row--total{border-top:1px solid #86efac;color:#111827;font-size:14px;font-weight:700;margin-top:4px;padding-top:8px}.abp-price-row--total strong{color:#16a34a;font-size:16px}:root{--adp-primary:#22c55e;--adp-primary-light:#dcfce7;--adp-primary-bg:#f0fdf4;--adp-text-primary:#1f2937;--adp-text-secondary:#4b5563;--adp-border:#e5e7eb;--adp-card-bg:#fff;--adp-warning:#fef9c3;--adp-warning-text:#854d0e;--adp-danger:#fee2e2;--adp-danger-text:#991b1b;--adp-info:#dbeafe;--adp-info-text:#1e40af;--adp-success:#dcfce7;--adp-success-text:#065f46;--adp-radius-sm:4px;--adp-radius-md:8px;--adp-shadow-sm:0 1px 2px 0 #0000000d;--adp-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.appointment-detail-page-container{background-color:#f0fdf4;background-color:var(--adp-primary-bg);font-family:Inter,sans-serif;font-size:.9rem;min-height:100vh;overflow-x:hidden;padding:1.5rem 0}.appointment-detail-page-wrapper{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:0 1.5rem;width:100%}.appointment-detail-page-wrapper *,.appointment-detail-page-wrapper :after,.appointment-detail-page-wrapper :before{box-sizing:border-box}.appointment-detail-page-header{justify-content:space-between;margin-bottom:1.5rem}.appointment-detail-page-header,.appointment-detail-page-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.appointment-detail-page-btn-back{align-items:center;background:#fff;background:var(--adp-card-bg);border:1px solid #e5e7eb;border:1px solid var(--adp-border);border-radius:8px;border-radius:var(--adp-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--adp-shadow-sm);color:#4b5563;color:var(--adp-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.appointment-detail-page-btn-back:hover{background-color:#4b5563;background-color:var(--adp-text-secondary);color:#fff;color:var(--adp-card-bg)}.appointment-detail-page-title{color:#1f2937;color:var(--adp-text-primary);font-size:1.5rem;font-weight:700;margin:0}.appointment-detail-page-status-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.375rem .875rem}.appointment-detail-page-status-badge svg{font-size:.875rem}.appointment-detail-page-status-badge .fa-spin{animation:adp-spin 1s linear infinite}.status-pending{background:var(--adp-warning);color:var(--adp-warning-text)}.status-confirmed,.status-in-progress{background:var(--adp-info);color:var(--adp-info-text)}.status-completed{background:var(--adp-success);color:var(--adp-success-text)}.status-cancelled{background:var(--adp-danger);color:var(--adp-danger-text)}.appointment-detail-page-content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 320px}.appointment-detail-page-main-col,.appointment-detail-page-sidebar-col{display:flex;flex-direction:column;gap:1.5rem}.appointment-detail-page-card{background:#fff;background:var(--adp-card-bg);border:1px solid #e5e7eb;border:1px solid var(--adp-border);border-radius:8px;border-radius:var(--adp-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--adp-shadow-sm);padding:1.25rem}.appointment-detail-page-card-title{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--adp-border);color:#1f2937;color:var(--adp-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.75rem}.appointment-detail-page-card-title svg{color:#22c55e;color:var(--adp-primary);font-size:1rem}.appointment-detail-page-alert{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--adp-radius-md);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem}.appointment-detail-page-alert svg{flex-shrink:0;font-size:1.25rem}.appointment-detail-page-alert.alert-warning{background:#fef9c3;background:var(--adp-warning);border-color:#fde68a;color:#854d0e;color:var(--adp-warning-text)}.appointment-detail-page-alert.alert-info{background:#dbeafe;background:var(--adp-info);border-color:#bfdbfe;color:#1e40af;color:var(--adp-info-text)}.appointment-detail-page-alert.alert-success{background:#dcfce7;background:var(--adp-success);border-color:#a7f3d0;color:#065f46;color:var(--adp-success-text)}.appointment-detail-page-alert.alert-danger{background:#fee2e2;background:var(--adp-danger);border-color:#fca5a5;color:#991b1b;color:var(--adp-danger-text)}.appointment-detail-page-alert .appointment-detail-page-reason-text{display:block;font-size:.8rem;margin-top:.25rem;opacity:.8}.appointment-detail-page-btn-action.btn-payment-small{background:#854d0e;background:var(--adp-warning-text);color:#fff;color:var(--adp-card-bg);font-size:.8rem;margin-left:auto;padding:.375rem .75rem}.appointment-detail-page-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.appointment-detail-page-info-item{display:flex;flex-direction:column;gap:.25rem;min-width:0}.appointment-detail-page-info-item.full-width{grid-column:1/-1}.appointment-detail-page-info-label{align-items:center;color:#4b5563;color:var(--adp-text-secondary);display:flex;font-size:.8rem;font-weight:500;gap:.375rem}.appointment-detail-page-info-label svg{font-size:.8rem}.appointment-detail-page-info-value{align-items:center;color:#1f2937;color:var(--adp-text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.375rem;min-width:0;overflow-wrap:anywhere;word-break:break-word}.appointment-detail-page-info-value.doctor-value{align-items:flex-start;flex-direction:column;gap:.25rem}.appointment-detail-page-inline-link{color:#0f766e;font-size:.8rem;font-weight:700;text-decoration:none}.appointment-detail-page-inline-link:hover{text-decoration:underline}.appointment-detail-page-info-value.price{color:#22c55e;color:var(--adp-primary);font-size:1.1rem;font-weight:700}.appointment-detail-page-payment-status{align-items:center;border-radius:99px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.25rem .625rem}.payment-pending{background:var(--adp-warning);color:var(--adp-warning-text)}.payment-paid{background:var(--adp-success);color:var(--adp-success-text)}.payment-at-clinic{background:var(--adp-info);color:var(--adp-info-text)}.payment-free{background:var(--adp-success);color:var(--adp-success-text)}.appointment-detail-page-reason-box{background:#f0fdf4;background:var(--adp-primary-bg);border-left:3px solid #22c55e;border-left:3px solid var(--adp-primary);border-radius:4px;border-radius:var(--adp-radius-sm);font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.appointment-detail-page-result-content p{font-size:.9rem;line-height:1.6;margin:0 0 .75rem}.payment-grid{grid-template-columns:1fr}.appointment-detail-page-btn-action{align-items:center;border:none;border-radius:8px;border-radius:var(--adp-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--adp-shadow-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.625rem 1rem;transition:all .2s ease;width:100%}.appointment-detail-page-btn-action:disabled{background:#e5e7eb;background:var(--adp-border);color:#4b5563;color:var(--adp-text-secondary);cursor:not-allowed;opacity:.7}.appointment-detail-page-action-buttons{display:flex;flex-direction:column;gap:.75rem}.btn-payment{background:#22c55e;background:var(--adp-primary);color:#fff}.btn-payment:hover{background:#16a34a}.btn-reschedule{background:#dbeafe;background:var(--adp-info);border:1px solid #bfdbfe;color:#1e40af;color:var(--adp-info-text)}.btn-reschedule:hover{background:#93c5fd;color:#1e40af}.btn-cancel{background:#fee2e2;background:var(--adp-danger);border:1px solid #fca5a5;color:#991b1b;color:var(--adp-danger-text)}.btn-cancel:hover{background:#f87171;color:#7f1d1d}.btn-primary{background:#22c55e;background:var(--adp-primary)}.btn-primary:hover{background:#16a34a}.btn-secondary{background:#eef2f7;border:1px solid #d5deea;color:#1f3b56}.btn-secondary:hover{background:#dce7f5}.btn-rating{background:#facc15;color:#713f12}.btn-rating:hover{background:#f59e0b}.appointment-detail-page-action-notes{background:#f0fdf4;background:var(--adp-primary-bg);border-radius:4px;border-radius:var(--adp-radius-sm);margin-top:1rem;padding:.75rem}.appointment-detail-page-action-notes p{align-items:center;color:#4b5563;color:var(--adp-text-secondary);display:flex;font-size:.75rem;gap:.375rem;margin:.5rem 0}.appointment-detail-page-action-notes p svg{color:#22c55e;color:var(--adp-primary);flex-shrink:0;font-size:.8rem}.appointment-detail-page-rating-text{color:#4b5563;color:var(--adp-text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:1rem}.admin-card{background:#fffbeb;border:1px solid #fde68a}.admin-card .appointment-detail-page-card-title{border-bottom-color:#fde68a;color:#b45309}.admin-card .appointment-detail-page-card-title svg{color:#f59e0b}.appointment-detail-page-form-group{margin-bottom:1rem}.appointment-detail-page-form-group label{color:#1f2937;color:var(--adp-text-primary);display:block;font-size:.85rem;font-weight:600;margin-bottom:.375rem}.appointment-detail-page-form-control{border:1px solid #e5e7eb;border:1px solid var(--adp-border);border-radius:8px;border-radius:var(--adp-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--adp-shadow-sm);color:#1f2937;color:var(--adp-text-primary);font-family:inherit;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease;width:100%}.appointment-detail-page-form-control:focus{border-color:#22c55e;border-color:var(--adp-primary);box-shadow:0 0 0 3px #dcfce7;box-shadow:0 0 0 3px var(--adp-primary-light);outline:none}textarea.appointment-detail-page-form-control{min-height:80px;resize:vertical}.appointment-detail-page-modal-overlay{align-items:center;animation:adp-fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.appointment-detail-page-modal-content{animation:adp-slideUp .2s ease;background:#fff;border-radius:8px;border-radius:var(--adp-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--adp-shadow-md);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.appointment-detail-page-modal-content.modal-large{max-width:650px}.appointment-detail-page-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--adp-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.appointment-detail-page-modal-header h2{align-items:center;color:#1f2937;color:var(--adp-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.appointment-detail-page-btn-close{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--adp-radius-sm);color:#4b5563;color:var(--adp-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:30px;justify-content:center;transition:all .2s ease;width:30px}.appointment-detail-page-btn-close:hover{background:#e5e7eb;background:var(--adp-border)}.appointment-detail-page-modal-body{padding:1.25rem}.appointment-detail-page-modal-text{color:#4b5563;color:var(--adp-text-secondary);font-size:.9rem;margin-bottom:1rem}.appointment-detail-page-current-appointment{background:#f0fdf4;background:var(--adp-primary-bg);border-radius:4px;border-radius:var(--adp-radius-sm);font-size:.85rem;margin-bottom:1rem;padding:.75rem}.appointment-detail-page-modal-footer{background:#f0fdf4;background:var(--adp-primary-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--adp-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.appointment-detail-page-btn-modal{align-items:center;border:none;border-radius:8px;border-radius:var(--adp-radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;min-height:42px;padding:.625rem 1rem;transition:all .2s ease}.appointment-detail-page-btn-modal.btn-primary{background:#22c55e;background:var(--adp-primary);color:#fff}.appointment-detail-page-btn-modal.btn-primary:hover{background:#16a34a}.appointment-detail-page-btn-modal.btn-danger{background:#fee2e2;background:var(--adp-danger);color:#991b1b;color:var(--adp-danger-text)}.appointment-detail-page-btn-modal.btn-danger:hover{background:#f87171}.appointment-detail-page-btn-modal.btn-secondary{background:#fff;background:var(--adp-card-bg);border:1px solid #e5e7eb;border:1px solid var(--adp-border);color:#4b5563;color:var(--adp-text-secondary)}.appointment-detail-page-btn-modal.btn-secondary:hover,.appointment-detail-page-btn-modal:disabled{background:#e5e7eb;background:var(--adp-border)}.appointment-detail-page-btn-modal:disabled{color:#4b5563;color:var(--adp-text-secondary);cursor:not-allowed}.appointment-detail-page-slot-grid{grid-gap:.5rem;background:#f0fdf4;background:var(--adp-primary-bg);border-radius:8px;border-radius:var(--adp-radius-md);display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:200px;overflow-y:auto;padding:.5rem}.appointment-detail-page-slot-button{background:#fff;background:var(--adp-card-bg);border:1px solid #dcfce7;border:1px solid var(--adp-primary-light);border-radius:4px;border-radius:var(--adp-radius-sm);color:#1f2937;color:var(--adp-text-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s ease}.appointment-detail-page-slot-button.selected,.appointment-detail-page-slot-button:hover{border-color:#22c55e;border-color:var(--adp-primary)}.appointment-detail-page-slot-button.selected{background:#22c55e;background:var(--adp-primary);color:#fff}.appointment-detail-page-empty-small,.appointment-detail-page-loading-small{background:#f0fdf4;background:var(--adp-primary-bg);border-radius:8px;border-radius:var(--adp-radius-md);color:#4b5563;color:var(--adp-text-secondary);font-size:.85rem;padding:1.5rem 1rem;text-align:center}.appointment-detail-page-loading-small svg{animation:adp-spin 1s linear infinite;margin-right:.5rem}.appointment-detail-page-empty-small svg{color:#22c55e;color:var(--adp-primary);display:block;font-size:1.5rem;margin:0 auto .5rem}.appointment-detail-page-error,.appointment-detail-page-loading{align-items:center;color:#4b5563;color:var(--adp-text-secondary);display:flex;flex-direction:column;font-size:1rem;font-weight:500;gap:1rem;justify-content:center;min-height:400px}.appointment-detail-page-loading svg{animation:adp-spin 1s linear infinite;color:#22c55e;color:var(--adp-primary);font-size:2rem}.appointment-detail-page-error{color:#991b1b;color:var(--adp-danger-text)}.appointment-detail-page-error svg{color:#fee2e2;color:var(--adp-danger);font-size:3rem}.appointment-detail-page-error h2{color:#1f2937;color:var(--adp-text-primary);font-size:1.25rem;margin:0}.appointment-detail-page-notfound{align-items:center;background:#fff;background:var(--adp-card-bg);border:1px solid #e5e7eb;border:1px solid var(--adp-border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--adp-shadow-md);display:flex;flex-direction:column;margin:48px auto;max-width:840px;padding:2rem 1.25rem;text-align:center}.appointment-detail-page-notfound h2{color:#1f2937;color:var(--adp-text-primary);font-size:1.5rem;margin:.5rem 0 .25rem}.appointment-detail-page-notfound .notfound-sub{color:#4b5563;color:var(--adp-text-secondary);margin-bottom:1.25rem}.notfound-illustration{background:linear-gradient(180deg,#22c55e14,#22c55e0a);border:6px solid #ef44440f;border-radius:50%;color:#ef4444;font-size:2.25rem;height:84px;width:84px}.notfound-actions,.notfound-illustration{align-items:center;display:flex;justify-content:center}.notfound-actions{gap:12px;margin-top:8px}.btn-home{align-items:center;background:linear-gradient(90deg,#34d399,#10b981);border:none;border-radius:999px;box-shadow:0 6px 18px #10b9812e,0 2px 6px #10b9811f;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;padding:.65rem 1.2rem;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn-home:hover{transform:translateY(-2px)}.btn-home:active{transform:translateY(0)}.btn-home svg{font-size:1rem}@keyframes adp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes adp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes adp-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.appointment-detail-page-status-stepper{align-items:center;background:linear-gradient(135deg,#f0fdf4,#e0f2e1);border:1px solid #dcfce7;border:1px solid var(--adp-primary-light);border-radius:8px;border-radius:var(--adp-radius-md);display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.appointment-detail-page-status-stepper .stepper-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;position:relative}.appointment-detail-page-status-stepper .stepper-circle{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:50%;color:#9ca3af;display:flex;font-size:1.25rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.appointment-detail-page-status-stepper .stepper-step.active .stepper-circle{background:#22c55e;background:var(--adp-primary);border-color:#22c55e;border-color:var(--adp-primary);box-shadow:0 0 0 4px #22c55e1a;color:#fff}.appointment-detail-page-status-stepper .stepper-label{color:#6b7280;font-size:.85rem;font-weight:500;text-align:center;transition:all .3s ease}.appointment-detail-page-status-stepper .stepper-step.active .stepper-label{color:#22c55e;color:var(--adp-primary);font-weight:600}.appointment-detail-page-status-stepper .stepper-line{background:#e5e7eb;flex:1 1;height:2px;margin:0 -12px;transition:all .3s ease}.appointment-detail-page-status-stepper .stepper-step:nth-child(odd)~.stepper-line{background:#e5e7eb}.appointment-detail-page-status-controls{display:flex;flex-wrap:wrap;gap:8px}.appointment-detail-page-status-controls .appointment-detail-page-btn-action{flex:1 1;min-width:120px}.appointment-detail-page-medical-input-section{background:#fafafa;border:1px dashed #e0e0e0;border-radius:8px;border-radius:var(--adp-radius-md);padding:16px}.appointment-detail-page-medical-input-section h3{align-items:center;display:flex;gap:8px;margin:0 0 8px}.appointment-detail-page-medical-input-section p{margin:0}.appointment-detail-page-medical-input-section .appointment-detail-page-form-group{margin-bottom:12px}.appointment-detail-page-medical-input-section textarea{background:#fff;border:1px solid #d1d5db}.appointment-detail-page-medical-input-section textarea:focus{background:#fff;border-color:#22c55e;border-color:var(--adp-primary);box-shadow:0 0 0 3px #22c55e1a}.appointment-detail-page-card.admin-status-card{background:linear-gradient(135deg,#f0fdf4,#fff);border:2px solid #dcfce7;border:2px solid var(--adp-primary-light)}.appointment-detail-page-card.admin-status-card .appointment-detail-page-card-title{border-bottom:2px solid #dcfce7;border-bottom:2px solid var(--adp-primary-light);color:#22c55e;color:var(--adp-primary)}.appointment-detail-page-card.admin-card{background:#f9f5ff;border:1px solid #f3e8ff}.appointment-detail-page-card.admin-card .appointment-detail-page-card-title{color:#7e22ce}.appointment-detail-page-service-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.appointment-detail-page-service-item{background:#fff;border:1px solid #d1d5db;border-radius:4px;border-radius:var(--adp-radius-sm);cursor:pointer;padding:10px;transition:all .2s ease}.appointment-detail-page-service-item:hover{background:#dcfce7;background:var(--adp-primary-light);border-color:#22c55e;border-color:var(--adp-primary)}.appointment-detail-page-service-item label{align-items:flex-start;cursor:pointer;display:flex;gap:8px;margin:0}.appointment-detail-page-service-item input[type=checkbox]{cursor:pointer;margin-top:2px}@media (max-width:900px){.appointment-detail-page-content-grid{grid-template-columns:1fr}}@media (max-width:640px){.appointment-detail-page-container{padding:.75rem 0}.appointment-detail-page-wrapper{padding:0 .75rem}.appointment-detail-page-header{align-items:stretch;flex-direction:column;gap:.75rem}.appointment-detail-page-title{font-size:1.25rem}.appointment-detail-page-info-grid{grid-template-columns:1fr}.appointment-detail-page-card{padding:1rem}.appointment-detail-page-header-left{align-items:stretch}.appointment-detail-page-btn-back{justify-content:center;min-height:44px;width:100%}.appointment-detail-page-alert{align-items:flex-start;flex-wrap:wrap}.appointment-detail-page-btn-action.btn-payment-small{margin-left:0;margin-top:.5rem;width:100%}.appointment-detail-page-modal-content{max-height:94vh;width:calc(100vw - 12px)}.appointment-detail-page-modal-body,.appointment-detail-page-modal-footer,.appointment-detail-page-modal-header{padding-left:.85rem;padding-right:.85rem}.appointment-detail-page-modal-footer{flex-direction:column}.appointment-detail-page-btn-modal{justify-content:center;width:100%}.notfound-actions{flex-direction:column;width:100%}.btn-home,.notfound-actions .appointment-detail-page-btn-action{justify-content:center;width:100%}}:root{--pcm-primary:#22c55e;--pcm-primary-dark:#16a34a;--pcm-primary-light:#dcfce7;--pcm-bg:#f0fdf4;--pcm-text-primary:#1f2937;--pcm-text-secondary:#4b5563;--pcm-card-bg:#fff;--pcm-border:#e5e7eb;--pcm-input-bg:#f9fafb;--pcm-radius:6px;--pcm-font-size-base:0.875rem;--pcm-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--pcm-overlay-bg:#10161399}.password-confirm-modal-overlay{align-items:center;animation:pcm-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#10161399;background-color:var(--pcm-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.password-confirm-modal-content{animation:pcm-slideUp .3s ease-out;background-color:#fff;background-color:var(--pcm-card-bg);border-radius:6px;border-radius:var(--pcm-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--pcm-shadow);max-width:400px;overflow:hidden;width:100%}.password-confirm-modal-header{align-items:center;background-color:#f0fdf4;background-color:var(--pcm-bg);border-bottom:1px solid #dcfce7;border-bottom:1px solid var(--pcm-primary-light);display:flex;padding:.75rem 1rem}.password-confirm-modal-header-icon{color:#16a34a;color:var(--pcm-primary-dark);font-size:1.1rem}.password-confirm-modal-title{color:#1f2937;color:var(--pcm-text-primary);flex-grow:1;font-size:1rem;font-weight:600;margin:0 0 0 .5rem}.password-confirm-modal-btn-close{background:none;border:none;border-radius:6px;border-radius:var(--pcm-radius);color:#4b5563;color:var(--pcm-text-secondary);cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s}.password-confirm-modal-btn-close:hover{background-color:#e5e7eb;background-color:var(--pcm-border)}.password-confirm-modal-body{padding:1.25rem}.password-confirm-modal-text{color:#4b5563;color:var(--pcm-text-secondary);font-size:.875rem;font-size:var(--pcm-font-size-base);line-height:1.6;margin:0 0 1rem}.password-confirm-modal-form-group{display:flex;flex-direction:column}.password-confirm-modal-label{color:#1f2937;color:var(--pcm-text-primary);font-size:.875rem;font-size:var(--pcm-font-size-base);font-weight:600;margin-bottom:.375rem}.password-confirm-modal-input-wrapper{position:relative}.password-confirm-modal-input-icon{color:#4b5563;color:var(--pcm-text-secondary);font-size:.8rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.password-confirm-modal-input{background-color:#fff;background-color:var(--pcm-card-bg);border:1px solid #e5e7eb;border:1px solid var(--pcm-border);border-radius:6px;border-radius:var(--pcm-radius);color:#1f2937;color:var(--pcm-text-primary);font-family:Inter,sans-serif;font-size:.875rem;font-size:var(--pcm-font-size-base);padding:.6rem .75rem .6rem 2.25rem;transition:all .2s ease;width:100%}.password-confirm-modal-input:focus{border-color:#22c55e;border-color:var(--pcm-primary);box-shadow:0 0 0 2px #dcfce7;box-shadow:0 0 0 2px var(--pcm-primary-light);outline:none}.password-confirm-modal-footer{background-color:#f9fafb;background-color:var(--pcm-input-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--pcm-border);display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.password-confirm-modal-btn-primary,.password-confirm-modal-btn-secondary{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--pcm-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--pcm-font-size-base);font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .2s;white-space:nowrap}.password-confirm-modal-btn-primary{background-color:#22c55e;background-color:var(--pcm-primary);color:#fff}.password-confirm-modal-btn-primary:hover{background-color:#16a34a;background-color:var(--pcm-primary-dark)}.password-confirm-modal-btn-secondary{background-color:#fff;background-color:var(--pcm-card-bg);border-color:#e5e7eb;border-color:var(--pcm-border);color:#4b5563;color:var(--pcm-text-secondary)}.password-confirm-modal-btn-secondary:hover{background-color:#e5e7eb;background-color:var(--pcm-border)}.password-confirm-modal-btn-primary:disabled,.password-confirm-modal-btn-secondary:disabled{cursor:not-allowed;opacity:.7}.password-confirm-modal-spin-icon{animation:pcm-spin 1s linear infinite;font-size:.8rem}@keyframes pcm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pcm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pcm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--mrfp-primary:#22c55e;--mrfp-primary-dark:#16a34a;--mrfp-primary-light:#dcfce7;--mrfp-bg:#f0fdf4;--mrfp-text-primary:#1f2937;--mrfp-text-secondary:#4b5563;--mrfp-text-light:#6b7280;--mrfp-card-bg:#fff;--mrfp-border:#e5e7eb;--mrfp-input-bg:#f9fafb;--mrfp-warning-bg:#fef9c3;--mrfp-warning-text:#854d0e;--mrfp-danger:#991b1b;--mrfp-radius:6px;--mrfp-font-size-base:0.875rem;--mrfp-font-size-small:0.8rem;--mrfp-input-padding:0.6rem 0.75rem;--mrfp-shadow:0 1px 2px 0 #0000000d}.medical-record-form-page-container{background-color:#f0fdf4;background-color:var(--mrfp-bg);color:#4b5563;color:var(--mrfp-text-secondary);font-family:Inter,sans-serif;font-size:.875rem;font-size:var(--mrfp-font-size-base);min-height:100vh;padding:1.5rem}.medical-record-form-page-form{margin:0 auto;max-width:1300px}.medical-record-form-page-header{align-items:flex-start;background-color:#fff;background-color:var(--mrfp-card-bg);border:1px solid #e5e7eb;border:1px solid var(--mrfp-border);border-radius:6px;border-radius:var(--mrfp-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--mrfp-shadow);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.medical-record-form-page-header-content h1{color:#1f2937;color:var(--mrfp-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.medical-record-form-page-header-content p{color:#6b7280;color:var(--mrfp-text-light);font-size:.9rem;margin:0}.medical-record-form-page-btn-submit{align-items:center;background-color:#22c55e;background-color:var(--mrfp-primary);border:none;border-radius:6px;border-radius:var(--mrfp-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--mrfp-font-size-base);font-weight:600;gap:.5rem;padding:.7rem 1.25rem;transition:background-color .2s;white-space:nowrap}.medical-record-form-page-btn-submit:hover{background-color:#16a34a;background-color:var(--mrfp-primary-dark)}.medical-record-form-page-btn-submit:disabled{background-color:#e5e7eb;background-color:var(--mrfp-border);color:#6b7280;color:var(--mrfp-text-light);cursor:not-allowed}.medical-record-form-page-btn-secondary{background-color:#e2e8f0;color:#0f172a}.medical-record-form-page-btn-secondary:hover{background-color:#cbd5e1}.medical-record-form-page-info-card{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.medical-record-form-page-info-item{align-items:center;background-color:#f0fdf4;background-color:var(--mrfp-bg);border:1px solid #dcfce7;border:1px solid var(--mrfp-primary-light);border-radius:6px;border-radius:var(--mrfp-radius);display:flex;gap:.75rem;padding:.75rem 1rem}.medical-record-form-page-info-icon{color:#22c55e;color:var(--mrfp-primary);font-size:1.25rem}.medical-record-form-page-info-text{display:flex;flex-direction:column}.medical-record-form-page-info-text label{color:#6b7280;color:var(--mrfp-text-light);font-size:.8rem;font-size:var(--mrfp-font-size-small);font-weight:500}.medical-record-form-page-info-text span{color:#1f2937;color:var(--mrfp-text-primary);font-size:.9rem;font-weight:600}.medical-record-form-page-card{background-color:#fff;background-color:var(--mrfp-card-bg);border:1px solid #e5e7eb;border:1px solid var(--mrfp-border);border-radius:6px;border-radius:var(--mrfp-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--mrfp-shadow);min-width:0;overflow:visible}.medical-record-form-page-card-title{align-items:center;background-color:#f9fafb;background-color:var(--mrfp-input-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mrfp-border);color:#1f2937;color:var(--mrfp-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0;padding:.75rem 1rem}.medical-record-form-page-card-title svg{color:#22c55e;color:var(--mrfp-primary)}.medical-record-form-page-main-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.medical-record-form-page-vitals-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.medical-record-form-page-left-col,.medical-record-form-page-right-col{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.medical-record-form-page-form-group{display:flex;flex-direction:column;gap:.375rem}.medical-record-form-page-card .medical-record-form-page-form-group-grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}.medical-record-form-page-form-group.full-span{grid-column:1/-1}.medical-record-form-page-form-group label{color:#1f2937;color:var(--mrfp-text-primary);font-size:.875rem;font-size:var(--mrfp-font-size-base);font-weight:600}.medical-record-form-page-input,.medical-record-form-page-textarea{background-color:#fff;background-color:var(--mrfp-card-bg);border:1px solid #e5e7eb;border:1px solid var(--mrfp-border);border-radius:6px;border-radius:var(--mrfp-radius);color:#1f2937;color:var(--mrfp-text-primary);font-family:Inter,sans-serif;font-size:.875rem;font-size:var(--mrfp-font-size-base);padding:.6rem .75rem;padding:var(--mrfp-input-padding);transition:all .2s ease;width:100%}.medical-record-form-page-textarea{resize:vertical}.medical-record-form-page-input:focus,.medical-record-form-page-textarea:focus{background-color:#fff;background-color:var(--mrfp-card-bg);border-color:#22c55e;border-color:var(--mrfp-primary);box-shadow:0 0 0 2px #dcfce7;box-shadow:0 0 0 2px var(--mrfp-primary-light);outline:none}.medical-record-form-page-textarea.medical-record-form-page-highlight{background-color:#f0fdf4;background-color:var(--mrfp-bg);border-color:#22c55e;border-color:var(--mrfp-primary);border-width:1px}.medical-record-form-page-prescription-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.medical-record-form-page-prescription-row{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:.5rem;padding-top:.25rem}.medical-record-form-page-prescription-row .input-small{flex-basis:68px;flex-shrink:0}.medical-record-form-page-prescription-row .input-large{flex-grow:1}.medical-record-form-page-prescription-name-picker{display:flex;flex:2.8 1 320px;flex-direction:column;gap:.5rem;min-width:0;position:relative}.medical-record-form-page-prescription-name-input{box-sizing:border-box;flex:1 1 auto;min-width:0}.medical-record-form-page-prescription-suggestion-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffffa;border:1px solid #dbe4f0;border-radius:14px;box-shadow:0 18px 40px #0f172a29;left:0;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:.35rem;position:absolute;right:0;top:calc(100% + 8px);z-index:100000}.medical-record-form-page-prescription-row .input-small{max-width:90px}.medical-record-form-page-prescription-row .medical-record-form-page-prescription-name-field{display:flex;flex:2.2 1 180px;flex-direction:column;gap:.35rem;min-width:0;position:relative}.medical-record-form-page-prescription-row .medical-record-form-page-prescription-unit-field{flex:0 0 66px;height:50px;width:80px}.medical-record-form-page-prescription-row .medical-record-form-page-prescription-field{flex:0 0 auto}.medical-record-form-page-prescription-row .medical-record-form-page-prescription-field.input-large{flex:1 1 150px;min-width:120px}.medical-record-form-page-prescription-field-hint{color:#64748b;font-size:.76rem;line-height:1.45}.medical-record-form-page-prescription-row .input-small .medical-record-form-page-input,.medical-record-form-page-prescription-row .input-small>input{height:44px;max-width:76px;padding:.45rem .55rem;width:100%}.medical-record-form-page-prescription-row .medical-record-form-page-prescription-name-field .medical-record-form-page-prescription-name-input{min-height:40px;width:100%}.medical-record-form-page-prescription-row .input-large>.medical-record-form-page-input,.medical-record-form-page-prescription-row .input-large>input{box-sizing:border-box;height:30px;min-width:0;padding:.6rem .75rem}.medical-record-form-page-prescription-suggestion-item{border-radius:10px;color:#1f2937;color:var(--mrfp-text-primary);cursor:pointer;padding:.75rem .85rem;transition:background-color .15s ease,transform .15s ease}.medical-record-form-page-prescription-suggestion-item:hover{background:#f0fdf4;transform:translateY(-1px)}.medical-record-form-page-prescription-suggestion-top{align-items:center;display:flex;font-size:.95rem;gap:.75rem;justify-content:space-between}.medical-record-form-page-prescription-suggestion-price{color:#166534;font-weight:700;white-space:nowrap}.medical-record-form-page-prescription-suggestion-meta{color:#64748b;font-size:.82rem;margin-top:.25rem}.medical-record-form-page-prescription-field{align-items:flex-start;display:flex;flex-direction:column;gap:4px;min-width:0}.medical-record-form-page-prescription-field-label{color:#475569;font-size:.75rem;font-weight:700}.medical-record-form-page-prescription-row .input-small{flex-basis:82px}.medical-record-form-page-prescription-row .input-large{flex:1 1 10px;min-width:120px}.medical-record-form-page-prescription-label{color:#374151;display:block;font-size:.78rem;font-weight:700;margin-bottom:6px}@media (max-width:1200px){.medical-record-form-page-prescription-row{flex-wrap:wrap}.medical-record-form-page-prescription-row .medical-record-form-page-prescription-name-field{flex:1 1 100%;min-width:100%}.medical-record-form-page-prescription-row .medical-record-form-page-prescription-field.input-large{flex:1 1 100%}.medical-record-form-page-prescription-row .input-small,.medical-record-form-page-prescription-row .medical-record-form-page-prescription-unit-field{flex:1 1 68px;max-width:88px}}@media (max-width:768px){.medical-record-form-page-prescription-list{padding:.75rem}.medical-record-form-page-prescription-row{gap:.4rem}.medical-record-form-page-prescription-row .input-small,.medical-record-form-page-prescription-row .medical-record-form-page-prescription-field.input-large,.medical-record-form-page-prescription-row .medical-record-form-page-prescription-name-field,.medical-record-form-page-prescription-row .medical-record-form-page-prescription-unit-field{flex:1 1 100%;max-width:100%;min-width:0}.medical-record-form-page-prescription-row .medical-record-form-page-input,.medical-record-form-page-prescription-row .medical-record-form-page-prescription-name-field .medical-record-form-page-prescription-name-input{width:100%}.medical-record-form-page-prescription-field-hint{font-size:.72rem}}.medical-record-form-page-prescription-name-field .medical-record-form-page-input{min-width:0;width:100%}.main-layout.inroom-panel-open .medical-record-form-page-container{padding:.5rem!important}.main-layout.inroom-panel-open .medical-record-form-page-header{background:#fff;border-radius:0;box-shadow:0 10px 26px #0f172a1f;margin-bottom:.75rem;padding:.75rem;position:-webkit-sticky;position:sticky;top:13px;z-index:20}.main-layout.inroom-panel-open .medical-record-form-page-header-content h1{font-size:1.15rem}.main-layout.inroom-panel-open .medical-record-form-page-alert-box,.main-layout.inroom-panel-open .medical-record-form-page-btn-add,.main-layout.inroom-panel-open .medical-record-form-page-btn-submit,.main-layout.inroom-panel-open .medical-record-form-page-card-title,.main-layout.inroom-panel-open .medical-record-form-page-file-group label,.main-layout.inroom-panel-open .medical-record-form-page-form-group label,.main-layout.inroom-panel-open .medical-record-form-page-header-content p,.main-layout.inroom-panel-open .medical-record-form-page-info-text label,.main-layout.inroom-panel-open .medical-record-form-page-info-text span,.main-layout.inroom-panel-open .medical-record-form-page-prescription-field-hint,.main-layout.inroom-panel-open .medical-record-form-page-prescription-field-label{font-size:.78rem}.main-layout.inroom-panel-open .medical-record-form-page-card .medical-record-form-page-form-group-grid-2,.main-layout.inroom-panel-open .medical-record-form-page-info-card,.main-layout.inroom-panel-open .medical-record-form-page-left-col,.main-layout.inroom-panel-open .medical-record-form-page-main-grid,.main-layout.inroom-panel-open .medical-record-form-page-right-col,.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid{display:flex!important;flex-direction:column!important;gap:.75rem!important;grid-template-columns:1fr!important}.main-layout.inroom-panel-open .medical-record-form-page-vitals-card{order:-1}.main-layout.inroom-panel-open .medical-record-form-page-card,.main-layout.inroom-panel-open .medical-record-form-page-file-group,.main-layout.inroom-panel-open .medical-record-form-page-form-group,.main-layout.inroom-panel-open .medical-record-form-page-info-item,.main-layout.inroom-panel-open .medical-record-form-page-subservice-root{width:100%!important}.main-layout.inroom-panel-open .medical-record-form-page-card-title{padding:.65rem .8rem!important}.main-layout.inroom-panel-open .medical-record-form-page-btn-add,.main-layout.inroom-panel-open .medical-record-form-page-btn-submit,.main-layout.inroom-panel-open .medical-record-form-page-file-uploader,.main-layout.inroom-panel-open .medical-record-form-page-input,.main-layout.inroom-panel-open .medical-record-form-page-textarea{width:100%!important}.main-layout.inroom-panel-open .medical-record-form-page-card .medical-record-form-page-form-group-grid-2{padding:.8rem!important}.main-layout.inroom-panel-open .medical-record-form-page-alert-box,.main-layout.inroom-panel-open .medical-record-form-page-file-group,.main-layout.inroom-panel-open .medical-record-form-page-right-col .medical-record-form-page-form-group{padding-left:.75rem!important;padding-right:.75rem!important}.main-layout.inroom-panel-open .medical-record-form-page-main-grid>*,.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid>.medical-record-form-page-form-group{min-width:0!important}.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid{gap:.55rem!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid .medical-record-form-page-form-group,.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid .medical-record-form-page-form-group.full-span{width:100%!important}.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid .medical-record-form-page-form-group label{font-size:.72rem}.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid .medical-record-form-page-input,.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid .medical-record-form-page-textarea{font-size:.78rem!important;padding:.5rem .6rem!important}.main-layout.inroom-panel-open .medical-record-form-page-vitals-grid .medical-record-form-page-form-group.full-span{grid-column:1/-1!important}.main-layout.inroom-panel-open .medical-record-form-page-prescription-list{padding:.75rem!important}.main-layout.inroom-panel-open .medical-record-form-page-prescription-row{align-items:stretch!important;flex-direction:column!important;gap:.5rem!important;padding-top:0!important}.main-layout.inroom-panel-open .medical-record-form-page-prescription-row>div{height:auto!important;max-width:100%!important;width:100%!important}.main-layout.inroom-panel-open .medical-record-form-page-prescription-row .input-large,.main-layout.inroom-panel-open .medical-record-form-page-prescription-row .input-small,.main-layout.inroom-panel-open .medical-record-form-page-prescription-row .medical-record-form-page-prescription-name-field,.main-layout.inroom-panel-open .medical-record-form-page-prescription-row .medical-record-form-page-prescription-unit-field{flex:1 1 auto!important;min-width:0!important}.main-layout.inroom-panel-open .medical-record-form-page-prescription-row .medical-record-form-page-prescription-field-label{font-size:.7rem!important}.main-layout.inroom-panel-open .medical-record-form-page-prescription-row .medical-record-form-page-input{height:38px!important}.main-layout.inroom-panel-open .medical-record-form-page-prescription-row .medical-record-form-page-btn-remove{align-self:flex-end}.main-layout.inroom-panel-open .medical-record-form-page-subservice-root{padding:10px!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-header{align-items:stretch!important;flex-direction:column!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-header-actions{justify-content:flex-start!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-summary{grid-template-columns:1fr!important;padding:.5rem!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-row{padding:10px!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-row-line1,.main-layout.inroom-panel-open .medical-record-form-page-subservice-row-line2,.main-layout.inroom-panel-open .medical-record-form-page-subservice-row-line3{padding-left:0!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-row-line1{align-items:stretch!important;flex-direction:column!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-row-line2{align-items:flex-start!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-row-line3-controls{align-items:flex-start!important;flex-direction:column!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-btn-remove,.main-layout.inroom-panel-open .medical-record-form-page-subservice-btn-schedule,.main-layout.inroom-panel-open .medical-record-form-page-subservice-row-actions{width:100%!important}.main-layout.inroom-panel-open .medical-record-form-page-subservice-service-field{min-height:42px!important;padding:8px 10px!important}.medical-record-form-page-btn-icon{align-items:center;border:none;border-radius:6px;border-radius:var(--mrfp-radius);cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;transition:background-color .2s;width:34px}.medical-record-form-page-btn-remove{background-color:#e5e7eb;background-color:var(--mrfp-border);color:#991b1b;color:var(--mrfp-danger)}.medical-record-form-page-btn-remove:hover{background-color:#fee2e2}.medical-record-form-page-btn-remove:disabled{cursor:not-allowed;opacity:.5}.medical-record-form-page-btn-add{align-items:center;background-color:#dcfce7;background-color:var(--mrfp-primary-light);border:1px solid #dcfce7;border:1px solid var(--mrfp-primary-light);border-radius:6px;border-radius:var(--mrfp-radius);color:#16a34a;color:var(--mrfp-primary-dark);cursor:pointer;display:inline-flex;font-size:.8rem;font-size:var(--mrfp-font-size-small);font-weight:600;gap:.5rem;margin:0 1rem 1rem;padding:.5rem 1rem}.medical-record-form-page-btn-add:hover{background-color:#22c55e;background-color:var(--mrfp-primary);color:#fff}.medical-record-form-page-right-col .medical-record-form-page-card{padding-bottom:1rem}.medical-record-form-page-right-col .medical-record-form-page-form-group{padding:1rem}.medical-record-form-page-alert-box{background-color:#fef9c3;background-color:var(--mrfp-warning-bg);border-radius:6px;border-radius:var(--mrfp-radius);color:#854d0e;color:var(--mrfp-warning-text);display:flex;font-size:.8rem;font-size:var(--mrfp-font-size-small);gap:.5rem;margin:1rem;padding:.75rem}.medical-record-form-page-alert-box svg{flex-shrink:0;margin-top:2px}.medical-record-form-page-file-group{padding:0 1rem 1rem}.medical-record-form-page-file-group label{color:#1f2937;color:var(--mrfp-text-primary);display:block;font-size:.875rem;font-size:var(--mrfp-font-size-base);font-weight:600;margin-bottom:.5rem}.medical-record-form-page-file-uploader{align-items:center;background-color:#fff;background-color:var(--mrfp-card-bg);border:1px dashed #22c55e;border:1px dashed var(--mrfp-primary);border-radius:6px;border-radius:var(--mrfp-radius);color:#16a34a;color:var(--mrfp-primary-dark);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.medical-record-form-page-file-uploader:hover{background-color:#f0fdf4;background-color:var(--mrfp-bg)}.medical-record-form-page-file-list{display:flex;flex-direction:column;gap:.375rem;margin-top:.75rem;max-height:150px;overflow-y:auto}.medical-record-form-page-file-item{align-items:center;background-color:#f9fafb;background-color:var(--mrfp-input-bg);border-radius:6px;border-radius:var(--mrfp-radius);display:flex;font-size:.8rem;font-size:var(--mrfp-font-size-small);gap:.375rem;padding:.375rem .5rem}.medical-record-form-page-file-item.new{background-color:#dcfce7;background-color:var(--mrfp-primary-light)}.medical-record-form-page-file-item svg{color:#6b7280;color:var(--mrfp-text-light);flex-shrink:0}.medical-record-form-page-file-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medical-record-form-page-file-item button{background:none;border:none;color:#991b1b;color:var(--mrfp-danger);cursor:pointer;display:flex;padding:2px}.mrfp-slot-picker{margin-top:4px;width:100%}.mrfp-slot-date-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mrfp-slot-date-btn{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:center;min-width:62px;padding:7px 6px;text-align:center;transition:all .18s ease}.mrfp-slot-date-btn:hover{background:#f0fdf4;border-color:#22c55e}.mrfp-slot-date-btn.active{background:#22c55e;border-color:#22c55e;box-shadow:0 3px 8px #22c55e40;color:#fff}.mrfp-slot-date-weekday{display:block;font-size:10px;font-weight:600;letter-spacing:.4px;margin-bottom:2px;opacity:.75;text-transform:uppercase}.mrfp-slot-date-num{display:block;font-size:15px;font-weight:800}.mrfp-slot-date-input{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;height:52px;min-width:42px;outline:none;padding:7px 10px}.mrfp-slot-date-input:focus{border-color:#22c55e}.mrfp-slot-grid-area{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.mrfp-slot-loading{color:#6b7280;gap:8px;padding:16px}.mrfp-slot-empty,.mrfp-slot-loading{align-items:center;display:flex;font-size:13px;justify-content:center;text-align:center}.mrfp-slot-empty{color:#d97706;gap:6px;padding:14px}.mrfp-slot-section{margin-bottom:12px}.mrfp-slot-section:last-child{margin-bottom:0}.mrfp-slot-section-label{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.mrfp-slot-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.mrfp-slot-btn{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:7px 6px;text-align:center;transition:all .18s ease;white-space:nowrap}.mrfp-slot-btn:hover{background:#f0fdf4;border-color:#22c55e;color:#16a34a}.mrfp-slot-btn.active{background:#22c55e;border-color:#22c55e;box-shadow:0 2px 6px #22c55e4d;color:#fff}.mrfp-slot-spin{animation:mrfp-subservice-spin 1s linear infinite}.mrvp-file-list{align-items:flex-start;flex-wrap:wrap;gap:.5rem}.mrvp-file-item{background:#f9fafb;background:var(--mrfp-input-bg);border-radius:8px;display:inline-flex;gap:.5rem;min-width:0;padding:.35rem .5rem}.mrvp-file-thumb{border:1px solid #e5e7eb;border:1px solid var(--mrfp-border);border-radius:6px;flex-shrink:0;height:42px;object-fit:cover;width:56px}.mrvp-file-dl{color:#16a34a;color:var(--mrfp-primary-dark);margin-left:8px}.mrvp-file-name{max-width:220px}.mrvp-meta-sub{color:#6b7280;color:var(--mrfp-text-light);display:block;font-size:.85rem}.mrfp-slot-picker-hint{align-items:center;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;color:#6b7280;display:flex;font-size:12px;gap:6px;margin-top:4px;padding:10px 12px}.medical-record-form-page-subservice-row-line3-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.medical-record-form-page-subservice-row-do-now{align-items:center;color:#065f46;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px}.medical-record-form-page-subservice-row-do-now input{height:16px;margin-right:6px;width:16px}@media (max-width:480px){.mrfp-slot-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.mrfp-slot-date-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.mrfp-slot-date-btn{flex-shrink:0;min-width:54px}.mrfp-slot-date-input{flex-shrink:0}.medical-record-form-page-subservice-row-line3-controls{flex-wrap:wrap}}.medical-record-form-page-subservice-root{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0f172a0a;overflow:visible;padding:14px}.medical-record-form-page-subservice-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.medical-record-form-page-subservice-title{color:#0f172a;font-size:1rem;font-weight:700}.medical-record-form-page-subservice-subtitle{line-height:1.5;margin-top:4px}.medical-record-form-page-subservice-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.medical-record-form-page-subservice-subtitle{color:#64748b;font-size:.9rem;line-height:1.45;margin-top:.35rem}.medical-record-form-page-subservice-summary{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.9rem;padding:0 1rem .25rem}.medical-record-form-page-subservice-summary-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:.75rem .85rem}.medical-record-form-page-subservice-summary-item--highlight{background:#ecfdf5;border-color:#bbf7d0}.medical-record-form-page-subservice-summary-label{color:#64748b;display:block;font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.medical-record-form-page-subservice-summary-item strong{color:#0f172a;display:block;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medical-record-form-page-subservice-summary-item small{color:#64748b;display:block;font-size:.78rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medical-record-form-page-subservice-count{background:#ecfeff;border:1px solid #bff4f3;border-radius:999px;color:#0f766e;flex-shrink:0;font-size:.9rem;font-weight:700;padding:8px 12px}.medical-record-form-page-subservice-btn-add-row{align-items:center;background:#dcfce7;border:none;border-radius:10px;color:#166534;cursor:pointer;display:inline-flex;font-weight:800;gap:.5rem;padding:8px 12px}.medical-record-form-page-subservice-btn-add-row:hover{background:#bbf7d0}.medical-record-form-page-subservice-rows{margin-top:12px}.medical-record-form-page-subservice-empty{color:#6b7280;padding:12px;text-align:center}.medical-record-form-page-subservice-row{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;overflow:visible;padding:12px;position:relative}.medical-record-form-page-subservice-row-line1{align-items:flex-start;display:flex;gap:10px}.medical-record-form-page-subservice-row-name-wrap{flex:1 1;min-width:0;position:relative}.medical-record-form-page-subservice-row-line2{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding-left:46px}.medical-record-form-page-subservice-row-price{color:#374151;font-size:13px;font-weight:600}.medical-record-form-page-subservice-row-line3{display:flex;flex-direction:column;gap:0;padding-left:46px}.medical-record-form-page-subservice-row-index{align-items:center;background:#0f766e;border-radius:999px;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:800;height:36px;justify-content:center;width:36px}.medical-record-form-page-subservice-service-field{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;color:#0f172a;cursor:pointer;font-weight:700;padding:10px 12px;text-align:left;width:100%}.medical-record-form-page-subservice-service-field.placeholder{color:#94a3b8;font-weight:600}.medical-record-form-page-subservice-service-field.has-value{background:#f8fff9;border-color:#bbf7d0;border-style:solid}.medical-record-form-page-subservice-row-meta{color:#6b7280;font-size:13px;margin-top:4px}.medical-record-form-page-subservice-required-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;margin-top:8px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.medical-record-form-page-subservice-required-badge.is-required{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.medical-record-form-page-subservice-required-badge.is-optional{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.medical-record-form-page-subservice-row-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.medical-record-form-page-subservice-row-datetime{border:1px solid #d1d5db;border-radius:8px;min-width:190px;padding:8px 10px}.medical-record-form-page-subservice-row-required{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:inline-flex;font-weight:600;gap:6px;padding:8px 10px}.medical-record-form-page-subservice-row-actions{display:flex;flex-wrap:wrap;gap:6px}.medical-record-form-page-subservice-btn-schedule.is-primary{background:#16a34a}.medical-record-form-page-subservice-btn-schedule.is-primary:hover{background:#15803d}.medical-record-form-page-subservice-btn-schedule{background:#2563eb;border:none;border-radius:8px;color:#fff;font-weight:700;min-height:36px;padding:8px 10px}.medical-record-form-page-subservice-btn-remove{background:#ef4444;border:none;border-radius:8px;color:#fff;font-weight:700;padding:8px 10px}.medical-record-form-page-subservice-btn-remove:disabled,.medical-record-form-page-subservice-btn-schedule:disabled{cursor:not-allowed;opacity:.65}.medical-record-form-page-subservice-picker{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 14px 28px #0f172a1f;left:0;max-width:600px;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 4px);width:100%;z-index:1000}.medical-record-form-page-subservice-picker-search{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:8px;padding:10px}.medical-record-form-page-subservice-picker-input{border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;padding:10px 12px;width:100%}.medical-record-form-page-subservice-picker-list{max-height:320px;overflow:auto}.medical-record-form-page-subservice-picker-item{align-items:stretch;background:#fff;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;text-align:left;width:100%}.medical-record-form-page-subservice-picker-item:hover{background:#f8fafc}.medical-record-form-page-subservice-picker-item:disabled{cursor:not-allowed;opacity:.65}.medical-record-form-page-subservice-picker-item-top{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.medical-record-form-page-subservice-picker-item-top strong,.medical-record-form-page-subservice-picker-meta-inline{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medical-record-form-page-subservice-picker-meta-inline{color:#6b7280;font-size:13px;font-weight:500}.medical-record-form-page-subservice-picker-item-bottom{align-items:flex-start;display:flex;flex-direction:column;gap:2px;justify-content:flex-start}.medical-record-form-page-subservice-picker-action{align-self:flex-start;color:#16a34a;font-weight:800}.medical-record-form-page-subservice-picker-empty{color:#6b7280;padding:12px;text-align:center}.medical-record-form-page-subservice-spin{animation:mrfp-subservice-spin 1s linear infinite}@keyframes mrfp-subservice-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.medical-record-form-page-subservice-header{flex-direction:column}.medical-record-form-page-subservice-row-line2,.medical-record-form-page-subservice-row-line3{padding-left:0}.medical-record-form-page-subservice-picker{width:100%}.medical-record-form-page-subservice-row-datetime{flex:1 1 100%;min-width:0;width:100%}.medical-record-form-page-subservice-row-line3{flex-wrap:wrap}}.medical-record-form-page-loading{align-items:center;color:#16a34a;color:var(--mrfp-primary-dark);display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:1rem;justify-content:center;min-height:400px}.medical-record-form-page-spin-icon{animation:mrfp-spin 1s linear infinite;font-size:2rem}.medical-record-form-page-spin-icon-small{animation:mrfp-spin 1s linear infinite;font-size:.9rem}@keyframes mrfp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.medical-record-form-page-main-grid{grid-template-columns:1fr}}@media (max-width:600px){.medical-record-form-page-header{gap:.75rem}.medical-record-form-page-header,.medical-record-form-page-info-card{align-items:stretch;flex-direction:column}.medical-record-form-page-card .medical-record-form-page-form-group-grid-2{grid-template-columns:1fr}.medical-record-form-page-prescription-row{flex-wrap:wrap}.medical-record-form-page-prescription-row .input-large{flex-basis:100%;order:4}.medical-record-form-page-prescription-row .medical-record-form-page-btn-icon{order:5}}.mrfp-preview-overlay{align-items:flex-start;background:#0f172ab8;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:1rem;position:fixed;z-index:5000}.main-layout.inroom-panel-open .mrfp-preview-overlay{align-items:flex-start;padding-top:1rem;z-index:12000}.mrfp-preview-modal{background:#fff;border-radius:14px;box-shadow:0 30px 80px #00000059;margin:auto;max-height:none;overflow:visible;padding:1.5rem;width:min(920px,100%)}.mrfp-preview-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.mrfp-preview-header h3{color:#1f2937;color:var(--mrfp-text-primary);margin:0 0 .25rem}.mrfp-preview-header p{color:#6b7280;color:var(--mrfp-text-light);margin:0}.mrfp-preview-close{background:#e2e8f0;border:none;border-radius:999px;color:#334155;cursor:pointer;height:34px;width:34px}.mrfp-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.mrfp-preview-card{background:#f9fafb;background:var(--mrfp-input-bg);border:1px solid #e5e7eb;border:1px solid var(--mrfp-border);border-radius:12px;padding:1rem}.mrfp-preview-card h4{color:#1f2937;color:var(--mrfp-text-primary);margin:0 0 .75rem}.mrfp-preview-full{grid-column:1/-1}.mrfp-preview-list{color:#1f2937;color:var(--mrfp-text-primary);margin:0;padding-left:1.1rem}.mrfp-preview-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:1rem}@media (max-width:700px){.mrfp-preview-grid{grid-template-columns:1fr}}:root{--mrvp-green:#16a34a;--mrvp-green-mid:#22c55e;--mrvp-green-light:#bbf7d0;--mrvp-green-pale:#dcfce7;--mrvp-green-faint:#f0fdf4;--mrvp-white:#fff;--mrvp-bg:#f4f6f4;--mrvp-surface:#fff;--mrvp-surface-alt:#f9fbf9;--mrvp-text-dark:#111827;--mrvp-text-body:#374151;--mrvp-text-muted:#6b7280;--mrvp-text-faint:#9ca3af;--mrvp-border:#e5e7eb;--mrvp-border-soft:#f3f4f6;--mrvp-blue:#3b82f6;--mrvp-blue-pale:#eff6ff;--mrvp-blue-light:#bfdbfe;--mrvp-amber:#f59e0b;--mrvp-amber-pale:#fffbeb;--mrvp-red:#ef4444;--mrvp-red-pale:#fef2f2;--mrvp-r:8px;--mrvp-r-sm:5px;--mrvp-r-xs:3px;--mrvp-sh-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--mrvp-sh:0 4px 14px #00000012;--mrvp-font:"Segoe UI",system-ui,-apple-system,sans-serif;--mrvp-fs-xs:0.6875rem;--mrvp-fs-sm:0.75rem;--mrvp-fs-base:0.8125rem;--mrvp-fs-md:0.875rem;--mrvp-fs-lg:1rem}.mrvp-page{background:#f4f6f4;background:var(--mrvp-bg);color:#374151;color:var(--mrvp-text-body);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--mrvp-font);font-size:.8125rem;font-size:var(--mrvp-fs-base);line-height:1.5;min-height:100vh}.mrvp-wrap{margin:0 auto;max-width:1400px;padding:0;width:calc(100% - 2rem)}.mrvp-icon{line-height:1;vertical-align:middle}.mrvp-icon,.mrvp-iconbox{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.mrvp-iconbox{border-radius:5px;border-radius:var(--mrvp-r-sm)}.mrvp-iconbox--sm{font-size:.75rem;height:26px;width:26px}.mrvp-iconbox--md{font-size:.9rem;height:32px;width:32px}.mrvp-iconbox--lg{font-size:1.1rem;height:40px;width:40px}.mrvp-iconbox--green{background:#dcfce7;background:var(--mrvp-green-pale);color:#16a34a;color:var(--mrvp-green)}.mrvp-iconbox--blue{background:#eff6ff;background:var(--mrvp-blue-pale);color:#3b82f6;color:var(--mrvp-blue)}.mrvp-iconbox--amber{background:#fffbeb;background:var(--mrvp-amber-pale);color:#f59e0b;color:var(--mrvp-amber)}.mrvp-iconbox--red{background:#fef2f2;background:var(--mrvp-red-pale);color:#ef4444;color:var(--mrvp-red)}.mrvp-icon--spin{animation:mrvp-spin .9s linear infinite}@keyframes mrvp-spin{to{transform:rotate(1turn)}}.mrvp-header{background:#fff;background:var(--mrvp-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mrvp-border);box-shadow:0 2px 10px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mrvp-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;padding:.6rem 1rem}.mrvp-btn-back{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--mrvp-border);border-radius:5px;border-radius:var(--mrvp-r-sm);color:#6b7280;color:var(--mrvp-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:500;gap:.3rem;padding:.3rem .65rem;transition:all .15s;white-space:nowrap}.mrvp-btn-back:hover{background:#f9fbf9;background:var(--mrvp-surface-alt);color:#111827;color:var(--mrvp-text-dark)}.mrvp-btn-back .mrvp-icon{color:inherit;font-size:.7rem}.mrvp-brand{flex-shrink:0;gap:.45rem}.mrvp-brand,.mrvp-brand-logo{align-items:center;display:flex}.mrvp-brand-logo{background:linear-gradient(135deg,#16a34a,#22c55e);background:linear-gradient(135deg,var(--mrvp-green),var(--mrvp-green-mid));border-radius:5px;border-radius:var(--mrvp-r-sm);height:28px;justify-content:center;width:28px}.mrvp-brand-logo .mrvp-icon{color:#fff;font-size:.8rem}.mrvp-brand-name{color:#111827;color:var(--mrvp-text-dark);font-size:.875rem;font-size:var(--mrvp-fs-md);font-weight:700}.mrvp-completion-pill{align-items:center;background:#dcfce7;background:var(--mrvp-green-pale);border-radius:20px;color:#16a34a;color:var(--mrvp-green);display:flex;flex-shrink:0;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:600;gap:.45rem;margin-left:auto;padding:.28rem .65rem;white-space:nowrap}.mrvp-completion-pill.mrvp-incomplete{background:#fffbeb;background:var(--mrvp-amber-pale);color:#92400e}.mrvp-completion-pill .mrvp-icon{color:inherit;font-size:.65rem}.mrvp-completion-minibar{background:#0000001a;border-radius:2px;height:4px;overflow:hidden;width:46px}.mrvp-completion-minibar-fill{background:currentColor;border-radius:2px;height:100%;opacity:.75;transition:width .4s}.mrvp-header-actions{display:flex;flex-shrink:0;gap:.35rem}.mrvp-btn-print{align-items:center;background:#16a34a;background:var(--mrvp-green);border:none;border-radius:5px;border-radius:var(--mrvp-r-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:600;gap:.3rem;padding:.3rem .7rem;transition:background .15s}.mrvp-btn-print:hover{background:#15803d}.mrvp-btn-print .mrvp-icon{color:#fff;font-size:.7rem}.mrvp-tabs{background:#fff;background:var(--mrvp-white);border-top:1px solid #e5e7eb;border-top:1px solid var(--mrvp-border);display:flex;overflow-x:auto;padding:0 1rem}.mrvp-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--mrvp-text-muted);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:600;gap:.35rem;margin-bottom:-1px;padding:.5rem .875rem;transition:all .15s;white-space:nowrap}.mrvp-tab:hover{color:#111827;color:var(--mrvp-text-dark)}.mrvp-tab.mrvp-tab--active{border-bottom-color:#16a34a;border-bottom-color:var(--mrvp-green);color:#16a34a;color:var(--mrvp-green)}.mrvp-tab .mrvp-icon{color:inherit;font-size:.75rem}.mrvp-body{padding:1.25rem 0 3rem}.mrvp-state{align-items:center;color:#6b7280;color:var(--mrvp-text-muted);display:flex;flex-direction:column;font-size:.875rem;font-size:var(--mrvp-fs-md);font-weight:500;gap:.75rem;justify-content:center;min-height:260px}.mrvp-state .mrvp-icon{color:#16a34a;color:var(--mrvp-green);font-size:2rem}.mrvp-state--error .mrvp-icon{color:#f59e0b;color:var(--mrvp-amber)}.mrvp-meta-strip{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.mrvp-summary-shell{display:flex;flex-direction:column;gap:1rem}.mrvp-summary-header{margin-bottom:0}.mrvp-meta-card{align-items:center;background:#fff;background:var(--mrvp-white);border-radius:8px;border-radius:var(--mrvp-r);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--mrvp-sh-sm);display:flex;gap:.6rem;padding:.7rem .875rem}.mrvp-meta-texts{display:flex;flex-direction:column;gap:.1rem;min-width:0}.mrvp-meta-lbl{color:#9ca3af;color:var(--mrvp-text-faint);font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mrvp-meta-val{color:#111827;color:var(--mrvp-text-dark);font-size:.875rem;font-size:var(--mrvp-fs-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrvp-record-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.mrvp-record-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.mrvp-record-col--left,.mrvp-record-col--right{max-width:100%}.mrvp-attachments-card{margin-top:.25rem}.mrvp-card{background:#fff;background:var(--mrvp-white);border-radius:8px;border-radius:var(--mrvp-r);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--mrvp-sh-sm);overflow:hidden}.mrvp-card-head{align-items:center;background:#f9fbf9;background:var(--mrvp-surface-alt);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mrvp-border);display:flex;gap:.45rem;padding:.575rem .875rem}.mrvp-service-linkline{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.mrvp-service-linktitle{color:#111827;color:var(--mrvp-text-dark);font-weight:700;margin-bottom:.15rem}.mrvp-service-linkcode,.mrvp-service-linkmode{align-items:center;border-radius:999px;display:inline-flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;gap:.25rem;padding:.2rem .45rem;white-space:nowrap}.mrvp-service-linkcode{background:#eff6ff;background:var(--mrvp-blue-pale);color:#3b82f6;color:var(--mrvp-blue)}.mrvp-service-linkmode{background:#f0fdf4;background:var(--mrvp-green-faint);color:#16a34a;color:var(--mrvp-green)}.mrvp-card-head-title{color:#6b7280;color:var(--mrvp-text-muted);font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mrvp-card-head .mrvp-icon{color:#16a34a;color:var(--mrvp-green);font-size:.8rem}.mrvp-diag-block{background:linear-gradient(140deg,#f0fdf4,#fff 60%);background:linear-gradient(140deg,var(--mrvp-green-faint) 0,#fff 60%);border-bottom:1px solid #bbf7d0;border-bottom:1px solid var(--mrvp-green-light);padding:.875rem}.mrvp-diag-lbl{align-items:center;color:#16a34a;color:var(--mrvp-green);display:flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;gap:.3rem;letter-spacing:.05em;margin-bottom:.3rem;text-transform:uppercase}.mrvp-diag-lbl .mrvp-icon{color:inherit;font-size:.7rem}.mrvp-diag-text{color:#111827;color:var(--mrvp-text-dark);font-size:1rem;font-size:var(--mrvp-fs-lg);font-weight:600;line-height:1.4;margin:0}.mrvp-rec-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--mrvp-border-soft);padding:.65rem .875rem}.mrvp-rec-row:last-child{border-bottom:none}.mrvp-rec-row-lbl{color:#9ca3af;color:var(--mrvp-text-faint);font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;letter-spacing:.04em;margin-bottom:.25rem;text-transform:uppercase}.mrvp-rec-row-text{color:#374151;color:var(--mrvp-text-body);font-size:.8125rem;font-size:var(--mrvp-fs-base);line-height:1.6;margin:0}.mrvp-followup-row{align-items:center;background:#f0fdf4;background:var(--mrvp-green-faint);color:#16a34a;color:var(--mrvp-green);display:flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:600;gap:.375rem;padding:.55rem .875rem}.mrvp-followup-row .mrvp-icon{color:inherit;font-size:.7rem}.mrvp-rx-table{border-collapse:collapse;width:100%}.mrvp-rx-table th{background:#f9fbf9;background:var(--mrvp-surface-alt);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mrvp-border);color:#9ca3af;color:var(--mrvp-text-faint);font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;letter-spacing:.03em;padding:.4rem .7rem;text-align:left;text-transform:uppercase}.mrvp-rx-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--mrvp-border-soft);color:#374151;color:var(--mrvp-text-body);font-size:.75rem;font-size:var(--mrvp-fs-sm);padding:.5rem .7rem;vertical-align:top}.mrvp-rx-table tbody tr:last-child td{border-bottom:none}.mrvp-rx-table tbody tr:hover{background:#f0fdf4;background:var(--mrvp-green-faint)}.mrvp-file-group{padding:.65rem .75rem}.mrvp-file-group+.mrvp-file-group{border-top:1px solid #e5e7eb;border-top:1px solid var(--mrvp-border)}.mrvp-file-group-title{align-items:center;color:#6b7280;color:var(--mrvp-text-muted);display:flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;gap:.3rem;letter-spacing:.04em;margin-bottom:.45rem;text-transform:uppercase}.mrvp-file-group-title .mrvp-icon{color:#6b7280;color:var(--mrvp-text-muted);font-size:.7rem}.mrvp-file-list{display:flex;flex-direction:column;gap:.275rem}.mrvp-file-item{align-items:center;background:#f9fbf9;background:var(--mrvp-surface-alt);border-radius:3px;border-radius:var(--mrvp-r-xs);color:#374151;color:var(--mrvp-text-body);display:flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);gap:.375rem;padding:.4rem .55rem;text-decoration:none;transition:all .15s}.mrvp-file-item:hover{background:#dcfce7;background:var(--mrvp-green-pale);color:#16a34a;color:var(--mrvp-green)}.mrvp-file-item .mrvp-icon{color:#6b7280;color:var(--mrvp-text-muted);flex-shrink:0;font-size:.8rem}.mrvp-file-item:hover .mrvp-icon{color:#16a34a;color:var(--mrvp-green)}.mrvp-file-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrvp-file-dl{margin-left:auto;opacity:.5}.mrvp-file-item:hover .mrvp-file-dl{opacity:1}.mrvp-hp-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.mrvp-hp-span2{grid-column:span 2}.mrvp-hp-full{grid-column:1/-1}.mrvp-section{background:#fff;background:var(--mrvp-white);border-radius:8px;border-radius:var(--mrvp-r);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--mrvp-sh-sm);overflow:hidden}.mrvp-section-head{align-items:center;background:#f9fbf9;background:var(--mrvp-surface-alt);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mrvp-border);display:flex;gap:.45rem;padding:.5rem .875rem}.mrvp-section-title{align-items:center;color:#6b7280;color:var(--mrvp-text-muted);display:flex;flex:1 1;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;gap:.35rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.mrvp-section-title .mrvp-icon{color:#16a34a;color:var(--mrvp-green);font-size:.75rem}.mrvp-sec-btns{display:flex;flex-shrink:0;gap:.25rem}.mrvp-btn-sedit{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--mrvp-border);border-radius:3px;border-radius:var(--mrvp-r-xs);color:#6b7280;color:var(--mrvp-text-muted);cursor:pointer;display:inline-flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:600;gap:.22rem;padding:.22rem .5rem;transition:all .15s}.mrvp-btn-sedit:hover{background:#f0fdf4;background:var(--mrvp-green-faint);border-color:#bbf7d0;border-color:var(--mrvp-green-light);color:#16a34a;color:var(--mrvp-green)}.mrvp-btn-sedit .mrvp-icon{color:inherit;font-size:.6rem}.mrvp-btn-ssave{align-items:center;background:#16a34a;background:var(--mrvp-green);border:none;border-radius:3px;border-radius:var(--mrvp-r-xs);color:#fff;cursor:pointer;display:inline-flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;gap:.22rem;padding:.22rem .55rem;transition:background .15s}.mrvp-btn-ssave:hover{background:#15803d}.mrvp-btn-ssave .mrvp-icon{color:#fff;font-size:.6rem}.mrvp-btn-scancel{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--mrvp-border);border-radius:3px;border-radius:var(--mrvp-r-xs);color:#6b7280;color:var(--mrvp-text-muted);cursor:pointer;display:inline-flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:600;padding:.22rem .45rem;transition:all .15s}.mrvp-btn-scancel:hover{background:#f9fbf9;background:var(--mrvp-surface-alt);color:#111827;color:var(--mrvp-text-dark)}.mrvp-section-body{padding:.875rem}.mrvp-field-row{grid-gap:.6rem;display:grid;gap:.6rem;margin-bottom:.6rem}.mrvp-field-row:last-child{margin-bottom:0}.mrvp-field-row--2{grid-template-columns:1fr 1fr}.mrvp-field-row--3{grid-template-columns:1fr 1fr 1fr}.mrvp-field-row--auto{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.mrvp-field{display:flex;flex-direction:column;gap:.25rem}.mrvp-field--full{grid-column:1/-1}.mrvp-label{align-items:center;color:#6b7280;color:var(--mrvp-text-muted);display:flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;gap:.28rem;letter-spacing:.03em;text-transform:uppercase}.mrvp-label .mrvp-icon{color:#16a34a;color:var(--mrvp-green);font-size:.68rem}.mrvp-required{color:#ef4444;color:var(--mrvp-red)}.mrvp-input,.mrvp-select,.mrvp-textarea{background:#f9fbf9;background:var(--mrvp-surface-alt);border:1.5px solid #e5e7eb;border:1.5px solid var(--mrvp-border);border-radius:5px;border-radius:var(--mrvp-r-sm);box-sizing:border-box;color:#111827;color:var(--mrvp-text-dark);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--mrvp-font);font-size:.8125rem;font-size:var(--mrvp-fs-base);outline:none;padding:.475rem .6rem;transition:border-color .15s,box-shadow .15s;width:100%}.mrvp-input:focus,.mrvp-select:focus,.mrvp-textarea:focus{background:#fff;border-color:#22c55e;border-color:var(--mrvp-green-mid);box-shadow:0 0 0 3px #22c55e21}.mrvp-textarea{line-height:1.5;min-height:60px;resize:vertical}.mrvp-val{color:#111827;color:var(--mrvp-text-dark);font-size:.8125rem;font-size:var(--mrvp-fs-base);font-weight:500;min-height:1.4em;padding:.15rem 0}.mrvp-val--empty{color:#9ca3af;color:var(--mrvp-text-faint);font-style:italic;font-weight:400}.mrvp-bmi{align-items:center;background:#dcfce7;background:var(--mrvp-green-pale);border:1.5px solid #bbf7d0;border:1.5px solid var(--mrvp-green-light);border-radius:20px;display:inline-flex;gap:.5rem;margin-top:.5rem;padding:.35rem .7rem}.mrvp-bmi-num{font-size:1rem;font-weight:700}.mrvp-bmi-sep{color:#9ca3af;color:var(--mrvp-text-faint);font-size:.75rem}.mrvp-bmi-stat{align-items:center;display:flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:600;gap:.2rem}.mrvp-bmi-stat .mrvp-icon{font-size:.6rem}.mrvp-lifestyle{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.mrvp-lifestyle-item{background:#f9fbf9;background:var(--mrvp-surface-alt);border-radius:5px;border-radius:var(--mrvp-r-sm);display:flex;flex-direction:column;gap:.25rem;padding:.5rem .6rem}.mrvp-lifestyle-lbl{align-items:center;color:#9ca3af;color:var(--mrvp-text-faint);display:flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;gap:.28rem;letter-spacing:.03em;text-transform:uppercase}.mrvp-lifestyle-lbl .mrvp-icon{color:#6b7280;color:var(--mrvp-text-muted);font-size:.68rem}.mrvp-lifestyle-val{color:#111827;color:var(--mrvp-text-dark);font-size:.8125rem;font-size:var(--mrvp-fs-base);font-weight:600}.mrvp-history-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width:860px){.mrvp-history-grid{grid-template-columns:1fr 1fr}.mrvp-meta-strip,.mrvp-record-grid{grid-template-columns:1fr}}@media (max-width:540px){.mrvp-history-grid{grid-template-columns:1fr}.mrvp-tag-btn,.mrvp-vax-btn{font-size:.7rem;padding:.22rem .45rem}.mrvp-tag-chip,.mrvp-vax-chip{font-size:.7rem;padding:.2rem .42rem}}.mrvp-taggroup{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.mrvp-taggroup:last-child{margin-bottom:0}.mrvp-taggroup-lbl{align-items:center;color:#6b7280;color:var(--mrvp-text-muted);display:flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;gap:.28rem;letter-spacing:.03em;text-transform:uppercase}.mrvp-taggroup-lbl .mrvp-icon{color:#16a34a;color:var(--mrvp-green);font-size:.68rem}.mrvp-taggroup-hint{color:#9ca3af;color:var(--mrvp-text-faint);font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-style:italic}.mrvp-tags{display:flex;flex-wrap:wrap;gap:.3rem}.mrvp-tag-btn{align-items:center;background:#f9fbf9;background:var(--mrvp-surface-alt);border:1.5px solid #e5e7eb;border:1.5px solid var(--mrvp-border);border-radius:20px;color:#374151;color:var(--mrvp-text-body);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:500;gap:.22rem;line-height:1.4;padding:.26rem .58rem;transition:all .15s;-webkit-user-select:none;user-select:none}.mrvp-tag-btn:hover{background:#f0fdf4;background:var(--mrvp-green-faint)}.mrvp-tag-btn.mrvp-tag-btn--on,.mrvp-tag-btn:hover{border-color:#22c55e;border-color:var(--mrvp-green-mid)}.mrvp-tag-btn.mrvp-tag-btn--on{background:#dcfce7;background:var(--mrvp-green-pale);color:#16a34a;color:var(--mrvp-green);font-weight:600}.mrvp-tag-btn .mrvp-icon{color:inherit;font-size:.58rem}.mrvp-tag-chip{align-items:center;background:#dcfce7;background:var(--mrvp-green-pale);border:1px solid #bbf7d0;border:1px solid var(--mrvp-green-light);border-radius:20px;color:#16a34a;color:var(--mrvp-green);display:inline-flex;font-weight:500;padding:.24rem .54rem}.mrvp-tag-chip,.mrvp-tag-empty{font-size:.75rem;font-size:var(--mrvp-fs-sm)}.mrvp-tag-empty{color:#9ca3af;color:var(--mrvp-text-faint);font-style:italic}.mrvp-vax-btn{align-items:center;background:#f9fbf9;background:var(--mrvp-surface-alt);border:1.5px solid #e5e7eb;border:1.5px solid var(--mrvp-border);border-radius:20px;color:#374151;color:var(--mrvp-text-body);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:500;gap:.22rem;padding:.26rem .58rem;transition:all .15s;-webkit-user-select:none;user-select:none}.mrvp-vax-btn.mrvp-vax-btn--on,.mrvp-vax-btn:hover{background:#eff6ff;background:var(--mrvp-blue-pale);border-color:#bfdbfe;border-color:var(--mrvp-blue-light)}.mrvp-vax-btn.mrvp-vax-btn--on{color:#3b82f6;color:var(--mrvp-blue);font-weight:600}.mrvp-vax-btn .mrvp-icon{color:inherit;font-size:.58rem}.mrvp-vax-chip{align-items:center;background:#eff6ff;background:var(--mrvp-blue-pale);border:1px solid #bfdbfe;border:1px solid var(--mrvp-blue-light);border-radius:20px;color:#3b82f6;color:var(--mrvp-blue);display:inline-flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:500;gap:.22rem;padding:.24rem .54rem}.mrvp-vax-chip .mrvp-icon{color:inherit;font-size:.58rem}.mrvp-med-row{display:flex;gap:.35rem;margin-bottom:.45rem}.mrvp-med-row .mrvp-input{flex:1 1}.mrvp-btn-addmed{align-items:center;background:#dcfce7;background:var(--mrvp-green-pale);border:1.5px solid #bbf7d0;border:1.5px solid var(--mrvp-green-light);border-radius:5px;border-radius:var(--mrvp-r-sm);color:#16a34a;color:var(--mrvp-green);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:700;gap:.22rem;padding:.475rem .7rem;transition:all .15s;white-space:nowrap}.mrvp-btn-addmed:hover{background:#16a34a;background:var(--mrvp-green);border-color:#16a34a;border-color:var(--mrvp-green);color:#fff}.mrvp-btn-addmed .mrvp-icon{color:inherit;font-size:.65rem}.mrvp-med-chips{display:flex;flex-wrap:wrap;gap:.3rem}.mrvp-med-chip{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;color:#78350f;display:inline-flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:500;gap:.28rem;padding:.26rem .52rem}.mrvp-med-chip .mrvp-icon{color:#78350f;font-size:.6rem}.mrvp-btn-removemed{align-items:center;background:none;border:none;color:#b45309;cursor:pointer;display:inline-flex;opacity:.7;padding:0;transition:opacity .1s}.mrvp-btn-removemed:hover{opacity:1}.mrvp-btn-removemed .mrvp-icon{color:inherit;font-size:.58rem}.mrvp-note-lbl{align-items:center;display:flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);gap:.22rem;margin:.35rem 0 .2rem}.mrvp-note-lbl,.mrvp-note-lbl .mrvp-icon{color:#9ca3af;color:var(--mrvp-text-faint)}.mrvp-note-lbl .mrvp-icon{font-size:.62rem}.mrvp-note-text{color:#6b7280;color:var(--mrvp-text-muted);font-size:.75rem;font-size:var(--mrvp-fs-sm);font-style:italic;margin-top:.2rem}.mrvp-hint{align-items:flex-start;background:#fffbeb;background:var(--mrvp-amber-pale);border-radius:5px;border-radius:var(--mrvp-r-sm);color:#78350f;display:flex;font-size:.6875rem;font-size:var(--mrvp-fs-xs);gap:.35rem;line-height:1.5;margin-bottom:.7rem;padding:.45rem .6rem}.mrvp-hint .mrvp-icon{color:#f59e0b;color:var(--mrvp-amber);flex-shrink:0;font-size:.7rem;margin-top:1px}.mrvp-divider{background:#e5e7eb;background:var(--mrvp-border);height:1px;margin:.6rem 0}.mrvp-share-block{align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#fff 72%);background:linear-gradient(135deg,var(--mrvp-green-faint) 0,#fff 72%);border:1px solid #bbf7d0;border:1px solid var(--mrvp-green-light);border-radius:8px;border-radius:var(--mrvp-r);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;padding:.8rem .9rem}.mrvp-share-copy{flex:1 1;min-width:0}.mrvp-share-title{align-items:center;color:#16a34a;color:var(--mrvp-green);display:flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:700;gap:.35rem;margin-bottom:.2rem}.mrvp-share-title .mrvp-icon{color:inherit;font-size:.72rem}.mrvp-share-text{color:#6b7280;color:var(--mrvp-text-muted);font-size:.6875rem;font-size:var(--mrvp-fs-xs);line-height:1.55;margin:0}.mrvp-btn-share{align-items:center;background:#fff;background:var(--mrvp-white);border:1.5px solid #bbf7d0;border:1.5px solid var(--mrvp-green-light);border-radius:5px;border-radius:var(--mrvp-r-sm);color:#16a34a;color:var(--mrvp-green);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:700;gap:.35rem;padding:.42rem .825rem;transition:all .15s;white-space:nowrap}.mrvp-btn-share:hover{background:#16a34a;background:var(--mrvp-green);border-color:#16a34a;border-color:var(--mrvp-green);color:#fff}.mrvp-btn-share--active{background:#dcfce7;background:var(--mrvp-green-pale)}.mrvp-btn-share .mrvp-icon{color:inherit;font-size:.72rem}.mrvp-hp-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.25rem}.mrvp-btn-export,.mrvp-btn-send{align-items:center;border:1.5px solid #0000;border-radius:5px;border-radius:var(--mrvp-r-sm);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:600;gap:.35rem;padding:.42rem .825rem;transition:all .15s}.mrvp-btn-export{background:#fff;background:var(--mrvp-white);border-color:#e5e7eb;border-color:var(--mrvp-border);color:#374151;color:var(--mrvp-text-body)}.mrvp-btn-export:hover{background:#f9fbf9;background:var(--mrvp-surface-alt)}.mrvp-btn-export .mrvp-icon{color:#6b7280;color:var(--mrvp-text-muted);font-size:.72rem}.mrvp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182775;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:300}.mrvp-modal{background:#fff;background:var(--mrvp-white);border:1px solid #e5e7ebe6;border-radius:14px;box-shadow:0 22px 60px #00000038;padding:1rem 1rem .9rem;width:min(520px,100%)}.mrvp-modal-head{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.65rem}.mrvp-modal-title{align-items:center;color:#111827;color:var(--mrvp-text-dark);display:flex;font-size:1rem;font-size:var(--mrvp-fs-lg);font-weight:800;gap:.4rem}.mrvp-modal-title .mrvp-icon{color:#16a34a;color:var(--mrvp-green);font-size:.9rem}.mrvp-modal-close{align-items:center;background:#f9fbf9;background:var(--mrvp-surface-alt);border:1px solid #e5e7eb;border:1px solid var(--mrvp-border);border-radius:999px;color:#6b7280;color:var(--mrvp-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.mrvp-modal-close:hover{background:#fef2f2;background:var(--mrvp-red-pale);border-color:#fecaca;color:#ef4444;color:var(--mrvp-red)}.mrvp-modal-text{color:#374151;color:var(--mrvp-text-body);font-size:.75rem;font-size:var(--mrvp-fs-sm);line-height:1.6;margin:0}.mrvp-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.mrvp-modal-btn{align-items:center;border:1px solid #0000;border-radius:5px;border-radius:var(--mrvp-r-sm);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--mrvp-fs-sm);font-weight:700;gap:.35rem;justify-content:center;min-width:110px;padding:.42rem .85rem;transition:all .15s}.mrvp-modal-btn:disabled{cursor:not-allowed;opacity:.7}.mrvp-modal-btn--ghost{background:#fff;background:var(--mrvp-white);border-color:#e5e7eb;border-color:var(--mrvp-border);color:#374151;color:var(--mrvp-text-body)}.mrvp-modal-btn--ghost:hover{background:#f9fbf9;background:var(--mrvp-surface-alt)}.mrvp-modal-btn--primary{background:#16a34a;background:var(--mrvp-green);border-color:#16a34a;border-color:var(--mrvp-green);color:#fff}.mrvp-modal-btn--primary:hover{background:#15803d;border-color:#15803d}@media (max-width:980px){.mrvp-hp-grid{grid-template-columns:1fr 1fr}.mrvp-hp-span2{grid-column:1/-1}.mrvp-record-grid{grid-template-columns:1fr}.mrvp-lifestyle{grid-template-columns:1fr 1fr}}@media (max-width:640px){.mrvp-header-top{gap:.4rem}.mrvp-brand-name{font-size:.8125rem;font-size:var(--mrvp-fs-base)}.mrvp-completion-pill{display:none}.mrvp-hp-grid{grid-template-columns:1fr}.mrvp-hp-full,.mrvp-hp-span2{grid-column:1/-1}.mrvp-field-row--2,.mrvp-field-row--3,.mrvp-field-row--auto,.mrvp-lifestyle,.mrvp-meta-strip{grid-template-columns:1fr}.mrvp-hp-actions{flex-direction:column}.mrvp-share-block{flex-direction:column}.mrvp-btn-export,.mrvp-btn-share{justify-content:center;width:100%}.mrvp-modal-actions{flex-direction:column}.mrvp-modal-btn{width:100%}.mrvp-rx-table thead{display:none}.mrvp-rx-table tr{border:1px solid #e5e7eb;border:1px solid var(--mrvp-border);border-radius:5px;border-radius:var(--mrvp-r-sm);display:block;margin-bottom:.5rem}.mrvp-rx-table td{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--mrvp-border);display:flex;justify-content:space-between;padding:.38rem .6rem}.mrvp-rx-table td:last-child{border-bottom:none}.mrvp-rx-table td:before{color:#6b7280;color:var(--mrvp-text-muted);content:attr(data-label);flex-shrink:0;font-size:.6875rem;font-size:var(--mrvp-fs-xs);font-weight:700;letter-spacing:.03em;padding-right:.5rem;text-transform:uppercase}}@media print{.mrvp-header{box-shadow:none;position:static}.mrvp-btn-back,.mrvp-header-actions,.mrvp-hp-actions,.mrvp-sec-btns,.mrvp-tabs{display:none!important}.mrvp-page{background:#fff}}:root{--hpp-primary:#16a34a;--hpp-primary-dark:#15803d;--hpp-primary-light:#bbf7d0;--hpp-primary-bg:#f0fdf4;--hpp-accent:#059669;--hpp-accent-soft:#dcfce7;--hpp-white:#fff;--hpp-gray-50:#f9fafb;--hpp-gray-100:#f3f4f6;--hpp-border:#d1fae5;--hpp-border-gray:#e5e7eb;--hpp-text-primary:#14532d;--hpp-text-dark:#1f2937;--hpp-text-secondary:#374151;--hpp-text-light:#6b7280;--hpp-text-muted:#9ca3af;--hpp-danger:#ef4444;--hpp-warning:#f59e0b;--hpp-info:#3b82f6;--hpp-shadow-xs:0 1px 2px #0000000d;--hpp-shadow-sm:0 1px 4px #00000012;--hpp-shadow:0 2px 8px #16a34a1a,0 1px 3px #0000000f;--hpp-shadow-hover:0 4px 16px #16a34a2e,0 2px 6px #0000000f;--hpp-radius-sm:5px;--hpp-radius:8px;--hpp-radius-lg:12px;--hpp-fs-xs:0.7rem;--hpp-fs-sm:0.78rem;--hpp-fs-base:0.84rem;--hpp-fs-md:0.92rem;--hpp-fs-lg:1.05rem;--hpp-fs-xl:1.25rem}.HealthProfilePage-page{background:linear-gradient(155deg,#f0fdf4,#ecfdf5 55%,#f8fafc);color:#374151;color:var(--hpp-text-secondary);font-family:Be Vietnam Pro,sans-serif;font-size:.84rem;font-size:var(--hpp-fs-base);min-height:100vh;padding:1rem}.HealthProfilePage-loading{align-items:center;background:linear-gradient(155deg,#f0fdf4,#ecfdf5);color:#16a34a;color:var(--hpp-primary);display:flex;flex-direction:column;font-size:.92rem;font-size:var(--hpp-fs-md);font-weight:600;gap:.75rem;justify-content:center;min-height:280px;min-height:100vh}.HealthProfilePage-spinner{animation:hpp-spin .85s linear infinite;border:3px solid #bbf7d0;border-top-color:#16a34a;border:3px solid var(--hpp-primary-light);border-radius:50%;border-top-color:var(--hpp-primary);height:32px;width:32px}@keyframes hpp-spin{to{transform:rotate(1turn)}}.HealthProfilePage-header{align-items:center;background:#fff;background:var(--hpp-white);border:1px solid #d1fae5;border:1px solid var(--hpp-border);border-radius:12px;border-radius:var(--hpp-radius-lg);box-shadow:0 1px 4px #00000012;box-shadow:var(--hpp-shadow-sm);display:flex;gap:.75rem;margin-bottom:1rem;overflow:hidden;padding:.85rem 1rem;position:relative}.HealthProfilePage-header:before{background:linear-gradient(90deg,#16a34a,#059669,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.HealthProfilePage-btn-back{align-items:center;background:#f3f4f6;background:var(--hpp-gray-100);border:1px solid #e5e7eb;border:1px solid var(--hpp-border-gray);border-radius:5px;border-radius:var(--hpp-radius-sm);color:#6b7280;color:var(--hpp-text-light);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-size:var(--hpp-fs-sm);font-weight:600;gap:.35rem;padding:.38rem .7rem;transition:all .18s}.HealthProfilePage-btn-back:hover{background:#dcfce7;background:var(--hpp-accent-soft);border-color:#bbf7d0;border-color:var(--hpp-primary-light);color:#15803d;color:var(--hpp-primary-dark)}.HealthProfilePage-header-content{flex:1 1}.HealthProfilePage-header-content h1{align-items:center;color:#14532d;color:var(--hpp-text-primary);display:flex;font-size:1.05rem;font-size:var(--hpp-fs-lg);font-weight:700;gap:.4rem;margin:0 0 .15rem}.HealthProfilePage-header-content h1 svg{color:#16a34a;color:var(--hpp-primary);font-size:1rem}.HealthProfilePage-subtitle{color:#6b7280;color:var(--hpp-text-light);font-size:.7rem;font-size:var(--hpp-fs-xs);line-height:1.4;margin:0}.HealthProfilePage-btn-edit{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--hpp-primary),var(--hpp-accent));border:none;border-radius:5px;border-radius:var(--hpp-radius-sm);box-shadow:0 2px 6px #16a34a4d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-size:var(--hpp-fs-sm);font-weight:700;gap:.35rem;padding:.42rem .85rem;transition:opacity .18s,transform .15s,box-shadow .18s}.HealthProfilePage-btn-edit:hover{box-shadow:0 4px 12px #16a34a59;opacity:.9;transform:translateY(-1px)}.HealthProfilePage-completion-card{background:#fff;background:var(--hpp-white);border:1px solid #d1fae5;border:1px solid var(--hpp-border);border-radius:8px;border-radius:var(--hpp-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--hpp-shadow-xs);margin-bottom:.85rem;padding:.85rem 1rem}.HealthProfilePage-completion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.HealthProfilePage-completion-header h3{color:#1f2937;color:var(--hpp-text-dark);font-size:.78rem;font-size:var(--hpp-fs-sm);font-weight:600;margin:0}.HealthProfilePage-completion-badge{border-radius:20px;font-size:.7rem;font-size:var(--hpp-fs-xs);font-weight:700;min-width:42px;padding:.18rem .55rem;text-align:center}.HealthProfilePage-completion-badge.HealthProfilePage-complete{background:#dcfce7;background:var(--hpp-accent-soft);border:1px solid #bbf7d0;border:1px solid var(--hpp-primary-light);color:#15803d;color:var(--hpp-primary-dark)}.HealthProfilePage-completion-badge.HealthProfilePage-incomplete{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.HealthProfilePage-completion-bar{background:#f3f4f6;background:var(--hpp-gray-100);border-radius:99px;height:6px;overflow:hidden}.HealthProfilePage-completion-fill{background:linear-gradient(90deg,#16a34a,#34d399);background:linear-gradient(90deg,var(--hpp-primary),#34d399);border-radius:99px;height:100%;transition:width .5s ease}.HealthProfilePage-missing-fields-note{align-items:flex-start;background:#fef9c3;border:1px solid #fde68a;border-radius:5px;border-radius:var(--hpp-radius-sm);color:#92400e;display:flex;font-size:.7rem;font-size:var(--hpp-fs-xs);gap:.35rem;line-height:1.45;margin:.5rem 0 0;padding:.35rem .6rem}.HealthProfilePage-missing-fields-note svg{color:#f59e0b;color:var(--hpp-warning);flex-shrink:0;margin-top:1px}.HealthProfilePage-section{background:#fff;background:var(--hpp-white);border:1px solid #e5e7eb;border:1px solid var(--hpp-border-gray);border-radius:8px;border-radius:var(--hpp-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--hpp-shadow-xs);margin-bottom:.75rem;overflow:hidden;transition:box-shadow .2s}.HealthProfilePage-section:hover{border-color:#d1fae5;border-color:var(--hpp-border);box-shadow:0 2px 8px #16a34a1a,0 1px 3px #0000000f;box-shadow:var(--hpp-shadow)}.HealthProfilePage-section-header{background:linear-gradient(90deg,#f0fdf4,#f9fafb);border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--hpp-border);padding:.6rem .9rem}.HealthProfilePage-section-header h2{align-items:center;color:#14532d;color:var(--hpp-text-primary);display:flex;font-size:.92rem;font-size:var(--hpp-fs-md);font-weight:700;gap:.4rem;margin:0}.HealthProfilePage-section-header h2 svg{color:#16a34a;color:var(--hpp-primary);font-size:.85rem}.HealthProfilePage-section-content{display:flex;flex-direction:column;gap:.65rem;padding:.85rem .9rem}.HealthProfilePage-form-row{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.HealthProfilePage-form-group{display:flex;flex-direction:column;gap:.28rem}.HealthProfilePage-form-group.HealthProfilePage-full{grid-column:1/-1}.HealthProfilePage-form-group label{align-items:center;color:#374151;color:var(--hpp-text-secondary);display:flex;font-size:.7rem;font-size:var(--hpp-fs-xs);font-weight:600;gap:.35rem;letter-spacing:.1px}.HealthProfilePage-form-group label svg{color:#16a34a;color:var(--hpp-primary);font-size:.7rem}.HealthProfilePage-required{color:#ef4444;color:var(--hpp-danger);font-size:.8rem;font-weight:700}.HealthProfilePage-form-group input,.HealthProfilePage-form-group select,.HealthProfilePage-form-group textarea{background:#f9fafb;background:var(--hpp-gray-50);border:1px solid #e5e7eb;border:1px solid var(--hpp-border-gray);border-radius:5px;border-radius:var(--hpp-radius-sm);box-sizing:border-box;color:#1f2937;color:var(--hpp-text-dark);font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-size:var(--hpp-fs-sm);outline:none;padding:.42rem .65rem;transition:border-color .18s,box-shadow .18s,background .15s;width:100%}.HealthProfilePage-form-group input:focus,.HealthProfilePage-form-group select:focus,.HealthProfilePage-form-group textarea:focus{background:#fff;background:var(--hpp-white);border-color:#16a34a;border-color:var(--hpp-primary);box-shadow:0 0 0 2.5px #16a34a24}.HealthProfilePage-form-group input:disabled,.HealthProfilePage-form-group select:disabled,.HealthProfilePage-form-group textarea:disabled{background:#f3f4f6;background:var(--hpp-gray-100);border-color:#e5e7eb;border-color:var(--hpp-border-gray);color:#374151;color:var(--hpp-text-secondary);cursor:default}.HealthProfilePage-form-group textarea{line-height:1.5;min-height:64px;resize:vertical}.HealthProfilePage-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%236b7280' d='m0 0 5 6 5-6z'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:1.8rem}.HealthProfilePage-bmi-display{align-items:center;background:#f9fafb;background:var(--hpp-gray-50);border:1.5px solid;border-radius:8px;border-radius:var(--hpp-radius);display:flex;gap:.75rem;margin:.1rem 0;padding:.6rem .85rem}.HealthProfilePage-bmi-icon{flex-shrink:0;font-size:1.1rem}.HealthProfilePage-bmi-info{display:flex;flex:1 1;flex-direction:column;gap:.05rem}.HealthProfilePage-bmi-label{color:#6b7280;color:var(--hpp-text-light);font-size:.7rem;font-size:var(--hpp-fs-xs);font-weight:500}.HealthProfilePage-bmi-value{font-size:1.15rem;font-weight:800;letter-spacing:-.5px;line-height:1}.HealthProfilePage-bmi-status{align-items:center;display:flex;font-size:.78rem;font-size:var(--hpp-fs-sm);font-weight:700;gap:.3rem}.HealthProfilePage-bmi-status svg{font-size:.75rem}.HealthProfilePage-actions{align-items:center;display:flex;gap:.6rem;justify-content:flex-end;margin-top:.25rem;padding:.85rem 0}.HealthProfilePage-btn-cancel{background:#f3f4f6;background:var(--hpp-gray-100);border:1px solid #e5e7eb;border:1px solid var(--hpp-border-gray);border-radius:5px;border-radius:var(--hpp-radius-sm);color:#6b7280;color:var(--hpp-text-light);cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-size:var(--hpp-fs-sm);font-weight:600;padding:.45rem 1rem;transition:all .18s}.HealthProfilePage-btn-cancel:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444;color:var(--hpp-danger)}.HealthProfilePage-btn-save{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--hpp-primary),var(--hpp-accent));border:none;border-radius:5px;border-radius:var(--hpp-radius-sm);box-shadow:0 2px 8px #16a34a52;color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-size:var(--hpp-fs-sm);font-weight:700;gap:.4rem;padding:.48rem 1.1rem;transition:opacity .18s,transform .15s,box-shadow .18s}.HealthProfilePage-btn-save:hover{box-shadow:0 4px 14px #16a34a66;opacity:.9;transform:translateY(-1px)}.HealthProfilePage-btn-save svg{font-size:.78rem}.HealthProfilePage-form-group.HealthProfilePage-highlight input,.HealthProfilePage-form-group.HealthProfilePage-highlight textarea{background:#fffbeb;border-color:#fcd34d}.HealthProfilePage-form-group.HealthProfilePage-highlight label{color:#92400e}.HealthProfilePage-form-group.HealthProfilePage-highlight label svg{color:#f59e0b;color:var(--hpp-warning)}.HealthProfilePage-form-group.HealthProfilePage-emergency input{background:#fff5f5;border-color:#fca5a5}.HealthProfilePage-form-group.HealthProfilePage-emergency label{color:#991b1b}.HealthProfilePage-modal-overlay{align-items:center;background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.HealthProfilePage-modal-content{background:#fff;background:var(--hpp-white);border:1px solid #d1fae5;border:1px solid var(--hpp-border);border-radius:16px;box-shadow:0 24px 60px #0f172a38;overflow:hidden;width:min(520px,100%)}.HealthProfilePage-modal-header{align-items:center;background:linear-gradient(90deg,#f0fdf4,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--hpp-border-gray);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.1rem}.HealthProfilePage-modal-header h3{color:#14532d;color:var(--hpp-text-primary);font-size:1rem;font-weight:700;margin:0}.HealthProfilePage-modal-close{align-items:center;background:#f3f4f6;background:var(--hpp-gray-100);border:1px solid #e5e7eb;border:1px solid var(--hpp-border-gray);border-radius:999px;color:#6b7280;color:var(--hpp-text-light);cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.HealthProfilePage-modal-body{color:#374151;color:var(--hpp-text-secondary);line-height:1.6;padding:1rem 1.1rem .85rem}.HealthProfilePage-modal-actions{display:flex;gap:.6rem;justify-content:flex-end;padding:.85rem 1.1rem 1.1rem}@media (max-width:640px){.HealthProfilePage-header{flex-wrap:wrap}.HealthProfilePage-modal-actions{flex-direction:column-reverse}.HealthProfilePage-modal-actions .HealthProfilePage-btn-cancel,.HealthProfilePage-modal-actions .HealthProfilePage-btn-save{width:100%}}.HealthProfilePage-form-group.HealthProfilePage-emergency label svg{color:#ef4444;color:var(--hpp-danger)}@media (max-width:540px){.HealthProfilePage-page{padding:.75rem .6rem}.HealthProfilePage-header{flex-wrap:wrap;gap:.5rem}.HealthProfilePage-form-row{grid-template-columns:1fr}.HealthProfilePage-bmi-display{flex-wrap:wrap}}:root{--dmrp-primary:#16a34a;--dmrp-primary-dark:#15803d;--dmrp-primary-light:#dcfce7;--dmrp-primary-bg:#f0fdf4;--dmrp-accent:#059669;--dmrp-blue:#2563eb;--dmrp-blue-light:#dbeafe;--dmrp-purple:#7c3aed;--dmrp-purple-light:#ede9fe;--dmrp-orange:#ea580c;--dmrp-orange-light:#ffedd5;--dmrp-yellow:#d97706;--dmrp-yellow-light:#fef3c7;--dmrp-red:#dc2626;--dmrp-red-light:#fee2e2;--dmrp-white:#fff;--dmrp-border:#e5e7eb;--dmrp-border-green:#bbf7d0;--dmrp-bg:#f8fafc;--dmrp-text-primary:#111827;--dmrp-text-secondary:#374151;--dmrp-text-light:#6b7280;--dmrp-text-muted:#9ca3af;--dmrp-shadow-sm:0 1px 3px #0000000f;--dmrp-shadow:0 2px 8px #00000014;--dmrp-shadow-hover:0 6px 20px #16a34a26;--dmrp-radius:8px;--dmrp-radius-sm:5px;--dmrp-radius-lg:12px;--dmrp-fs-xs:0.72rem;--dmrp-fs-sm:0.8rem;--dmrp-fs-base:0.875rem;--dmrp-fs-md:0.95rem;--dmrp-fs-xl:1.3rem}.dmrp-page{background:#f8fafc;background:var(--dmrp-bg);color:#374151;color:var(--dmrp-text-secondary);font-size:.875rem;font-size:var(--dmrp-fs-base);min-height:100vh;padding:1.25rem 1rem}.dmrp-wrapper{margin:0 auto;max-width:960px}.dmrp-header{align-items:center;background:#fff;background:var(--dmrp-white);border:1px solid #bbf7d0;border:1px solid var(--dmrp-border-green);border-radius:12px;border-radius:var(--dmrp-radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--dmrp-shadow-sm);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;overflow:hidden;padding:1rem 1.25rem;position:relative}.dmrp-header:before{background:linear-gradient(90deg,#16a34a,#059669,#34d399);background:linear-gradient(90deg,var(--dmrp-primary),var(--dmrp-accent),#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.dmrp-header-left{align-items:center;display:flex;gap:.85rem}.dmrp-header-icon{align-items:center;background:#dcfce7;background:var(--dmrp-primary-light);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dmrp-header-icon svg{color:#16a34a;color:var(--dmrp-primary);font-size:1.15rem}.dmrp-title{color:#111827;color:var(--dmrp-text-primary);font-size:1.3rem;font-size:var(--dmrp-fs-xl);font-weight:700;margin:0 0 .1rem}.dmrp-subtitle{color:#6b7280;color:var(--dmrp-text-light);font-size:.8rem;font-size:var(--dmrp-fs-sm);margin:0}.dmrp-header-stats{display:flex;flex-wrap:wrap;gap:.5rem}.dmrp-stat-chip{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--dmrp-border);border-radius:20px;color:#374151;color:var(--dmrp-text-secondary);display:inline-flex;font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:600;gap:.3rem;padding:.28rem .7rem}.dmrp-chip-green{background:#dcfce7;background:var(--dmrp-primary-light);border-color:#bbf7d0;border-color:var(--dmrp-border-green);color:#15803d;color:var(--dmrp-primary-dark)}.dmrp-chip-orange{background:#ffedd5;background:var(--dmrp-orange-light);border-color:#fed7aa;color:#ea580c;color:var(--dmrp-orange)}.dmrp-tabs{background:#fff;background:var(--dmrp-white);border:1px solid #e5e7eb;border:1px solid var(--dmrp-border);border-radius:8px;border-radius:var(--dmrp-radius);box-shadow:0 1px 3px #0000000f;box-shadow:var(--dmrp-shadow-sm);margin-bottom:.85rem;padding:.3rem}.dmrp-tab,.dmrp-tabs{display:flex;gap:.4rem}.dmrp-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:5px;border-radius:var(--dmrp-radius-sm);color:#6b7280;color:var(--dmrp-text-light);cursor:pointer;flex:1 1;font-size:.8rem;font-size:var(--dmrp-fs-sm);font-weight:600;justify-content:center;padding:.6rem 1rem;transition:all .2s}.dmrp-tab:hover{background:#f0fdf4;background:var(--dmrp-primary-bg);color:#15803d;color:var(--dmrp-primary-dark)}.dmrp-tab-active{background:#16a34a;background:var(--dmrp-primary);border-color:#16a34a;border-color:var(--dmrp-primary);color:#fff}.dmrp-tab-count{align-items:center;background:#00000014;border-radius:9px;display:inline-flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.dmrp-tab-active .dmrp-tab-count{background:#ffffff40;color:#fff}.dmrp-toolbar{flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.dmrp-search-box,.dmrp-toolbar{align-items:center;display:flex}.dmrp-search-box{flex:1 1;min-width:180px;position:relative}.dmrp-search-icon{color:#9ca3af;color:var(--dmrp-text-muted);font-size:.8rem;left:.7rem;pointer-events:none;position:absolute}.dmrp-search-input{background:#fff;background:var(--dmrp-white);border:1px solid #e5e7eb;border:1px solid var(--dmrp-border);border-radius:8px;border-radius:var(--dmrp-radius);color:#111827;color:var(--dmrp-text-primary);font-size:.8rem;font-size:var(--dmrp-fs-sm);padding:.58rem 2rem .58rem 2.1rem;transition:all .2s;width:100%}.dmrp-search-input:focus{border-color:#16a34a;border-color:var(--dmrp-primary);box-shadow:0 0 0 3px #dcfce7;box-shadow:0 0 0 3px var(--dmrp-primary-light);outline:none}.dmrp-search-clear{background:none;border:none;color:#9ca3af;color:var(--dmrp-text-muted);cursor:pointer;display:flex;font-size:.75rem;padding:2px;position:absolute;right:.6rem}.dmrp-filter-wrap{position:relative}.dmrp-filter-btn{align-items:center;background:#fff;background:var(--dmrp-white);border:1px solid #e5e7eb;border:1px solid var(--dmrp-border);border-radius:8px;border-radius:var(--dmrp-radius);color:#374151;color:var(--dmrp-text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-size:var(--dmrp-fs-sm);font-weight:600;gap:.35rem;padding:.55rem .85rem;transition:all .2s;white-space:nowrap}.dmrp-filter-btn-active,.dmrp-filter-btn:hover{background:#f0fdf4;background:var(--dmrp-primary-bg)}.dmrp-filter-btn-active,.dmrp-filter-btn-has,.dmrp-filter-btn:hover{border-color:#16a34a;border-color:var(--dmrp-primary);color:#15803d;color:var(--dmrp-primary-dark)}.dmrp-filter-dot{background:#16a34a;background:var(--dmrp-primary);border-radius:50%;height:7px;width:7px}.dmrp-chevron-up{transform:rotate(180deg)}.dmrp-filter-panel{background:#fff;background:var(--dmrp-white);border:1px solid #e5e7eb;border:1px solid var(--dmrp-border);border-radius:8px;border-radius:var(--dmrp-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--dmrp-shadow);padding:.85rem;position:absolute;right:0;top:calc(100% + 6px);width:320px;z-index:200}.dmrp-filter-group{margin-bottom:.75rem}.dmrp-filter-group:last-of-type{margin-bottom:0}.dmrp-filter-group-label{color:#9ca3af;color:var(--dmrp-text-muted);font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:700;margin-bottom:.4rem;text-transform:uppercase}.dmrp-filter-chips{display:flex;flex-wrap:wrap;gap:.35rem}.dmrp-chip-btn{background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--dmrp-border);border-radius:20px;color:#374151;color:var(--dmrp-text-secondary);cursor:pointer;font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:600;padding:.28rem .65rem;transition:all .15s}.dmrp-chip-btn:hover{background:#f0fdf4;background:var(--dmrp-primary-bg);color:#15803d;color:var(--dmrp-primary-dark)}.dmrp-chip-active,.dmrp-chip-btn:hover{border-color:#16a34a;border-color:var(--dmrp-primary)}.dmrp-chip-active{background:#16a34a;background:var(--dmrp-primary);color:#fff}.dmrp-clear-filter-btn{align-items:center;background:#fee2e2;background:var(--dmrp-red-light);border:1px solid #fca5a5;border-radius:5px;border-radius:var(--dmrp-radius-sm);color:#dc2626;color:var(--dmrp-red);cursor:pointer;display:flex;font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:600;gap:.35rem;justify-content:center;margin-top:.75rem;padding:.4rem .75rem;transition:all .15s;width:100%}.dmrp-clear-filter-btn:hover{background:#dc2626;background:var(--dmrp-red);color:#fff}.dmrp-refresh-btn{align-items:center;background:#fff;background:var(--dmrp-white);border:1px solid #e5e7eb;border:1px solid var(--dmrp-border);border-radius:8px;border-radius:var(--dmrp-radius);color:#6b7280;color:var(--dmrp-text-light);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.dmrp-refresh-btn:hover{border-color:#16a34a;border-color:var(--dmrp-primary);color:#16a34a;color:var(--dmrp-primary)}.dmrp-refresh-btn:hover,.dmrp-result-bar{background:#f0fdf4;background:var(--dmrp-primary-bg)}.dmrp-result-bar{align-items:center;border:1px solid #bbf7d0;border:1px solid var(--dmrp-border-green);border-radius:5px;border-radius:var(--dmrp-radius-sm);color:#15803d;color:var(--dmrp-primary-dark);display:flex;font-size:.8rem;font-size:var(--dmrp-fs-sm);gap:.5rem;margin-bottom:.75rem;padding:.45rem .75rem}.dmrp-clear-link{background:none;border:none;color:#16a34a;color:var(--dmrp-primary);cursor:pointer;font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:600;margin-left:auto;text-decoration:underline}.dmrp-list{display:flex;flex-direction:column;gap:.6rem}.dmrp-card{background:#fff;background:var(--dmrp-white);border:1px solid #e5e7eb;border:1px solid var(--dmrp-border);border-radius:8px;border-radius:var(--dmrp-radius);box-shadow:0 1px 3px #0000000f;box-shadow:var(--dmrp-shadow-sm);overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .15s}.dmrp-card:hover{border-color:#bbf7d0;border-color:var(--dmrp-border-green);box-shadow:0 6px 20px #16a34a26;box-shadow:var(--dmrp-shadow-hover);transform:translateY(-1px)}.dmrp-card-has-record{border-left:3px solid #16a34a;border-left:3px solid var(--dmrp-primary)}.dmrp-card-needs-record{border-left:3px solid #ea580c;border-left:3px solid var(--dmrp-orange)}.dmrp-card-default{border-left:3px solid #e5e7eb;border-left:3px solid var(--dmrp-border)}.dmrp-card-consult{border-left:3px solid #2563eb;border-left:3px solid var(--dmrp-blue)}.dmrp-card-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--dmrp-border);display:flex;flex-wrap:wrap;gap:.65rem;padding:.55rem 1rem}.dmrp-card-code{align-items:center;color:#15803d;color:var(--dmrp-primary-dark);display:flex;font-family:Courier New,monospace;font-size:.8rem;font-size:var(--dmrp-fs-sm);font-weight:700;gap:.28rem}.dmrp-card-id{color:#9ca3af;color:var(--dmrp-text-muted);font-weight:400}.dmrp-card-id,.dmrp-card-meta{font-size:.72rem;font-size:var(--dmrp-fs-xs)}.dmrp-card-meta{align-items:center;color:#6b7280;color:var(--dmrp-text-light);display:flex;gap:.3rem;margin-left:auto}.dmrp-time{color:#15803d;color:var(--dmrp-primary-dark);font-weight:700;margin-left:.25rem}.dmrp-card-body{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.dmrp-info-col{min-width:110px}.dmrp-info-col-wide{flex:1 1;min-width:180px}.dmrp-info-label{align-items:center;color:#9ca3af;color:var(--dmrp-text-muted);display:flex;font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:700;gap:.28rem;letter-spacing:.03em;margin-bottom:.22rem;text-transform:uppercase}.dmrp-info-label svg{color:#16a34a;color:var(--dmrp-primary);font-size:.68rem}.dmrp-info-value{color:#111827;color:var(--dmrp-text-primary);font-size:.8rem;font-size:var(--dmrp-fs-sm);font-weight:500;line-height:1.4}.dmrp-patient-name{color:#15803d;color:var(--dmrp-primary-dark);font-size:.875rem;font-size:var(--dmrp-fs-base);font-weight:700}.dmrp-patient-phone{color:#9ca3af;color:var(--dmrp-text-muted);font-size:.72rem;font-size:var(--dmrp-fs-xs);margin-top:.1rem}.dmrp-diagnosis{color:#374151;color:var(--dmrp-text-secondary);font-style:italic}.dmrp-followup-date{color:#ea580c;color:var(--dmrp-orange);font-size:.8rem;font-size:var(--dmrp-fs-sm);font-weight:600}.dmrp-empty-text{color:#9ca3af;color:var(--dmrp-text-muted);font-style:italic;font-weight:400}.dmrp-rx-note{align-items:center;color:#15803d;color:var(--dmrp-primary-dark);display:flex;font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:600;gap:.28rem;margin-top:.25rem}.dmrp-rating{font-size:.8rem;font-size:var(--dmrp-fs-sm)}.dmrp-card-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;border-top:1px solid var(--dmrp-border);display:flex;justify-content:space-between;padding:.45rem 1rem}.dmrp-footer-left{flex:1 1}.dmrp-footer-actions{display:flex;gap:.45rem}.dmrp-alert-note{color:#ea580c;color:var(--dmrp-orange);display:flex;font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:600}.dmrp-alert-note,.dmrp-btn{align-items:center;gap:.3rem}.dmrp-btn{border:1px solid #0000;border-radius:5px;border-radius:var(--dmrp-radius-sm);cursor:pointer;display:inline-flex;font-weight:700;transition:all .18s;white-space:nowrap}.dmrp-btn-sm{font-size:.72rem;font-size:var(--dmrp-fs-xs);padding:.38rem .75rem}.dmrp-btn-ghost{background:#f3f4f6;border-color:#e5e7eb;border-color:var(--dmrp-border);color:#374151;color:var(--dmrp-text-secondary)}.dmrp-btn-ghost:hover{background:#e5e7eb;background:var(--dmrp-border)}.dmrp-btn-view{background:#dcfce7;background:var(--dmrp-primary-light);border-color:#bbf7d0;border-color:var(--dmrp-border-green);color:#15803d;color:var(--dmrp-primary-dark)}.dmrp-btn-view:hover{background:#16a34a;background:var(--dmrp-primary);color:#fff}.dmrp-btn-edit{background:#dbeafe;background:var(--dmrp-blue-light);border-color:#bfdbfe;color:#2563eb;color:var(--dmrp-blue)}.dmrp-btn-edit:hover{background:#2563eb;background:var(--dmrp-blue);color:#fff}.dmrp-btn-new{background:linear-gradient(135deg,#ea580c,#f97316);background:linear-gradient(135deg,var(--dmrp-orange) 0,#f97316 100%);box-shadow:0 2px 6px #ea580c4d;color:#fff}.dmrp-btn-new:hover{opacity:.9;transform:translateY(-1px)}.dmrp-btn-join{background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--dmrp-primary) 0,var(--dmrp-accent) 100%);box-shadow:0 2px 6px #16a34a4d;color:#fff}.dmrp-btn-join:hover{opacity:.9;transform:translateY(-1px)}.dmrp-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-size:var(--dmrp-fs-xs);font-weight:600;gap:.2rem;padding:.16rem .5rem}.dmrp-s-confirmed{background:#dbeafe;background:var(--dmrp-blue-light);color:#2563eb;color:var(--dmrp-blue)}.dmrp-s-upcoming{background:#fef3c7;background:var(--dmrp-yellow-light);color:#d97706;color:var(--dmrp-yellow)}.dmrp-s-inprogress{background:#ede9fe;background:var(--dmrp-purple-light);color:#7c3aed;color:var(--dmrp-purple)}.dmrp-s-completed{background:#dcfce7;background:var(--dmrp-primary-light);color:#15803d;color:var(--dmrp-primary-dark)}.dmrp-s-passed{background:#f3f4f6;color:#6b7280;color:var(--dmrp-text-light)}.dmrp-s-cancelled{background:#fee2e2;background:var(--dmrp-red-light);color:#dc2626;color:var(--dmrp-red)}.dmrp-s-default{background:#f3f4f6;color:#6b7280;color:var(--dmrp-text-light)}.dmrp-rs-has{background:#dcfce7;background:var(--dmrp-primary-light);color:#15803d;color:var(--dmrp-primary-dark)}.dmrp-rs-none{background:#ffedd5;background:var(--dmrp-orange-light);color:#ea580c;color:var(--dmrp-orange)}.dmrp-type-icon{font-size:.9rem}.dmrp-type-video{color:#2563eb;color:var(--dmrp-blue)}.dmrp-type-chat{color:#16a34a;color:var(--dmrp-primary)}.dmrp-type-offline{color:#ea580c;color:var(--dmrp-orange)}.dmrp-loading{align-items:center;color:#16a34a;color:var(--dmrp-primary);display:flex;flex-direction:column;font-size:.95rem;font-size:var(--dmrp-fs-md);font-weight:600;gap:.75rem;justify-content:center;min-height:220px}.dmrp-spin{animation:dmrp-spin .9s linear infinite;font-size:1.6rem}@keyframes dmrp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dmrp-empty{background:#fff;background:var(--dmrp-white);border:1.5px dashed #e5e7eb;border:1.5px dashed var(--dmrp-border);border-radius:12px;border-radius:var(--dmrp-radius-lg);padding:2.5rem 1.5rem;text-align:center}.dmrp-empty svg{color:#9ca3af;color:var(--dmrp-text-muted);font-size:2rem;margin-bottom:.6rem}.dmrp-empty h3{color:#374151;color:var(--dmrp-text-secondary);font-size:.95rem;font-size:var(--dmrp-fs-md);font-weight:700;margin:0 0 .3rem}.dmrp-empty p{color:#6b7280;color:var(--dmrp-text-light);font-size:.8rem;font-size:var(--dmrp-fs-sm);margin:0}@media (max-width:640px){.dmrp-header{align-items:flex-start;flex-direction:column}.dmrp-card-body{flex-direction:column;gap:.55rem}.dmrp-info-col-wide{min-width:0;min-width:auto}.dmrp-card-meta{margin-left:0}.dmrp-card-footer,.dmrp-tabs{flex-direction:column}.dmrp-card-footer{align-items:stretch;gap:.5rem}.dmrp-footer-actions{justify-content:flex-end}.dmrp-filter-panel{right:-60px;width:280px}}.dmrp-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.dmrp-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.dmrp-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dmrp-modal-header h2{color:#333;font-size:18px;font-weight:600;margin:0}.dmrp-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.dmrp-modal-close:hover{background:#f5f5f5;color:#333}.dmrp-modal-tabs{background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;gap:0;padding:0 20px}.dmrp-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#999;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 0;text-align:center;transition:all .2s}.dmrp-tab-btn.active{border-bottom-color:#007bff;color:#007bff}.dmrp-tab-btn:disabled{cursor:not-allowed;opacity:.5}.dmrp-modal-body{padding:20px}.dmrp-result-readonly{background:#fafafa}.dmrp-form-group{margin-bottom:16px}.dmrp-form-group label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.dmrp-form-group input,.dmrp-form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.dmrp-form-group input:focus,.dmrp-form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.dmrp-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.dmrp-result-section{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:20px}.dmrp-result-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dmrp-result-section h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.dmrp-result-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.dmrp-result-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.dmrp-result-label{color:#666;font-size:13px;font-weight:600}.dmrp-result-value{color:#333;font-weight:600}.dmrp-result-section p{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-size:14px;line-height:1.5;margin:0;padding:12px}.dmrp-modal-footer{background:#fafafa;border-top:1px solid #e0e0e0;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px;position:-webkit-sticky;position:sticky}.dmrp-btn-vitals{background:#17a2b8;color:#fff}.dmrp-btn-vitals:hover{background:#138496}.dmrp-spin{animation:spin 1s linear infinite}.dmrp-form-section-title{border-bottom:1px solid #e8f5ee;color:#1a7a4a;font-size:13px;font-weight:700;letter-spacing:.5px;margin:14px 0 10px;padding:10px 0 6px;text-transform:uppercase}.dmrp-form-hint{color:#888;display:block;font-size:11px;margin-top:2px}.dmrp-bmi-auto{background:#f0faf4;border:1px solid #b7e4c7;border-radius:6px;color:#1a7a4a;font-size:13px;margin-bottom:12px;padding:8px 12px}.dmrp-vitals-patient-info{background:#f8fffe;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:14px;padding:10px 14px}.dmrp-vitals-patient-row{align-items:center;color:#444;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:4px}.dmrp-vitals-patient-name{color:#1a1a1a;font-size:15px;font-weight:700}.dmrp-vitals-stt{background:#1a7a4a;border-radius:4px;color:#fff;font-size:12px;padding:2px 8px}.dmrp-vitals-code{color:#888;font-size:12px}.dmrp-result-note{background:#f9f9f9;border-left:3px solid #aaa;border-radius:4px;color:#444;font-size:13px;margin:0;padding:8px 12px}.dmrp-doctor-section{border-top:2px solid #d4edda;margin-top:6px}.dmrp-doctor-section h4{color:#0d6efd}.dmrp-pending-doctor{background:#fff8e1;border-radius:8px;padding:12px}.dmrp-result-item-full{align-items:flex-start;flex-direction:column;gap:4px;grid-column:1/-1}.dmrp-result-item-full .dmrp-result-value{white-space:pre-wrap}.dmrp-stt{color:#1a7a4a;font-size:15px;font-weight:700}.dmrp-rx-list{display:flex;flex-direction:column;gap:6px}.dmrp-rx-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;padding:6px 10px}.dmrp-rx-name{color:#333;font-weight:600}.dmrp-rx-detail{color:#666;font-size:12px}:root{--mmrp-primary:#16a34a;--mmrp-primary-dark:#15803d;--mmrp-primary-light:#bbf7d0;--mmrp-primary-bg:#f0fdf4;--mmrp-accent:#059669;--mmrp-white:#fff;--mmrp-border:#d1fae5;--mmrp-border-soft:#e5e7eb;--mmrp-text-primary:#14532d;--mmrp-text-secondary:#374151;--mmrp-text-light:#6b7280;--mmrp-text-muted:#9ca3af;--mmrp-badge-bg:#dcfce7;--mmrp-badge-text:#166534;--mmrp-shadow-sm:0 1px 3px 0 #0000000f;--mmrp-shadow:0 2px 8px -1px #16a34a1f,0 1px 3px #0000000f;--mmrp-shadow-hover:0 6px 20px -2px #16a34a33,0 2px 6px #00000012;--mmrp-radius-sm:5px;--mmrp-radius:8px;--mmrp-radius-lg:12px;--mmrp-fs-xs:0.72rem;--mmrp-fs-sm:0.8rem;--mmrp-fs-base:0.85rem;--mmrp-fs-md:0.95rem;--mmrp-fs-lg:1.15rem;--mmrp-fs-xl:1.4rem}.MyMedicalRecordsPage-container{background:linear-gradient(160deg,#f0fdf4,#ecfdf5 60%,#f9fafb);color:#374151;color:var(--mmrp-text-secondary);font-family:Be Vietnam Pro,sans-serif;font-size:.85rem;font-size:var(--mmrp-fs-base);min-height:100vh;padding:1.25rem 1rem}.MyMedicalRecordsPage-wrapper{margin:0 auto;max-width:780px}.MyMedicalRecordsPage-header{background:#fff;background:var(--mmrp-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mmrp-border-soft);box-shadow:0 2px 10px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.MyMedicalRecordsPage-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;padding:.6rem 1rem}.MyMedicalRecordsPage-btn-back{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--mmrp-border-soft);border-radius:5px;border-radius:var(--mmrp-radius-sm);color:#6b7280;color:var(--mmrp-text-light);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Be Vietnam Pro,sans-serif;font-size:.72rem;font-size:var(--mmrp-fs-xs);font-weight:500;gap:.3rem;padding:.3rem .65rem;transition:all .15s;white-space:nowrap}.MyMedicalRecordsPage-btn-back:hover{background:#f0fdf4;background:var(--mmrp-primary-bg);color:#14532d;color:var(--mmrp-text-primary)}.MyMedicalRecordsPage-btn-back svg{color:inherit;font-size:.65rem}.MyMedicalRecordsPage-brand{align-items:center;display:flex;flex-shrink:0;gap:.45rem}.MyMedicalRecordsPage-brand-logo{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--mmrp-primary),var(--mmrp-accent));border-radius:5px;border-radius:var(--mmrp-radius-sm);display:flex;height:28px;justify-content:center;width:28px}.MyMedicalRecordsPage-brand-logo svg{color:#fff;font-size:.85rem}.MyMedicalRecordsPage-brand-name{color:#14532d;color:var(--mmrp-text-primary);font-family:Be Vietnam Pro,sans-serif;font-size:.95rem;font-size:var(--mmrp-fs-md);font-weight:700}.MyMedicalRecordsPage-count-badge{align-items:center;background:#dcfce7;background:var(--mmrp-badge-bg);border:1px solid #bbf7d0;border:1px solid var(--mmrp-primary-light);border-radius:20px;color:#166534;color:var(--mmrp-badge-text);display:inline-flex;flex-shrink:0;font-size:.72rem;font-size:var(--mmrp-fs-xs);font-weight:600;gap:.3rem;margin-left:auto;padding:.2rem .65rem;white-space:nowrap}.MyMedicalRecordsPage-tabs{background:#fff;background:var(--mmrp-white);border-top:1px solid #e5e7eb;border-top:1px solid var(--mmrp-border-soft);display:flex;overflow-x:auto;padding:0 1rem}.MyMedicalRecordsPage-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--mmrp-text-light);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-size:var(--mmrp-fs-sm);font-weight:600;gap:.35rem;margin-bottom:-1px;padding:.5rem .875rem;transition:all .15s;white-space:nowrap}.MyMedicalRecordsPage-tab:hover{color:#14532d;color:var(--mmrp-text-primary)}.MyMedicalRecordsPage-tab.MyMedicalRecordsPage-tab--active{border-bottom-color:#16a34a;border-bottom-color:var(--mmrp-primary);color:#16a34a;color:var(--mmrp-primary)}.MyMedicalRecordsPage-tab svg{color:inherit;font-size:.72rem}.MyMedicalRecordsPage-records-list{display:flex;flex-direction:column;gap:.65rem}.MyMedicalRecordsPage-record-card{background:#fff;background:var(--mmrp-white);border:1px solid #e5e7eb;border:1px solid var(--mmrp-border-soft);border-radius:8px;border-radius:var(--mmrp-radius);box-shadow:0 1px 3px 0 #0000000f;box-shadow:var(--mmrp-shadow-sm);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}.MyMedicalRecordsPage-record-card:hover{border-color:#bbf7d0;border-color:var(--mmrp-primary-light);box-shadow:0 6px 20px -2px #16a34a33,0 2px 6px #00000012;box-shadow:var(--mmrp-shadow-hover);transform:translateY(-1px)}.MyMedicalRecordsPage-card-header{align-items:center;background:linear-gradient(90deg,#f0fdf4,#f9fafb);border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--mmrp-border);display:flex;justify-content:space-between;padding:.55rem .9rem}.MyMedicalRecordsPage-card-code{align-items:center;color:#16a34a;color:var(--mmrp-primary);display:flex;font-family:Courier New,monospace;font-size:.8rem;font-size:var(--mmrp-fs-sm);font-weight:700;gap:.35rem;letter-spacing:.3px}.MyMedicalRecordsPage-card-code svg{font-size:.7rem;opacity:.7}.MyMedicalRecordsPage-card-status{align-items:center;background:#dcfce7;background:var(--mmrp-badge-bg);border:1px solid #bbf7d0;border:1px solid var(--mmrp-primary-light);border-radius:20px;color:#166534;color:var(--mmrp-badge-text);display:inline-flex;font-size:.72rem;font-size:var(--mmrp-fs-xs);font-weight:600;gap:.25rem;padding:.15rem .5rem}.MyMedicalRecordsPage-card-status-dot{background:#16a34a;background:var(--mmrp-primary);border-radius:50%;height:5px;width:5px}.MyMedicalRecordsPage-card-body{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem .9rem}.MyMedicalRecordsPage-info-item{align-items:center;display:flex;font-size:.8rem;font-size:var(--mmrp-fs-sm);gap:.4rem}.MyMedicalRecordsPage-info-item svg{color:#16a34a;color:var(--mmrp-primary);flex-shrink:0;font-size:.75rem}.MyMedicalRecordsPage-info-label{color:#6b7280;color:var(--mmrp-text-light);font-weight:500;margin-right:.1rem}.MyMedicalRecordsPage-info-value{color:#374151;color:var(--mmrp-text-secondary);font-weight:600}.MyMedicalRecordsPage-doctor-name{color:#15803d!important;color:var(--mmrp-primary-dark)!important;font-weight:700!important}.MyMedicalRecordsPage-card-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;border-top:1px solid var(--mmrp-border-soft);display:flex;justify-content:flex-end;padding:.5rem .9rem}.MyMedicalRecordsPage-btn-view{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);background:linear-gradient(135deg,var(--mmrp-primary) 0,var(--mmrp-accent) 100%);border:none;border-radius:5px;border-radius:var(--mmrp-radius-sm);box-shadow:0 2px 6px #16a34a4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:.72rem;font-size:var(--mmrp-fs-xs);font-weight:700;gap:.4rem;letter-spacing:.2px;padding:.42rem .85rem;transition:opacity .2s,transform .15s,box-shadow .2s}.MyMedicalRecordsPage-btn-view:hover{box-shadow:0 4px 12px #16a34a66;opacity:.92;transform:translateY(-1px)}.MyMedicalRecordsPage-btn-view:active{transform:translateY(0)}.MyMedicalRecordsPage-btn-view svg:first-child{font-size:.7rem;opacity:.9}.MyMedicalRecordsPage-btn-view svg:last-child{font-size:.6rem;opacity:.8}.MyMedicalRecordsPage-security-note{align-items:center;color:#9ca3af;color:var(--mmrp-text-muted);display:flex;font-size:.72rem;font-size:var(--mmrp-fs-xs);gap:.35rem;margin-right:auto}.MyMedicalRecordsPage-security-note svg{color:#bbf7d0;color:var(--mmrp-primary-light);font-size:.7rem}.MyMedicalRecordsPage-loading-container{align-items:center;color:#16a34a;color:var(--mmrp-primary);display:flex;flex-direction:column;font-size:.95rem;font-size:var(--mmrp-fs-md);font-weight:600;gap:.75rem;justify-content:center;min-height:300px}.MyMedicalRecordsPage-spin-icon{animation:mmrp-spin .9s linear infinite;font-size:1.75rem}@keyframes mmrp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.MyMedicalRecordsPage-empty-state{background:#fff;background:var(--mmrp-white);border:1.5px dashed #d1fae5;border:1.5px dashed var(--mmrp-border);border-radius:12px;border-radius:var(--mmrp-radius-lg);padding:2.5rem 1.5rem;text-align:center}.MyMedicalRecordsPage-empty-icon{align-items:center;background:#dcfce7;background:var(--mmrp-badge-bg);border-radius:50%;display:flex;height:52px;justify-content:center;margin:0 auto .85rem;width:52px}.MyMedicalRecordsPage-empty-icon svg{color:#9ca3af;color:var(--mmrp-text-muted);font-size:1.4rem}.MyMedicalRecordsPage-empty-state h3{color:#374151;color:var(--mmrp-text-secondary);font-size:.95rem;font-size:var(--mmrp-fs-md);font-weight:700;margin:0 0 .4rem}.MyMedicalRecordsPage-empty-state p{color:#6b7280;color:var(--mmrp-text-light);font-size:.8rem;font-size:var(--mmrp-fs-sm);line-height:1.5;margin:0}.MyMedicalRecordsPage-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.75rem}.MyMedicalRecordsPage-search-wrap{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:180px}.MyMedicalRecordsPage-search-icon{color:#9ca3af;color:var(--mmrp-text-muted);flex:0 0 auto;font-size:.7rem}.MyMedicalRecordsPage-search-input{background:#fff;background:var(--mmrp-white);border:1px solid #e5e7eb;border:1px solid var(--mmrp-border-soft);border-radius:8px;border-radius:var(--mmrp-radius);font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-size:var(--mmrp-fs-sm);outline:none;padding:.45rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.MyMedicalRecordsPage-search-input:focus{border-color:#16a34a;border-color:var(--mmrp-primary);box-shadow:0 0 0 3px #16a34a1a}.MyMedicalRecordsPage-filter-select{background:#fff;background:var(--mmrp-white);border:1px solid #e5e7eb;border:1px solid var(--mmrp-border-soft);border-radius:8px;border-radius:var(--mmrp-radius);color:#374151;color:var(--mmrp-text-secondary);cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-size:var(--mmrp-fs-sm);outline:none;padding:.45rem .75rem}.MyMedicalRecordsPage-filter-select:focus{border-color:#16a34a;border-color:var(--mmrp-primary)}.MyMedicalRecordsPage-result-count{color:#6b7280;color:var(--mmrp-text-light);font-size:.72rem;font-size:var(--mmrp-fs-xs);margin:0 0 .6rem}.MyMedicalRecordsPage-type-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.MyMedicalRecordsPage-type-tab{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--mmrp-border-soft);border-radius:999px;color:#374151;color:var(--mmrp-text-secondary);cursor:pointer;font-size:.72rem;font-size:var(--mmrp-fs-xs);font-weight:600;padding:.35rem .75rem;transition:all .15s ease}.MyMedicalRecordsPage-type-tab.active{background:#16a34a;background:var(--mmrp-primary);border-color:#16a34a;border-color:var(--mmrp-primary);color:#fff}.MyMedicalRecordsPage-card-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.MyMedicalRecordsPage-type-badge{border:1px solid #0000;border-radius:999px;font-size:.72rem;font-size:var(--mmrp-fs-xs);font-weight:700;padding:.15rem .5rem}.MyMedicalRecordsPage-type-badge.offline{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.MyMedicalRecordsPage-type-badge.online{background:#fef9c3;border-color:#fde68a;color:#92400e}:root{--pp-green-primary:#4caf50;--pp-green-light:#e8f5e9;--pp-green-hover:#388e3c;--pp-text-dark:#263238;--pp-text-gray:#78909c;--pp-white:#fff;--pp-border:#c8e6c9;--pp-radius:12px;--pp-shadow:0 4px 12px #4caf5026}.payment-page-wrapper{background-color:#e8f5e9;background-color:var(--pp-green-light);color:#263238;color:var(--pp-text-dark);font-family:Segoe UI,sans-serif;min-height:100vh;padding:30px 0}.payment-page-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.8fr 1fr;margin:0 auto;max-width:1000px;padding:0 15px}.payment-page-card{background:#fff;background:var(--pp-white);border:1px solid #c8e6c9;border:1px solid var(--pp-border);border-radius:12px;border-radius:var(--pp-radius);box-shadow:0 4px 12px #4caf5026;box-shadow:var(--pp-shadow);overflow:hidden}.payment-page-card-header{align-items:center;border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--pp-border);display:flex;font-size:1.1rem;font-weight:700;padding:15px 20px}.payment-page-card-body{padding:20px}.payment-page-methods-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.payment-page-method-item{align-items:center;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;padding:15px;position:relative;transition:all .2s}.payment-page-method-item:hover{background-color:#f1f8e9;border-color:#4caf50;border-color:var(--pp-green-primary)}.payment-page-method-item.active{background-color:#e8f5e9;border-color:#4caf50;border-color:var(--pp-green-primary);box-shadow:0 0 0 1px #4caf50;box-shadow:0 0 0 1px var(--pp-green-primary)}.payment-page-method-item .icon{font-size:1.5rem;margin-right:12px}.text-success{color:#2e7d32!important}.text-pink{color:#d81b60!important}.text-blue{color:#1565c0!important}.text-orange{color:#ef6c00!important}.payment-page-method-item .info .name{font-size:.95rem;font-weight:600}.payment-page-method-item .info .desc{color:#78909c;color:var(--pp-text-gray);font-size:.75rem}.payment-page-method-item .check{color:#4caf50;color:var(--pp-green-primary);position:absolute;right:10px;top:10px}.payment-page-divider{background:#eee;height:1px;margin:20px 0}.payment-page-detail-section{animation:fadeIn .3s ease}.bank-transfer-layout{background:#fafafa;border:1px dashed #ccc;border-radius:8px;display:flex;gap:20px;padding:15px}.qr-block{text-align:center}.qr-block img{border:1px solid #ddd;border-radius:6px;max-width:140px}.qr-block .small-note{color:#888;display:block;font-size:.75rem;margin-top:5px}.info-block{flex:1 1;font-size:.9rem}.info-row{display:flex;justify-content:space-between;margin-bottom:8px}.info-row.highlight{border-top:1px solid #eee;font-size:1rem;margin-top:8px;padding-top:8px}.info-row.highlight-box{align-items:center;background:#fff;border:1px solid #eee;border-radius:4px;padding:8px}.copy-wrapper{align-items:center;cursor:pointer;display:flex;gap:8px}.copy-wrapper svg{color:#888;transition:.2s}.auto-check-msg,.copy-wrapper svg:hover{color:#4caf50;color:var(--pp-green-primary)}.auto-check-msg{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:10px}.momo-personal-layout{background:#fff3e0;border:1px dashed #ffb74d;border-radius:8px;padding:15px}.alert-warning-box{align-items:center;color:#ef6c00;display:flex;font-size:.85rem;gap:6px;margin-bottom:10px}.qr-upload-flex{align-items:stretch;display:flex;gap:20px}.qr-side{text-align:center}.qr-side img{border:2px solid #fff;max-width:120px}.phone-tag{color:#d81b60;font-size:.9rem;font-weight:700}.upload-side{align-items:center;background:#fff;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:140px}.upload-side:hover{background:#fff0f5;border-color:#d81b60}.upload-placeholder{align-items:center;color:#888;display:flex;flex-direction:column;text-align:center}.file-preview img{border-radius:4px;max-height:120px}.file-preview span{color:#4caf50;color:var(--pp-green-primary);display:block;font-size:.8rem;margin-top:5px;text-align:center}.bg-primary-light{background:#e8f5e9!important;color:#2e7d32!important}.summary-row{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:12px}.summary-divider{background:#eee;height:1px;margin:15px 0}.summary-total{color:#d32f2f;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between}.payment-page-timer-widget{background:#fff8e1;border:1px solid #ffecb3;border-radius:8px;color:#f57f17;margin-top:15px;padding:15px;text-align:center}.timer-icon{font-size:1.5rem;margin-bottom:5px}.timer-text{font-size:.85rem;font-weight:600}.timer-countdown{font-family:monospace;font-size:1.4rem;font-weight:800}.payment-page-form-actions{display:flex;justify-content:space-between;margin-top:25px}.payment-page-btn-secondary{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;color:#555;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px}.payment-page-btn-secondary:hover{background:#f5f5f5}.payment-page-btn-primary{align-items:center;background:#4caf50;background:var(--pp-green-primary);border:none;border-radius:6px;box-shadow:0 3px 6px #4caf504d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px}.payment-page-btn-primary.large{font-size:1rem;padding:12px 30px}.payment-page-btn-primary:hover{background:#388e3c;background:var(--pp-green-hover);transform:translateY(-1px)}.payment-page-btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.payment-page-spin{animation:spin 1s linear infinite}.payment-page-invoice-container{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin:20px auto;max-width:600px;overflow:hidden}.payment-page-invoice-header{background:#4caf50;background:var(--pp-green-primary);color:#fff;padding:30px 20px;text-align:center}.invoice-icon-box{font-size:3.5rem;margin-bottom:10px}.invoice-title{font-weight:800;margin:0}.invoice-subtitle{font-size:.9rem;margin-top:5px;opacity:.9}.payment-page-invoice-body{padding:30px}.invoice-row-highlight{display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;margin-bottom:15px}.invoice-divider{border-bottom:2px dashed #eee;margin:15px 0}.invoice-details-grid .invoice-item{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:10px}.invoice-item .label{color:#78909c}.invoice-item .value{color:#263238;font-weight:600;text-align:right}.invoice-total-box{align-items:center;background:#f1f8e9;border-radius:8px;color:#2e7d32;display:flex;font-size:1.2rem;font-weight:800;justify-content:space-between;margin-top:20px;padding:15px}.invoice-status-badge{background:#e8f5e9;border-radius:20px;color:#2e7d32;display:inline-block;font-size:.85rem;font-weight:600;margin-top:20px;padding:5px 15px;text-align:center;width:100%}.payment-page-invoice-actions{display:flex;gap:10px;justify-content:center;padding:20px 30px 30px}@media print{body *{visibility:hidden}.payment-page-invoice-container,.payment-page-invoice-container *{visibility:visible}.payment-page-invoice-container{border:2px solid #000;box-shadow:none;left:0;margin:0;max-width:100%;position:absolute;top:0;width:100%}.payment-page-invoice-actions{display:none}}.payment-page-error,.payment-page-loading{color:#555;font-size:1.2rem;padding:50px;text-align:center}.payment-page-pending-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #4caf5026;box-shadow:var(--pp-shadow);margin:50px auto;max-width:500px;padding:50px;text-align:center}.pending-icon{color:#ffb300;font-size:4rem;margin-bottom:20px}:root{--pm-green:#10b981;--pm-green-dk:#059669;--pm-green-lt:#d1fae5;--pm-green-xl:#ecfdf5;--pm-blue:#3b82f6;--pm-blue-lt:#eff6ff;--pm-orange:#f59e0b;--pm-orange-lt:#fffbeb;--pm-red:#ef4444;--pm-red-lt:#fef2f2;--pm-purple:#8b5cf6;--pm-purple-lt:#f5f3ff;--pm-teal:#0d9488;--pm-teal-lt:#f0fdfa;--pm-gray-50:#f8fafc;--pm-gray-100:#f1f5f9;--pm-gray-200:#e2e8f0;--pm-gray-400:#94a3b8;--pm-gray-600:#475569;--pm-gray-800:#1e293b;--pm-white:#fff;--pm-border:#e2e8f0;--pm-radius:12px;--pm-radius-sm:8px;--pm-radius-xs:6px;--pm-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;--pm-shadow-lg:0 8px 30px #0000001f;--pm-transition:all .18s ease;--pm-fs-xs:11px;--pm-fs-sm:12px;--pm-fs-base:13px;--pm-fs-md:14px;--pm-fs-lg:16px;--pm-fs-xl:20px}.pmp-page{background:#f0fdf4;color:#1e293b;color:var(--pm-gray-800);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;padding:clamp(12px,2vw,24px)}.pmp-header{background:#fff;background:var(--pm-white);border-radius:12px;border-radius:var(--pm-radius);box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;box-shadow:var(--pm-shadow);flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px;padding:16px 20px}.pmp-header,.pmp-header-left{align-items:center;display:flex}.pmp-header-left{gap:14px}.pmp-header-icon{align-items:center;background:#d1fae5;background:var(--pm-green-lt);border-radius:12px;color:#059669;color:var(--pm-green-dk);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.pmp-title{color:#1e293b;color:var(--pm-gray-800);font-size:20px;font-size:var(--pm-fs-xl);font-weight:700;line-height:1.2;margin:0}.pmp-subtitle{color:#94a3b8;color:var(--pm-gray-400);font-size:12px;font-size:var(--pm-fs-sm);margin:2px 0 0}.pmp-header-actions{display:flex;flex-wrap:wrap;gap:8px}.pmp-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--pm-radius-sm);cursor:pointer;display:inline-flex;font-size:12px;font-size:var(--pm-fs-sm);font-weight:600;gap:6px;padding:8px 16px;transition:all .18s ease;transition:var(--pm-transition);white-space:nowrap}.pmp-btn--primary{background:#10b981;background:var(--pm-green);color:#fff;color:var(--pm-white)}.pmp-btn--primary:hover:not(:disabled){background:#059669;background:var(--pm-green-dk);box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.pmp-btn--primary:disabled{cursor:not-allowed;opacity:.6}.pmp-btn--outline{background:#fff;background:var(--pm-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--pm-border);color:#059669;color:var(--pm-green-dk)}.pmp-btn--outline:hover{background:#ecfdf5;background:var(--pm-green-xl);border-color:#10b981;border-color:var(--pm-green)}.pmp-btn--ghost{background:#f1f5f9;background:var(--pm-gray-100);border:1px solid #e2e8f0;border:1px solid var(--pm-border);color:#475569;color:var(--pm-gray-600)}.pmp-btn--ghost:hover{background:#e2e8f0;background:var(--pm-gray-200)}.pmp-spin{animation:spin .8s linear infinite}.pmp-stats-bar{background:#fff;background:var(--pm-white);border-radius:12px;border-radius:var(--pm-radius);box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;box-shadow:var(--pm-shadow);gap:0;margin-bottom:14px;overflow-x:auto;padding:14px 20px}.pmp-stat,.pmp-stats-bar{align-items:center;display:flex}.pmp-stat{flex:1 1;gap:10px;min-width:140px;padding:0 20px}.pmp-stat-divider{background:#e2e8f0;background:var(--pm-border);flex-shrink:0;height:40px;width:1px}.pmp-stat-icon{flex-shrink:0;font-size:22px}.pmp-stat-icon--green{color:#10b981;color:var(--pm-green)}.pmp-stat-icon--success{color:#059669;color:var(--pm-green-dk)}.pmp-stat-icon--warning{color:#f59e0b;color:var(--pm-orange)}.pmp-stat-icon--danger{color:#ef4444;color:var(--pm-red)}.pmp-stat-val{color:#1e293b;color:var(--pm-gray-800);font-size:14px;font-size:var(--pm-fs-md);font-weight:700;line-height:1.2}.pmp-stat-lbl{color:#94a3b8;color:var(--pm-gray-400);font-size:11px;font-size:var(--pm-fs-xs);margin-top:2px}.pmp-filter-card{background:#fff;background:var(--pm-white);border-radius:12px;border-radius:var(--pm-radius);box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;box-shadow:var(--pm-shadow);margin-bottom:14px;padding:14px 18px}.pmp-filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px}.pmp-filter-group{display:flex;flex:1 1 160px;flex-direction:column;gap:5px;min-width:0}.pmp-filter-group--date{flex:2 1 280px}.pmp-filter-group label{align-items:center;color:#059669;color:var(--pm-green-dk);display:flex;font-size:11px;font-size:var(--pm-fs-xs);font-weight:700;gap:5px;letter-spacing:.4px;text-transform:uppercase}.pmp-filter-group input[type=date],.pmp-filter-group select{background:#fff;background:var(--pm-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--pm-border);border-radius:8px;border-radius:var(--pm-radius-sm);color:#1e293b;color:var(--pm-gray-800);font-size:12px;font-size:var(--pm-fs-sm);height:36px;outline:none;padding:8px 11px;transition:all .18s ease;transition:var(--pm-transition)}.pmp-filter-group input[type=date]:focus,.pmp-filter-group select:focus{border-color:#10b981;border-color:var(--pm-green);box-shadow:0 0 0 3px #10b9811f}.pmp-date-nav{gap:6px}.pmp-date-nav,.pmp-date-nav-btn{align-items:center;display:flex;height:36px}.pmp-date-nav-btn{background:#fff;background:var(--pm-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--pm-border);border-radius:8px;border-radius:var(--pm-radius-sm);color:#059669;color:var(--pm-green-dk);cursor:pointer;flex-shrink:0;font-size:11px;justify-content:center;transition:all .18s ease;transition:var(--pm-transition);width:34px}.pmp-date-nav-btn:hover{background:#10b981;background:var(--pm-green);border-color:#10b981;border-color:var(--pm-green);color:#fff;color:var(--pm-white)}.pmp-date-input{border:1.5px solid #e2e8f0;border:1.5px solid var(--pm-border);border-radius:8px;border-radius:var(--pm-radius-sm);flex:1 1;font-size:12px;font-size:var(--pm-fs-sm);font-weight:600;height:36px;min-width:0;outline:none;padding:0 10px;text-align:center;transition:all .18s ease;transition:var(--pm-transition)}.pmp-date-input:focus{border-color:#10b981;border-color:var(--pm-green);box-shadow:0 0 0 3px #10b9811f}.pmp-date-all-btn{align-items:center;background:#fff;background:var(--pm-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--pm-border);border-radius:8px;border-radius:var(--pm-radius-sm);color:#059669;color:var(--pm-green-dk);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-size:var(--pm-fs-sm);font-weight:600;gap:5px;height:36px;padding:0 14px;transition:all .18s ease;transition:var(--pm-transition);white-space:nowrap}.pmp-date-all-btn.active,.pmp-date-all-btn:hover{background:#10b981;background:var(--pm-green);border-color:#10b981;border-color:var(--pm-green);color:#fff;color:var(--pm-white)}.pmp-table-card{background:#fff;background:var(--pm-white);border-radius:12px;border-radius:var(--pm-radius);box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;box-shadow:var(--pm-shadow);overflow:hidden}.pmp-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.pmp-table{border-collapse:collapse;font-size:12px;font-size:var(--pm-fs-sm);min-width:800px;width:100%}.pmp-table thead th{background:#10b981;background:var(--pm-green);color:#fff;color:var(--pm-white);font-size:11px;font-size:var(--pm-fs-xs);font-weight:700;letter-spacing:.5px;padding:11px 13px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;white-space:nowrap;z-index:5}.pmp-th-actions,.pmp-th-stt{text-align:center}.pmp-table tbody td{border-bottom:1px solid #f0fdf4;color:#1e293b;color:var(--pm-gray-800);padding:10px 13px;vertical-align:middle}.pmp-table tbody tr:last-child td{border-bottom:none}.pmp-table tbody tr:nth-child(2n){background:#f8fffe}.pmp-table tbody tr:hover{background:#ecfdf5;background:var(--pm-green-xl)}.pmp-row--pending td:first-child{border-left:3px solid #f59e0b;border-left:3px solid var(--pm-orange)}.pmp-row--paid td:first-child{border-left:3px solid #10b981;border-left:3px solid var(--pm-green)}.pmp-row--failed td:first-child{border-left:3px solid #ef4444;border-left:3px solid var(--pm-red)}.pmp-row--refunded td:first-child{border-left:3px solid #8b5cf6;border-left:3px solid var(--pm-purple)}.pmp-td-stt{color:#94a3b8;color:var(--pm-gray-400);font-size:11px;font-size:var(--pm-fs-xs);font-weight:700;text-align:center}.pmp-td-actions{text-align:left}.pmp-code{color:#059669;color:var(--pm-green-dk);font-family:Courier New,monospace;font-size:12px;font-size:var(--pm-fs-sm);font-weight:700;letter-spacing:.3px}.pmp-sub{color:#94a3b8;color:var(--pm-gray-400);font-size:11px;font-size:var(--pm-fs-xs);margin-top:2px}.pmp-patient{align-items:center;display:flex;gap:5px;margin-bottom:3px}.pmp-patient-icon{color:#94a3b8;color:var(--pm-gray-400);flex-shrink:0;font-size:11px}.pmp-patient-name{font-size:12px;font-size:var(--pm-fs-sm);font-weight:600}.pmp-doctor{align-items:center;color:#475569;color:var(--pm-gray-600);display:flex;font-size:11px;font-size:var(--pm-fs-xs);gap:5px;margin-bottom:4px}.pmp-doctor-icon{color:#10b981;color:var(--pm-green);flex-shrink:0;font-size:11px}.pmp-service-tag{background:#d1fae5;background:var(--pm-green-lt);border-radius:20px;color:#059669;color:var(--pm-green-dk);display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.pmp-amount-wrap{line-height:1.4}.pmp-amount-original{color:#94a3b8;color:var(--pm-gray-400);font-size:11px;font-size:var(--pm-fs-xs);text-decoration:line-through}.pmp-amount-final{color:#dc2626;font-size:13px;font-weight:700}.pmp-amount-discount{color:#059669;color:var(--pm-green-dk);gap:3px}.pmp-amount-discount,.pmp-date{align-items:center;display:flex;font-size:11px;font-size:var(--pm-fs-xs)}.pmp-date{color:#475569;color:var(--pm-gray-600);gap:5px}.pmp-date-icon{color:#94a3b8;color:var(--pm-gray-400);flex-shrink:0}.pmp-badge-method{align-items:center;border-radius:6px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.pmp-method-vnpay{background:#dbeafe;color:#1d4ed8}.pmp-method-momo{background:#fce7f3;color:#9d174d}.pmp-method-bank_transfer{background:#f0fdfa;background:var(--pm-teal-lt);color:#0d9488;color:var(--pm-teal)}.pmp-method-cash{background:#fffbeb;background:var(--pm-orange-lt);color:#92400e}.pmp-method-card{background:#ede9fe;color:#5b21b6}.pmp-badge-status{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.pmp-status-paid{background:#d1fae5;background:var(--pm-green-lt);color:#059669;color:var(--pm-green-dk)}.pmp-status-pending{background:#fffbeb;background:var(--pm-orange-lt);color:#92400e}.pmp-status-failed{background:#fef2f2;background:var(--pm-red-lt);color:#991b1b}.pmp-status-refunded{background:#f5f3ff;background:var(--pm-purple-lt);color:#5b21b6}.pmp-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.pmp-action-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--pm-radius-xs);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;gap:5px;height:30px;justify-content:center;line-height:1;min-width:64px;padding:0 10px;transition:all .18s ease;transition:var(--pm-transition);white-space:nowrap;width:auto}.pmp-action-btn:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.pmp-action-btn svg{font-size:11px}.pmp-action-btn span{letter-spacing:.2px;line-height:1}.pmp-action-btn--view{background:#eff6ff;background:var(--pm-blue-lt);color:#3b82f6;color:var(--pm-blue)}.pmp-action-btn--view:hover{background:#3b82f6;background:var(--pm-blue);color:#fff;color:var(--pm-white)}.pmp-action-btn--print{background:#f5f3ff;background:var(--pm-purple-lt);color:#8b5cf6;color:var(--pm-purple)}.pmp-action-btn--print:hover{background:#8b5cf6;background:var(--pm-purple);color:#fff;color:var(--pm-white)}.pmp-action-btn--check{background:#fffbeb;background:var(--pm-orange-lt);color:#f59e0b;color:var(--pm-orange)}.pmp-action-btn--check:hover{background:#f59e0b;background:var(--pm-orange);color:#fff;color:var(--pm-white)}.pmp-action-btn--approve{background:#d1fae5;background:var(--pm-green-lt);color:#059669;color:var(--pm-green-dk)}.pmp-action-btn--approve:hover{background:#10b981;background:var(--pm-green);color:#fff;color:var(--pm-white)}.pmp-pagination{align-items:center;background:#f8fafc;background:var(--pm-gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--pm-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 16px}.pmp-pagination-info{color:#475569;color:var(--pm-gray-600);font-size:12px;font-size:var(--pm-fs-sm)}.pmp-pagination-controls{align-items:center;display:flex;gap:4px}.pmp-pagination-controls button{align-items:center;background:#fff;background:var(--pm-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--pm-border);border-radius:6px;border-radius:var(--pm-radius-xs);color:#059669;color:var(--pm-green-dk);cursor:pointer;display:flex;font-size:11px;height:30px;justify-content:center;transition:all .18s ease;transition:var(--pm-transition);width:30px}.pmp-pagination-controls button:hover:not(:disabled){background:#10b981;background:var(--pm-green);border-color:#10b981;border-color:var(--pm-green);color:#fff;color:var(--pm-white)}.pmp-pagination-controls button:disabled{cursor:not-allowed;opacity:.4}.pmp-pagination-controls span{color:#1e293b;color:var(--pm-gray-800);font-size:12px;font-size:var(--pm-fs-sm);font-weight:600;padding:0 10px}.pmp-empty,.pmp-loading{align-items:center;color:#94a3b8;color:var(--pm-gray-400);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.pmp-spinner{animation:spin .7s linear infinite;border:3px solid #d1fae5;border-top-color:#10b981;border:3px solid var(--pm-green-lt);border-radius:50%;border-top-color:var(--pm-green);height:36px;width:36px}.pmp-empty-icon{color:#d1fae5;color:var(--pm-green-lt);font-size:40px}.pmp-empty p{color:#94a3b8;color:var(--pm-gray-400);font-size:14px;font-size:var(--pm-fs-md)}.pmp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.pmp-modal{animation:modalIn .18s ease;background:#fff;background:var(--pm-white);border-radius:12px;border-radius:var(--pm-radius);box-shadow:0 8px 30px #0000001f;box-shadow:var(--pm-shadow-lg);max-height:90vh;overflow-x:hidden;overflow-y:auto;width:100%}.pmp-modal--sm{max-width:420px}.pmp-modal--lg{max-width:780px}.pmp-modal--xl{max-width:980px}.pmp-modal-header{align-items:center;color:#1e293b;color:var(--pm-gray-800);display:flex;font-size:14px;font-size:var(--pm-fs-md);font-weight:700;justify-content:space-between;padding:16px 20px}.pmp-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--pm-gray-400);cursor:pointer;display:inline-flex;justify-content:center;line-height:0;padding:4px;transition:all .18s ease;transition:var(--pm-transition)}.pmp-modal-close:hover{background:#f1f5f9;background:var(--pm-gray-100);color:#1e293b;color:var(--pm-gray-800)}.pmp-modal-body{padding:20px}.pmp-modal-footer{background:#f8fafc;background:var(--pm-gray-50);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.pmp-detail-modal-body{padding:18px 20px 20px}.pmp-detail-loading{align-items:center;color:#94a3b8;color:var(--pm-gray-400);display:flex;gap:10px;justify-content:center;min-height:260px}.pmp-detail-hero{align-items:flex-start;background:#f8fafc;background:var(--pm-gray-50);border-radius:12px;border-radius:var(--pm-radius);box-shadow:0 1px 3px #0000000a;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px;padding:16px 18px}.pmp-detail-hero h3{color:#1e293b;color:var(--pm-gray-800);font-size:18px;margin:8px 0 4px}.pmp-detail-hero p{color:#94a3b8;color:var(--pm-gray-400);font-size:11px;font-size:var(--pm-fs-xs);margin:0}.pmp-detail-amount-box{flex-shrink:0;text-align:right}.pmp-detail-original{color:#94a3b8;color:var(--pm-gray-400);font-size:12px;font-size:var(--pm-fs-sm);text-decoration:line-through}.pmp-detail-final{color:#059669;color:var(--pm-green-dk);font-size:28px;font-weight:800;line-height:1.1}.pmp-detail-discount{align-items:center;background:#fffbeb;background:var(--pm-orange-lt);border-radius:999px;color:#92400e;display:inline-flex;font-size:11px;font-weight:700;gap:4px;margin-top:4px;padding:3px 10px}.pmp-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pmp-detail-card{background:#fff;background:var(--pm-white);border-radius:12px;border-radius:var(--pm-radius);box-shadow:0 1px 3px #0000000d;overflow:hidden}.pmp-detail-card-hd{align-items:center;background:#ecfdf5;background:var(--pm-green-xl);color:#059669;color:var(--pm-green-dk);display:flex;font-size:12px;font-size:var(--pm-fs-sm);font-weight:700;gap:8px;padding:11px 14px}.pmp-detail-row{border-bottom:1px solid #f8fafc;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.pmp-detail-row:last-child{border-bottom:none}.pmp-detail-row span{color:#94a3b8;color:var(--pm-gray-400);flex-shrink:0;font-size:11px;font-size:var(--pm-fs-xs);letter-spacing:.3px;text-transform:uppercase}.pmp-detail-row strong{color:#1e293b;color:var(--pm-gray-800);text-align:right;word-break:break-word}.pmp-detail-note,.pmp-detail-row strong{font-size:12px;font-size:var(--pm-fs-sm)}.pmp-detail-note{background:#f8fafc;background:var(--pm-gray-50);color:#475569;color:var(--pm-gray-600);line-height:1.5;margin-top:14px;padding:12px 14px}.pmp-detail-note,.pmp-verify-amount{border-radius:8px;border-radius:var(--pm-radius-sm)}.pmp-verify-amount{background:#ecfdf5;background:var(--pm-green-xl);border:1px dashed #10b981;border:1px dashed var(--pm-green);margin-bottom:16px;padding:14px;text-align:center}.pmp-verify-amount-num{color:#059669;color:var(--pm-green-dk);font-size:22px;font-weight:700}.pmp-verify-amount-code{color:#94a3b8;color:var(--pm-gray-400);font-family:monospace;font-size:11px;font-size:var(--pm-fs-xs)}.pmp-form-group{margin-bottom:14px}.pmp-form-group label{color:#475569;color:var(--pm-gray-600);display:block;font-size:11px;font-size:var(--pm-fs-xs);font-weight:700;letter-spacing:.3px;margin-bottom:5px;text-transform:uppercase}.pmp-form-group input,.pmp-form-group select,.pmp-form-group textarea{border:1.5px solid #e2e8f0;border:1.5px solid var(--pm-border);border-radius:8px;border-radius:var(--pm-radius-sm);color:#1e293b;color:var(--pm-gray-800);font-family:inherit;font-size:12px;font-size:var(--pm-fs-sm);outline:none;padding:8px 11px;resize:vertical;transition:all .18s ease;transition:var(--pm-transition);width:100%}.pmp-form-group input:focus,.pmp-form-group select:focus,.pmp-form-group textarea:focus{border-color:#10b981;border-color:var(--pm-green);box-shadow:0 0 0 3px #10b9811f}.inv-wrap{color:#000;font-family:Times New Roman,serif;margin:0 auto;max-width:620px;padding:20px}.inv-header{border-bottom:2px solid #000;margin-bottom:16px;padding-bottom:12px;text-align:center}.inv-header h2{font-size:16px;margin:0}.inv-header p{font-size:12px;margin:2px 0}.inv-clinic-logo{font-size:32px}.inv-title{font-size:20px;font-weight:700;letter-spacing:1px;margin-top:10px}.inv-code{color:#555;font-size:12px}.inv-info-grid{grid-gap:6px 20px;display:grid;font-size:13px;gap:6px 20px;grid-template-columns:1fr 1fr;margin-bottom:16px}.inv-info-grid span{color:#555}.inv-table{border-collapse:collapse;margin-bottom:20px;width:100%}.inv-table td,.inv-table th{border:1px solid #000;font-size:13px;padding:7px 10px}.inv-table thead{background:#f0f0f0;font-weight:700}.inv-table td:last-child,.inv-table th:last-child{text-align:right}.inv-table td:nth-child(2),.inv-table th:nth-child(2){text-align:center}.inv-discount td{color:#dc2626}.inv-total td{font-size:14px;font-weight:700}.inv-sign{display:flex;font-size:13px;justify-content:space-around;margin-top:30px;text-align:center}.inv-sign-line{border-bottom:1px dashed #000;margin:40px auto 6px;width:120px}.inv-footer{color:#555;font-size:12px;font-style:italic;margin-top:16px;text-align:center}@media (max-width:900px){.pmp-stats-bar{flex-wrap:wrap}.pmp-stat{flex-basis:calc(50% - 40px);flex-grow:1;flex-shrink:1}.pmp-stat-divider{display:none}}@media (max-width:768px){.pmp-header{align-items:flex-start;flex-direction:column}.pmp-header-actions{justify-content:flex-end;width:100%}.pmp-filter-row{flex-direction:column}.pmp-filter-group,.pmp-filter-group--date{flex:1 1 auto;width:100%}.pmp-date-nav{width:100%}.pmp-table-scroll{overflow-x:visible}.pmp-table{display:block;min-width:0;min-width:auto}.pmp-table thead{display:none}.pmp-table tbody{display:flex;flex-direction:column;gap:10px;padding:12px}.pmp-table tbody tr{background:#fff;background:var(--pm-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--pm-border);border-radius:8px;border-radius:var(--pm-radius-sm);box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;box-shadow:var(--pm-shadow);display:block;padding:12px}.pmp-row--pending{border-left:3px solid #f59e0b!important;border-left:3px solid var(--pm-orange)!important}.pmp-row--paid{border-left:3px solid #10b981!important;border-left:3px solid var(--pm-green)!important}.pmp-row--failed{border-left:3px solid #ef4444!important;border-left:3px solid var(--pm-red)!important}.pmp-table tbody tr td:first-child{border-left:none!important}.pmp-table tbody td{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--pm-gray-100);display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:6px 0}.pmp-table tbody td:last-child{border-bottom:none;justify-content:flex-end}.pmp-table tbody td:before{color:#059669;color:var(--pm-green-dk);content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.3px;padding-top:2px;text-transform:uppercase;width:90px}.pmp-table tbody td:last-child:before{display:none}}@media (max-width:480px){.pmp-page{padding:8px}.pmp-stat{flex:1 1 100%}}@media print{body *{visibility:hidden!important}#invoice-print-area,#invoice-print-area *{visibility:visible!important}#invoice-print-area{background:#fff;display:block!important;left:0;padding:0;position:absolute;top:0;width:100%}.pmp-filter-card,.pmp-header,.pmp-modal-overlay,.pmp-page,.pmp-stats-bar,.pmp-table-card{display:none!important}}.pmp-table-scroll::-webkit-scrollbar{height:4px}.pmp-table-scroll::-webkit-scrollbar-track{background:#d1fae5;background:var(--pm-green-lt)}.pmp-table-scroll::-webkit-scrollbar-thumb{background:#10b981;background:var(--pm-green);border-radius:4px}:root{--pdp-green:#10b981;--pdp-green-dk:#059669;--pdp-green-lt:#d1fae5;--pdp-green-xl:#ecfdf5;--pdp-blue:#3b82f6;--pdp-blue-lt:#eff6ff;--pdp-blue-dk:#1d4ed8;--pdp-orange:#f59e0b;--pdp-orange-lt:#fffbeb;--pdp-orange-dk:#92400e;--pdp-red:#ef4444;--pdp-red-lt:#fef2f2;--pdp-purple:#8b5cf6;--pdp-purple-lt:#f5f3ff;--pdp-gray-50:#f8fafc;--pdp-gray-100:#f1f5f9;--pdp-gray-200:#e2e8f0;--pdp-gray-400:#94a3b8;--pdp-gray-600:#475569;--pdp-gray-800:#1e293b;--pdp-white:#fff;--pdp-radius:12px;--pdp-radius-sm:8px;--pdp-radius-xs:6px;--pdp-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;--pdp-shadow-lg:0 8px 30px #0000001f;--pdp-transition:all .18s ease;--pdp-border:#e2e8f0}.pdp-page{background:#f0fdf4;color:#1e293b;color:var(--pdp-gray-800);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;padding:clamp(12px,2vw,24px)}.pdp-topbar{border-radius:12px;border-radius:var(--pdp-radius);box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;box-shadow:var(--pdp-shadow);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:12px 16px}.pdp-back-btn,.pdp-topbar{align-items:center;background:#fff;background:var(--pdp-white)}.pdp-back-btn{border:1.5px solid #e2e8f0;border:1.5px solid var(--pdp-border);border-radius:8px;border-radius:var(--pdp-radius-sm);color:#475569;color:var(--pdp-gray-600);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:all .18s ease;transition:var(--pdp-transition);white-space:nowrap}.pdp-back-btn:hover{background:#f1f5f9;background:var(--pdp-gray-100);color:#1e293b;color:var(--pdp-gray-800)}.pdp-breadcrumb{align-items:center;color:#94a3b8;color:var(--pdp-gray-400);display:flex;flex:1 1;flex-wrap:wrap;font-size:12px;gap:6px}.pdp-breadcrumb span:first-child{color:#059669;color:var(--pdp-green-dk);cursor:pointer}.pdp-breadcrumb span:first-child:hover{text-decoration:underline}.pdp-breadcrumb span:last-child{color:#1e293b;color:var(--pdp-gray-800);font-weight:600}.pdp-topbar-actions{display:flex;flex-wrap:wrap;gap:8px}.pdp-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--pdp-radius-sm);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .18s ease;transition:var(--pdp-transition);white-space:nowrap}.pdp-btn--primary{background:#10b981;background:var(--pdp-green);color:#fff;color:var(--pdp-white)}.pdp-btn--primary:hover:not(:disabled){background:#059669;background:var(--pdp-green-dk);box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.pdp-btn--primary:disabled{cursor:not-allowed;opacity:.6}.pdp-btn--success{background:#10b981;background:var(--pdp-green);color:#fff;color:var(--pdp-white)}.pdp-btn--success:hover{background:#059669;background:var(--pdp-green-dk)}.pdp-btn--outline{background:#fff;background:var(--pdp-white);border:1.5px solid #e2e8f0;border:1.5px solid var(--pdp-border);color:#475569;color:var(--pdp-gray-600)}.pdp-btn--ghost,.pdp-btn--outline:hover{background:#f1f5f9;background:var(--pdp-gray-100)}.pdp-btn--ghost{border:1px solid #e2e8f0;border:1px solid var(--pdp-border);color:#475569;color:var(--pdp-gray-600)}.pdp-btn--ghost:hover{background:#e2e8f0;background:var(--pdp-gray-200)}.pdp-hero{align-items:flex-start;background:linear-gradient(135deg,#064e3b,#065f46 40%,#047857);border-radius:12px;border-radius:var(--pdp-radius);box-shadow:0 8px 24px #0596694d;color:#fff;color:var(--pdp-white);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding:24px 28px}.pdp-hero-left{flex:1 1}.pdp-status-badge{align-items:center;border:1.5px solid #ffffff40;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:10px;padding:6px 14px}.pdp-status--success{background:#10b98140}.pdp-status--warning{background:#f59e0b40}.pdp-status--danger{background:#ef444440}.pdp-status--purple{background:#8b5cf640}.pdp-hero-code{font-family:Courier New,monospace;font-size:26px;font-weight:800;letter-spacing:1px;line-height:1.2;margin-bottom:4px}.pdp-hero-sub{font-size:12px;opacity:.7}.pdp-hero-right{text-align:right}.pdp-hero-original{font-size:14px;opacity:.6;text-decoration:line-through}.pdp-hero-amount{color:#6ee7b7;font-size:36px;font-weight:800;line-height:1.1}.pdp-hero-discount{background:#ffffff26;border-radius:20px;color:#a7f3d0;display:inline-block;font-size:12px;margin:4px 0;padding:2px 10px}.pdp-hero-method{margin-top:8px}.pdp-method-chip{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 12px;text-transform:uppercase}.pdp-method-vnpay{background:#dbeafe;color:#1d4ed8}.pdp-method-momo{background:#fce7f3;color:#9d174d}.pdp-method-bank_transfer{background:#ccfbf1;color:#0f766e}.pdp-method-cash{background:#fef3c7;color:#92400e}.pdp-method-card{background:#ede9fe;color:#5b21b6}.pdp-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1fr 1fr}.pdp-col{display:flex;flex-direction:column;gap:14px}.pdp-section{background:#fff;background:var(--pdp-white);border-radius:12px;border-radius:var(--pdp-radius);box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;box-shadow:var(--pdp-shadow);overflow:hidden}.pdp-section-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--pdp-border);display:flex;font-size:13px;font-weight:700;gap:8px;padding:13px 16px}.pdp-section--blue .pdp-section-header{background:#eff6ff;background:var(--pdp-blue-lt);color:#1d4ed8;color:var(--pdp-blue-dk)}.pdp-section--green .pdp-section-header{background:#ecfdf5;background:var(--pdp-green-xl);color:#059669;color:var(--pdp-green-dk)}.pdp-section--orange .pdp-section-header{background:#fffbeb;background:var(--pdp-orange-lt);color:#92400e;color:var(--pdp-orange-dk)}.pdp-section--purple .pdp-section-header{background:#f5f3ff;background:var(--pdp-purple-lt);color:#5b21b6}.pdp-section-icon{flex-shrink:0;font-size:14px}.pdp-section-body{padding:4px 0}.pdp-info-row{align-items:flex-start;border-bottom:1px solid #f8fffe;display:flex;gap:12px;padding:9px 16px}.pdp-info-row:last-child{border-bottom:none}.pdp-info-label{align-items:center;color:#94a3b8;color:var(--pdp-gray-400);display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;min-width:120px;padding-top:1px;text-transform:uppercase}.pdp-info-value{color:#1e293b;color:var(--pdp-gray-800);flex:1 1;font-size:13px;word-break:break-word}.pdp-info-value--hl{font-weight:700}.pdp-info-value--mono{font-family:Courier New,monospace;font-size:12px}.pdp-amount-breakdown{border:1px dashed #e2e8f0;border:1px dashed var(--pdp-border);border-radius:8px;border-radius:var(--pdp-radius-sm);margin:8px 16px 12px;overflow:hidden}.pdp-ab-row{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--pdp-gray-100);display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.pdp-ab-row:last-child{border-bottom:none}.pdp-ab-row--discount{font-weight:600}.pdp-ab-row--discount,.pdp-ab-total{color:#059669;color:var(--pdp-green-dk)}.pdp-ab-total{background:#ecfdf5;background:var(--pdp-green-xl);border-top:2px solid #d1fae5;border-top:2px solid var(--pdp-green-lt);display:flex;font-size:15px;font-weight:800;justify-content:space-between;padding:10px 12px}.pdp-note-box{background:#f8fafc;background:var(--pdp-gray-50);border-left:3px solid #8b5cf6;border-left:3px solid var(--pdp-purple);border-radius:8px;border-radius:var(--pdp-radius-sm);color:#1e293b;color:var(--pdp-gray-800);font-size:13px;line-height:1.5;margin:12px 16px;padding:12px;white-space:pre-wrap}.pdp-proof{padding:12px 16px}.pdp-proof-label{align-items:center;color:#94a3b8;color:var(--pdp-gray-400);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.pdp-proof-img{border:1px solid #e2e8f0;border:1px solid var(--pdp-border);border-radius:8px;border-radius:var(--pdp-radius-sm);cursor:pointer;max-width:300px;transition:all .18s ease;transition:var(--pdp-transition);width:100%}.pdp-proof-img:hover{transform:scale(1.02)}.pdp-proof-img:hover,.pdp-raw{box-shadow:0 1px 3px #00000012,0 4px 16px #0000000d;box-shadow:var(--pdp-shadow)}.pdp-raw{background:#fff;background:var(--pdp-white);border-radius:12px;border-radius:var(--pdp-radius);overflow:hidden}.pdp-raw summary{align-items:center;background:#f8fafc;background:var(--pdp-gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--pdp-border);color:#475569;color:var(--pdp-gray-600);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;padding:13px 16px}.pdp-raw pre{background:#1e293b;color:#1e293b;color:var(--pdp-gray-800);color:#86efac;font-family:Courier New,monospace;font-size:11px;line-height:1.5;margin:0;max-height:240px;overflow-x:auto;padding:14px 16px}.pdp-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.pdp-modal{animation:pdpModalIn .18s ease;background:#fff;background:var(--pdp-white);border-radius:12px;border-radius:var(--pdp-radius);box-shadow:0 8px 30px #0000001f;box-shadow:var(--pdp-shadow-lg);max-width:420px;width:100%}@keyframes pdpModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pdp-modal-hd{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--pdp-border);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:16px 20px}.pdp-modal-hd button{background:none;border:none;border-radius:4px;color:#94a3b8;color:var(--pdp-gray-400);cursor:pointer;font-size:18px;padding:2px 6px;transition:all .18s ease;transition:var(--pdp-transition)}.pdp-modal-hd button:hover{background:#f1f5f9;background:var(--pdp-gray-100);color:#1e293b;color:var(--pdp-gray-800)}.pdp-modal-bd{padding:20px}.pdp-modal-ft{background:#f8fafc;background:var(--pdp-gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--pdp-border);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.pdp-modal-amount{background:#ecfdf5;background:var(--pdp-green-xl);border:1px dashed #10b981;border:1px dashed var(--pdp-green);border-radius:8px;border-radius:var(--pdp-radius-sm);margin-bottom:16px;padding:14px;text-align:center}.pdp-modal-amount div{color:#059669;color:var(--pdp-green-dk);font-size:22px;font-weight:700}.pdp-modal-amount small{color:#94a3b8;color:var(--pdp-gray-400);font-family:monospace;font-size:11px}.pdp-fg{margin-bottom:14px}.pdp-fg label{color:#475569;color:var(--pdp-gray-600);display:block;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:5px;text-transform:uppercase}.pdp-fg input,.pdp-fg select,.pdp-fg textarea{border:1.5px solid #e2e8f0;border:1.5px solid var(--pdp-border);border-radius:8px;border-radius:var(--pdp-radius-sm);font-family:inherit;font-size:13px;outline:none;padding:8px 11px;resize:vertical;transition:all .18s ease;transition:var(--pdp-transition);width:100%}.pdp-fg input:focus,.pdp-fg select:focus,.pdp-fg textarea:focus{border-color:#10b981;border-color:var(--pdp-green);box-shadow:0 0 0 3px #10b9811f}.pdp-loading,.pdp-not-found{align-items:center;color:#94a3b8;color:var(--pdp-gray-400);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px}.pdp-spinner{animation:pdpSpin .7s linear infinite;border:3px solid #d1fae5;border-top-color:#10b981;border:3px solid var(--pdp-green-lt);border-radius:50%;border-top-color:var(--pdp-green);height:36px;width:36px}@keyframes pdpSpin{to{transform:rotate(1turn)}}.pdp-not-found svg{color:#d1fae5;color:var(--pdp-green-lt);font-size:48px}@media (max-width:900px){.pdp-grid{grid-template-columns:1fr}.pdp-hero-amount{font-size:28px}}@media (max-width:600px){.pdp-topbar{align-items:flex-start;flex-direction:column}.pdp-topbar-actions{justify-content:flex-end;width:100%}.pdp-hero{padding:18px}.pdp-hero-right{text-align:left;width:100%}.pdp-hero-amount{font-size:24px}.pdp-info-label{font-size:10px;min-width:90px}}@media print{body *{visibility:hidden!important}#pdp-print,#pdp-print *{display:block!important;visibility:visible!important}#pdp-print{background:#fff;left:0;padding:0;position:absolute;top:0;width:100%}.pdp-grid,.pdp-hero,.pdp-modal,.pdp-overlay,.pdp-page,.pdp-topbar{display:none!important}}.payment-settings-wrapper{background:#f8faf9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:16px 0}.payment-settings-wrapper .container-fluid{margin:0 auto;max-width:1000px;padding:0 16px}.payment-settings-wrapper .page-header{background:#fff;border:1px solid #e8f5e9;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:16px 20px}.payment-settings-wrapper .page-header h2{align-items:center;color:#2e7d32;display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin-bottom:4px}.payment-settings-wrapper .page-header .text-muted{color:#757575!important;font-size:.8rem;line-height:1.4;margin-left:28px}.payment-settings-wrapper .btn-save{align-items:center;background:#43a047;border:none;border-radius:8px;box-shadow:0 2px 6px #43a04733;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 18px;transition:all .2s ease}.payment-settings-wrapper .btn-save:hover{background:#388e3c;box-shadow:0 3px 10px #43a0474d;transform:translateY(-1px)}.payment-settings-wrapper .btn-save:disabled{background:#a5d6a7;box-shadow:none;cursor:not-allowed;transform:none}.payment-settings-wrapper .setting-card{background:#fff;border:1px solid #e8f5e9;border-radius:10px;box-shadow:0 1px 4px #0000000f;height:100%;overflow:hidden;transition:all .2s ease}.payment-settings-wrapper .setting-card:hover{border-color:#c8e6c9;box-shadow:0 2px 8px #0000001a}.payment-settings-wrapper .card-header{align-items:center;background:#f1f8e9;border-bottom:1px solid #dcedc8;display:flex;justify-content:space-between;padding:12px 16px}.payment-settings-wrapper .card-header h5{align-items:center;color:#2e7d32;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0}.payment-settings-wrapper .custom-switch{display:inline-block;height:24px;position:relative;width:44px}.payment-settings-wrapper .custom-switch input{height:0;opacity:0;width:0}.payment-settings-wrapper .switch-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.payment-settings-wrapper .switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.payment-settings-wrapper .custom-switch input:checked+.switch-slider{background-color:#43a047}.payment-settings-wrapper .custom-switch input:checked+.switch-slider:before{transform:translateX(20px)}.payment-settings-wrapper .card-body{padding:16px}.payment-settings-wrapper .card-body.disabled{filter:grayscale(.5);opacity:.4;pointer-events:none}.payment-settings-wrapper .form-label{align-items:center;color:#424242;display:flex;font-size:.8rem;font-weight:500;gap:5px;margin-bottom:5px}.payment-settings-wrapper .form-control,.payment-settings-wrapper .form-select{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;font-size:.85rem;padding:8px 11px;transition:all .2s ease}.payment-settings-wrapper .form-control:focus,.payment-settings-wrapper .form-select:focus{background-color:#fff;border-color:#81c784;box-shadow:0 0 0 3px #81c7841a;outline:none}.payment-settings-wrapper .info-box{align-items:flex-start;background:#e3f2fd;border-left:3px solid #42a5f5;border-radius:6px;color:#1565c0;display:flex;font-size:.8rem;gap:8px;line-height:1.4;margin-bottom:12px;padding:10px 12px}.payment-settings-wrapper .mode-box{background:#f9f9f9;border:1px solid;border-radius:8px;padding:12px}.payment-settings-wrapper .mode-box.personal{background:#f1f8e9;border-color:#c8e6c9}.payment-settings-wrapper .mode-box.business{background:#fff8e1;border-color:#ffe082}.payment-settings-wrapper .mode-box .mode-title{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:10px}.payment-settings-wrapper .success-indicator{align-items:flex-start;background:#f1f8e9;border:1px solid #c8e6c9;border-radius:8px;display:flex;gap:10px;padding:12px}.payment-settings-wrapper .success-indicator .icon{align-items:center;background:#43a047;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.payment-settings-wrapper .success-indicator .content h6{color:#2e7d32;font-size:.9rem;font-weight:600;margin:0 0 4px}.payment-settings-wrapper .success-indicator .content p{color:#666;font-size:.8rem;line-height:1.5;margin:0}.payment-settings-wrapper .settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.payment-settings-wrapper .settings-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.payment-settings-wrapper .settings-grid{grid-template-columns:repeat(2,1fr)}}.payment-settings-wrapper .animate-fade-in{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-settings-wrapper .spinner-border-sm{border-width:2px;height:.9rem;width:.9rem}@media (max-width:639px){.payment-settings-wrapper{padding:12px 0}.payment-settings-wrapper .container-fluid{padding:0 12px}.payment-settings-wrapper .page-header{padding:14px 16px}.payment-settings-wrapper .page-header h2{font-size:1.15rem}.payment-settings-wrapper .page-header .text-muted{font-size:.75rem;margin-left:0;margin-top:6px}.payment-settings-wrapper .btn-save{justify-content:center;margin-top:12px;padding:9px 16px;width:100%}.payment-settings-wrapper .card-header{padding:10px 14px}.payment-settings-wrapper .card-header h5{font-size:.9rem}.payment-settings-wrapper .card-body{padding:14px}.payment-settings-wrapper .form-control,.payment-settings-wrapper .form-select{font-size:.85rem;padding:9px 12px}.payment-settings-wrapper .custom-switch{height:22px;width:40px}.payment-settings-wrapper .switch-slider:before{height:16px;width:16px}.payment-settings-wrapper .custom-switch input:checked+.switch-slider:before{transform:translateX(18px)}}@media (min-width:640px) and (max-width:1023px){.payment-settings-wrapper .container-fluid{max-width:720px}}@media (min-width:1024px){.payment-settings-wrapper .container-fluid{max-width:960px}}.payment-settings-wrapper .row.g-2{--bs-gutter-x:0.5rem;--bs-gutter-y:0.5rem}.payment-settings-wrapper .row.g-3{--bs-gutter-x:0.75rem;--bs-gutter-y:0.75rem}.ws-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.ws-container{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;max-width:600px;overflow:hidden;width:90%}.ws-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.ws-header.start{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.ws-header.end{background:linear-gradient(135deg,#dc3545,#a30011)}.ws-title{align-items:center;display:flex;font-size:1.2rem;font-weight:700;gap:10px;text-transform:uppercase}.ws-info-bar{background-color:#f1f3f5;border-bottom:1px solid #e9ecef;color:#495057;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 25px}.ws-info-item{align-items:center;display:flex;font-weight:600;gap:6px}.ws-body{padding:25px}.ws-input-group{margin-bottom:20px}.ws-label{color:#212529;display:block;font-weight:600;margin-bottom:8px}.ws-money-input{border:2px solid #ced4da;border-radius:8px;color:#2e7d32;font-size:24px;font-weight:700;padding:12px 15px;text-align:right;transition:all .2s;width:100%}.ws-money-input:focus{border-color:#2e7d32;box-shadow:0 0 0 4px #2e7d3226;outline:none}.ws-money-input.error{border-color:#dc3545;color:#dc3545}.ws-diff-box{background:#f8f9fa;border:1px dashed #adb5bd;border-radius:8px;margin-top:15px;padding:15px}.diff-row{font-size:14px;margin-bottom:5px}.diff-result,.diff-row{display:flex;justify-content:space-between}.diff-result{border-top:1px solid #dee2e6;font-size:16px;font-weight:700;margin-top:10px;padding-top:10px}.ws-footer{background-color:#fff;border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding:15px 25px}.ws-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 24px;transition:opacity .2s}.ws-btn-cancel{background:#e9ecef;color:#495057}.ws-btn-submit{background:#2e7d32;box-shadow:0 4px 6px #2e7d3233;color:#fff}.ws-btn-submit.danger{background:#dc3545;box-shadow:0 4px 6px #dc354533}.ws-btn:hover{opacity:.9}.wrm-backdrop{align-items:center;background:#0f172ab8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.wrm-dialog{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:18px;box-shadow:0 30px 90px #0f172a47;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;width:min(1200px,100%)}.wrm-footer,.wrm-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:18px 22px}.wrm-header{border-bottom:1px solid #e5e7eb}.wrm-footer{background:#fff;border-top:1px solid #e5e7eb}.wrm-title{color:#0f172a;font-size:22px;font-weight:800}.wrm-subtitle{color:#64748b;font-size:13px;margin-top:4px}.wrm-close{background:#f1f5f9;border:0;border-radius:999px;color:#334155;cursor:pointer;height:40px;width:40px}.wrm-tabs{display:flex;gap:10px;padding:14px 22px 0}.wrm-tab{align-items:center;background:#fff;border:1px solid #dbe3ea;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 16px}.wrm-tab.active{background:#4caf50;border-color:#4caf50;color:#fff}.wrm-body{overflow:auto;padding:16px 22px 22px}.wrm-note{align-items:flex-start;background:#ecfdf5;border-radius:12px;color:#166534;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 14px}.wrm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1.15fr}.wrm-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0f172a0d;padding:16px}.wrm-card-title{color:#0f172a;font-size:15px;font-weight:800;margin-bottom:12px}.wrm-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.wrm-form-grid label{color:#475569;display:block;font-size:12px;font-weight:700;margin-bottom:6px}.wrm-form-grid input,.wrm-form-grid select,.wrm-form-grid textarea{background:#fff;border:1px solid #d8dee5;border-radius:12px;font-size:14px;padding:11px 12px;width:100%}.wrm-form-grid input:focus,.wrm-form-grid select:focus,.wrm-form-grid textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f;outline:none}.wrm-col-full{grid-column:1/-1}.wrm-actions-inline{display:flex;flex-wrap:wrap;gap:10px}.wrm-chip{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:8px 12px}.wrm-chip.active{background:#ecfdf5;border-color:#4caf50;color:#166534}.wrm-btn{align-items:center;border:0;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;padding:11px 16px}.wrm-btn-primary{background:#4caf50;color:#fff}.wrm-btn-secondary{background:#1e293b;color:#fff}.wrm-btn-outline{background:#fff;border:1px solid #cbd5e1;color:#334155}.wrm-btn-ghost{background:#f8fafc;border:1px solid #e2e8f0;color:#334155}.wrm-slot-area{margin-top:14px}.wrm-slot-stats{margin-bottom:8px;margin-top:14px}.wrm-slot-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.wrm-slot-stat-item{background:#f8fafc;border:1px solid #dbe3ea;border-radius:12px;padding:10px 12px}.wrm-slot-stat-name{color:#475569;font-size:12px;font-weight:700}.wrm-slot-stat-remaining{color:#166534;font-size:15px;font-weight:800;margin-top:4px}.wrm-slot-stat-meta{color:#64748b;font-size:12px;margin-top:2px}.wrm-slot-title{color:#0f172a;font-size:13px;font-weight:800;margin-bottom:10px}.wrm-slot-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.wrm-slot-btn{background:#f8fafc;border:1px solid #dbe3ea;border-radius:14px;cursor:pointer;padding:12px;text-align:left}.wrm-slot-btn.active{background:#ecfdf5;border-color:#4caf50}.wrm-slot-btn.disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.wrm-slot-time{color:#0f172a;font-size:16px;font-weight:800}.wrm-slot-label{color:#475569;font-size:12px;margin-top:4px}.wrm-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;padding:16px}.wrm-footer-hint{align-items:center;color:#475569;display:flex;font-size:13px;gap:8px}.wrm-footer-actions{display:flex;gap:10px}.wrm-filter-toolbar{grid-gap:10px;display:grid;gap:10px}.wrm-search-box{align-items:center;display:flex;gap:8px}.wrm-search-box input{background:#fff;border:1px solid #d8dee5;border-radius:12px;flex:1 1;font-size:14px;padding:11px 12px;width:100%}.wrm-category-row,.wrm-specialty-list{display:flex;flex-wrap:wrap;gap:8px}.wrm-info-text{align-items:center;color:#475569;display:flex;font-size:12px;gap:6px;line-height:1.4;margin-top:8px}.wrm-section-title{color:#0f172a;font-size:17px;font-weight:800;margin:0 0 10px}.wrm-slot-section{margin-top:12px}.wrm-slot-section-label{align-items:center;color:#0f172a;display:flex;font-size:13px;font-weight:800;gap:8px;margin-bottom:10px}.wrm-date-row{display:flex;flex-wrap:wrap;gap:8px}.wrm-right-card{margin-bottom:16px}.wrm-doctor-card{align-items:center;background:#fff;border:1px solid #dbe3ea;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;width:100%}.wrm-doctor-avatar{border-radius:14px;flex-shrink:0;height:54px;object-fit:cover;width:54px}.wrm-doctor-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.wrm-doctor-name{color:#0f172a;font-size:14px;font-weight:800}.wrm-doctor-specialty{color:#64748b;font-size:12px}.wrm-doctor-cta{align-items:center;color:#3aaa6f;display:inline-flex;font-size:12px;font-weight:800;gap:6px}.wrm-type-tabs{display:flex;flex-wrap:wrap;gap:10px}.wrm-type-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;padding:9px 14px}.wrm-type-btn.active{background:#ecfdf5;border-color:#3aaa6f;color:#1d7a52}.wrm-pkg-list{grid-gap:10px;display:grid;gap:10px}.wrm-pkg-item{align-items:center;background:#fff;border:1px solid #dbe3ea;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:12px 14px}.wrm-pkg-item.selected{background:#ecfdf5;border-color:#3aaa6f}.wrm-pkg-item input{margin:0}.wrm-pkg-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.wrm-pkg-name{color:#0f172a;font-size:14px;font-weight:800}.wrm-pkg-duration{color:#64748b;font-size:12px}.wrm-pkg-price{color:#1d7a52;font-size:13px;font-weight:800;white-space:nowrap}.wrm-date-tabs{display:flex;flex-wrap:wrap;gap:8px}.wrm-date-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:14px;color:#334155;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px;min-width:86px;padding:10px 12px}.wrm-date-btn.active{background:#ecfdf5;border-color:#3aaa6f;color:#1d7a52}.wrm-date-btn-day{font-size:11px;font-weight:700}.wrm-date-btn-num{font-size:14px;font-weight:800}@media (max-width:1100px){.wrm-grid{grid-template-columns:1fr}}@media (max-width:768px){.wrm-dialog{max-height:calc(100vh - 20px)}.wrm-form-grid{grid-template-columns:1fr}.wrm-body,.wrm-footer,.wrm-header,.wrm-tabs{padding-left:14px;padding-right:14px}.wrm-footer{align-items:stretch;flex-direction:column}.wrm-footer-actions{justify-content:flex-end}}:root{--frd-font:"Be Vietnam Pro","Segoe UI",sans-serif;--frd-mono:"JetBrains Mono",monospace;--frd-green-900:#1b5e20;--frd-green-700:#2e7d32;--frd-green-500:#43a047;--frd-green-300:#81c784;--frd-green-100:#c8e6c9;--frd-green-50:#e8f5e9;--frd-green-10:#f4faf4;--frd-teal-600:#00796b;--frd-teal-100:#b2dfdb;--frd-teal-10:#e0f2f1;--frd-amber-700:#f57f17;--frd-amber-50:#fff8e1;--frd-amber-100:#ffe082;--frd-red-700:#c62828;--frd-red-50:#ffebee;--frd-red-100:#ffcdd2;--frd-blue-700:#1565c0;--frd-blue-50:#e3f2fd;--frd-blue-100:#bbdefb;--frd-purple-700:#6a1b9a;--frd-purple-50:#f3e5f5;--frd-purple-100:#ce93d8;--frd-gray-900:#212121;--frd-gray-700:#424242;--frd-gray-500:#757575;--frd-gray-400:#9e9e9e;--frd-gray-300:#e0e0e0;--frd-gray-200:#eee;--frd-gray-100:#f5f5f5;--frd-white:#fff;--frd-radius-xs:4px;--frd-radius-sm:6px;--frd-radius:8px;--frd-radius-lg:12px;--frd-shadow-xs:0 1px 2px #0000000f;--frd-shadow-sm:0 1px 4px #00000014;--frd-shadow:0 2px 8px #00000017;--frd-shadow-lg:0 4px 16px #0000001a;--frd-transition:all 0.15s ease}.frdeskpage-container *,.frdeskpage-container :after,.frdeskpage-container :before{box-sizing:border-box;font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);margin:0;padding:0}.frdeskpage-container{background:#f4faf4;background:var(--frd-green-10);color:#212121;color:var(--frd-gray-900);display:flex;flex-direction:column;font-size:12.5px;line-height:1.45;min-height:calc(100vh - 60px);overflow:hidden}.frdeskpage-header{background:#fff;background:var(--frd-white);border-bottom:1.5px solid #c8e6c9;border-bottom:1.5px solid var(--frd-green-100);box-shadow:0 1px 2px #0000000f;box-shadow:var(--frd-shadow-xs);gap:10px;height:46px;justify-content:space-between;padding:0 16px}.frdeskpage-header,.frdeskpage-title{align-items:center;display:flex;flex-shrink:0}.frdeskpage-title{color:#2e7d32;color:var(--frd-green-700);font-size:12.5px;font-weight:800;gap:6px;letter-spacing:.9px;text-transform:uppercase;white-space:nowrap}.frdeskpage-title-icon{align-items:center;color:#43a047;color:var(--frd-green-500);display:flex;font-size:14px}.frdeskpage-header-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.frdeskpage-nav{-webkit-overflow-scrolling:touch;background:#fff;background:var(--frd-white);border-bottom:1.5px solid #c8e6c9;border-bottom:1.5px solid var(--frd-green-100);display:flex;flex-shrink:0;gap:1px;overflow-x:auto;padding:0 12px;scrollbar-width:none}.frdeskpage-nav::-webkit-scrollbar{display:none}.frdeskpage-nav-item{align-items:center;border-bottom:2px solid #0000;color:#757575;color:var(--frd-gray-500);cursor:pointer;display:flex;flex-shrink:0;font-size:11.5px;font-weight:600;gap:5px;height:38px;letter-spacing:.5px;margin-bottom:-1.5px;padding:0 16px;text-transform:uppercase;transition:all .15s ease;transition:var(--frd-transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.frdeskpage-nav-item.active,.frdeskpage-nav-item:hover{background:#f4faf4;background:var(--frd-green-10);color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-nav-item.active{border-bottom-color:#2e7d32;border-bottom-color:var(--frd-green-700);font-weight:700}.frdeskpage-nav-item svg{flex-shrink:0;font-size:13px}.frdeskpage-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:10px}.frdeskpage-layout-split{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:6fr 3.6fr;min-height:0;overflow:hidden}.frdeskpage-panel{background:#fff;background:var(--frd-white);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);border-radius:8px;border-radius:var(--frd-radius);box-shadow:0 1px 4px #00000014;box-shadow:var(--frd-shadow-sm);display:flex;flex-direction:column;min-height:0;overflow:hidden}.frdeskpage-panel-header{align-items:center;background:#e8f5e9;background:var(--frd-green-50);border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--frd-green-100);color:#2e7d32;color:var(--frd-green-700);display:flex;flex-shrink:0;font-size:10.5px;font-weight:700;gap:8px;height:34px;justify-content:space-between;letter-spacing:.8px;padding:0 12px;text-transform:uppercase}.frdeskpage-panel-header-left{align-items:center;display:flex;gap:5px}.frdeskpage-panel-header svg{color:#43a047;color:var(--frd-green-500);font-size:12px}.frdeskpage-panel-header-right{align-items:center;display:flex;gap:5px}.frdeskpage-panel-body{flex:1 1;min-height:0;overflow-y:auto}.frdeskpage-panel-body::-webkit-scrollbar{width:4px}.frdeskpage-panel-body::-webkit-scrollbar-track{background:#0000}.frdeskpage-panel-body::-webkit-scrollbar-thumb{background:#c8e6c9;background:var(--frd-green-100);border-radius:2px}.frdeskpage-panel-body::-webkit-scrollbar-thumb:hover{background:#81c784;background:var(--frd-green-300)}.frdeskpage-panel-footer{background:#f5f5f5;background:var(--frd-gray-100);border-top:1px solid #eee;border-top:1px solid var(--frd-gray-200);flex-shrink:0;padding:8px 12px}.frdeskpage-table{border-collapse:collapse;font-size:11.5px;width:100%}.frdeskpage-table th{background:#e8f5e9;background:var(--frd-green-50);border-bottom:1.5px solid #c8e6c9;border-bottom:1.5px solid var(--frd-green-100);color:#2e7d32;color:var(--frd-green-700);font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:7px 9px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:5}.frdeskpage-table td{border-bottom:1px solid #eee;border-bottom:1px solid var(--frd-gray-200);color:#424242;color:var(--frd-gray-700);padding:7px 9px;transition:background .1s;vertical-align:middle}.frdeskpage-table tr:last-child td{border-bottom:none}.frdeskpage-table tr:hover td{background:#f4faf4;background:var(--frd-green-10)}.frdeskpage-table tr.frdeskpage-row-active td{background:#e8f5e9;background:var(--frd-green-50)}.frdeskpage-table tr.frdeskpage-row-active td:first-child{border-left:2.5px solid #43a047;border-left:2.5px solid var(--frd-green-500)}.frdeskpage-table-compact td,.frdeskpage-table-compact th{font-size:11px!important;padding:5px 8px!important}.frdeskpage-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--frd-radius-sm);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:11.5px;font-weight:600;gap:5px;justify-content:center;line-height:1;outline:none;padding:6px 12px;transition:all .15s ease;transition:var(--frd-transition);white-space:nowrap}.frdeskpage-btn:active{transform:scale(.97)}.frdeskpage-btn:disabled{cursor:not-allowed;opacity:.5}.frdeskpage-btn svg{flex-shrink:0;font-size:12px}.frdeskpage-btn-primary{background:#2e7d32;background:var(--frd-green-700);box-shadow:0 1px 2px #0000000f;box-shadow:var(--frd-shadow-xs);color:#fff;color:var(--frd-white)}.frdeskpage-btn-primary:hover{background:#1b5e20;background:var(--frd-green-900)}.frdeskpage-btn-secondary{background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-btn-secondary:hover{background:#c8e6c9;background:var(--frd-green-100)}.frdeskpage-btn-outline{background:#fff;background:var(--frd-white);border:1px solid #81c784;border:1px solid var(--frd-green-300);color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-btn-outline:hover{background:#f4faf4;background:var(--frd-green-10);border-color:#43a047;border-color:var(--frd-green-500)}.frdeskpage-btn-danger{background:#ffebee;background:var(--frd-red-50);border:1px solid #ffcdd2;border:1px solid var(--frd-red-100);color:#c62828;color:var(--frd-red-700)}.frdeskpage-btn-danger:hover{background:#ffcdd2;background:var(--frd-red-100)}.frdeskpage-btn-ghost{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);color:#424242;color:var(--frd-gray-700)}.frdeskpage-btn-ghost:hover{background:#f5f5f5;background:var(--frd-gray-100)}.frdeskpage-btn-xs{font-size:10.5px;padding:3px 7px}.frdeskpage-btn-sm{font-size:11px;padding:4px 9px}.frdeskpage-btn-lg{font-size:13px;padding:9px 18px}.frdeskpage-btn-xl{font-size:13.5px;padding:11px 20px}.frdeskpage-btn-full{width:100%}.frdeskpage-btn-circle{border-radius:50%;font-size:13px;height:26px;padding:0;width:26px}.frdeskpage-input,.frdeskpage-select,.frdeskpage-textarea{background:#fff;background:var(--frd-white);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;border-radius:var(--frd-radius-sm);color:#212121;color:var(--frd-gray-900);font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:12px;line-height:1.4;outline:none;padding:6px 9px;transition:all .15s ease;transition:var(--frd-transition);width:100%}.frdeskpage-input:focus,.frdeskpage-select:focus,.frdeskpage-textarea:focus{border-color:#43a047;border-color:var(--frd-green-500);box-shadow:0 0 0 2.5px #43a0471f}.frdeskpage-input::placeholder{color:#9e9e9e;color:var(--frd-gray-400)}.frdeskpage-textarea{min-height:60px;resize:vertical}.frdeskpage-select{-webkit-appearance:none;appearance:none;cursor:pointer}.frdeskpage-input-compact{background:#fff;background:var(--frd-white);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:4px;border-radius:var(--frd-radius-xs);color:#2e7d32;color:var(--frd-green-700);font-size:11.5px;font-weight:600;height:26px;outline:none;padding:3px 7px;text-align:center;transition:all .15s ease;transition:var(--frd-transition);width:100%}.frdeskpage-input-compact:focus{border-color:#43a047;border-color:var(--frd-green-500);box-shadow:0 0 0 2px #43a0471a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.frdeskpage-label{color:#757575;color:var(--frd-gray-500);display:block;font-size:10.5px;font-weight:700;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.frdeskpage-form-group{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.frdeskpage-form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.frdeskpage-form-row-3{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.frd-toggle-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.frd-toggle-item{align-items:center;background:#fff;background:var(--frd-white);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;border-radius:var(--frd-radius-sm);color:#424242;color:var(--frd-gray-700);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 10px;transition:all .15s ease;transition:var(--frd-transition)}.frd-toggle-item input{margin:0}.frd-toggle-item.active{background:#e8f5e9;background:var(--frd-green-50);border-color:#43a047;border-color:var(--frd-green-500);box-shadow:0 0 0 2px #43a04714;color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-search{align-items:center;background:#f5f5f5;background:var(--frd-gray-100);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;border-radius:var(--frd-radius-sm);display:flex;gap:6px;min-width:140px;padding:0 8px;transition:all .15s ease;transition:var(--frd-transition)}.frdeskpage-search:focus-within{background:#fff;background:var(--frd-white);border-color:#43a047;border-color:var(--frd-green-500);box-shadow:0 0 0 2.5px #43a0471a}.frdeskpage-search-icon{color:#9e9e9e;color:var(--frd-gray-400);flex-shrink:0;font-size:12px}.frdeskpage-search input{background:#0000;border:none;color:#212121;color:var(--frd-gray-900);font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:11.5px;outline:none;padding:5px 0;width:100%}.frdeskpage-search input::placeholder{color:#9e9e9e;color:var(--frd-gray-400)}.frdeskpage-toolbar{border-bottom:1px solid #eee;border-bottom:1px solid var(--frd-gray-200);flex-wrap:wrap;gap:6px;padding:7px 10px}.frdeskpage-date-nav,.frdeskpage-toolbar{align-items:center;background:#fff;background:var(--frd-white);display:flex;flex-shrink:0}.frdeskpage-date-nav{border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;border-radius:var(--frd-radius-sm);overflow:hidden}.frdeskpage-date-nav-btn{align-items:center;background:#0000;border:none;color:#757575;color:var(--frd-gray-500);cursor:pointer;display:flex;line-height:1;padding:5px 8px;transition:all .15s ease;transition:var(--frd-transition)}.frdeskpage-date-nav-btn svg{font-size:11px}.frdeskpage-date-nav-btn:hover{background:#e8f5e9;background:var(--frd-green-50);color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-date-nav input[type=date]{background:#fff;background:var(--frd-white);border:none;border-left:1px solid #e0e0e0;border-left:1px solid var(--frd-gray-300);border-right:1px solid #e0e0e0;border-right:1px solid var(--frd-gray-300);color:#2e7d32;color:var(--frd-green-700);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:11.5px;font-weight:600;outline:none;padding:5px 8px;width:126px}.frdeskpage-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:10px;font-weight:700;gap:3px;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.frdeskpage-badge svg{font-size:9px}.frdeskpage-badge-green{background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-badge-amber{background:#fff8e1;background:var(--frd-amber-50);border:1px solid #ffe082;border:1px solid var(--frd-amber-100);color:#f57f17;color:var(--frd-amber-700)}.frdeskpage-badge-red{background:#ffebee;background:var(--frd-red-50);border:1px solid #ffcdd2;border:1px solid var(--frd-red-100);color:#c62828;color:var(--frd-red-700)}.frdeskpage-badge-blue{background:#e3f2fd;background:var(--frd-blue-50);border:1px solid #bbdefb;border:1px solid var(--frd-blue-100);color:#1565c0;color:var(--frd-blue-700)}.frdeskpage-badge-purple{background:#f3e5f5;background:var(--frd-purple-50);border:1px solid #ce93d8;border:1px solid var(--frd-purple-100);color:#6a1b9a;color:var(--frd-purple-700)}.frdeskpage-badge-gray{background:#f5f5f5;background:var(--frd-gray-100);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);color:#757575;color:var(--frd-gray-500)}.frdeskpage-badge-teal{background:#e0f2f1;background:var(--frd-teal-10);border:1px solid #b2dfdb;border:1px solid var(--frd-teal-100);color:#00796b;color:var(--frd-teal-600)}.frdeskpage-badge-pill{border-radius:20px;padding:2px 9px}.frdeskpage-badge-num{align-items:center;background:#2e7d32;background:var(--frd-green-700);border-radius:50%;color:#fff;color:var(--frd-white);display:inline-flex;font-size:10.5px;height:22px;justify-content:center;padding:0;width:22px}.frdeskpage-sub-tabs{background:#f5f5f5;background:var(--frd-gray-100);border-radius:6px;border-radius:var(--frd-radius-sm);display:flex;gap:2px;padding:2px}.frdeskpage-sub-tab{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--frd-radius-xs);color:#757575;color:var(--frd-gray-500);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 12px;transition:all .15s ease;transition:var(--frd-transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.frdeskpage-sub-tab.active,.frdeskpage-sub-tab:hover{color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-sub-tab.active{background:#fff;background:var(--frd-white);box-shadow:0 1px 2px #0000000f;box-shadow:var(--frd-shadow-xs)}.frdeskpage-sub-tab svg{font-size:11px}.frdeskpage-call-box{align-items:center;background:#2e7d32;background:var(--frd-green-700);border-radius:8px;border-radius:var(--frd-radius);box-shadow:0 2px 8px #00000017;box-shadow:var(--frd-shadow);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;margin-bottom:8px;padding:12px 14px}.frdeskpage-call-label{color:#ffffffa6;font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:3px;text-transform:uppercase}.frdeskpage-call-name{color:#fff;color:var(--frd-white);font-size:14px;font-weight:700;line-height:1.3;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frdeskpage-call-sub{color:#ffffff8c;font-size:10.5px;margin-top:2px}.frdeskpage-call-number{color:#fff;color:var(--frd-white);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:36px;font-weight:600;line-height:1}.frdeskpage-call-counter{color:#ffffff8c;font-size:10px;margin-top:2px;text-align:center}.frdeskpage-next-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;border-radius:var(--frd-radius-sm);color:#fff;color:var(--frd-white);cursor:pointer;display:flex;flex-shrink:0;font-size:11.5px;font-weight:700;gap:5px;padding:7px 12px;transition:all .15s ease;transition:var(--frd-transition);white-space:nowrap}.frdeskpage-next-btn:hover{background:#ffffff40}.frdeskpage-payment-body{display:flex;flex-direction:column;gap:9px;height:100%;overflow-y:auto;padding:12px}.frdeskpage-queue-num{color:#2e7d32;color:var(--frd-green-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:48px;font-weight:600;line-height:1;text-align:center}.frdeskpage-patient-name{color:#212121;color:var(--frd-gray-900);font-size:14px;font-weight:700;margin:3px 0 1px;text-align:center;text-transform:uppercase}.frdeskpage-patient-code{color:#757575;color:var(--frd-gray-500);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:10.5px;text-align:center}.frdeskpage-bill-row{align-items:center;color:#424242;color:var(--frd-gray-700);display:flex;font-size:11.5px;justify-content:space-between;padding:4px 0}.frdeskpage-bill-row-label{color:#757575;color:var(--frd-gray-500)}.frdeskpage-bill-row-value{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-weight:600}.frdeskpage-bill-total{align-items:center;background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);border-radius:6px;border-radius:var(--frd-radius-sm);display:flex;justify-content:space-between;padding:9px 12px}.frdeskpage-bill-total-label{color:#757575;color:var(--frd-gray-500);font-size:10.5px;font-weight:700;text-transform:uppercase}.frdeskpage-bill-total-amount{color:#c62828;color:var(--frd-red-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:18px;font-weight:700}.frdeskpage-method-switcher{background:#f5f5f5;background:var(--frd-gray-100);border-radius:6px;border-radius:var(--frd-radius-sm);display:flex;gap:2px;padding:2px}.frdeskpage-method-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--frd-radius-xs);color:#757575;color:var(--frd-gray-500);cursor:pointer;display:flex;flex:1 1;font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:6px 8px;transition:all .15s ease;transition:var(--frd-transition)}.frdeskpage-method-btn.active{background:#fff;background:var(--frd-white);box-shadow:0 1px 2px #0000000f;box-shadow:var(--frd-shadow-xs);color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-method-btn svg{font-size:12px}.frdeskpage-change-box{align-items:center;background:#f0fdf4;border-left:3px solid #43a047;border-left:3px solid var(--frd-green-500);border-radius:0 6px 6px 0;border-radius:0 var(--frd-radius-sm) var(--frd-radius-sm) 0;display:flex;font-size:11.5px;justify-content:space-between;padding:6px 10px}.frdeskpage-change-label{color:#757575;color:var(--frd-gray-500)}.frdeskpage-change-value{color:#2e7d32;color:var(--frd-green-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-weight:700}.frdeskpage-checkout-btn{align-items:center;background:#2e7d32;background:var(--frd-green-700);border:none;border-radius:6px;border-radius:var(--frd-radius-sm);box-shadow:0 1px 4px #00000014;box-shadow:var(--frd-shadow-sm);color:#fff;color:var(--frd-white);cursor:pointer;display:flex;font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:12.5px;font-weight:700;gap:7px;justify-content:center;letter-spacing:.7px;padding:11px;text-transform:uppercase;transition:all .15s ease;transition:var(--frd-transition);width:100%}.frdeskpage-checkout-btn:hover{background:#1b5e20;background:var(--frd-green-900);box-shadow:0 2px 8px #00000017;box-shadow:var(--frd-shadow)}.frdeskpage-checkout-btn:active{transform:scale(.99)}.frdeskpage-checkout-btn svg{font-size:14px}.frdeskpage-cart-total{align-items:center;background:#2e7d32;background:var(--frd-green-700);border-radius:6px;border-radius:var(--frd-radius-sm);color:#fff;color:var(--frd-white);display:flex;justify-content:space-between;margin:6px 0;padding:9px 12px}.frdeskpage-cart-total-label{font-size:10px;font-weight:700;letter-spacing:.6px;opacity:.75;text-transform:uppercase}.frdeskpage-cart-total-amount{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:17px;font-weight:700}.frdeskpage-med-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:10px}.frdeskpage-med-card{background:#fff;background:var(--frd-white);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;border-radius:var(--frd-radius-sm);cursor:pointer;display:flex;flex-direction:column;min-height:82px;padding:9px;transition:all .15s ease;transition:var(--frd-transition)}.frdeskpage-med-card:hover{border-color:#81c784;border-color:var(--frd-green-300);box-shadow:0 1px 4px #00000014;box-shadow:var(--frd-shadow-sm)}.frdeskpage-med-card:active{transform:scale(.98)}.frdeskpage-med-name{color:#2e7d32;color:var(--frd-green-700);font-size:11.5px;font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frdeskpage-med-meta{color:#9e9e9e;color:var(--frd-gray-400);display:flex;font-size:10px;justify-content:space-between;margin-bottom:auto}.frdeskpage-med-footer{align-items:center;border-top:1px solid #eee;border-top:1px solid var(--frd-gray-200);display:flex;justify-content:space-between;margin-top:6px;padding-top:6px}.frdeskpage-med-price{color:#c62828;color:var(--frd-red-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:11.5px;font-weight:700}.frdeskpage-med-stock-warn{color:#f57f17;color:var(--frd-amber-700);font-size:10px;font-weight:600}.frdeskpage-med-stock-out{color:#c62828;color:var(--frd-red-700);font-size:10px;font-weight:600}.frdeskpage-add-btn{align-items:center;background:#2e7d32;background:var(--frd-green-700);border:none;border-radius:50%;color:#fff;color:var(--frd-white);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .15s ease;transition:var(--frd-transition);width:24px}.frdeskpage-add-btn:hover{background:#1b5e20;background:var(--frd-green-900);transform:scale(1.08)}.frdeskpage-add-btn svg{font-size:11px}.frdeskpage-patient-card{background:#fff;background:var(--frd-white);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);border-radius:6px;border-radius:var(--frd-radius-sm);box-shadow:0 1px 2px #0000000f;box-shadow:var(--frd-shadow-xs);display:flex;gap:9px;margin-bottom:7px;padding:9px 11px}.frdeskpage-patient-avatar{align-items:center;background:#e8f5e9;background:var(--frd-green-50);border:1.5px solid #c8e6c9;border:1.5px solid var(--frd-green-100);border-radius:50%;color:#43a047;color:var(--frd-green-500);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.frdeskpage-patient-avatar svg{font-size:15px}.frdeskpage-patient-info{flex:1 1;min-width:0}.frdeskpage-patient-name-text{color:#212121;color:var(--frd-gray-900);font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frdeskpage-patient-sub{color:#757575;color:var(--frd-gray-500);font-size:10.5px;margin-top:1px}.frdeskpage-divider{border:none;border-top:1px dashed #e0e0e0;border-top:1px dashed var(--frd-gray-300);margin:7px 0}.frdeskpage-divider-solid{border:none;border-top:1px solid #eee;border-top:1px solid var(--frd-gray-200);margin:8px 0}.frdeskpage-empty{align-items:center;color:#9e9e9e;color:var(--frd-gray-400);display:flex;flex-direction:column;gap:7px;height:100%;justify-content:center;min-height:140px;padding:16px;text-align:center}.frdeskpage-empty-icon{font-size:28px;opacity:.35}.frdeskpage-empty p{font-size:11.5px;line-height:1.5;margin:0}.frdeskpage-success{flex-direction:column;gap:7px;padding:18px;text-align:center}.frdeskpage-success,.frdeskpage-success-icon{align-items:center;display:flex;justify-content:center}.frdeskpage-success-icon{background:#e8f5e9;background:var(--frd-green-50);border:1.5px solid #c8e6c9;border:1.5px solid var(--frd-green-100);border-radius:50%;color:#2e7d32;color:var(--frd-green-700);height:46px;width:46px}.frdeskpage-success-icon svg{font-size:22px}.frdeskpage-text-price{color:#c62828;color:var(--frd-red-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-weight:700}.frdeskpage-text-green{color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-text-muted{color:#757575;color:var(--frd-gray-500);font-size:10.5px}.frdeskpage-text-mono{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono)}.frdeskpage-text-sm{font-size:11px}.frdeskpage-text-xs{font-size:10px}.frdeskpage-fw-bold{font-weight:700}.frdeskpage-info-row{align-items:flex-start;border-bottom:1px solid #eee;border-bottom:1px solid var(--frd-gray-200);display:flex;font-size:11.5px;gap:8px;justify-content:space-between;padding:4px 0}.frdeskpage-info-row:last-child{border-bottom:none}.frdeskpage-info-key{color:#757575;color:var(--frd-gray-500);flex-shrink:0;font-size:10.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.frdeskpage-info-val{color:#212121;color:var(--frd-gray-900);font-weight:500;text-align:right}.frdeskpage-section-label{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--frd-gray-200);color:#9e9e9e;color:var(--frd-gray-400);display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.7px;margin-bottom:6px;padding:0 0 4px;text-transform:uppercase}.frdeskpage-section-label svg{color:#43a047;color:var(--frd-green-500);font-size:10.5px}.frdeskpage-ticket-divider{border-top:1px dashed #ccc;margin:7px 0}.frdeskpage-ticket-label{color:#666;font-size:10.5px}.frdeskpage-ticket-value{font-size:10.5px;font-weight:600}.modal-content{border:none!important;border-radius:12px!important;border-radius:var(--frd-radius-lg)!important;box-shadow:0 10px 40px #0000001f!important;position:relative!important;width:100%}.modal-header{border-radius:12px 12px 0 0!important;border-radius:var(--frd-radius-lg) var(--frd-radius-lg) 0 0!important;color:#fff!important;padding:16px 18px!important}.frdeskpage-modal-header,.modal-header{background:#2e7d32!important;background:var(--frd-green-700)!important;border-bottom:none!important}.frdeskpage-modal-header .btn-close{background-color:#fff6!important;filter:invert(1) brightness(1.2)!important}.frdeskpage-modal-header .modal-title{align-items:center!important;color:#fff!important;display:flex!important;font-size:14px!important;font-weight:700!important;gap:8px!important;letter-spacing:.6px!important;text-transform:uppercase!important}.frdeskpage-modal-header svg{font-size:16px!important}.modal-body{background:#fff!important;background:var(--frd-white)!important;font-size:12px!important;padding:18px!important}.modal-footer{background:var(--frd-gray-50)!important;border-top:1px solid #c8e6c9!important;border-top:1px solid var(--frd-green-100)!important;gap:8px!important;padding:12px 18px!important}.modal-footer .btn{border-radius:6px!important;border-radius:var(--frd-radius-sm)!important;font-family:Be Vietnam Pro,Segoe UI,sans-serif!important;font-family:var(--frd-font)!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.5px!important;padding:7px 16px!important;text-transform:uppercase!important}.modal-footer .btn-primary{background:#2e7d32!important;background:var(--frd-green-700)!important;border:none!important}.modal-footer .btn-primary:hover{background:#1b5e20!important;background:var(--frd-green-900)!important}.modal-footer .btn-secondary{background:#e0e0e0!important;background:var(--frd-gray-300)!important;border:none!important;color:#212121!important;color:var(--frd-gray-900)!important}.modal-footer .btn-secondary:hover{background:#9e9e9e!important;background:var(--frd-gray-400)!important}.modal{z-index:10000!important}.modal-backdrop{z-index:9999!important}.modal-dialog{max-width:500px!important;z-index:10001!important}.modal-dialog.modal-lg{max-width:800px!important;z-index:10001!important}.modal-dialog.modal-xl{max-width:1000px!important;z-index:10001!important}@media print{.frdeskpage-no-print{display:none!important}body{background:#fff!important}}.frdeskpage-adp-modal-content{border:none!important;border-radius:12px!important;border-radius:var(--frd-radius-lg)!important;overflow:hidden}.frdeskpage-adp-modal-body{max-height:78vh;overflow-y:auto}.frdeskpage-adp-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 290px}.frdeskpage-adp-card-header{align-items:center;display:flex;gap:7px}.frdeskpage-adp-info-group{display:flex;flex-direction:column;gap:3px}.frdeskpage-adp-label{color:#9e9e9e;color:var(--frd-gray-400);font-size:10px!important;font-weight:700;text-transform:uppercase}.frdeskpage-adp-value{color:#212121;color:var(--frd-gray-900);font-size:12.5px}.frdeskpage-adp-value-lg{font-size:14px;font-weight:700}.frdeskpage-adp-value-price{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono)}.frdeskpage-adp-status{align-items:center;border-radius:20px;display:inline-flex;font-size:10.5px;font-weight:700;gap:4px;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.frdeskpage-adp-status-pending{background:#fff8e1;background:var(--frd-amber-50);border:1px solid #ffe082;border:1px solid var(--frd-amber-100);color:#e65100}.frdeskpage-adp-status-confirmed{background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);color:#1b5e20;color:var(--frd-green-900)}.frdeskpage-adp-status-completed{background:#e3f2fd;background:var(--frd-blue-50);border:1px solid #bbdefb;border:1px solid var(--frd-blue-100);color:#0d47a1}.frdeskpage-adp-status-cancelled{background:#ffebee;background:var(--frd-red-50);border:1px solid #ffcdd2;border:1px solid var(--frd-red-100);color:#b71c1c}.frdeskpage-flex{display:flex}.frdeskpage-flex-between,.frdeskpage-flex-center{align-items:center;display:flex}.frdeskpage-flex-between{justify-content:space-between}.frdeskpage-flex-end{align-items:center;display:flex;justify-content:flex-end}.frdeskpage-flex-wrap{flex-wrap:wrap}.frdeskpage-gap-2{gap:4px}.frdeskpage-gap-4{gap:8px}.frdeskpage-gap-6{gap:12px}.frdeskpage-flex-1{flex:1 1;min-width:0}.frdeskpage-shrink-0{flex-shrink:0}.frdeskpage-p-8{padding:8px}.frdeskpage-p-12{padding:12px}.frdeskpage-px-12{padding-left:12px;padding-right:12px}.frdeskpage-py-8{padding-bottom:8px;padding-top:8px}.frdeskpage-mb-6{margin-bottom:6px}.frdeskpage-mb-8{margin-bottom:8px}.frdeskpage-mt-4{margin-top:4px}.frdeskpage-mt-8{margin-top:8px}@media (max-width:1100px){.frdeskpage-layout-split{grid-template-columns:1fr 300px}.frdeskpage-call-name{font-size:13px;max-width:180px}.frdeskpage-call-number{font-size:30px}.frdeskpage-table td,.frdeskpage-table th{font-size:11px;padding:6px 7px}.frdeskpage-adp-grid{grid-template-columns:1fr 260px}}@media (max-width:860px){.frdeskpage-container{overflow:auto}.frdeskpage-content{flex:none;height:auto;overflow:visible;padding:8px}.frdeskpage-layout-split{gap:8px;grid-template-columns:1fr;height:auto;overflow:visible}.frdeskpage-panel{height:auto;max-height:none;overflow:visible}.frdeskpage-panel-body{max-height:400px;overflow-y:auto}.frdeskpage-call-box{flex-wrap:wrap}.frdeskpage-call-name{max-width:100%}.frdeskpage-toolbar{flex-wrap:wrap;gap:5px}.frdeskpage-date-nav input[type=date]{width:110px}.frdeskpage-search{min-width:100%;order:3}.frdeskpage-adp-grid{grid-template-columns:1fr}.frdeskpage-adp-modal-body{max-height:85vh}}@media (max-width:600px){.frdeskpage-header{height:40px;padding:0 10px}.frdeskpage-title{font-size:11.5px;letter-spacing:.3px}.frdeskpage-nav{padding:0 6px}.frdeskpage-nav-item{font-size:10.5px;height:34px;padding:0 11px}.frdeskpage-nav-item svg{font-size:12px}.frdeskpage-content{gap:7px;padding:7px}.frdeskpage-table{min-width:560px}.frdeskpage-call-box{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.frdeskpage-call-number{font-size:32px}.frdeskpage-queue-num{font-size:38px}.frdeskpage-patient-name{font-size:12.5px}.frdeskpage-bill-total-amount{font-size:16px}.frdeskpage-checkout-btn{font-size:11.5px;padding:9px}.frdeskpage-toolbar{padding:6px 8px}.frdeskpage-date-nav input[type=date]{font-size:11px;width:100px}.frdeskpage-panel-header{font-size:10px;height:30px;padding:0 10px}.frdeskpage-btn{font-size:11px;padding:5px 9px}.frdeskpage-btn-sm{font-size:10.5px;padding:3px 7px}.frdeskpage-next-btn{font-size:10.5px;padding:6px 9px}.frdeskpage-sub-tab{font-size:10.5px;padding:4px 9px}.frdeskpage-adp-grid{gap:10px;grid-template-columns:1fr}.frdeskpage-adp-modal-body{max-height:90vh;padding:10px!important}.frdeskpage-form-row{grid-template-columns:1fr}.frdeskpage-form-row-3{grid-template-columns:1fr 1fr}.frdeskpage-med-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:400px){.frdeskpage-title-text{display:none}.frdeskpage-nav-item{padding:0 9px}.frdeskpage-call-number{font-size:26px}.frdeskpage-queue-num{font-size:30px}.frdeskpage-bill-total-amount{font-size:14px}.frdeskpage-content{padding:5px}.frdeskpage-panel-body{max-height:340px}}.frd-modal-backdrop{align-items:center;animation:frd-fade-in .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99999}@keyframes frd-fade-in{0%{opacity:0}to{opacity:1}}.frd-modal-dialog{animation:frd-slide-up .2s ease;background:#fff;background:var(--frd-white);border-radius:12px;border-radius:var(--frd-radius-lg);box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}@keyframes frd-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.frd-modal-sm{max-width:360px}.frd-modal-md{max-width:560px}.frd-modal-lg{max-width:780px}.frd-modal-xl{max-width:980px}.frd-modal-header{align-items:center;background:#2e7d32;background:var(--frd-green-700);color:#fff;color:var(--frd-white);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.frd-modal-title{align-items:center;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase}.frd-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;justify-content:center;padding:4px;transition:all .15s}.frd-modal-close:hover{background:#fff3;color:#fff;color:var(--frd-white)}.frd-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:16px}.frd-modal-body::-webkit-scrollbar{width:5px}.frd-modal-body::-webkit-scrollbar-thumb{background:#c8e6c9;background:var(--frd-green-100);border-radius:3px}.frd-modal-footer{background:#f5f5f5;background:var(--frd-gray-100);border-top:1px solid #eee;border-top:1px solid var(--frd-gray-200);display:flex;flex-shrink:0;gap:8px;padding:10px 16px}.frd-ml6{margin-left:6px}.frd-mt4{margin-top:4px}.frd-mt5{margin-top:5px}.frd-mt6{margin-top:6px}.frd-mt8{margin-top:8px}.frd-mb-8{margin-bottom:8px}.frd-mr5{margin-right:5px}.frd-p0{padding:0!important}.frd-tc{text-align:center}.frd-tr{text-align:right}.frd-fw-700{font-weight:700}.frd-uppercase{text-transform:uppercase}.frd-italic{font-style:italic}.frd-mono{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono)}.frd-fs10{font-size:10px}.frd-fs11{font-size:11px}.frd-fs12{font-size:12px}.frd-green-text{color:#2e7d32;color:var(--frd-green-700)}.frd-red-text{color:#c62828;color:var(--frd-red-700)}.frd-blue-text{color:#1565c0;color:var(--frd-blue-700)}.frd-gray-text{color:#757575;color:var(--frd-gray-500)}.frd-white{color:#fff!important;color:var(--frd-white)!important}.frd-block{display:block}.frd-flex1{flex:1 1}.frd-shrink-0{flex-shrink:0}.frd-gray-bold{color:#757575;color:var(--frd-gray-500);font-weight:700}.frd-col-full{grid-column:1/-1}.frd-col-flex-col{display:flex;flex-direction:column;gap:10px}.frd-col-flex-h100{display:flex;flex:1 1;flex-direction:column;min-height:0}.frd-ml-auto{margin-left:auto}.frd-w28{width:28px}.frd-w44{width:44px!important}.frd-w50{width:50px}.frd-w60{width:60px}.frd-w70{width:70px}.frd-w80{width:80px}.frd-w100{width:100px}.frd-w150{width:150px}.frd-pe2{padding-right:8px}.frd-tr-sm{font-size:12px}.frd-row-paid{background-color:#f0fdf4}.frd-row-click{cursor:pointer}.frd-empty-cell{color:#9e9e9e;color:var(--frd-gray-400);font-size:11px;font-style:italic;padding:32px 0;text-align:center}.frd-code-green{color:#2e7d32;color:var(--frd-green-700);font-weight:700}.frd-doctor-name{font-size:11px;font-weight:700}.frd-doctor-name,.frd-service-cell{color:#1565c0;color:var(--frd-blue-700)}.frd-service-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frd-panel-h6{font-size:11px;font-weight:700;margin:0;text-transform:uppercase}.frd-panel-header-flex{align-items:center;display:flex;justify-content:space-between}.frd-header-green{background:#2e7d32!important;background:var(--frd-green-700)!important;color:#fff!important;color:var(--frd-white)!important}.frd-close-btn{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.frd-btn-action{font-size:11px;height:24px}.frd-btn-icon-sm{align-items:center;display:flex;height:24px;justify-content:center;padding:0;width:28px}.frd-btn-icon{margin-right:6px}.frd-btn-full{justify-content:center;width:100%}.frd-reception-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr 280px;min-height:0;overflow:hidden}.frd-th-idx{text-align:center;width:40px}.frd-th-code{width:90px}.frd-th-stt{text-align:center;width:80px}.frd-th-name{width:200px}.frd-th-dob{width:80px}.frd-th-phone{width:100px}.frd-th-time{width:70px}.frd-th-status{width:110px}.frd-th-action{width:130px}.frd-ticket-panel{height:-webkit-fit-content;height:fit-content}.frd-ticket-body{display:flex;flex-direction:column;gap:8px;padding:12px}.frd-next-ticket-box{background:#e8f5e9;background:var(--frd-green-50);border:2px solid #2e7d32;border:2px solid var(--frd-green-700);border-radius:8px;border-radius:var(--frd-radius);padding:12px;text-align:center}.frd-next-ticket-label{color:#2e7d32;color:var(--frd-green-700);font-size:10px;font-weight:700;text-transform:uppercase}.frd-next-ticket-num{color:#2e7d32;font-size:28px;font-weight:800;margin-top:4px}.frd-next-ticket-customer{color:var(--frd-gray-600);font-size:11px;line-height:1.5}.frd-ticket-call-btn{font-size:12px;margin-top:8px;padding:8px 12px}.frd-ticket-empty{color:#9e9e9e;color:var(--frd-gray-400);padding:20px;text-align:center}.frd-ticket-empty-num{color:#ccc;font-size:28px;font-weight:700}.frd-ticket-empty-text{font-size:11px;margin-top:8px}.frd-call-right{align-items:center;display:flex;gap:14px}.frd-select-cashier{height:30px;width:148px}.frd-search-icon{color:#757575;color:var(--frd-gray-500);flex-shrink:0}.frd-bill-patient-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--frd-gray-300);margin-bottom:12px;padding-bottom:12px;text-align:center}.frd-service-info-box{background:#f4faf4;background:var(--frd-green-10);border-radius:8px;border-radius:var(--frd-radius);margin-bottom:10px;padding:10px 12px}.frd-bill-label{color:#757575;color:var(--frd-gray-500);font-size:11px}.frd-bill-val-svc{font-size:12px;font-weight:600;max-width:160px;text-align:right}.frd-bill-val-doc{color:#1565c0;color:var(--frd-blue-700);font-size:12px;font-weight:600}.frd-bill-val-time{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:12px;font-weight:700}.frd-section-block{margin-bottom:10px}.frd-section-label{color:#757575;color:var(--frd-gray-500);font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.frd-cash-input{color:#2e7d32!important;color:var(--frd-green-700)!important;font-family:JetBrains Mono,monospace!important;font-family:var(--frd-mono)!important;font-size:15px!important;font-weight:700!important}.frd-change-label{color:#757575;color:var(--frd-gray-500);font-size:11px}.frd-change-val{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono)}.frd-change-green,.frd-change-val{color:#2e7d32;color:var(--frd-green-700);font-weight:700}.frd-transfer-info{align-items:flex-start;background:#e3f2fd;background:var(--frd-blue-50);border-radius:8px;border-radius:var(--frd-radius);color:#1565c0;color:var(--frd-blue-700);display:flex;font-size:12px;gap:8px;margin-bottom:10px;padding:10px 12px}.frd-success-label{color:#2e7d32;color:var(--frd-green-700);font-size:13px;font-weight:700}.frd-form-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.frd-input-upper{font-weight:600;text-transform:uppercase}.frd-required{color:#c62828;color:var(--frd-red-700)}.frd-slot-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:80px;overflow-y:auto}.frd-slot-btn{background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);border-radius:6px;color:#2e7d32;color:var(--frd-green-700);cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .15s}.frd-slot-btn:hover{background:#c8e6c9;background:var(--frd-green-100)}.frd-slot-btn-active{background:#2e7d32!important;background:var(--frd-green-700)!important;border-color:#2e7d32!important;border-color:var(--frd-green-700)!important;color:#fff!important;color:var(--frd-white)!important}.frd-slot-empty{background:#f9f9f9;border:1px solid #eee;border-radius:6px;color:#999;font-size:12px;padding:8px}.frd-modal-detail .frd-modal-dialog{max-width:980px}.frd-detail-header{align-items:center;background:#2e7d32;background:var(--frd-green-700);color:#fff;color:var(--frd-white);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.frd-detail-header-left{align-items:center;display:flex;gap:12px}.frd-detail-avatar{height:40px!important;width:40px!important}.frd-detail-title{color:#fff;color:var(--frd-white);font-size:13px;font-weight:700;margin:0;text-transform:uppercase}.frd-detail-code{color:#ffffffb3}.frd-detail-code-val{color:#fff;color:var(--frd-white);font-weight:700}.frd-detail-body{padding:14px}.frd-info-grid-2{grid-gap:10px 14px;display:grid;gap:10px 14px;grid-template-columns:1fr 1fr}.frd-symptom-box{background:#fff8e1;background:var(--frd-amber-50);border:1px solid #ffe082;border:1px solid var(--frd-amber-100);border-radius:6px;margin-top:8px;padding:10px 12px}.frd-symptom-label{color:#f57f17;color:var(--frd-amber-700);display:block;font-size:10px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.frd-symptom-text{font-size:12px;font-style:italic}.frd-payment-detail-body{display:flex;flex-direction:column;gap:10px;padding:12px}.frd-price-center{padding:8px 0;text-align:center}.frd-price-big{color:#c62828;color:var(--frd-red-700);display:block;font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:22px;font-weight:800}.frd-price-unit{font-size:10px;font-weight:400}.frd-payment-status-block{border-top:1px solid #eee;border-top:1px solid var(--frd-gray-200);padding-top:10px;text-align:center}.frd-record-ok{align-items:center;color:#2e7d32;color:var(--frd-green-700);display:flex;font-weight:700;gap:8px}.frd-record-empty{color:#9e9e9e;color:var(--frd-gray-400);font-style:italic;text-align:center}.frd-print-header{background:#2e7d32;background:var(--frd-green-700)}.frd-print-scroll{flex:1 1;max-height:70vh;overflow-y:auto;padding:16px}.frd-print-scroll::-webkit-scrollbar{width:4px}.frd-print-scroll::-webkit-scrollbar-thumb{background:#c8e6c9;background:var(--frd-green-100);border-radius:2px}.frd-print-footer{background:#f5f5f5;background:var(--frd-gray-100);border-top:1px solid #eee;border-top:1px solid var(--frd-gray-200);display:flex;gap:8px;padding:10px 16px}.frd-ticket-wrap{font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);text-align:center}.frd-ticket-clinic-name{color:#2e7d32;color:var(--frd-green-700);font-size:14px;font-weight:800;margin:0;text-transform:uppercase}.frd-ticket-clinic-addr{color:#757575;color:var(--frd-gray-500);font-size:10px}.frd-ticket-title{font-size:16px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.frd-ticket-subtitle{color:#757575;color:var(--frd-gray-500);font-size:11px;font-style:italic}.frd-ticket-number-box{background:#f5f5f5;background:var(--frd-gray-100);border:2px dashed #43a047;border:2px dashed var(--frd-green-500);border-radius:8px;margin:12px 0;padding:8px 2px}.frd-ticket-number-label{color:#757575;color:var(--frd-gray-500);font-size:12px;font-weight:700;text-transform:uppercase}.frd-ticket-number-val{color:#2e7d32;font-size:64px;font-weight:800;line-height:1}.frd-ticket-details{padding:0 8px;text-align:left}.frd-ticket-details-grid{grid-gap:2px 8px;display:grid;gap:2px 8px;grid-template-columns:auto 1fr}.frd-ticket-footer{align-items:center;display:flex;font-size:10px;justify-content:space-between}.frd-invoice-wrap{color:#000;font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:13px}.frd-invoice-header{margin-bottom:12px;text-align:center}.frd-invoice-clinic-name{font-size:16px;font-weight:800;margin:0;text-transform:uppercase}.frd-invoice-sub{font-size:11px}.frd-invoice-title{font-weight:700;margin:8px 0 0}.frd-invoice-date{font-size:11px;font-style:italic}.frd-invoice-customer{border-bottom:1px dashed #ccc;margin-bottom:12px;padding-bottom:8px}.frd-invoice-table{border-collapse:collapse;margin-bottom:12px;width:100%}.frd-invoice-table th{border-bottom:1px solid #000;padding:4px 0;text-align:left}.frd-invoice-table td{padding:6px 0}.frd-invoice-table .frd-tc{text-align:center}.frd-invoice-table .frd-tr{text-align:right}.frd-invoice-unit{color:#9e9e9e;color:var(--frd-gray-400);font-size:10px;font-style:italic}.frd-invoice-totals{display:flex;flex-direction:column;margin-bottom:16px}.frd-invoice-total-row{font-size:14px;margin-bottom:4px}.frd-invoice-sub-row,.frd-invoice-total-row{display:flex;justify-content:space-between;width:100%}.frd-invoice-sub-row{color:#757575;color:var(--frd-gray-500);font-size:12px}.frd-invoice-thanks{font-size:12px;text-align:center}.frd-invoice-printed-by{color:#757575;color:var(--frd-gray-500);font-size:10px;margin-top:8px}.front-desk-page-container{background:#f4faf4;color:#212121;display:flex;flex-direction:column;font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:12.5px;line-height:1.45;min-height:calc(100vh - 60px);overflow:hidden}.front-desk-page-header{background:#fff;background:var(--frd-white);border-bottom:1.5px solid #c8e6c9;border-bottom:1.5px solid var(--frd-green-100);box-shadow:0 1px 2px #0000000f;box-shadow:var(--frd-shadow-xs);flex-shrink:0;gap:10px;height:46px;padding:0 16px}.front-desk-page-title{align-items:center;color:#2e7d32;display:flex;flex-shrink:0;font-size:12.5px;gap:6px;letter-spacing:.9px;text-transform:uppercase;white-space:nowrap}.front-desk-page-nav{background:#fff;background:var(--frd-white);border-bottom:1.5px solid #c8e6c9;border-bottom:1.5px solid var(--frd-green-100);display:flex;flex-shrink:0;gap:1px;overflow-x:auto;padding:0 12px;scrollbar-width:none}.front-desk-page-nav::-webkit-scrollbar{display:none}.front-desk-page-nav-item{align-items:center;border-bottom:2px solid #0000;color:#757575;color:var(--frd-gray-500);cursor:pointer;display:flex;flex-shrink:0;font-size:11.5px;font-weight:600;gap:5px;height:38px;letter-spacing:.5px;margin-bottom:-1.5px;padding:0 16px;text-transform:uppercase;transition:all .15s ease;transition:var(--frd-transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.front-desk-page-nav-item.active,.front-desk-page-nav-item:hover{background:#f4faf4;background:var(--frd-green-10);color:#2e7d32;color:var(--frd-green-700)}.front-desk-page-nav-item.active{border-bottom-color:#2e7d32;border-bottom-color:var(--frd-green-700);font-weight:700}.front-desk-page-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:10px}.front-desk-page-layout-split{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:6fr 3.6fr;min-height:0;overflow:hidden}.front-desk-page-panel{background:#fff;border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);border-radius:8px;box-shadow:0 1px 4px #00000014;min-height:0}.front-desk-page-panel-header{background:#e8f5e9;border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--frd-green-100);color:#2e7d32;flex-shrink:0;font-size:10.5px;gap:8px;letter-spacing:.8px;min-height:34px;padding:0 12px;text-transform:uppercase}.front-desk-page-panel-body{flex:1 1;min-height:0;overflow-y:auto}.front-desk-page-panel-body::-webkit-scrollbar{width:4px}.front-desk-page-panel-body::-webkit-scrollbar-track{background:#0000}.front-desk-page-panel-body::-webkit-scrollbar-thumb{background:#c8e6c9;background:var(--frd-green-100);border-radius:2px}.front-desk-page-table{font-size:11.5px}.front-desk-page-table th{background:#e8f5e9;background:var(--frd-green-50);border-bottom:1.5px solid #c8e6c9;border-bottom:1.5px solid var(--frd-green-100);color:#2e7d32;color:var(--frd-green-700);font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:7px 9px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:5}.front-desk-page-table td{border-bottom:1px solid #eee;border-bottom:1px solid var(--frd-gray-200);color:#424242;color:var(--frd-gray-700);padding:7px 9px;vertical-align:middle}.front-desk-page-table tr:hover td{background:#f4faf4;background:var(--frd-green-10)}.front-desk-page-btn{border-radius:6px;font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:11.5px;font-weight:600;gap:5px;justify-content:center;line-height:1;outline:none;padding:6px 12px;transition:all .15s ease;transition:var(--frd-transition);white-space:nowrap}.front-desk-page-btn-primary{background:#2e7d32;color:#fff}.front-desk-page-btn-primary:hover{background:#1b5e20;background:var(--frd-green-900)}.front-desk-page-btn-outline{background:#fff;background:var(--frd-white);border:1px solid #81c784;border:1px solid var(--frd-green-300);color:#2e7d32;color:var(--frd-green-700)}.front-desk-page-btn-outline:hover{background:#f4faf4;background:var(--frd-green-10);border-color:#43a047;border-color:var(--frd-green-500)}.front-desk-page-btn-secondary{background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);color:#2e7d32;color:var(--frd-green-700)}.front-desk-page-btn-secondary:hover{background:#c8e6c9;background:var(--frd-green-100)}.front-desk-page-btn-success{background:#43a047;background:var(--frd-green-500);color:#fff;color:var(--frd-white)}.front-desk-page-btn-success:hover{background:#2e7d32;background:var(--frd-green-700)}.front-desk-page-btn-danger{background:#ffebee;background:var(--frd-red-50);border:1px solid #ffcdd2;border:1px solid var(--frd-red-100);color:#c62828;color:var(--frd-red-700)}.front-desk-page-btn-danger:hover{background:#ffcdd2;background:var(--frd-red-100)}.front-desk-page-btn-ghost{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);color:#424242;color:var(--frd-gray-700)}.front-desk-page-btn-ghost:hover{background:#f5f5f5;background:var(--frd-gray-100)}.front-desk-page-btn-sm{font-size:11px;padding:4px 9px}.front-desk-page-btn-xs{font-size:10.5px;padding:3px 7px}.front-desk-page-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:10px;font-weight:700;gap:3px;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.front-desk-page-badge.badge-done,.front-desk-page-badge.badge-grey,.front-desk-page-badge.badge-success{background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);color:#2e7d32;color:var(--frd-green-700)}.front-desk-page-badge.badge-amber,.front-desk-page-badge.badge-wait{background:#fff8e1;background:var(--frd-amber-50);border:1px solid #ffe082;border:1px solid var(--frd-amber-100);color:#f57f17;color:var(--frd-amber-700)}.front-desk-page-badge.badge-blue{background:#e3f2fd;background:var(--frd-blue-50);border:1px solid #bbdefb;border:1px solid var(--frd-blue-100);color:#1565c0;color:var(--frd-blue-700)}.front-desk-page-badge.badge-red{background:#ffebee;background:var(--frd-red-50);border:1px solid #ffcdd2;border:1px solid var(--frd-red-100);color:#c62828;color:var(--frd-red-700)}.front-desk-page-badge.badge-num{align-items:center;background:#2e7d32;background:var(--frd-green-700);border-radius:50%;color:#fff;color:var(--frd-white);display:inline-flex;font-size:10.5px;height:22px;justify-content:center;padding:0;width:22px}.front-desk-page-sub-tabs{background:#f5f5f5;background:var(--frd-gray-100);border-radius:6px;border-radius:var(--frd-radius-sm);display:flex;gap:2px;padding:2px}.front-desk-page-sub-tab-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--frd-radius-xs);color:#757575;color:var(--frd-gray-500);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:5px 12px;transition:all .15s ease;transition:var(--frd-transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.front-desk-page-sub-tab-btn.active,.front-desk-page-sub-tab-btn:hover{background:#fff;background:var(--frd-white);box-shadow:0 1px 2px #0000000f;box-shadow:var(--frd-shadow-xs);color:#2e7d32;color:var(--frd-green-700)}.front-desk-page-input,.front-desk-page-select{background:#fff;background:var(--frd-white);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;border-radius:var(--frd-radius-sm);color:#212121;color:var(--frd-gray-900);font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:12px;line-height:1.4;outline:none;padding:6px 9px;transition:all .15s ease;transition:var(--frd-transition);width:100%}.front-desk-page-input:focus,.front-desk-page-select:focus{border-color:#43a047;border-color:var(--frd-green-500);box-shadow:0 0 0 2.5px #43a0471f}.front-desk-page-select{cursor:pointer}.front-desk-page-input.ps-4{padding-left:28px}.front-desk-page-input.fw-bold{font-weight:700}.front-desk-page-divider{background:#eee;background:var(--frd-gray-200);height:1px;margin:8px 0}.front-desk-page-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.print-modal-content{background:#fff;background:var(--frd-white);border-radius:12px;box-shadow:0 4px 16px #0000001a;box-shadow:var(--frd-shadow-lg);display:flex;flex-direction:column;max-height:92vh;overflow:hidden;width:min(860px,calc(100vw - 24px))}.print-scroll-container{flex:1 1;overflow-y:auto;padding:16px}.ticket-divider{background:#e0e0e0;background:var(--frd-gray-300);height:1px;margin:10px 0}.fd-call-box{align-items:center;background:#2e7d32;background:var(--frd-green-700);border-radius:8px;border-radius:var(--frd-radius);box-shadow:0 2px 8px #00000017;box-shadow:var(--frd-shadow);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;margin-bottom:8px;padding:12px 14px}.call-label{color:#ffffffa6;font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:3px;text-transform:uppercase}.call-name{color:#fff;color:var(--frd-white);font-size:14px;font-weight:700;line-height:1.3;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-sub{color:#ffffff8c;font-size:10.5px;margin-top:2px}.call-number{color:#fff;color:var(--frd-white);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:36px;font-weight:600;line-height:1;text-align:center}.call-counter{color:#ffffff8c;font-size:10px;margin-top:2px;text-align:center}.fd-next-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;border-radius:var(--frd-radius-sm);color:#fff;color:var(--frd-white);cursor:pointer;display:flex;flex-shrink:0;font-size:11.5px;font-weight:700;gap:5px;padding:7px 12px;transition:all .15s ease;transition:var(--frd-transition);white-space:nowrap}.fd-next-btn:hover{background:#ffffff40}.fd-toolbar{border-bottom:1px solid #eee;border-bottom:1px solid var(--frd-gray-200);flex-wrap:wrap;gap:6px;padding:7px 10px}.fd-date-nav,.fd-toolbar{align-items:center;background:#fff;background:var(--frd-white);display:flex;flex-shrink:0}.fd-date-nav{border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;border-radius:var(--frd-radius-sm);overflow:hidden}.fd-date-nav button{align-items:center;background:#0000;border:none;color:#757575;color:var(--frd-gray-500);cursor:pointer;display:flex;line-height:1;padding:5px 8px;transition:all .15s ease;transition:var(--frd-transition)}.fd-date-nav input[type=date]{background:#fff;background:var(--frd-white);border:none;border-left:1px solid #e0e0e0;border-left:1px solid var(--frd-gray-300);border-right:1px solid #e0e0e0;border-right:1px solid var(--frd-gray-300);color:#2e7d32;color:var(--frd-green-700);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:11.5px;font-weight:600;outline:none;padding:5px 8px;width:126px}.fd-search-box{align-items:center;background:#f5f5f5;background:var(--frd-gray-100);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;border-radius:var(--frd-radius-sm);display:flex;gap:6px;min-width:140px;padding:0 8px;transition:all .15s ease;transition:var(--frd-transition)}.fd-search-box input{background:#0000;border:none;color:#212121;color:var(--frd-gray-900);font-family:Be Vietnam Pro,Segoe UI,sans-serif;font-family:var(--frd-font);font-size:11.5px;outline:none;padding:5px 0;width:100%}.fd-med-card{background:#fff;background:var(--frd-white);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:8px;box-shadow:0 1px 2px #0000000f;box-shadow:var(--frd-shadow-xs);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px;transition:all .15s ease;transition:var(--frd-transition)}.fd-med-card:hover{border-color:#43a047;border-color:var(--frd-green-500);box-shadow:0 1px 4px #00000014;box-shadow:var(--frd-shadow-sm);transform:translateY(-1px)}.fd-med-name{color:#212121;color:var(--frd-gray-900);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-med-footer,.fd-med-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.fd-med-meta{color:#757575;color:var(--frd-gray-500);font-size:10px}.fd-med-price{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono)}.fd-med-price,.fd-med-stock-out{color:#c62828;color:var(--frd-red-700);font-weight:700}.fd-med-stock-warn{color:#f57f17;color:var(--frd-amber-700);font-weight:700}.fd-add-btn{background:#2e7d32;background:var(--frd-green-700);border:none;border-radius:50%;color:#fff;color:var(--frd-white);cursor:pointer;font-weight:800;height:24px;width:24px}.fd-payment-info{display:flex;flex-direction:column;gap:9px;height:100%;overflow-y:auto;padding:12px}.fd-queue-number{color:#2e7d32;color:var(--frd-green-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:48px;font-weight:600;line-height:1;text-align:center}.fd-patient-name{color:#212121;color:var(--frd-gray-900);font-size:14px;font-weight:700;margin:3px 0 1px;text-align:center;text-transform:uppercase}.fd-patient-code{color:#757575;color:var(--frd-gray-500);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:10.5px;text-align:center}.fd-bill-row{gap:10px;margin-bottom:4px}.fd-bill-row,.fd-bill-total{align-items:center;display:flex;justify-content:space-between}.fd-bill-total{background:#f4faf4;background:var(--frd-green-10);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);border-radius:8px;padding:9px 10px}.fd-bill-total .label{color:#757575;color:var(--frd-gray-500);font-size:11px;text-transform:uppercase}.fd-bill-total .amount{color:#2e7d32;color:var(--frd-green-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:16px;font-weight:800}.fd-method-switcher{display:flex;gap:6px}.fd-method-btn{background:#fff;background:var(--frd-white);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:8px;color:#424242;color:var(--frd-gray-700);cursor:pointer;flex:1 1;font-size:11px;font-weight:700;padding:8px 10px}.fd-method-btn.active{background:#2e7d32;background:var(--frd-green-700);border-color:#2e7d32;border-color:var(--frd-green-700);color:#fff;color:var(--frd-white)}.fd-change-box{background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100);border-radius:8px;justify-content:space-between;padding:7px 10px}.fd-change-box,.fd-empty-state{align-items:center;display:flex;gap:8px}.fd-empty-state{color:#9e9e9e;color:var(--frd-gray-400);flex-direction:column;justify-content:center;min-height:100%;text-align:center}.fd-success-state{padding:12px 0;text-align:center}.fd-success-icon{font-size:20px;margin-bottom:4px}.fd-status-chip.paid,.fd-success-icon{color:#2e7d32;color:var(--frd-green-700)}.fd-status-chip.paid{background:#e8f5e9;background:var(--frd-green-50);border:1px solid #c8e6c9;border:1px solid var(--frd-green-100)}.frd-detail-layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}.frd-detail-layout .frdeskpage-panel{min-height:0}.frd-detail-layout .frdeskpage-panel-body{overflow:visible}.frdeskpage-container .d-flex,.front-desk-page-container .d-flex{display:flex}.frdeskpage-container .flex-column,.front-desk-page-container .flex-column{flex-direction:column}.frdeskpage-container .flex-grow-1,.front-desk-page-container .flex-grow-1{flex-grow:1}.frdeskpage-container .justify-content-between,.front-desk-page-container .justify-content-between{justify-content:space-between}.frdeskpage-container .justify-content-end,.front-desk-page-container .justify-content-end{justify-content:flex-end}.frdeskpage-container .justify-content-center,.front-desk-page-container .justify-content-center{justify-content:center}.frdeskpage-container .align-items-center,.front-desk-page-container .align-items-center{align-items:center}.frdeskpage-container .align-items-start,.front-desk-page-container .align-items-start{align-items:flex-start}.frdeskpage-container .align-items-end,.front-desk-page-container .align-items-end{align-items:flex-end}.frdeskpage-container .gap-1,.front-desk-page-container .gap-1{gap:4px}.frdeskpage-container .gap-2,.front-desk-page-container .gap-2{gap:8px}.frdeskpage-container .gap-3,.front-desk-page-container .gap-3{gap:12px}.frdeskpage-container .gap-4,.front-desk-page-container .gap-4{gap:16px}.frdeskpage-container .w-100,.front-desk-page-container .w-100{width:100%}.frdeskpage-container .h-100,.front-desk-page-container .h-100{height:100%}.frdeskpage-container .text-center,.front-desk-page-container .text-center{text-align:center}.frdeskpage-container .text-end,.front-desk-page-container .text-end{text-align:right}.frdeskpage-container .text-start,.front-desk-page-container .text-start{text-align:left}.frdeskpage-container .text-muted,.front-desk-page-container .text-muted{color:#757575;color:var(--frd-gray-500)}.frdeskpage-container .text-primary,.front-desk-page-container .text-primary{color:#1565c0;color:var(--frd-blue-700)}.frdeskpage-container .text-success,.front-desk-page-container .text-success{color:#2e7d32;color:var(--frd-green-700)}.frdeskpage-container .text-danger,.front-desk-page-container .text-danger{color:#c62828;color:var(--frd-red-700)}.frdeskpage-container .text-dark,.front-desk-page-container .text-dark{color:#212121;color:var(--frd-gray-900)}.frdeskpage-container .fw-bold,.front-desk-page-container .fw-bold{font-weight:700}.frdeskpage-container .fst-italic,.front-desk-page-container .fst-italic{font-style:italic}.frdeskpage-container .text-uppercase,.front-desk-page-container .text-uppercase{text-transform:uppercase}.frdeskpage-container .rounded,.front-desk-page-container .rounded{border-radius:8px!important;border-radius:var(--frd-radius)!important}.frdeskpage-container .rounded-3,.front-desk-page-container .rounded-3{border-radius:12px!important}.frdeskpage-container .rounded-pill,.front-desk-page-container .rounded-pill{border-radius:999px!important}.frdeskpage-container .border,.front-desk-page-container .border{border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300)}.frdeskpage-container .border-light,.front-desk-page-container .border-light{border-color:#eee!important;border-color:var(--frd-gray-200)!important}.frdeskpage-container .border-success,.front-desk-page-container .border-success{border-color:#43a047!important;border-color:var(--frd-green-500)!important}.frdeskpage-container .border-primary,.front-desk-page-container .border-primary{border-color:#1565c0!important;border-color:var(--frd-blue-700)!important}.frdeskpage-container .border-warning,.front-desk-page-container .border-warning{border-color:#f57f17!important;border-color:var(--frd-amber-700)!important}.frdeskpage-container .border-danger,.front-desk-page-container .border-danger{border-color:#c62828!important;border-color:var(--frd-red-700)!important}.frdeskpage-container .border-top,.front-desk-page-container .border-top{border-top:1px solid #e0e0e0;border-top:1px solid var(--frd-gray-300)}.frdeskpage-container .border-bottom,.front-desk-page-container .border-bottom{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--frd-gray-300)}.frdeskpage-container .shadow-sm,.front-desk-page-container .shadow-sm{box-shadow:0 1px 4px #00000014;box-shadow:var(--frd-shadow-sm)}.frdeskpage-container .bg-light,.front-desk-page-container .bg-light{background:#f5f5f5;background:var(--frd-gray-100)}.frdeskpage-container .bg-white,.front-desk-page-container .bg-white{background:#fff;background:var(--frd-white)}.frdeskpage-container .bg-success,.front-desk-page-container .bg-success{background:#2e7d32;background:var(--frd-green-700)}.frdeskpage-container .bg-success.bg-opacity-10,.front-desk-page-container .bg-success.bg-opacity-10{background:#2e7d321a}.frdeskpage-container .bg-success.bg-opacity-25,.front-desk-page-container .bg-success.bg-opacity-25{background:#2e7d3240}.frdeskpage-container .bg-opacity-10,.frdeskpage-container .bg-opacity-25,.front-desk-page-container .bg-opacity-10,.front-desk-page-container .bg-opacity-25{opacity:1}.frdeskpage-container .bg-primary,.front-desk-page-container .bg-primary{background:#1565c0;background:var(--frd-blue-700)}.frdeskpage-container .bg-warning,.front-desk-page-container .bg-warning{background:#f57f17;background:var(--frd-amber-700)}.frdeskpage-container .bg-dark,.front-desk-page-container .bg-dark{background:#212121;background:var(--frd-gray-900)}.frdeskpage-container .badge,.front-desk-page-container .badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;gap:3px;justify-content:center;line-height:1;padding:2px 8px;white-space:nowrap}.frdeskpage-container .badge.bg-success,.front-desk-page-container .badge.bg-success{background:#2e7d32;background:var(--frd-green-700);color:#fff;color:var(--frd-white)}.frdeskpage-container .badge.bg-light,.front-desk-page-container .badge.bg-light{background:#f5f5f5;background:var(--frd-gray-100);color:#424242;color:var(--frd-gray-700)}.frdeskpage-container .badge.bg-primary,.front-desk-page-container .badge.bg-primary{background:#1565c0;background:var(--frd-blue-700);color:#fff;color:var(--frd-white)}.frdeskpage-container .badge.bg-warning,.front-desk-page-container .badge.bg-warning{background:#f57f17;background:var(--frd-amber-700);color:#fff;color:var(--frd-white)}.frdeskpage-container .badge.bg-danger,.front-desk-page-container .badge.bg-danger{background:#c62828;background:var(--frd-red-700);color:#fff;color:var(--frd-white)}.frdeskpage-container .badge.bg-white,.front-desk-page-container .badge.bg-white{background:#fff;background:var(--frd-white);color:#212121;color:var(--frd-gray-900)}.frdeskpage-container .position-relative,.front-desk-page-container .position-relative{position:relative}.frdeskpage-container .position-absolute,.front-desk-page-container .position-absolute{position:absolute}.frdeskpage-container .top-50,.front-desk-page-container .top-50{top:50%}.frdeskpage-container .start-0,.front-desk-page-container .start-0{left:0}.frdeskpage-container .translate-middle-y,.front-desk-page-container .translate-middle-y{transform:translateY(-50%)}.frdeskpage-container .overflow-auto,.front-desk-page-container .overflow-auto{overflow:auto}.frdeskpage-container .overflow-hidden,.front-desk-page-container .overflow-hidden{overflow:hidden}.frdeskpage-container .rounded-circle,.front-desk-page-container .rounded-circle{border-radius:50%}.frdeskpage-container .flex-shrink-0,.front-desk-page-container .flex-shrink-0{flex-shrink:0}.frdeskpage-container .cursor-pointer,.front-desk-page-container .cursor-pointer{cursor:pointer}.frdeskpage-container .text-truncate,.front-desk-page-container .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frdeskpage-container .font-monospace,.front-desk-page-container .font-monospace{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono)}.frdeskpage-container .fs-4,.front-desk-page-container .fs-4{font-size:20px}.frdeskpage-container .fs-5,.front-desk-page-container .fs-5{font-size:16px}.frdeskpage-container .fa-spin,.front-desk-page-container .fa-spin{animation:frd-spin 1s linear infinite}@keyframes frd-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.frdeskpage-container .p-0,.front-desk-page-container .p-0{padding:0}.frdeskpage-container .p-1,.front-desk-page-container .p-1{padding:4px}.frdeskpage-container .p-2,.front-desk-page-container .p-2{padding:8px}.frdeskpage-container .p-3,.front-desk-page-container .p-3{padding:12px}.frdeskpage-container .px-1,.front-desk-page-container .px-1{padding-left:4px;padding-right:4px}.frdeskpage-container .px-2,.front-desk-page-container .px-2{padding-left:8px;padding-right:8px}.frdeskpage-container .px-3,.front-desk-page-container .px-3{padding-left:12px;padding-right:12px}.frdeskpage-container .py-1,.front-desk-page-container .py-1{padding-bottom:4px;padding-top:4px}.frdeskpage-container .py-2,.front-desk-page-container .py-2{padding-bottom:8px;padding-top:8px}.frdeskpage-container .py-3,.front-desk-page-container .py-3{padding-bottom:12px;padding-top:12px}.frdeskpage-container .mb-0,.front-desk-page-container .mb-0{margin-bottom:0}.frdeskpage-container .mb-1,.front-desk-page-container .mb-1{margin-bottom:4px}.frdeskpage-container .mb-2,.front-desk-page-container .mb-2{margin-bottom:8px}.frdeskpage-container .mb-3,.front-desk-page-container .mb-3{margin-bottom:12px}.frdeskpage-container .mt-1,.front-desk-page-container .mt-1{margin-top:4px}.frdeskpage-container .mt-2,.front-desk-page-container .mt-2{margin-top:8px}.frdeskpage-container .mt-3,.front-desk-page-container .mt-3{margin-top:12px}.frdeskpage-container .me-1,.front-desk-page-container .me-1{margin-right:4px}.frdeskpage-container .me-2,.front-desk-page-container .me-2{margin-right:8px}.frdeskpage-container .ms-2,.front-desk-page-container .ms-2{margin-left:8px}.frdeskpage-container .ms-3,.front-desk-page-container .ms-3{margin-left:12px}.frdeskpage-container .ps-2,.front-desk-page-container .ps-2{padding-left:8px}.frdeskpage-container .ps-4,.front-desk-page-container .ps-4{padding-left:24px}.frdeskpage-container .pe-2,.front-desk-page-container .pe-2{padding-right:8px}.frdeskpage-container .pt-1,.front-desk-page-container .pt-1{padding-top:4px}.frdeskpage-container .pt-2,.front-desk-page-container .pt-2{padding-top:8px}.frdeskpage-container .pb-2,.front-desk-page-container .pb-2{padding-bottom:8px}.frdeskpage-container .small,.front-desk-page-container .small{font-size:11px}.frdeskpage-container .btn-close,.front-desk-page-container .btn-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:20px;line-height:1}.frd-retail-form-wrap{display:flex;gap:8px;height:100%;padding:8px}.frd-retail-med-col{display:flex;flex:6 1;flex-direction:column}.frd-retail-cart-col{display:flex;flex:4 1;flex-direction:column;min-width:320px}.frd-retail-search-bar{background:#fff;background:var(--frd-white);padding:8px}.frd-retail-search-inner{display:flex;gap:8px;width:100%}.frd-search-padded{padding-left:32px!important}.frd-med-grid-wrap{background:#f5f5f5;background:var(--frd-gray-100)}.frd-med-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:8px}.frd-med-card-active{background:#f4faf4!important;background:var(--frd-green-10)!important;border-color:#43a047!important;border-color:var(--frd-green-500)!important}.frd-cart-badge-wrap{align-items:center;display:flex;gap:4px}.frd-cart-badge{background:#c8e6c9;background:var(--frd-green-100);border-radius:10px;color:#2e7d32;color:var(--frd-green-700);font-size:10px;font-weight:700;padding:1px 6px}.frd-med-empty{color:#757575;color:var(--frd-gray-500);font-size:12px;grid-column:1/-1;padding:40px 0;text-align:center}.frd-transaction-code{color:#c62828;color:var(--frd-red-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:11px}.frd-cart-table-wrap{background:#fff;background:var(--frd-white);min-height:150px}.frd-cart-item-name{font-size:12px;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frd-cart-item-price{color:#757575;color:var(--frd-gray-500);font-size:10px}.frd-cart-amount,.frd-cart-item-price{font-family:JetBrains Mono,monospace;font-family:var(--frd-mono)}.frd-cart-amount{color:#c62828;color:var(--frd-red-700);font-weight:700}.frd-cart-empty{color:#757575;color:var(--frd-gray-500);font-size:12px;font-style:italic;padding:36px 0;text-align:center}.frd-remove-btn{background:none;border:none;color:#c62828;color:var(--frd-red-700);cursor:pointer;padding:2px}.frd-checkout-footer{background:#fff;background:var(--frd-white);border-top:1px solid #e0e0e0;border-top:1px solid var(--frd-gray-300);flex-shrink:0;padding:12px}.frd-customer-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:8px}.frd-presc-body{background:#f5f5f5;background:var(--frd-gray-100);display:flex;flex-direction:column;gap:8px;padding:8px}.frd-diagnosis-row{border-top:1px solid #eee;border-top:1px solid var(--frd-gray-200);font-size:12px;margin-top:5px;padding-top:5px}.frd-presc-table-wrap{min-height:150px;padding:0}.frd-med-item-name{font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frd-med-item-price{color:#9e9e9e;color:var(--frd-gray-400);font-size:10px}.frd-amount-red{color:#c62828;color:var(--frd-red-700);font-weight:700;text-align:right}.frd-presc-pay-col{display:flex;flex-direction:column;gap:8px}.frd-voucher-row{display:flex;gap:6px}.frd-sum-row{display:flex;font-size:11px;justify-content:space-between}.frd-sum-label{color:#757575;color:var(--frd-gray-500)}.frd-discount-row{color:#2e7d32;color:var(--frd-green-700)}.frd-payable-row{align-items:flex-end}.frd-payable-amount{color:#c62828;color:var(--frd-red-700);font-family:JetBrains Mono,monospace;font-family:var(--frd-mono);font-size:18px;font-weight:800}.frd-presc-method-box{background:#f5f5f5;background:var(--frd-gray-100);border:1px solid #e0e0e0;border:1px solid var(--frd-gray-300);border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:8px}.frd-cash-row{align-items:center;display:flex;margin-bottom:4px}.frd-cash-label{color:#757575;color:var(--frd-gray-500);flex-shrink:0;font-size:10px;font-weight:700;margin-right:8px;min-width:70px}.frd-paid-state{padding:12px 0;text-align:center}.frd-paid-label{align-items:center;color:#2e7d32;color:var(--frd-green-700);display:flex;flex-direction:column;font-weight:700;gap:4px;margin-bottom:8px}.frd-paid-icon{font-size:20px}.frd-paid-sub{font-size:11px;margin-bottom:12px}.frd-gender-text,.frd-paid-sub{color:#757575;color:var(--frd-gray-500)}.frd-gender-text{font-size:10px}@media (max-width:860px){.frd-modal-dialog{border-radius:12px 12px 0 0;margin:0!important;max-height:95vh;max-width:100%!important}.frd-modal-backdrop{align-items:flex-end;padding:0}.frd-reception-grid{grid-template-columns:1fr}.frd-retail-form-wrap{flex-direction:column;height:auto}.frd-retail-cart-col{min-width:auto}.frd-form-grid-2,.frd-info-grid-2{grid-template-columns:1fr}}@media (max-width:1100px){.frd-reception-grid{grid-template-columns:1fr 240px}}.psp-page{--psp-green:#16a34a;--psp-green-light:#f0fdf4;--psp-green-mid:#bbf7d0;--psp-blue:#2563eb;--psp-blue-light:#eff6ff;--psp-orange:#ea580c;--psp-red:#dc2626;--psp-gray-50:#f9fafb;--psp-gray-100:#f3f4f6;--psp-gray-200:#e5e7eb;--psp-gray-400:#9ca3af;--psp-gray-600:#4b5563;--psp-gray-800:#1f2937;--psp-white:#fff;--psp-shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--psp-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;--psp-radius:10px;--psp-radius-sm:6px;--psp-font:"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--psp-gray-100);box-sizing:border-box;font-family:var(--psp-font);min-height:100vh;padding:20px 24px}.psp-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.psp-page-title{align-items:center;display:flex;gap:14px}.psp-page-icon{background:var(--psp-green-light);border-radius:var(--psp-radius);box-shadow:var(--psp-shadow-sm);color:var(--psp-green);font-size:32px;padding:10px}.psp-h1{color:var(--psp-gray-800);font-size:22px;font-weight:700;line-height:1.2;margin:0 0 2px}.psp-subtitle{color:var(--psp-gray-400);font-size:13px;margin:0}.psp-tabs{background:var(--psp-white);border:1px solid var(--psp-gray-200);border-radius:var(--psp-radius);box-shadow:var(--psp-shadow-sm);display:flex;gap:4px;margin-bottom:16px;padding:6px}.psp-tab-btn{align-items:center;background:#0000;border:none;border-radius:var(--psp-radius-sm);color:var(--psp-gray-600);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;padding:8px 16px;position:relative;transition:all .18s ease;white-space:nowrap}.psp-tab-btn:hover{background:var(--psp-gray-100);color:var(--psp-gray-800)}.psp-tab-btn.active{background:var(--psp-green);box-shadow:0 2px 8px #16a34a4d;color:var(--psp-white)}.psp-tab-badge{align-items:center;background:var(--psp-red);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.psp-content{background:var(--psp-white);border:1px solid var(--psp-gray-200);border-radius:var(--psp-radius);box-shadow:var(--psp-shadow);overflow:hidden}.psp-tab-content{padding:0}.psp-toolbar{align-items:center;background:var(--psp-gray-50);border-bottom:1px solid var(--psp-gray-200);display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}.psp-toolbar-wrap{flex-wrap:wrap;gap:8px}.psp-toolbar-right{margin-left:auto}.psp-filter-row,.psp-toolbar-right{align-items:center;display:flex;gap:8px}.psp-filter-row{flex-wrap:wrap}.psp-filter-group{background:var(--psp-gray-200);border-radius:var(--psp-radius-sm);display:flex;gap:4px;padding:3px}.psp-filter-btn{background:#0000;border:none;border-radius:4px;color:var(--psp-gray-600);cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s;white-space:nowrap}.psp-filter-btn.active{background:var(--psp-white);box-shadow:var(--psp-shadow-sm);color:var(--psp-gray-800)}.psp-total-label{color:var(--psp-gray-400);font-size:12px;white-space:nowrap}.psp-date-range{align-items:center;display:flex;gap:6px}.psp-label-inline{color:var(--psp-gray-400);font-size:12px;white-space:nowrap}.psp-search-wrap{align-items:center;display:flex;position:relative}.psp-search-md{width:260px}.psp-search-icon{color:var(--psp-gray-400);font-size:13px;left:10px;pointer-events:none;position:absolute}.psp-input{background:var(--psp-white);border:1px solid var(--psp-gray-200);border-radius:var(--psp-radius-sm);box-sizing:border-box;color:var(--psp-gray-800);font-family:var(--psp-font);font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s;width:100%}.psp-input:focus{border-color:var(--psp-green);box-shadow:0 0 0 3px #16a34a1a}.psp-input-sm{font-size:12px;padding:5px 8px;width:auto}.psp-textarea{min-height:60px;resize:vertical}.psp-search-wrap .psp-input{padding-left:32px}.psp-form-group{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.psp-form-row{display:flex;gap:12px;margin-bottom:12px}.psp-form-group+.psp-form-group{margin-top:0}.psp-label{color:var(--psp-gray-600);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.psp-required{color:var(--psp-red);margin-left:2px}.psp-btn{align-items:center;border:none;border-radius:var(--psp-radius-sm);cursor:pointer;display:inline-flex;font-family:var(--psp-font);font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.psp-btn:disabled{cursor:not-allowed;opacity:.55}.psp-btn-primary{background:var(--psp-green);color:var(--psp-white)}.psp-btn-primary:hover:not(:disabled){background:#15803d;box-shadow:0 2px 8px #16a34a4d}.psp-btn-ghost{background:var(--psp-white);border:1px solid var(--psp-gray-200);color:var(--psp-gray-600)}.psp-btn-ghost:hover:not(:disabled){background:var(--psp-gray-100);border-color:var(--psp-gray-400)}.psp-btn-sm{font-size:12px;padding:5px 10px}.psp-btn-link{background:none;border:none;color:var(--psp-blue);cursor:pointer;font-family:var(--psp-font);font-size:12px;padding:0;text-decoration:underline}.psp-icon-btn{align-items:center;border:none;border-radius:var(--psp-radius-sm);cursor:pointer;display:inline-flex;font-size:13px;height:30px;justify-content:center;transition:all .15s;width:30px}.psp-icon-btn-green{background:var(--psp-green-light);color:var(--psp-green)}.psp-icon-btn-green:hover{background:var(--psp-green-mid)}.psp-icon-btn-blue{background:var(--psp-blue-light);color:var(--psp-blue)}.psp-icon-btn-blue:hover{background:#dbeafe}.psp-icon-btn-red{background:#fff0f0;color:var(--psp-red)}.psp-icon-btn-red:hover{background:#fee2e2}.psp-action-group{align-items:center;display:flex;gap:4px}.psp-table-wrap{overflow-x:auto}.psp-table{border-collapse:collapse;font-size:13px;width:100%}.psp-table thead tr{background:var(--psp-gray-50);border-bottom:2px solid var(--psp-gray-200)}.psp-table th{color:var(--psp-gray-600);font-size:11px;font-weight:700;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.psp-table td.text-right,.psp-table th.text-right{text-align:right}.psp-table tbody tr{border-bottom:1px solid var(--psp-gray-100);transition:background .12s}.psp-table tbody tr:hover{background:var(--psp-gray-50)!important}.psp-table td{color:var(--psp-gray-800);padding:9px 12px;vertical-align:middle}.psp-empty-row,.psp-loading-row{color:var(--psp-gray-400);font-size:13px;padding:40px 12px!important;text-align:center}.psp-loading-row{color:var(--psp-green)}.psp-cell-muted{color:var(--psp-gray-400);font-size:12px}.psp-cell-price{font-feature-settings:"tnum";color:var(--psp-gray-800);font-variant-numeric:tabular-nums;font-weight:600}.psp-med-name{font-size:13px}.psp-med-name,.psp-supp-name{color:var(--psp-gray-800);font-weight:600}.psp-stock-num{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}.psp-batch-code{background:var(--psp-gray-100);border-radius:4px;color:var(--psp-gray-600);font-family:Courier New,monospace;font-size:11px;padding:2px 6px;white-space:nowrap}.psp-tx-type{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:4px}.psp-badge{border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;white-space:nowrap}.psp-badge-green{background:var(--psp-green)}.psp-badge-gray{background:var(--psp-gray-400)}.psp-status-dot{align-items:center;color:var(--psp-gray-800);display:inline-flex;font-size:12px;font-weight:600;gap:5px;white-space:nowrap}.psp-status-dot:before{background:currentColor;border-radius:50%;content:"";display:inline-block;filter:none;height:8px;width:8px}.psp-tag{border-radius:3px;display:inline-block;font-size:10px;font-weight:700;margin-top:2px;padding:1px 6px}.psp-tag-blue{background:#dbeafe;color:#1d4ed8}.psp-days-badge{color:var(--psp-orange);font-weight:600}.psp-pagination{align-items:center;border-top:1px solid var(--psp-gray-200);display:flex;gap:12px;justify-content:center;padding:14px 16px}.psp-page-info{color:var(--psp-gray-600);font-size:13px}.psp-modal-overlay{align-items:center;animation:pspFadeIn .18s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1050}@keyframes pspFadeIn{0%{opacity:0}to{opacity:1}}.psp-modal{animation:pspSlideUp .2s ease;background:var(--psp-white);border-radius:var(--psp-radius);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:540px;width:100%}.psp-modal-wide{max-width:820px}@keyframes pspSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.psp-modal-header{align-items:center;border-bottom:1px solid var(--psp-gray-200);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.psp-modal-title{align-items:center;color:var(--psp-gray-800);display:flex;font-size:15px;font-weight:700;gap:8px}.psp-modal-subtitle{color:var(--psp-green)}.psp-modal-close{background:none;border:none;border-radius:4px;color:var(--psp-gray-400);cursor:pointer;font-size:16px;line-height:1;padding:4px;transition:all .15s}.psp-modal-close:hover{background:var(--psp-gray-100);color:var(--psp-gray-800)}.psp-modal-body{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.psp-modal-footer{border-top:1px solid var(--psp-gray-200);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:14px 20px}.psp-med-picker{border:1px solid var(--psp-gray-200);border-radius:var(--psp-radius-sm);overflow:hidden}.psp-med-list{max-height:180px;overflow-y:auto}.psp-med-item{align-items:center;border-bottom:1px solid var(--psp-gray-100);cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:background .12s}.psp-med-item:last-child{border-bottom:none}.psp-med-item:hover{background:var(--psp-green-light)}.psp-med-item-name{color:var(--psp-gray-800);font-size:13px;font-weight:500}.psp-med-item-meta{color:var(--psp-gray-400);font-size:11px}.psp-selected-med{align-items:center;background:var(--psp-green-light);border:1px solid var(--psp-green-mid);border-radius:var(--psp-radius-sm);display:flex;justify-content:space-between;padding:8px 12px}.psp-selected-med-name{color:var(--psp-green);font-size:13px;font-weight:600}.psp-empty-small{color:var(--psp-gray-400);font-size:12px;padding:16px;text-align:center}.psp-loading-center{color:var(--psp-green);font-size:14px;padding:60px;text-align:center}.psp-alerts-header{align-items:center;border-bottom:1px solid var(--psp-gray-200);display:flex;justify-content:space-between;padding:16px 20px}.psp-alert-summary{align-items:baseline;display:flex;gap:6px}.psp-alert-total{color:var(--psp-gray-800);font-size:32px;font-weight:800;line-height:1}.psp-alert-total-label{color:var(--psp-gray-400);font-size:13px}.psp-alerts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:20px}.psp-alert-card{background:var(--psp-white);border:1px solid var(--psp-gray-200);border-radius:var(--psp-radius);overflow:hidden;transition:box-shadow .15s}.psp-alert-card-active{box-shadow:var(--psp-shadow)}.psp-alert-card-header{align-items:flex-start;background:var(--psp-gray-50);border-left:4px solid #0000;display:flex;gap:12px;padding:14px 16px}.psp-alert-card-title{color:var(--psp-gray-800);font-size:13px;font-weight:700}.psp-alert-card-desc{color:var(--psp-gray-400);font-size:11px;margin-top:2px}.psp-alert-count{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:28px;justify-content:center;margin-left:auto;min-width:28px;padding:0 6px}.psp-alert-card-body{border-top:1px solid var(--psp-gray-100);padding:8px 0}.psp-alert-item{align-items:center;border-bottom:1px solid var(--psp-gray-100);display:flex;font-size:12px;justify-content:space-between;padding:6px 16px}.psp-alert-item:last-child{border-bottom:none}.psp-alert-item-name{color:var(--psp-gray-800);flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psp-alert-item-meta{color:var(--psp-gray-400);flex-shrink:0;margin-left:8px}.psp-alert-more{color:var(--psp-gray-400);font-size:11px;font-style:italic;padding:6px 16px;text-align:center}.psp-loading{color:var(--psp-green);font-size:14px;padding:40px;text-align:center}@media (max-width:768px){.psp-page{padding:12px}.psp-tabs{flex-wrap:wrap}.psp-tab-btn span{display:none}.psp-tab-btn{padding:8px 12px}.psp-toolbar{align-items:flex-start;flex-direction:column}.psp-toolbar-right{margin-left:0}.psp-search-md{width:100%}.psp-filter-group{flex-wrap:wrap}.psp-form-row{flex-direction:column}.psp-alerts-grid{grid-template-columns:1fr}.psp-modal{max-width:100%}}.psp-inv-table td{vertical-align:middle}.psp-inv-input{background:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:6px;color:var(--color-text-primary);font-size:13px;padding:4px 8px;text-align:right;transition:border-color .15s;width:80px}.psp-inv-input:focus{border-color:var(--color-border-primary);outline:none}.psp-inv-input-diff{background:#fff7ed;border-color:#f97316;font-weight:500}.psp-inv-result{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:14px;margin-bottom:12px;padding:10px 16px}.psp-inv-legend{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:20px;margin-top:12px}.psp-inv-legend-item{align-items:center;display:flex;gap:6px}.psp-inv-legend-item:before{background:var(--color-border-tertiary);border-radius:3px;content:"";display:inline-block;height:12px;width:12px}.psp-inv-legend-plus:before{background:#f0fdf4;border:1px solid #86efac}.psp-inv-legend-minus:before{background:#fff0f0;border:1px solid #fca5a5}.psp-revenue-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:4px}.psp-rev-card{border:1px solid #0000;border-radius:10px;padding:16px 18px}.psp-rev-card-label{font-size:12px;font-weight:500;margin-bottom:6px;opacity:.75}.psp-rev-card-value{font-size:20px;font-weight:500;line-height:1.2}.psp-rev-card-sub{font-size:12px;margin-top:4px;opacity:.65}.psp-rev-card-green{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.psp-rev-card-orange{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.psp-rev-card-blue{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.psp-rev-card-gray{background:#f9fafb;border-color:#e5e7eb;color:#374151}@media (max-width:900px){.psp-revenue-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.psp-revenue-cards{grid-template-columns:1fr}}.front-desk-page-container{background:var(--frd-green-10);color:var(--frd-gray-900);min-height:calc(100vh - 72px);padding:16px 16px 0}.front-desk-page-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.front-desk-page-title{color:var(--frd-green-700);font-size:18px;font-weight:800}.front-desk-page-subtitle{color:var(--frd-gray-700);font-size:13px}.front-desk-page-btn{align-items:center;border:none;border-radius:var(--frd-radius-sm);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:8px 12px}.front-desk-page-btn-primary{background:var(--frd-green-700);color:var(--frd-white)}.front-desk-page-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.4fr .95fr}.front-desk-page-grid>.front-desk-page-panel:last-child{max-height:calc(100vh - 110px);position:-webkit-sticky;position:sticky;top:12px}.front-desk-page-panel{background:var(--frd-white);border:1px solid var(--frd-gray-200);border-radius:var(--frd-radius);box-shadow:var(--frd-shadow-sm);display:flex;flex-direction:column;overflow:hidden}.front-desk-page-panel-header{align-items:center;background:var(--frd-green-50);color:var(--frd-green-700);display:flex;font-weight:700;justify-content:space-between;padding:12px}.front-desk-page-panel-body{overflow:auto;padding:10px}.front-desk-page-section-title{color:var(--frd-gray-500);font-size:11px;font-weight:800;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.front-desk-page-order-shell{grid-gap:12px;display:grid;gap:12px}.front-desk-page-total-summary{align-items:center;background:linear-gradient(90deg,#43a0470f,#eff6ff05);border:1px solid var(--frd-gray-100);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.front-desk-page-total-label{color:var(--frd-gray-600);font-size:13px;font-weight:700}.front-desk-page-total-amount{color:var(--frd-red-700);font-family:var(--frd-mono);font-size:20px;font-weight:900}.front-desk-page-total-summary.compact{margin-bottom:0;padding:10px 12px}.front-desk-page-total-summary.compact .front-desk-page-total-amount{font-size:18px}.currency-input{background:linear-gradient(180deg,#fff,#fbfbfb);border:1px solid var(--frd-gray-200);border-radius:10px;color:var(--frd-green-700);font-family:var(--frd-mono);font-size:18px;font-weight:800;padding:10px 12px;text-align:right;width:100%}.currency-input::placeholder{color:var(--frd-gray-400);font-weight:600}.currency-hint{color:var(--frd-gray-500);font-size:12px;margin-top:6px}.front-desk-page-customer-grid,.front-desk-page-payment-methods{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.front-desk-page-payment-option{align-items:center;background:#fff;border:1px solid var(--frd-gray-200);border-radius:12px;color:var(--frd-gray-700);cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:46px;transition:var(--frd-transition)}.front-desk-page-payment-option.active{background:var(--frd-green-50);border-color:var(--frd-green-500);box-shadow:0 0 0 2px #43a04714;color:var(--frd-green-700)}.front-desk-page-payment-note{background:linear-gradient(180deg,#eff6ff,#f8fbff);border:1px dashed #bfdbfe;border-radius:12px;color:#1e3a8a;font-size:13px;line-height:1.5;padding:12px 13px}.front-desk-page-order-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1.25fr 1fr 1fr}.front-desk-page-input{border:1px solid var(--frd-gray-200);border-radius:var(--frd-radius-sm);outline:none;padding:8px 10px;width:100%}.medicine-panel-body{grid-gap:12px;display:grid;gap:12px}.medicine-toolbar{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-top:8px}.medicine-panel-body{padding:8px 12px 0}.medicine-search-group{align-items:center;background:#fff;border:1px solid var(--frd-gray-200);border-radius:12px;display:flex;flex:1 1;gap:10px;min-width:0;padding:10px 12px}.medicine-search-input{background:#0000!important;border:none!important;box-shadow:none!important;flex:1 1;min-width:0;padding:0!important}.medicine-search-input:focus{box-shadow:none;outline:none}.medicine-toolbar-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.front-desk-page-panel-body .medicine-grid{display:flex;flex-direction:column;gap:10px}.front-desk-page-panel-body .medicine-grid.medicine-view-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.front-desk-page-panel-body .medicine-grid.medicine-view-list{display:flex;flex-direction:column;gap:10px}.medicine-view-toggle{background:#fff;border:1px solid var(--frd-gray-200);border-radius:10px;display:inline-flex;overflow:hidden}.medicine-view-toggle button{align-items:center;background:#0000;border:none;color:var(--frd-gray-500);cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.medicine-view-toggle button.active{background:var(--frd-green-700);color:#fff}.front-desk-page-panel .medicine-card{background:var(--frd-white);border:1px solid var(--frd-gray-200);border-radius:14px;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column;gap:8px;padding:14px 15px;text-align:left;width:100%}.medicine-card-shell{grid-gap:8px;display:grid;gap:8px;position:relative}.medicine-card-shell.out-of-stock-shell{padding-bottom:52px}.front-desk-page-panel .medicine-card:hover{border-color:var(--frd-green-300);box-shadow:0 8px 18px #43a04714;transform:translateY(-1px)}.front-desk-page-panel .medicine-card.medicine-card-compact{border-radius:14px}.front-desk-page-panel .medicine-card.medicine-card-list{border-radius:14px;min-height:118px;padding:14px 14px 16px}.front-desk-page-panel .medicine-card:disabled{opacity:1}.front-desk-page-panel .medicine-card.out-of-stock{background:linear-gradient(180deg,#fff,#fff9f9)}.medicine-card-actions{display:flex;justify-content:flex-end;margin-top:10px}.medicine-import-btn{align-items:center;background:#fffbeb;border:1px dashed #f59e0b;border-radius:12px;color:#b45309;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;padding:10px 12px;transition:var(--frd-transition);width:100%}.medicine-import-btn:hover{background:#fef3c7;border-color:#f59e0b}.medicine-card-shell .medicine-import-btn{font-size:12px;padding:8px 12px}.medicine-import-btn-inline{border-radius:10px;box-shadow:0 6px 16px #f59e0b1f;height:40px;min-width:40px;padding:0;width:40px}.medicine-import-btn-inline svg{font-size:15px}.medicine-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.medicine-card-name{color:var(--frd-gray-900);font-size:14px;font-weight:800;min-width:0}.medicine-card-head-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;white-space:nowrap}.medicine-card-price{color:var(--frd-red-700)!important;font-size:15px}.medicine-card-status{align-items:center;display:inline-flex;font-size:12px;font-weight:800;gap:5px}.medicine-card-status-out{color:var(--frd-teal-700)}.medicine-card-status-add,.medicine-card-status-in-cart{color:var(--frd-green-700)}.medicine-card-meta{color:var(--frd-gray-500);font-size:12px;margin-top:4px}.medicine-card-footnote{border-top:1px dashed var(--frd-gray-200);color:var(--frd-gray-500);font-size:12px;margin-top:8px;padding-top:8px}.front-desk-page-panel .medicine-card.medicine-card-list{padding-right:126px}.front-desk-page-panel .medicine-card.medicine-card-compact{min-height:122px;padding:12px 12px 14px}.front-desk-page-panel .medicine-card.medicine-card-compact .medicine-card-head{min-height:42px}.front-desk-page-panel .medicine-card.medicine-card-compact .medicine-card-name{font-size:13px;line-height:1.35}.front-desk-page-panel .medicine-card.medicine-card-compact .medicine-card-meta{margin-top:2px}.front-desk-page-panel .medicine-card.medicine-card-compact .medicine-card-footnote{display:none}.cart-item{grid-gap:8px;align-items:center;border:1px solid var(--frd-gray-200);border-radius:10px;display:grid;gap:8px;grid-template-columns:1fr 80px 110px 36px;padding:10px}.cart-item .item-name{font-weight:700}.cart-item input[type=number]{border:1px solid var(--frd-gray-200);border-radius:6px;padding:6px;width:100%}.front-desk-page-panel .form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.front-desk-page-panel .form-row .full{grid-column:1/-1}.front-desk-page-table{border-collapse:collapse;width:100%}.front-desk-page-table td,.front-desk-page-table th{border-bottom:1px solid var(--frd-gray-100);padding:8px 10px}@media (max-width:1000px){.front-desk-page-grid{grid-template-columns:1fr}.front-desk-page-grid>.front-desk-page-panel:last-child{max-height:none;position:static}.cart-item{grid-template-columns:1fr 70px 100px 32px}.front-desk-page-panel-header{padding:10px}.medicine-toolbar{flex-wrap:wrap}.medicine-toolbar-actions{justify-content:space-between;width:100%}.medicine-search-group{width:100%}.front-desk-page-panel-body .medicine-grid.medicine-view-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.front-desk-page-panel .medicine-card.medicine-card-list{padding-right:14px}.medicine-card-head{gap:10px}}@media (max-width:520px){.front-desk-page-title{font-size:16px}.front-desk-page-header{align-items:flex-start;flex-direction:column;gap:8px}.front-desk-page-panel-body{padding:8px}.front-desk-page-panel .medicine-card{padding:11px}.medicine-toolbar{gap:10px}.medicine-toolbar-actions{width:100%}.medicine-toolbar-actions .front-desk-page-btn{flex:1 1;justify-content:center}.medicine-view-toggle{flex-shrink:0}.medicine-view-toggle button{height:34px;width:34px}.front-desk-page-panel-body .medicine-grid.medicine-view-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.front-desk-page-panel .medicine-card.medicine-card-compact{min-height:108px;padding:10px}.front-desk-page-panel .medicine-card.medicine-card-compact .medicine-card-name{font-size:12.5px}.front-desk-page-panel .medicine-card.medicine-card-list{padding-right:12px}.medicine-card-head{align-items:flex-start;flex-direction:column}.medicine-card-head-right{align-items:center;flex-direction:row;justify-content:space-between;white-space:normal;width:100%}.medicine-card-actions{margin-top:8px}.medicine-import-btn-inline{height:36px;min-width:36px;width:36px}.cart-item{grid-template-columns:1fr 64px 84px 28px}.front-desk-page-customer-grid,.front-desk-page-order-actions,.front-desk-page-payment-methods{grid-template-columns:1fr}.front-desk-page-total-summary{padding:10px}.front-desk-page-total-amount{font-size:18px}.currency-input{font-size:16px}}:root{--rr-primary:#10b981;--rr-primary-hover:#059669;--rr-bg:#f0fdf4;--rr-surface:#fff;--rr-border:#e5e7eb;--rr-text-main:#1f2937;--rr-text-sub:#6b7280;--rr-danger:#ef4444;--rr-warning:#f59e0b;--rr-blue:#3b82f6;--rr-radius:6px}.refund-request-page-container{background-color:#f0fdf4;background-color:var(--rr-bg);color:#1f2937;color:var(--rr-text-main);font-family:Segoe UI,sans-serif;font-size:13px;min-height:100vh;padding:1rem}.refund-request-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.refund-request-page-title{align-items:center;color:#10b981;color:var(--rr-primary);display:flex;font-size:1.2rem;font-weight:700;gap:.5rem}.refund-request-page-filter-bar{align-items:center;background:#fff;background:var(--rr-surface);border:1px solid #e5e7eb;border:1px solid var(--rr-border);border-radius:6px;border-radius:var(--rr-radius);box-shadow:0 1px 2px #0000000a;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.75rem}.refund-request-page-input{border:1px solid #e5e7eb;border:1px solid var(--rr-border);border-radius:6px;border-radius:var(--rr-radius);font-size:13px;outline:none;padding:.4rem .6rem;transition:border-color .2s}.refund-request-page-input:focus{border-color:#10b981;border-color:var(--rr-primary)}.refund-request-page-btn-filter{align-items:center;background-color:#fff;background-color:var(--rr-surface);border:1px solid #e5e7eb;border:1px solid var(--rr-border);border-radius:6px;border-radius:var(--rr-radius);color:#1f2937;color:var(--rr-text-main);cursor:pointer;display:flex;font-weight:500;gap:.3rem;padding:.4rem .8rem}.refund-request-page-btn-filter.active{background-color:#10b981;background-color:var(--rr-primary);border-color:#10b981;border-color:var(--rr-primary);color:#fff}.refund-request-page-table-wrapper{background:#fff;background:var(--rr-surface);border:1px solid #e5e7eb;border:1px solid var(--rr-border);border-radius:6px;border-radius:var(--rr-radius);box-shadow:0 1px 3px #0000000a;overflow:hidden}.refund-request-page-table{border-collapse:collapse;width:100%}.refund-request-page-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--rr-border);color:#6b7280;color:var(--rr-text-sub);font-size:12px;font-weight:600;padding:.6rem .8rem;text-align:center;text-transform:uppercase}.refund-request-page-table td{border-bottom:1px solid #f3f4f6;padding:.6rem .8rem;vertical-align:middle}.refund-request-page-table tr:hover{background-color:#f0fdf4}.refund-request-page-badge{border-radius:4px;font-size:11px;font-weight:600;padding:.15rem .4rem}.refund-request-page-badge.pending{background:#fff7ed;border:1px solid #e5e7eb;border:1px solid var(--rr-border);color:#c2410c}.refund-request-page-badge.completed{background:#ecfdf5;border:1px solid #e5e7eb;border:1px solid var(--rr-border);color:#047857}.refund-request-page-badge.rejected{background:#fef2f2;border:1px solid #e5e7eb;border:1px solid var(--rr-border);color:#b91c1c}.refund-request-page-amount{color:#ef4444;color:var(--rr-danger);font-size:14px;font-weight:700}.refund-request-page-btn-action{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:.45rem;justify-content:flex-start;min-width:92px;padding:.42rem .75rem;transition:opacity .2s}.refund-request-page-btn-action:hover{opacity:.9}.btn-process{background-color:#10b981;background-color:var(--rr-primary);color:#fff}.btn-view{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--rr-border);color:#6b7280;color:var(--rr-text-sub)}.refund-request-page-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.refund-request-page-modal{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 16px 40px #0000001f;max-height:90vh;max-width:860px;overflow-x:hidden;overflow-y:auto;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.refund-request-page-modal-header{align-items:center;background-color:#fff;border-bottom:none;display:flex;justify-content:space-between;padding:1rem}.refund-request-page-modal-title{align-items:center;color:#1f2937;color:var(--rr-text-main);display:inline-flex;font-size:1.1rem;font-weight:700;gap:.45rem}.refund-request-page-modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;padding:4px}.refund-request-page-modal-body{padding:1.5rem}.refund-request-page-qr-section{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--rr-border);border-radius:8px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem}.refund-request-page-qr-img{border:none;box-shadow:0 2px 6px #00000014;height:140px;object-fit:contain;width:140px}.refund-request-page-info-grid{grid-gap:.9rem 1rem;display:grid;gap:.9rem 1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.refund-request-page-info-label{color:#6b7280;color:var(--rr-text-sub);font-size:12px;margin-bottom:2px}.refund-request-page-info-val{color:#1f2937;color:var(--rr-text-main);font-size:13px;font-weight:600}.refund-request-page-form-group{margin-bottom:1rem}.refund-request-page-textarea{min-height:80px;resize:vertical;width:100%}.refund-request-page-modal-footer{background-color:#fff;border-top:none;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem}.btn-reject{background-color:#ef4444;background-color:var(--rr-danger);color:#fff}.btn-complete{background-color:#10b981;background-color:var(--rr-primary);color:#fff}.btn-cancel{background-color:#e5e7eb;color:#374151}:root{--rpc-primary-color:#059669;--rpc-primary-hover:#047857;--rpc-bg-color:#ecfdf5;--rpc-card-bg:#fff;--rpc-text-main:#1f2937;--rpc-text-sub:#6b7280;--rpc-border-color:#e5e7eb;--rpc-danger:#ef4444;--rpc-blue-soft:#eff6ff;--rpc-blue-text:#1d4ed8}.refund-policy-config-wrapper{background-color:#ecfdf5;background-color:var(--rpc-bg-color);color:#1f2937;color:var(--rpc-text-main);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.9rem;min-height:100vh;padding:1.5rem}.refund-policy-config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.refund-policy-config-title{align-items:center;color:#059669;color:var(--rpc-primary-color);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem}.refund-policy-config-btn-save{align-items:center;background-color:#059669;background-color:var(--rpc-primary-color);border:none;border-radius:6px;box-shadow:0 2px 4px #05966933;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.refund-policy-config-btn-save:hover:not(:disabled){background-color:#047857;background-color:var(--rpc-primary-hover);transform:translateY(-1px)}.refund-policy-config-btn-save:disabled{cursor:not-allowed;opacity:.7}.refund-policy-config-card{background:#fff;background:var(--rpc-card-bg);border:1px solid #e5e7eb;border:1px solid var(--rpc-border-color);border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;overflow:hidden}.refund-policy-config-card-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--rpc-border-color);color:#1f2937;color:var(--rpc-text-main);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.refund-policy-config-card-body{padding:1rem}.refund-policy-config-general-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.refund-policy-config-toggle-wrapper{align-items:center;display:flex;gap:.5rem}.refund-policy-config-switch{display:inline-block;height:20px;position:relative;width:36px}.refund-policy-config-switch input{height:0;opacity:0;width:0}.refund-policy-config-slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.refund-policy-config-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.4s;width:14px}input:checked+.refund-policy-config-slider{background-color:#059669;background-color:var(--rpc-primary-color)}input:checked+.refund-policy-config-slider:before{transform:translateX(16px)}.refund-policy-config-guarantee-box{background-color:#eff6ff;background-color:var(--rpc-blue-soft);border:1px dashed #bfdbfe;border-radius:6px;padding:.75rem}.refund-policy-config-guarantee-title{align-items:center;color:#1d4ed8;color:var(--rpc-blue-text);display:flex;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.refund-policy-config-guarantee-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.refund-policy-config-guarantee-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem}.refund-policy-config-guarantee-label{align-items:center;color:#374151;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;margin-bottom:.25rem}.refund-policy-config-guarantee-desc{color:#6b7280;color:var(--rpc-text-sub);font-size:.75rem;line-height:1.3;margin-bottom:.5rem}.refund-policy-config-input-group{align-items:center;display:flex}.refund-policy-config-input-text{border:1px solid #e5e7eb;border:1px solid var(--rpc-border-color);border-radius:4px;font-size:.85rem;outline:none;padding:.35rem .5rem;transition:border-color .2s}.refund-policy-config-input-text:focus{border-color:#059669;border-color:var(--rpc-primary-color);box-shadow:0 0 0 2px #0596691a}.refund-policy-config-input-text:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.refund-policy-config-addon{background-color:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--rpc-border-color);border-bottom-right-radius:4px;border-left:none;border-top-right-radius:4px;color:#6b7280;color:var(--rpc-text-sub);font-size:.8rem;padding:.35rem .5rem}.refund-policy-config-input-text.has-addon{border-bottom-right-radius:0;border-top-right-radius:0}.refund-policy-config-booking-fee{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--rpc-border-color);margin-bottom:1rem;padding-bottom:1rem}.refund-policy-config-label{color:#1f2937;color:var(--rpc-text-main);display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.refund-policy-config-rule-row{align-items:center;background-color:#f9fafb;border:1px solid #0000;border-radius:4px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.4rem .6rem}.refund-policy-config-rule-row:hover{background-color:#fff;border-color:#d1d5db}.refund-policy-config-rule-text{color:#6b7280;color:var(--rpc-text-sub);font-size:.8rem}.refund-policy-config-input-small{border:1px solid #e5e7eb;border:1px solid var(--rpc-border-color);border-radius:4px;color:#059669;color:var(--rpc-primary-color);font-size:.85rem;font-weight:600;padding:.25rem;text-align:center;width:50px}.refund-policy-config-btn-trash{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.8rem;margin-left:auto;padding:.2rem;transition:color .2s}.refund-policy-config-btn-trash:hover{color:#ef4444;color:var(--rpc-danger)}.refund-policy-config-btn-add{background:none;border:1px dashed #059669;border:1px dashed var(--rpc-primary-color);border-radius:4px;color:#059669;color:var(--rpc-primary-color);cursor:pointer;font-size:.8rem;font-weight:500;margin-top:.5rem;padding:.4rem;transition:all .2s;width:100%}.refund-policy-config-btn-add:hover{background-color:#ecfdf5}.refund-policy-config-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.refund-policy-config-grid{grid-template-columns:1fr}}:root{--smp-primary:#0f766e;--smp-primary-hover:#115e59;--smp-primary-light:#e6fffb;--smp-bg-main:#f7fafc;--smp-white:#fff;--smp-text-dark:#0f172a;--smp-text-gray:#475569;--smp-border:#e2e8f0;--smp-danger:#dc2626;--smp-success:#059669;--smp-warning:#d97706;--smp-radius:10px;--smp-shadow-sm:0 1px 2px #0f172a0f;--smp-shadow-md:0 6px 16px #0f172a14;--smp-shadow-lg:0 12px 24px #0f172a1f;--smp-transition:all 0.18s ease-in-out}.smp-page-container{background-color:#f7fafc;background-color:var(--smp-bg-main);color:#0f172a;color:var(--smp-text-dark);font-family:Inter,sans-serif;min-height:100vh;padding:clamp(10px,2vw,16px)}.smp-content-wrapper{margin:0 auto;max-width:1200px}.smp-header{gap:12px;margin-bottom:16px}.smp-header-title h1{color:#0f172a;color:var(--smp-text-dark);font-size:clamp(18px,2.4vw,22px);font-weight:700;line-height:1.2;margin:0}.smp-header-title p{color:#475569;color:var(--smp-text-gray);font-size:13px;line-height:1.45;margin:4px 0 0}.smp-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.smp-stat-card{background-color:#fff;background-color:var(--smp-white);border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:10px;border-radius:var(--smp-radius);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--smp-shadow-sm);gap:12px;padding:14px}.smp-stat-card,.smp-stat-icon{align-items:center;display:flex}.smp-stat-icon{background-color:#e6fffb;background-color:var(--smp-primary-light);border-radius:10px;color:#0f766e;color:var(--smp-primary);flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.smp-stat-info h3{color:#475569;color:var(--smp-text-gray);font-size:11px;font-weight:700;letter-spacing:.02em;margin:0 0 3px;text-transform:uppercase}.smp-stat-info p{color:#0f172a;color:var(--smp-text-dark);font-size:18px;font-weight:700;line-height:1;margin:0}.smp-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--smp-radius);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:8px 12px;transition:all .18s ease-in-out;transition:var(--smp-transition)}.smp-btn-primary{background-color:#0f766e;background-color:var(--smp-primary);color:#fff;color:var(--smp-white)}.smp-btn-primary:hover{background-color:#115e59;background-color:var(--smp-primary-hover);box-shadow:0 6px 16px #0f172a14;box-shadow:var(--smp-shadow-md)}.smp-btn-outline{background-color:initial;border:1px solid #e2e8f0;border:1px solid var(--smp-border);color:#0f172a;color:var(--smp-text-dark)}.smp-btn-outline:hover{background-color:#f7fafc;background-color:var(--smp-bg-main)}.smp-btn-danger{background-color:#dc2626;background-color:var(--smp-danger);box-shadow:0 2px 8px #dc26262e;color:#fff}.smp-btn-danger:hover{background-color:#b91c1c;color:#fff;transform:translateY(-1px)}.smp-btn-icon{background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;padding:7px;transition:all .18s ease-in-out;transition:var(--smp-transition)}.smp-btn-icon.edit{background:#ebf8ff;color:#3182ce}.smp-btn-icon.edit:hover{background:#bee3f8}.smp-btn-icon.delete{background:#fff5f5;color:#dc2626;color:var(--smp-danger)}.smp-btn-icon.delete:hover{background:#fed7d7}.smp-tabs-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.smp-tab{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:999px;color:#0f172a;color:var(--smp-text-dark);cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .18s ease-in-out;transition:var(--smp-transition)}.smp-tab:hover{background:#eefaf8}.smp-tab.active{background:#0f766e;background:var(--smp-primary);border-color:#0f766e;border-color:var(--smp-primary);color:#fff}.smp-toolbar{background-color:#fff;background-color:var(--smp-white);border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:10px;border-radius:var(--smp-radius);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--smp-shadow-sm);flex-wrap:wrap;justify-content:space-between;margin-bottom:14px;padding:12px}.smp-search-box{align-items:center;display:flex;flex:1 1;gap:10px;max-width:360px;min-width:220px}.smp-search-icon{color:#475569;color:var(--smp-text-gray);flex:0 0 18px;pointer-events:none}.smp-search-input{border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:8px;flex:1 1;font-size:13px;outline:none;padding:9px 12px;transition:all .18s ease-in-out;transition:var(--smp-transition);width:100%}.smp-search-input:focus{border-color:#0f766e;border-color:var(--smp-primary);box-shadow:0 0 0 2px #e6fffb;box-shadow:0 0 0 2px var(--smp-primary-light)}.smp-filters{display:flex;gap:12px}.smp-slot-filters{display:flex;flex-wrap:wrap;gap:10px}.smp-filter-select{border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:8px;cursor:pointer;font-size:13px;min-width:140px;outline:none;padding:9px 10px}.smp-table-container{background-color:#fff;background-color:var(--smp-white);border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:10px;border-radius:var(--smp-radius);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--smp-shadow-sm);margin-bottom:16px;overflow-x:auto}.smp-table{border-collapse:collapse;min-width:900px;width:100%}.smp-table th{background-color:#f8fafc;color:#475569;color:var(--smp-text-gray);font-size:11px;font-weight:700;letter-spacing:.02em;text-align:left;text-transform:uppercase}.smp-table td,.smp-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--smp-border);padding:12px 14px}.smp-table td{font-size:13px;vertical-align:middle}.smp-service-name{color:#0f172a;color:var(--smp-text-dark);display:block;font-weight:600}.smp-service-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;color:var(--smp-text-gray);display:-webkit-box;font-size:12px;overflow:hidden}.smp-image-preview{border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:6px;height:36px;object-fit:cover;width:52px}.smp-no-image{align-items:center;background-color:#f7fafc;background-color:var(--smp-bg-main);border:1px dashed #e2e8f0;border:1px dashed var(--smp-border);border-radius:6px;color:#475569;color:var(--smp-text-gray);display:flex;font-size:10px;height:36px;justify-content:center;width:52px}.smp-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.smp-badge.success{background-color:#e6fffb;background-color:var(--smp-primary-light);color:#115e59;color:var(--smp-primary-hover)}.smp-badge.danger{background-color:#fee2e2;color:#dc2626;color:var(--smp-danger)}.smp-badge.gray{background-color:#edf2f7;color:#475569;color:var(--smp-text-gray)}.smp-doctor-list{display:flex;flex-wrap:wrap;gap:4px}.smp-doctor-tag{background-color:#ecfeff;border-radius:999px;color:#0f766e;color:var(--smp-primary);font-size:10px;padding:2px 6px;white-space:nowrap}.smp-slot-lines{display:flex;flex-direction:column;gap:4px;min-width:150px}.smp-slot-line{align-items:center;display:flex;font-size:12px;gap:8px;justify-content:space-between}.smp-slot-shift{color:#0f172a;font-weight:600}.smp-slot-value{color:#475569;font-weight:700}.smp-slot-empty,.smp-slot-loading{color:#475569;color:var(--smp-text-gray);font-size:12px}.smp-pagination{align-items:center;display:flex;justify-content:space-between;padding:0 12px}.smp-page-info{color:#475569;color:var(--smp-text-gray);font-size:14px}.smp-page-controls{display:flex;gap:4px}.smp-page-btn{align-items:center;background-color:#fff;background-color:var(--smp-white);border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:8px;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;min-width:30px}.smp-page-btn:hover:not(:disabled){background-color:#f7fafc;background-color:var(--smp-bg-main)}.smp-page-btn.active{background-color:#0f766e;background-color:var(--smp-primary);border-color:#0f766e;border-color:var(--smp-primary);color:#fff;color:var(--smp-white)}.smp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a8c;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:2000}@media (min-width:1025px){.smp-modal-overlay{padding-left:260px}}.smp-modal-container{background-color:#fff;background-color:var(--smp-white);border-radius:12px;box-shadow:0 12px 24px #0f172a1f;box-shadow:var(--smp-shadow-lg);display:flex;flex-direction:column;max-height:min(90vh,820px);max-width:850px;overflow:hidden;width:100%}.smp-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--smp-border);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.smp-modal-header h2{color:#0f172a;color:var(--smp-text-dark);font-size:15px;font-weight:700;margin:0}.smp-modal-close{background:#0000;border:none;color:#475569;color:var(--smp-text-gray);cursor:pointer;font-size:16px;padding:4px}.smp-modal-form{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.smp-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:14px 16px}.smp-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-top:1px solid var(--smp-border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:10px 16px}.smp-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.smp-form-col{flex-direction:column}.smp-form-col,.smp-form-row{display:flex;gap:10px}.smp-form-row .smp-form-group{flex:1 1}.smp-form-group{display:flex;flex-direction:column;gap:4px}.smp-form-label{color:#0f172a;color:var(--smp-text-dark);font-size:12px;font-weight:700}.smp-form-label span{color:#dc2626;color:var(--smp-danger)}.smp-form-input,.smp-form-select,.smp-form-textarea{border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:6px;font-family:inherit;font-size:12px;outline:none;padding:8px 10px;transition:all .18s ease-in-out;transition:var(--smp-transition);width:100%}.smp-form-input:focus,.smp-form-select:focus,.smp-form-textarea:focus{border-color:#0f766e;border-color:var(--smp-primary);box-shadow:0 0 0 2px #e6fffb;box-shadow:0 0 0 2px var(--smp-primary-light)}.smp-form-textarea{line-height:1.4;min-height:90px;resize:vertical}.smp-checkbox-list{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:6px;display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:10px}.smp-checkbox-item{align-items:center;cursor:pointer;display:flex;font-size:11px;gap:8px;padding:2px 0}.smp-checkbox-item input{accent-color:#0f766e;accent-color:var(--smp-primary);cursor:pointer;height:14px;width:14px}.smp-upload-tabs{display:flex;gap:8px;margin-bottom:8px}.smp-upload-tab{background:#f7fafc;background:var(--smp-bg-main);border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:999px;color:#475569;color:var(--smp-text-gray);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px}.smp-upload-tab.active{background:#0f766e;background:var(--smp-primary);border-color:#0f766e;border-color:var(--smp-primary);color:#fff}.smp-upload-area{background:#fafbfc;border:2px dashed #e2e8f0;border:2px dashed var(--smp-border);border-radius:10px;cursor:pointer;padding:12px;text-align:center;transition:.2s}.smp-upload-area:hover{background:#f8fafc;border-color:#0f766e;border-color:var(--smp-primary)}.smp-upload-icon{color:#0f766e;color:var(--smp-primary);font-size:20px;margin-bottom:4px}.smp-upload-area p{color:#475569;color:var(--smp-text-gray);font-size:12px;margin:0}.smp-image-preview-large{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--smp-border);border-radius:8px;margin-top:8px;max-height:120px;object-fit:contain;width:100%}.smp-confirm-overlay{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2100}.smp-confirm-box{animation:popupSlide .2s ease-out;background:#fff;background:var(--smp-white);border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:400px;padding:18px;text-align:center;width:100%}@keyframes popupSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.smp-confirm-icon{color:#d97706;color:var(--smp-warning);font-size:34px;margin-bottom:10px}.smp-confirm-title{color:#0f172a;color:var(--smp-text-dark);font-size:15px;font-weight:700;margin:0 0 8px}.smp-confirm-text{color:#475569;color:var(--smp-text-gray);font-size:12px;line-height:1.5;margin:0 0 16px}.smp-confirm-actions{display:flex;gap:12px;justify-content:center}@media (max-width:1024px){.smp-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.smp-header{align-items:flex-start;flex-direction:column}.smp-tab,.smp-tabs-header{width:100%}.smp-tab{flex:1 1 140px;justify-content:center}.smp-stats-grid{grid-template-columns:1fr}.smp-toolbar{align-items:stretch;flex-direction:column}.smp-filter-select,.smp-filters,.smp-search-box,.smp-slot-filters{max-width:none;width:100%}.smp-filters,.smp-slot-filters{flex-direction:column}.smp-table{min-width:760px}.smp-modal-overlay{align-items:center;padding:12px}.smp-form-grid{gap:12px;grid-template-columns:1fr}.smp-form-row{flex-direction:column}.smp-form-textarea{min-height:78px}.smp-modal-container{max-height:92vh}}@media (max-width:480px){.smp-page-container{padding:8px}.smp-tabs-header{gap:6px}.smp-tab{flex:1 1 100%;font-size:12px;padding:7px 10px}.smp-header-title h1{font-size:17px}.smp-btn,.smp-header-title p{font-size:12px}.smp-btn{padding:7px 10px}.smp-stat-card{padding:12px}.smp-stat-icon{font-size:15px;height:36px;width:36px}.smp-stat-info p{font-size:16px}.smp-table td,.smp-table th{font-size:12px;padding:10px 12px}.smp-modal-body,.smp-modal-footer,.smp-modal-header{padding-left:12px;padding-right:12px}.smp-upload-tabs{flex-wrap:wrap}.smp-confirm-box{padding:14px}}:root{--service-category-mgnt-primary:#0f766e;--service-category-mgnt-primary-dark:#115e59;--service-category-mgnt-primary-light:#e6fffb;--service-category-mgnt-success:#059669;--service-category-mgnt-success-dark:#047857;--service-category-mgnt-warning:#d97706;--service-category-mgnt-danger:#dc2626;--service-category-mgnt-info:#0ea5e9;--service-category-mgnt-secondary:#64748b;--service-category-mgnt-gray-50:#f8fafc;--service-category-mgnt-gray-100:#f1f5f9;--service-category-mgnt-gray-200:#e2e8f0;--service-category-mgnt-gray-300:#cbd5e1;--service-category-mgnt-gray-400:#94a3b8;--service-category-mgnt-gray-600:#475569;--service-category-mgnt-gray-700:#334155;--service-category-mgnt-gray-800:#1e293b;--service-category-mgnt-gray-900:#0f172a;--service-category-mgnt-shadow:0 1px 2px #0f172a0f;--service-category-mgnt-shadow-md:0 6px 16px #0f172a14;--service-category-mgnt-shadow-lg:0 12px 24px #0f172a1f;--service-category-mgnt-radius:10px;--service-category-mgnt-transition:all 0.2s ease}.service-category-mgnt-page{background:#f7fafc;font-size:.8125rem;margin:0 auto;max-width:1200px;min-height:100vh;padding:clamp(10px,2vw,16px)}.service-category-mgnt-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--service-category-mgnt-gray-200);border-radius:10px;border-radius:var(--service-category-mgnt-radius);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--service-category-mgnt-shadow);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:16px;padding:12px 14px}.service-category-mgnt-header-left{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;min-width:220px}.service-category-mgnt-header-title h1{color:#0f172a;color:var(--service-category-mgnt-gray-900);font-size:clamp(18px,2.2vw,22px);font-weight:700;line-height:1.2;margin:0}.service-category-mgnt-header-title p{color:#475569;color:var(--service-category-mgnt-gray-600);font-size:13px;line-height:1.45;margin:4px 0 0}.service-category-mgnt-count{background:#0f766e;background:var(--service-category-mgnt-primary);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .6rem;width:-webkit-fit-content;width:fit-content}.service-category-mgnt-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;margin-left:auto}.service-category-mgnt-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--service-category-mgnt-radius);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.45rem .9rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition);white-space:nowrap}.service-category-mgnt-btn-success{background:#059669;background:var(--service-category-mgnt-success);color:#fff}.service-category-mgnt-btn-success:hover{background:#047857;background:var(--service-category-mgnt-success-dark);box-shadow:0 6px 16px #0f172a14;box-shadow:var(--service-category-mgnt-shadow-md);transform:translateY(-1px)}.service-category-mgnt-btn-secondary{background:#64748b;background:var(--service-category-mgnt-secondary);color:#fff}.service-category-mgnt-btn-secondary:hover{background:#475569;background:var(--service-category-mgnt-gray-600)}.service-category-mgnt-btn-primary{background:#0f766e;background:var(--service-category-mgnt-primary);color:#fff}.service-category-mgnt-btn-primary:hover{background:#115e59;background:var(--service-category-mgnt-primary-dark)}.service-category-mgnt-btn-danger{background:#dc2626;background:var(--service-category-mgnt-danger);color:#fff}.service-category-mgnt-btn-danger:hover{background:#dc2626}.service-category-mgnt-btn-refresh{background:#f1f5f9;background:var(--service-category-mgnt-gray-100);color:#334155;color:var(--service-category-mgnt-gray-700);padding:.5rem .75rem}.service-category-mgnt-btn-refresh:hover{background:#e2e8f0;background:var(--service-category-mgnt-gray-200)}.service-category-mgnt-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:12px}.service-category-mgnt-search-box{align-items:center;display:flex;flex:1 1;gap:10px;max-width:360px;min-width:220px}.service-category-mgnt-search-icon{color:#94a3b8;color:var(--service-category-mgnt-gray-400);flex:0 0 18px;font-size:.875rem;pointer-events:none}.service-category-mgnt-search-input{border:1px solid #cbd5e1;border:1px solid var(--service-category-mgnt-gray-300);border-radius:10px;border-radius:var(--service-category-mgnt-radius);flex:1 1;font-size:.75rem;padding:.55rem .9rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition);width:100%}.service-category-mgnt-search-input:focus{border-color:#0f766e;border-color:var(--service-category-mgnt-primary);box-shadow:0 0 0 3px #86efac1a;outline:none}.service-category-mgnt-advanced-filters{align-items:center;background:#fff;border-radius:10px;border-radius:var(--service-category-mgnt-radius);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--service-category-mgnt-shadow);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;padding:12px}.service-category-mgnt-filter-group{align-items:center;display:flex;gap:.5rem}.service-category-mgnt-filter-group label{color:#334155;color:var(--service-category-mgnt-gray-700);font-size:.75rem;font-weight:600;white-space:nowrap}.service-category-mgnt-select{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--service-category-mgnt-gray-300);border-radius:10px;border-radius:var(--service-category-mgnt-radius);cursor:pointer;font-size:.75rem;padding:.45rem .7rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-select:focus{border-color:#0f766e;border-color:var(--service-category-mgnt-primary);outline:none}.service-category-mgnt-table-container{background:#fff;border-radius:10px;border-radius:var(--service-category-mgnt-radius);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--service-category-mgnt-shadow);margin-bottom:1.25rem;overflow:hidden}.service-category-mgnt-table{border-collapse:collapse;font-size:.8125rem;width:100%}.service-category-mgnt-table thead{background:#f8fafc}.service-category-mgnt-table th{color:#1e293b;color:var(--service-category-mgnt-gray-800);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.7rem .9rem;text-align:left;text-transform:uppercase}.service-category-mgnt-sortable{cursor:pointer;transition:all .2s ease;transition:var(--service-category-mgnt-transition);-webkit-user-select:none;user-select:none}.service-category-mgnt-sortable:hover{background:#fff3}.service-category-mgnt-sort-icon{font-size:.75rem;margin-left:.375rem;opacity:.5}.service-category-mgnt-sort-icon.service-category-mgnt-active{color:#1e293b;color:var(--service-category-mgnt-gray-800);opacity:1}.service-category-mgnt-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--service-category-mgnt-gray-200);transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-table tbody tr:hover{background:#f8fafc;background:var(--service-category-mgnt-gray-50)}.service-category-mgnt-table td{color:#334155;color:var(--service-category-mgnt-gray-700);padding:.8rem .9rem}.service-category-mgnt-checkbox-cell{text-align:center;width:40px}.service-category-mgnt-checkbox-cell input[type=checkbox]{cursor:pointer;height:16px;width:16px}.service-category-mgnt-name-cell{display:flex;flex-direction:column;gap:.25rem}.service-category-mgnt-name-cell strong{color:#0f172a;color:var(--service-category-mgnt-gray-900);font-weight:600}.service-category-mgnt-name-cell small{color:var(--service-category-mgnt-gray-500);font-size:.75rem}.service-category-mgnt-thumbnail{border:1px solid #e2e8f0;border:1px solid var(--service-category-mgnt-gray-200);border-radius:4px;height:36px;object-fit:cover;width:52px}.service-category-mgnt-no-image{color:#94a3b8;color:var(--service-category-mgnt-gray-400);font-size:.75rem;font-style:italic}.service-category-mgnt-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;padding:.22rem .6rem}.service-category-mgnt-badge-info{background:#e6fffb;background:var(--service-category-mgnt-primary-light);color:#1e293b;color:var(--service-category-mgnt-gray-800)}.service-category-mgnt-status{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:600;gap:.375rem;padding:.3rem .65rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-status.service-category-mgnt-active{background:#10b9811a;color:#059669;color:var(--service-category-mgnt-success)}.service-category-mgnt-status.service-category-mgnt-inactive{background:#ef44441a;color:#dc2626;color:var(--service-category-mgnt-danger)}.service-category-mgnt-status:hover{transform:scale(1.05)}.service-category-mgnt-action-buttons{display:flex;gap:.375rem}.service-category-mgnt-btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.78rem;justify-content:center;padding:.32rem .55rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-btn-edit{background:#0ea5e9;background:var(--service-category-mgnt-info);color:#fff}.service-category-mgnt-btn-edit:hover{background:#0284c7;transform:translateY(-1px)}.service-category-mgnt-btn-delete{background:#dc2626;background:var(--service-category-mgnt-danger);color:#fff}.service-category-mgnt-btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.service-category-mgnt-no-data{padding:2rem 1rem;text-align:center}.service-category-mgnt-no-data-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.service-category-mgnt-no-data-icon{font-size:3rem}.service-category-mgnt-no-data-content p{color:var(--service-category-mgnt-gray-500);font-size:.875rem;margin:0}.service-category-mgnt-pagination{align-items:center;background:#fff;border-radius:10px;border-radius:var(--service-category-mgnt-radius);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--service-category-mgnt-shadow);display:flex;gap:.5rem;justify-content:center;padding:12px}.service-category-mgnt-pagination-btn{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--service-category-mgnt-gray-300);border-radius:6px;color:#334155;color:var(--service-category-mgnt-gray-700);cursor:pointer;font-size:.75rem;padding:.45rem .7rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-pagination-btn:hover:not(:disabled){background:#e6fffb;background:var(--service-category-mgnt-primary-light);border-color:#0f766e;border-color:var(--service-category-mgnt-primary)}.service-category-mgnt-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.service-category-mgnt-pagination-numbers{display:flex;gap:.375rem}.service-category-mgnt-pagination-number{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--service-category-mgnt-gray-300);border-radius:6px;cursor:pointer;font-size:.75rem;min-width:36px;padding:.45rem .7rem;text-align:center;transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-pagination-number:hover{background:#e6fffb;background:var(--service-category-mgnt-primary-light)}.service-category-mgnt-pagination-number.service-category-mgnt-active{background:#0f766e;background:var(--service-category-mgnt-primary);border-color:#0f766e;border-color:var(--service-category-mgnt-primary);color:#fff}.service-category-mgnt-pagination-dots{color:#94a3b8;color:var(--service-category-mgnt-gray-400);padding:.5rem .375rem}.service-category-mgnt-pagination-info{color:#475569;color:var(--service-category-mgnt-gray-600);font-size:.8125rem;margin-left:.75rem}.service-category-mgnt-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.service-category-mgnt-modal-content{background:#fff;border-radius:10px;border-radius:var(--service-category-mgnt-radius);box-shadow:0 12px 24px #0f172a1f;box-shadow:var(--service-category-mgnt-shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.service-category-mgnt-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--service-category-mgnt-gray-200);display:flex;justify-content:space-between;padding:12px 14px}.service-category-mgnt-modal-header h2{color:#0f172a;color:var(--service-category-mgnt-gray-900);font-size:1rem;font-weight:700;margin:0}.service-category-mgnt-btn-close-modal{align-items:center;background:#0000;border:none;color:#475569;color:var(--service-category-mgnt-gray-600);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-btn-close-modal:hover{color:#dc2626;color:var(--service-category-mgnt-danger)}.service-category-mgnt-modal-body{padding:14px}.service-category-mgnt-form-group{margin-bottom:1rem}.service-category-mgnt-form-group label{color:#334155;color:var(--service-category-mgnt-gray-700);display:block;font-size:.75rem;font-weight:600;margin-bottom:.35rem}.service-category-mgnt-required{color:#dc2626;color:var(--service-category-mgnt-danger)}.service-category-mgnt-input,.service-category-mgnt-textarea{border:1px solid #cbd5e1;border:1px solid var(--service-category-mgnt-gray-300);border-radius:10px;border-radius:var(--service-category-mgnt-radius);font-family:inherit;font-size:.75rem;padding:.55rem .8rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition);width:100%}.service-category-mgnt-input:focus,.service-category-mgnt-textarea:focus{border-color:#0f766e;border-color:var(--service-category-mgnt-primary);box-shadow:0 0 0 3px #86efac1a;outline:none}.service-category-mgnt-textarea{min-height:72px;resize:vertical}.service-category-mgnt-image-upload-group{display:flex;flex-direction:column;gap:.75rem}.service-category-mgnt-upload-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--service-category-mgnt-gray-200);display:flex;gap:.5rem}.service-category-mgnt-upload-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--service-category-mgnt-gray-600);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;margin-bottom:-2px;padding:.45rem .85rem;transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-upload-tab:hover{color:#115e59;color:var(--service-category-mgnt-primary-dark)}.service-category-mgnt-upload-tab.service-category-mgnt-active{border-bottom-color:#0f766e;border-bottom-color:var(--service-category-mgnt-primary);color:#115e59;color:var(--service-category-mgnt-primary-dark)}.service-category-mgnt-upload-area{background:#f8fafc;background:var(--service-category-mgnt-gray-50);border:2px dashed #cbd5e1;border:2px dashed var(--service-category-mgnt-gray-300);border-radius:10px;border-radius:var(--service-category-mgnt-radius);cursor:pointer;padding:1rem;text-align:center;transition:all .2s ease;transition:var(--service-category-mgnt-transition)}.service-category-mgnt-upload-area:hover{background:#e6fffb;background:var(--service-category-mgnt-primary-light);border-color:#0f766e;border-color:var(--service-category-mgnt-primary)}.service-category-mgnt-upload-area.service-category-mgnt-uploading{opacity:.6;pointer-events:none}.service-category-mgnt-upload-icon{color:#0f766e;color:var(--service-category-mgnt-primary);font-size:1.6rem;margin-bottom:.5rem}.service-category-mgnt-upload-text{color:#334155;color:var(--service-category-mgnt-gray-700);font-size:.8rem;margin:.5rem 0}.service-category-mgnt-upload-hint{color:var(--service-category-mgnt-gray-500);font-size:.7rem;margin:0}.service-category-mgnt-file-input{display:none}.service-category-mgnt-image-preview{margin-top:.75rem;text-align:center}.service-category-mgnt-image-preview img{border:1px solid #cbd5e1;border:1px solid var(--service-category-mgnt-gray-300);border-radius:10px;border-radius:var(--service-category-mgnt-radius);max-height:200px;max-width:100%}.service-category-mgnt-modal-footer{background:#f8fafc;background:var(--service-category-mgnt-gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--service-category-mgnt-gray-200);display:flex;gap:.625rem;justify-content:flex-end;padding:12px 14px}.service-category-mgnt-loading{align-items:center;color:#475569;color:var(--service-category-mgnt-gray-600);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;min-height:320px}.service-category-mgnt-spinner{animation:service-category-mgnt-spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#0f766e;border:3px solid var(--service-category-mgnt-gray-200);border-radius:50%;border-top-color:var(--service-category-mgnt-primary);height:34px;margin-bottom:1rem;width:34px}@keyframes service-category-mgnt-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.service-category-mgnt-page{padding:12px}.service-category-mgnt-header{align-items:stretch;flex-direction:column}.service-category-mgnt-header-left{justify-content:space-between}.service-category-mgnt-filters{align-items:stretch;flex-direction:column}.service-category-mgnt-search-box{max-width:none}}@media (max-width:768px){.service-category-mgnt-header{align-items:flex-start;padding:10px 12px}.service-category-mgnt-header-left{width:100%}.service-category-mgnt-header-right{justify-content:flex-start;margin-left:0;width:100%}.service-category-mgnt-btn{justify-content:center;width:100%}.service-category-mgnt-advanced-filters,.service-category-mgnt-filters,.service-category-mgnt-modal-footer{align-items:stretch;flex-direction:column}.service-category-mgnt-filter-group{justify-content:space-between;width:100%}.service-category-mgnt-search-box,.service-category-mgnt-select{max-width:none;width:100%}.service-category-mgnt-table-container{overflow-x:auto}.service-category-mgnt-table{min-width:760px}.service-category-mgnt-modal-content{max-width:96%}.service-category-mgnt-pagination{flex-wrap:wrap;justify-content:space-between}.service-category-mgnt-pagination-info{margin-left:0;margin-top:.5rem;text-align:center;width:100%}}@media (max-width:480px){.service-category-mgnt-header-title h1{font-size:16px}.service-category-mgnt-header-title p{font-size:12px}.service-category-mgnt-btn{font-size:.72rem;padding:.45rem .7rem}.service-category-mgnt-table{font-size:.72rem}.service-category-mgnt-table td,.service-category-mgnt-table th{padding:.55rem .7rem}.service-category-mgnt-modal-header h2{font-size:.95rem}}:root{--messageitem-primary:#7cb342;--messageitem-primary-light:#aed581;--messageitem-primary-dark:#689f38;--messageitem-bg-light:#f1f8e9;--messageitem-bg-lighter:#f9fbe7;--messageitem-white:#fff;--messageitem-text:#2e7d32;--messageitem-text-dark:#1b5e20;--messageitem-text-gray:#616161;--messageitem-border:#c5e1a5;--messageitem-border-light:#dcedc8;--messageitem-danger:#ef5350;--messageitem-info:#42a5f5;--messageitem-shadow-sm:0 1px 2px #4caf500d;--messageitem-shadow-md:0 2px 4px #4caf501a;--messageitem-shadow-lg:0 4px 10px #4caf5026;--messageitem-radius-sm:4px;--messageitem-radius-md:6px;--messageitem-radius-lg:10px}.messageitem-container{animation:messageitem-fadeInUp .3s cubic-bezier(.34,1.56,.64,1);display:flex;margin-bottom:.6rem;max-width:100%;width:100%}.messageitem-content-group{align-items:flex-end;display:flex;max-width:75%}.messageitem-my .messageitem-content-group,.messageitem-other .messageitem-content-group{flex-direction:row}@keyframes messageitem-fadeInUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.messageitem-container.messageitem-my{justify-content:flex-end;margin-left:auto}.messageitem-container.messageitem-other{justify-content:flex-start;margin-right:auto}.messageitem-avatar:hover{border-color:#7cb342;border-color:var(--messageitem-primary);transform:scale(1.1)}.messageitem-avatar{border:1px solid #c5e1a5;border:1px solid var(--messageitem-border);border-radius:50%;box-shadow:0 1px 2px #4caf500d;box-shadow:var(--messageitem-shadow-sm);flex-shrink:0;height:28px;object-fit:cover;transition:all .3s ease;width:28px}.messageitem-other .messageitem-avatar{margin-right:.5rem}.messageitem-my .messageitem-avatar{margin-left:.5rem}.messageitem-content-wrapper{display:flex;flex:0 1 auto;flex-direction:column;gap:.1rem;max-width:calc(100% - 36px);min-width:0;position:relative}.messageitem-my .messageitem-content-wrapper{align-items:flex-end}.messageitem-other .messageitem-content-wrapper{align-items:flex-start}.messageitem-sender-name{color:#2e7d32;color:var(--messageitem-text);font-size:.65rem;font-weight:600;opacity:.8;padding:0 .5rem}.messageitem-bubble{word-wrap:break-word;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;border-radius:var(--messageitem-radius-md);box-shadow:0 1px 2px #4caf500d;box-shadow:var(--messageitem-shadow-sm);padding:.5rem .75rem;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.messageitem-my .messageitem-bubble{background:linear-gradient(135deg,#7cb342,#689f38);background:linear-gradient(135deg,var(--messageitem-primary) 0,var(--messageitem-primary-dark) 100%);border-bottom-right-radius:4px;box-shadow:0 2px 4px #4caf501a;box-shadow:var(--messageitem-shadow-md);color:#fff;color:var(--messageitem-white)}.messageitem-other .messageitem-bubble{background:#fff;background:var(--messageitem-white);border:1px solid #dcedc8;border:1px solid var(--messageitem-border-light);border-bottom-left-radius:4px;color:#1b5e20;color:var(--messageitem-text-dark)}.messageitem-bubble:hover{box-shadow:0 4px 10px #4caf5026;box-shadow:var(--messageitem-shadow-lg);transform:translateY(-2px)}.messageitem-text{display:flex;flex-direction:column;gap:.3rem}.messageitem-text-content{font-size:.8rem;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.messageitem-reply-preview{align-items:center;background:#7cb3421f;border-left:2px solid #7cb342;border-left:2px solid var(--messageitem-primary);border-radius:var(--messageitem-radius-sm);font-size:.7rem;gap:.35rem;opacity:.9;padding:.3rem .5rem}.messageitem-my .messageitem-reply-preview{background:#ffffff26;border-left-color:#ffffff80}.messageitem-reply-preview i{font-size:.7rem}.messageitem-image{display:flex;flex-direction:column;gap:.4rem;max-width:250px}.messageitem-image-caption{font-size:.78rem;line-height:1.4;margin:0;opacity:.95}.messageitem-image-img{border:1px solid #0000;border-radius:6px;border-radius:var(--messageitem-radius-md);cursor:pointer;display:block;max-height:350px;object-fit:cover;transition:all .3s ease;width:100%}.messageitem-image-img:hover{border-color:#aed581;border-color:var(--messageitem-primary-light);box-shadow:0 4px 10px #4caf5026;box-shadow:var(--messageitem-shadow-lg);transform:scale(1.03)}.messageitem-image-error{align-items:center;background:linear-gradient(135deg,#f9fbe7,#f1f8e9);background:linear-gradient(135deg,var(--messageitem-bg-lighter),var(--messageitem-bg-light));border:1px dashed #c5e1a5;border:1px dashed var(--messageitem-border);border-radius:6px;border-radius:var(--messageitem-radius-md);color:#616161;color:var(--messageitem-text-gray);display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem}.messageitem-image-error i{color:#aed581;color:var(--messageitem-primary-light);font-size:1.5rem;margin-bottom:.5rem;opacity:.4}.messageitem-image-error span{font-size:.7rem;font-weight:500}.messageitem-file{align-items:center;background:#7cb3420d;border-radius:4px;border-radius:var(--messageitem-radius-sm);display:flex;gap:.5rem;min-width:220px;padding:.4rem .5rem}.messageitem-my .messageitem-file{background:#ffffff1a}.messageitem-file-icon{align-items:center;background:#f1f8e9;background:var(--messageitem-bg-light);border-radius:4px;border-radius:var(--messageitem-radius-sm);box-shadow:0 1px 2px #4caf500d;box-shadow:var(--messageitem-shadow-sm);display:flex;flex-shrink:0;font-size:1.1rem;height:34px;justify-content:center;width:34px}.messageitem-my .messageitem-file-icon{background:#fff3;color:#fff;color:var(--messageitem-white)}.messageitem-other .messageitem-file-icon{color:#7cb342;color:var(--messageitem-primary)}.messageitem-file-icon .fa-file-pdf{color:#ef5350;color:var(--messageitem-danger)}.messageitem-file-icon .fa-file-word{color:#42a5f5;color:var(--messageitem-info)}.messageitem-file-icon .fa-file-excel{color:#7cb342;color:var(--messageitem-primary)}.messageitem-file-icon .fa-file-powerpoint{color:#ff9800}.messageitem-file-icon .fa-file-archive{color:#9c27b0}.messageitem-file-info{display:flex;flex:1 1;flex-direction:column;gap:.1rem;overflow:hidden}.messageitem-file-name{color:inherit;font-size:.75rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageitem-file-size{font-size:.65rem;font-weight:500;margin:0;opacity:.7}.messageitem-file-download{align-items:center;background:#f1f8e9;background:var(--messageitem-bg-light);border-radius:50%;box-shadow:0 1px 2px #4caf500d;box-shadow:var(--messageitem-shadow-sm);color:#7cb342;color:var(--messageitem-primary);display:flex;flex-shrink:0;font-size:.8rem;height:28px;justify-content:center;text-decoration:none;transition:all .3s ease;width:28px}.messageitem-file-download:hover{background:#7cb342;background:var(--messageitem-primary);box-shadow:0 2px 4px #4caf501a;box-shadow:var(--messageitem-shadow-md);color:#fff;color:var(--messageitem-white);transform:scale(1.1)}.messageitem-my .messageitem-file-download{background:#fff3;color:#fff;color:var(--messageitem-white)}.messageitem-voice{padding:.2rem}.messageitem-voice-audio{border-radius:4px;border-radius:var(--messageitem-radius-sm);height:30px;outline:none;width:220px}.messageitem-voice-audio::-webkit-media-controls-panel{background:#7cb3421a;border-radius:4px;border-radius:var(--messageitem-radius-sm)}.messageitem-my .messageitem-voice-audio::-webkit-media-controls-panel{background:#ffffff26}.messageitem-container.messageitem-system-wrapper{justify-content:center;margin:.8rem 0;max-width:100%}.messageitem-system{align-items:center;background:linear-gradient(135deg,#f1f8e9,#f9fbe7);background:linear-gradient(135deg,var(--messageitem-bg-light),var(--messageitem-bg-lighter));border:1px solid #dcedc8;border:1px solid var(--messageitem-border-light);border-radius:10px;border-radius:var(--messageitem-radius-lg);box-shadow:0 1px 2px #4caf500d;box-shadow:var(--messageitem-shadow-sm);color:#2e7d32;color:var(--messageitem-text);display:inline-flex;font-size:.7rem;font-weight:600;gap:.4rem;margin:0 auto;padding:.4rem .8rem}.messageitem-system i{color:#7cb342;color:var(--messageitem-primary);font-size:.7rem}.messageitem-meta{align-items:center;display:flex;font-size:.62rem;font-weight:500;gap:.35rem;margin-top:.2rem;opacity:.8}.messageitem-time{white-space:nowrap}.messageitem-status{align-items:center;display:flex}.messageitem-status i{font-size:.7rem}.messageitem-status.messageitem-status-sent{color:#ffffffbf}.messageitem-status.messageitem-status-read{color:#a5d6a7}.messageitem-other .messageitem-status{color:#616161;color:var(--messageitem-text-gray)}.messageitem-actions{animation:messageitem-actionsSlideIn .3s ease-out forwards;background:#fff;background:var(--messageitem-white);border:1px solid #dcedc8;border:1px solid var(--messageitem-border-light);border-radius:10px;border-radius:var(--messageitem-radius-lg);box-shadow:0 3px 10px #7cb34233;display:flex;gap:.2rem;opacity:0;padding:.2rem;position:absolute;top:50%;z-index:10}@keyframes messageitem-actionsSlideIn{to{opacity:1;transform:translateY(0)}}.messageitem-my .messageitem-actions{right:calc(100% + 8px)}.messageitem-other .messageitem-actions{left:calc(100% + 8px)}.messageitem-action-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#616161;color:var(--messageitem-text-gray);cursor:pointer;display:flex;font-size:.75rem;height:26px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:26px}.messageitem-action-button:hover{background:#f1f8e9;background:var(--messageitem-bg-light);color:#2e7d32;color:var(--messageitem-text);transform:scale(1.15)}.messageitem-action-button.messageitem-action-reply:hover{background:#e3f2fd;color:#42a5f5;color:var(--messageitem-info)}.messageitem-action-button.messageitem-action-delete:hover{background:#ffebee;color:#ef5350;color:var(--messageitem-danger)}@media (max-width:768px){.messageitem-container{animation:messageitem-fadeInUp .3s cubic-bezier(.34,1.56,.64,1);display:flex;margin-bottom:.6rem;max-width:100%;width:100%}.messageitem-container.messageitem-my{justify-content:flex-end}.messageitem-container.messageitem-other{justify-content:flex-start}.messageitem-content-group{align-items:flex-end;display:flex;max-width:75%}.my-group,.other-group{flex-direction:row}.messageitem-image{max-width:220px}.messageitem-file{min-width:200px}.messageitem-voice-audio{width:200px}.messageitem-avatar{height:28px;width:28px}}@media (max-width:480px){.messageitem-container{gap:.35rem;margin-bottom:.5rem;max-width:90%}.messageitem-avatar{height:26px;width:26px}.messageitem-bubble{padding:.45rem .65rem}.messageitem-text-content{font-size:.78rem}.messageitem-sender-name{font-size:.65rem;padding:0 .4rem}.messageitem-image{max-width:180px}.messageitem-file{gap:.5rem;min-width:170px;padding:.35rem}.messageitem-file-icon{font-size:1rem;height:32px;width:32px}.messageitem-file-name{font-size:.75rem}.messageitem-file-size{font-size:.65rem}.messageitem-file-download{font-size:.75rem;height:26px;width:26px}.messageitem-voice-audio{height:28px;width:170px}.messageitem-actions{padding:.15rem;top:-5px}.messageitem-action-button{font-size:.7rem;height:24px;width:24px}.messageitem-meta{font-size:.6rem}.messageitem-system{font-size:.7rem;padding:.4rem .8rem}}@media (prefers-reduced-motion:reduce){.messageitem-action-button,.messageitem-actions,.messageitem-avatar,.messageitem-bubble,.messageitem-container{animation:none!important;transition:none!important}}@media print{.messageitem-actions{display:none!important}.messageitem-bubble{border:1px solid #ddd!important;box-shadow:none!important}}.messageitem-reply-preview{align-items:flex-start;background:#00000014;border-left:3px solid #fff9;border-radius:4px;display:flex;font-size:12px;gap:6px;margin-bottom:5px;padding:5px 8px}.messageitem-reply-content{display:flex;flex-direction:column;overflow:hidden}.messageitem-reply-sender{color:inherit;font-size:11px;font-weight:700;opacity:.9}.messageitem-reply-text{max-width:200px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--chatinput-primary:#7cb342;--chatinput-border:#dcedc8;--chatinput-bg-light:#f9fbe7;--chatinput-bg-white:#fff;--chatinput-text:#33691e;--chatinput-text-gray:#757575;--chatinput-danger:#e57373;--chatinput-info:#64b5f6;--chatinput-shadow-sm:0 1px 2px #0000000d;--chatinput-shadow-md:0 2px 8px #0000001a;--chatinput-radius-sm:4px;--chatinput-radius-md:8px;--chatinput-radius-lg:12px}.chatinput-container{background:#fff;background:var(--chatinput-bg-white);border-top:1px solid #dcedc8;border-top:1px solid var(--chatinput-border);display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.chatinput-selected-files-preview{background:#f9fbe7;background:var(--chatinput-bg-light);border-radius:8px;border-radius:var(--chatinput-radius-md);display:flex;flex-wrap:wrap;gap:.5rem;max-height:120px;overflow-y:auto;padding:.5rem}.chatinput-file-preview-item{align-items:center;background:#fff;background:var(--chatinput-bg-white);border:1px solid #dcedc8;border:1px solid var(--chatinput-border);border-radius:4px;border-radius:var(--chatinput-radius-sm);display:flex;flex-direction:column;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.chatinput-file-preview-item img{height:100%;object-fit:cover;width:100%}.chatinput-file-preview-icon{color:#757575;color:var(--chatinput-text-gray);font-size:1.5rem}.chatinput-file-preview-name{background:#0009;bottom:0;color:#fff;font-size:.6rem;left:0;overflow:hidden;padding:.15rem;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.chatinput-remove-file-btn{align-items:center;background:#e57373e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.6rem;height:16px;justify-content:center;position:absolute;right:2px;top:2px;transition:all .3s;width:16px;z-index:2}.chatinput-remove-file-btn:hover{background:#e57373;background:var(--chatinput-danger);transform:scale(1.1)}.chatinput-recording-indicator{align-items:center;background:#ffebee;border-radius:8px;border-radius:var(--chatinput-radius-md);display:flex;gap:.75rem;padding:.5rem .75rem}.chatinput-recording-animation{align-items:center;display:flex;flex:1 1;gap:.4rem}.chatinput-recording-dot{animation:chatinput-recordingPulse 1.5s infinite;background:#e57373;background:var(--chatinput-danger);border-radius:50%;height:10px;width:10px}@keyframes chatinput-recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.chatinput-recording-text{color:#c62828;font-size:.8rem;font-weight:600}.chatinput-recording-time{color:#c62828;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.chatinput-cancel-recording-btn{align-items:center;background:#fff;border:1px solid #dcedc8;border:1px solid var(--chatinput-border);border-radius:4px;border-radius:var(--chatinput-radius-sm);color:#c62828;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.25rem .6rem;transition:all .3s}.chatinput-cancel-recording-btn:hover{background:#ffebee}.chatinput-wrapper{align-items:flex-end;display:flex;gap:.3rem;position:relative}.chatinput-emoji-picker-wrapper{flex-shrink:0;position:relative}.chatinput-emoji-picker{animation:chatinput-slideUp .3s ease-out;background:#fff;background:var(--chatinput-bg-white);border-radius:8px;border-radius:var(--chatinput-radius-md);bottom:100%;box-shadow:0 2px 8px #0000001a;box-shadow:var(--chatinput-shadow-md);left:0;margin-bottom:.5rem;max-height:300px;overflow:hidden;position:absolute;width:280px;z-index:100}@keyframes chatinput-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatinput-emoji-picker-header{align-items:center;border-bottom:1px solid #dcedc8;border-bottom:1px solid var(--chatinput-border);display:flex;justify-content:space-between;padding:.5rem .75rem}.chatinput-emoji-picker-header h4{color:#33691e;color:var(--chatinput-text);font-size:.8rem;font-weight:600;margin:0}.chatinput-close-emoji-btn{background:none;border:none;border-radius:4px;border-radius:var(--chatinput-radius-sm);color:#757575;color:var(--chatinput-text-gray);cursor:pointer;font-size:.9rem;padding:.2rem;transition:all .3s}.chatinput-close-emoji-btn:hover{background:#f9fbe7;background:var(--chatinput-bg-light);color:#33691e;color:var(--chatinput-text)}.chatinput-emoji-list{grid-gap:.1rem;display:grid;gap:.1rem;grid-template-columns:repeat(8,1fr);max-height:250px;overflow-y:auto;padding:.5rem}.chatinput-emoji-list::-webkit-scrollbar{width:5px}.chatinput-emoji-list::-webkit-scrollbar-thumb{background:#dcedc8;background:var(--chatinput-border);border-radius:3px}.chatinput-emoji-item{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--chatinput-radius-sm);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;transition:all .2s}.chatinput-emoji-item:hover{background:#f9fbe7;background:var(--chatinput-bg-light);transform:scale(1.1)}.chatinput-textarea{border:1px solid #dcedc8;border:1px solid var(--chatinput-border);border-radius:8px;border-radius:var(--chatinput-radius-md);flex:1 1;font-family:inherit;font-size:.85rem;max-height:100px;overflow-y:auto;padding:.5rem .75rem;resize:none;transition:all .3s}.chatinput-textarea:focus{border-color:#7cb342;border-color:var(--chatinput-primary);box-shadow:0 0 0 3px #7cb34226;outline:none}.chatinput-textarea:disabled,.chatinput-textarea:focus{background:#f9fbe7;background:var(--chatinput-bg-light)}.chatinput-textarea:disabled{color:#757575;color:var(--chatinput-text-gray);cursor:not-allowed}.chatinput-textarea::-webkit-scrollbar{width:5px}.chatinput-textarea::-webkit-scrollbar-thumb{background:#dcedc8;background:var(--chatinput-border);border-radius:3px}.chatinput-char-counter{background:#fff;background:var(--chatinput-bg-white);border-radius:4px;border-radius:var(--chatinput-radius-sm);bottom:.3rem;color:#757575;color:var(--chatinput-text-gray);font-size:.65rem;opacity:.7;padding:.1rem .25rem;pointer-events:none;position:absolute;right:140px}.chatinput-action-btn{align-items:center;background:#f9fbe7;background:var(--chatinput-bg-light);border:none;border-radius:50%;color:#33691e;color:var(--chatinput-text);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:32px;justify-content:center;transition:all .3s;width:32px}.chatinput-action-btn:hover:not(:disabled){background:#dcedc8;background:var(--chatinput-border);color:#33691e;color:var(--chatinput-text);transform:scale(1.05)}.chatinput-action-btn:active:not(:disabled){transform:scale(.95)}.chatinput-action-btn:disabled{cursor:not-allowed;opacity:.5}.chatinput-emoji-btn:hover:not(:disabled){color:#f59e0b}.chatinput-file-btn:hover:not(:disabled){color:#64b5f6;color:var(--chatinput-info)}.chatinput-voice-btn.chatinput-recording,.chatinput-voice-btn:hover:not(:disabled){color:#e57373;color:var(--chatinput-danger)}.chatinput-voice-btn.chatinput-recording{animation:chatinput-recordingPulse 1.5s infinite;background:#ffebee}.chatinput-send-btn{background:#7cb342;background:var(--chatinput-primary);color:#fff;color:var(--chatinput-bg-white);opacity:.5}.chatinput-send-btn.chatinput-active{opacity:1}.chatinput-send-btn.chatinput-active:hover:not(:disabled){background:var(--chatinput-primary-dark);box-shadow:0 4px 10px #7cb3424d;transform:scale(1.05)}@media (max-width:480px){.chatinput-container{padding:.5rem}.chatinput-wrapper{gap:.25rem}.chatinput-action-btn{font-size:.85rem;height:30px;width:30px}.chatinput-textarea{font-size:.8rem;padding:.45rem .6rem}.chatinput-char-counter{right:110px}.chatinput-emoji-picker{left:50%;transform:translateX(-50%);width:calc(100vw - 1rem)}.chatinput-emoji-list{grid-template-columns:repeat(7,1fr)}}:root{--chatroompage-primary:#7cb342;--chatroompage-primary-light:#aed581;--chatroompage-primary-dark:#689f38;--chatroompage-secondary:#4db6ac;--chatroompage-bg-main:#f1f8e9;--chatroompage-bg-light:#f9fbe7;--chatroompage-bg-content:#fff;--chatroompage-text-main:#33691e;--chatroompage-text-light:#558b2f;--chatroompage-text-gray:#757575;--chatroompage-border:#c5e1a5;--chatroompage-danger:#e57373;--chatroompage-warning:#ffb74d;--chatroompage-success:#81c784;--chatroompage-info:#64b5f6;--chatroompage-shadow-sm:0 1px 2px #0000000f;--chatroompage-shadow-md:0 2px 6px #00000014;--chatroompage-shadow-lg:0 4px 12px #0000001a;--chatroompage-radius-sm:4px;--chatroompage-radius-md:8px;--chatroompage-radius-lg:12px}.chatroompage-container{background:#f1f8e9;background:var(--chatroompage-bg-main);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;height:100%;min-height:600px}.chatroompage-header{align-items:center;background:#fff;background:var(--chatroompage-bg-content);border-bottom:1px solid #c5e1a5;border-bottom:1px solid var(--chatroompage-border);box-shadow:0 1px 2px #0000000f;box-shadow:var(--chatroompage-shadow-sm);display:flex;gap:.65rem;padding:.65rem 1rem;z-index:100}.chatroompage-header-back-button{align-items:center;background:#f1f8e9;background:var(--chatroompage-bg-main);border:1px solid #c5e1a5;border:1px solid var(--chatroompage-border);border-radius:8px;border-radius:var(--chatroompage-radius-md);color:#33691e;color:var(--chatroompage-text-main);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .25s ease;width:32px}.chatroompage-header-back-button:hover{background:#aed581;background:var(--chatroompage-primary-light);border-color:#7cb342;border-color:var(--chatroompage-primary);color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-header-user-info{align-items:center;display:flex;flex:1 1;gap:.6rem}.chatroompage-header-avatar{border:2px solid #7cb342;border:2px solid var(--chatroompage-primary);border-radius:50%;height:36px;object-fit:cover;width:36px}.chatroompage-header-details{display:flex;flex-direction:column;gap:1px}.chatroompage-header-name{color:#33691e;color:var(--chatroompage-text-main);font-size:.85rem;font-weight:600;line-height:1.3;margin:0}.chatroompage-header-status{align-items:center;color:#757575;color:var(--chatroompage-text-gray);display:flex;font-size:.7rem;gap:.3rem}.chatroompage-header-status-dot{background:#757575;background:var(--chatroompage-text-gray);border-radius:50%;height:6px;width:6px}.chatroompage-header-status-dot.chatroompage-header-status-online{animation:chatroompage-pulse 2s infinite;background:#81c784;background:var(--chatroompage-success);box-shadow:0 0 0 2px #81c78433}.chatroompage-header-typing-dot{animation:chatroompage-pulse 1.5s infinite;background:#7cb342;background:var(--chatroompage-primary);border-radius:50%;display:inline-block;height:5px;width:5px}@keyframes chatroompage-pulse{0%,to{opacity:1}50%{opacity:.4}}.chatroompage-header-actions{align-items:center;display:flex;gap:.4rem}.chatroompage-header-timer{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;border-radius:var(--chatroompage-radius-md);color:#33691e;color:var(--chatroompage-text-main);display:flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.35rem .65rem}.chatroompage-header-timer i{font-size:.8rem}.chatroompage-header-timer.chatroompage-header-timer-warning{animation:chatroompage-timer-pulse 1s infinite;background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}@keyframes chatroompage-timer-pulse{0%,to{opacity:1}50%{opacity:.85}}.chatroompage-header-info-button,.chatroompage-header-report-button{align-items:center;background:#f1f8e9;background:var(--chatroompage-bg-main);border:1px solid #c5e1a5;border:1px solid var(--chatroompage-border);border-radius:8px;border-radius:var(--chatroompage-radius-md);color:#33691e;color:var(--chatroompage-text-main);cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:all .25s ease;width:32px}.chatroompage-header-info-button:hover{background:#64b5f6;background:var(--chatroompage-info);border-color:#42a5f5;color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-header-report-button{background:#fff3e0;border-color:#ffe0b2;color:#e65100}.chatroompage-header-report-button:hover{background:#ffb74d;background:var(--chatroompage-warning);border-color:#ff9800;color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-header-end-button{align-items:center;background:linear-gradient(135deg,#7cb342,#689f38);background:linear-gradient(135deg,var(--chatroompage-primary),var(--chatroompage-primary-dark));border:none;border-radius:8px;border-radius:var(--chatroompage-radius-md);box-shadow:0 1px 2px #0000000f;box-shadow:var(--chatroompage-shadow-sm);color:#fff;color:var(--chatroompage-bg-content);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.4rem .75rem;transition:all .25s ease}.chatroompage-header-end-button:hover{box-shadow:0 2px 6px #00000014;box-shadow:var(--chatroompage-shadow-md);transform:translateY(-1px)}.chatroompage-header-end-button i{font-size:.8rem}.chatroompage-content{overflow:hidden}.chatroompage-content,.chatroompage-messages-area{background:#f9fbe7;background:var(--chatroompage-bg-light);display:flex;flex:1 1}.chatroompage-messages-area{flex-direction:column;transition:all .3s ease}.chatroompage-messages-area.chatroompage-messages-area-with-panel{max-width:calc(100% - 300px)}.chatroompage-messages-list{flex:1 1;overflow-y:auto;padding:.85rem;scroll-behavior:smooth}.chatroompage-messages-list::-webkit-scrollbar{width:5px}.chatroompage-messages-list::-webkit-scrollbar-track{background:#0000}.chatroompage-messages-list::-webkit-scrollbar-thumb{background:#c5e1a5;background:var(--chatroompage-border);border-radius:3px}.chatroompage-messages-empty{align-items:center;color:#757575;color:var(--chatroompage-text-gray);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.chatroompage-messages-empty-icon{color:#aed581;color:var(--chatroompage-primary-light);font-size:2.5rem;margin-bottom:.75rem;opacity:.3}.chatroompage-messages-empty-title{color:#558b2f;color:var(--chatroompage-text-light);font-size:.9rem;font-weight:600;margin:.4rem 0}.chatroompage-messages-empty-subtitle{font-size:.75rem;margin:0;opacity:.7}.chatroompage-typing-indicator{align-items:center;display:flex;gap:.25rem;padding:.5rem 1rem}.chatroompage-typing-dot{animation:chatroompage-typing 1.4s infinite;background:#7cb342;background:var(--chatroompage-primary);border-radius:50%;height:6px;width:6px}.chatroompage-typing-dot:nth-child(2){animation-delay:.2s}.chatroompage-typing-dot:nth-child(3){animation-delay:.4s}@keyframes chatroompage-typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chatroompage-info-panel{background:#fff;background:var(--chatroompage-bg-content);border-left:1px solid #c5e1a5;border-left:1px solid var(--chatroompage-border);box-shadow:-2px 0 5px #0000000d;display:flex;flex-direction:column;overflow:hidden;width:300px}.chatroompage-info-panel-header{align-items:center;background:linear-gradient(135deg,#f1f8e9,#f9fbe7);background:linear-gradient(135deg,var(--chatroompage-bg-main),var(--chatroompage-bg-light));border-bottom:1px solid #c5e1a5;border-bottom:1px solid var(--chatroompage-border);display:flex;justify-content:space-between;padding:.75rem 1rem}.chatroompage-info-panel-title{color:#33691e;color:var(--chatroompage-text-main);font-size:.85rem;font-weight:600;margin:0}.chatroompage-info-panel-close{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--chatroompage-radius-sm);color:#757575;color:var(--chatroompage-text-gray);cursor:pointer;display:flex;font-size:.9rem;height:26px;justify-content:center;transition:all .25s ease;width:26px}.chatroompage-info-panel-close:hover{background:#e57373;background:var(--chatroompage-danger);color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-info-panel-content{flex:1 1;overflow-y:auto;padding:.85rem}.chatroompage-info-panel-content::-webkit-scrollbar{width:5px}.chatroompage-info-panel-content::-webkit-scrollbar-track{background:#0000}.chatroompage-info-panel-content::-webkit-scrollbar-thumb{background:#c5e1a5;background:var(--chatroompage-border);border-radius:3px}.chatroompage-info-section{border-bottom:1px solid #c5e1a5;border-bottom:1px solid var(--chatroompage-border);margin-bottom:.85rem;padding-bottom:.85rem}.chatroompage-info-section:last-child{border-bottom:none}.chatroompage-info-section-title{color:#33691e;color:var(--chatroompage-text-main);font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:0 0 .6rem;text-transform:uppercase}.chatroompage-info-item{align-items:flex-start;display:flex;font-size:.75rem;justify-content:space-between;line-height:1.4;margin-bottom:.5rem}.chatroompage-info-label{color:#757575;color:var(--chatroompage-text-gray);flex-shrink:0;font-weight:500;margin-right:.75rem}.chatroompage-info-value{color:#33691e;color:var(--chatroompage-text-main);font-weight:500;text-align:right}.chatroompage-info-item.chatroompage-info-item-total{border-top:2px solid #aed581;border-top:2px solid var(--chatroompage-primary-light);font-size:.8rem;font-weight:700;margin-top:.5rem;padding-top:.6rem}.chatroompage-info-price{color:#7cb342!important;color:var(--chatroompage-primary)!important;font-weight:600}.chatroompage-info-price.chatroompage-info-price-total{font-size:.9rem;font-weight:700}.chatroompage-info-medical-text{background:#f9fbe7;background:var(--chatroompage-bg-light);border-left:3px solid #7cb342;border-left:3px solid var(--chatroompage-primary);color:#558b2f;color:var(--chatroompage-text-light);font-size:.75rem;line-height:1.5;margin:0;padding:.65rem;white-space:pre-wrap}.chatroompage-info-badge,.chatroompage-info-medical-text{border-radius:4px;border-radius:var(--chatroompage-radius-sm)}.chatroompage-info-badge{border:1px solid;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:.2rem .5rem;text-transform:uppercase}.chatroompage-info-badge.chatroompage-info-badge-type{background:#e1f5fe;border-color:#b3e5fc;color:#0277bd}.chatroompage-info-badge.chatroompage-info-badge-pending{background:#fff9c4;border-color:#fff176;color:#f57f17}.chatroompage-info-badge.chatroompage-info-badge-confirmed{background:#e1f5fe;border-color:#b3e5fc;color:#01579b}.chatroompage-info-badge.chatroompage-info-badge-in_progress{background:#c8e6c9;border-color:#a5d6a7;color:#2e7d32}.chatroompage-info-badge.chatroompage-info-badge-completed{background:#e0e0e0;border-color:#bdbdbd;color:#424242}.chatroompage-info-badge.chatroompage-info-badge-cancelled{background:#ffcdd2;border-color:#ef9a9a;color:#c62828}.chatroompage-info-badge.chatroompage-info-badge-payment-paid{background:#c8e6c9;border-color:#a5d6a7;color:#1b5e20}.chatroompage-info-badge.chatroompage-info-badge-payment-pending{background:#fff9c4;border-color:#fff176;color:#f57f17}.chatroompage-info-badge.chatroompage-info-badge-payment-refunded{background:#ffcdd2;border-color:#ef9a9a;color:#b71c1c}.chatroompage-info-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.chatroompage-info-action-button{align-items:center;border:none;border-radius:8px;border-radius:var(--chatroompage-radius-md);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem .85rem;transition:all .25s ease}.chatroompage-info-action-button i{font-size:.8rem}.chatroompage-info-action-button.chatroompage-info-action-view{background:#f1f8e9;background:var(--chatroompage-bg-main);border:1px solid #c5e1a5;border:1px solid var(--chatroompage-border);color:#33691e;color:var(--chatroompage-text-main)}.chatroompage-info-action-button.chatroompage-info-action-view:hover{background:#64b5f6;background:var(--chatroompage-info);border-color:#42a5f5;color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-info-action-button.chatroompage-info-action-cancel{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.chatroompage-info-action-button.chatroompage-info-action-cancel:hover{background:#e57373;background:var(--chatroompage-danger);border-color:#e57373;border-color:var(--chatroompage-danger);color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-modal-overlay{align-items:center;animation:chatroompage-fadeIn .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#33691e66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes chatroompage-fadeIn{0%{opacity:0}to{opacity:1}}.chatroompage-modal-content{animation:chatroompage-slideUp .3s ease;background:#fff;background:var(--chatroompage-bg-content);border-radius:12px;border-radius:var(--chatroompage-radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--chatroompage-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}@keyframes chatroompage-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatroompage-modal-content.chatroompage-modal-end{max-width:550px}.chatroompage-modal-header{align-items:center;background:linear-gradient(135deg,#f1f8e9,#f9fbe7);background:linear-gradient(135deg,var(--chatroompage-bg-main),var(--chatroompage-bg-light));border-bottom:1px solid #c5e1a5;border-bottom:1px solid var(--chatroompage-border);display:flex;flex-shrink:0;justify-content:space-between;padding:.85rem 1.25rem}.chatroompage-modal-title{color:#33691e;color:var(--chatroompage-text-main);font-size:.95rem;font-weight:600;margin:0}.chatroompage-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--chatroompage-radius-sm);color:#757575;color:var(--chatroompage-text-gray);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;transition:all .25s ease;width:28px}.chatroompage-modal-close:hover{background:#e57373;background:var(--chatroompage-danger);color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-modal-form{overflow-y:auto;padding:1.25rem}.chatroompage-modal-form::-webkit-scrollbar{width:5px}.chatroompage-modal-form::-webkit-scrollbar-thumb{background:#c5e1a5;background:var(--chatroompage-border);border-radius:3px}.chatroompage-modal-form-group{margin-bottom:.85rem}.chatroompage-modal-label{color:#33691e;color:var(--chatroompage-text-main);display:block;font-size:.75rem;font-weight:600;margin-bottom:.35rem}.chatroompage-modal-required{color:#e57373;color:var(--chatroompage-danger);margin-left:2px}.chatroompage-modal-input,.chatroompage-modal-select,.chatroompage-modal-textarea{background:#fff;background:var(--chatroompage-bg-content);border:1px solid #c5e1a5;border:1px solid var(--chatroompage-border);border-radius:8px;border-radius:var(--chatroompage-radius-md);color:#33691e;color:var(--chatroompage-text-main);font-family:inherit;font-size:.8rem;padding:.55rem .7rem;transition:all .25s ease;width:100%}.chatroompage-modal-input:focus,.chatroompage-modal-select:focus,.chatroompage-modal-textarea:focus{background:#f9fbe7;background:var(--chatroompage-bg-light);border-color:#7cb342;border-color:var(--chatroompage-primary);box-shadow:0 0 0 3px #7cb34226;outline:none}.chatroompage-modal-textarea{line-height:1.5;min-height:60px;resize:vertical}.chatroompage-modal-checkbox-group{margin-bottom:.85rem}.chatroompage-modal-checkbox-label{align-items:center;color:#33691e;color:var(--chatroompage-text-main);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem}.chatroompage-modal-checkbox{accent-color:#7cb342;accent-color:var(--chatroompage-primary);cursor:pointer;height:14px;width:14px}.chatroompage-modal-actions{border-top:1px solid #c5e1a5;border-top:1px solid var(--chatroompage-border);display:flex;flex-shrink:0;gap:.6rem;justify-content:flex-end;padding:1rem 1.25rem}.chatroompage-modal-button{align-items:center;border:none;border-radius:8px;border-radius:var(--chatroompage-radius-md);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.55rem 1.1rem;transition:all .25s ease}.chatroompage-modal-button i{font-size:.85rem}.chatroompage-modal-button.chatroompage-modal-button-cancel{background:#f1f8e9;background:var(--chatroompage-bg-main);border:1px solid #c5e1a5;border:1px solid var(--chatroompage-border);color:#33691e;color:var(--chatroompage-text-main)}.chatroompage-modal-button.chatroompage-modal-button-cancel:hover{background:#e0e0e0;border-color:#bdbdbd;color:#424242}.chatroompage-modal-button.chatroompage-modal-button-submit{background:linear-gradient(135deg,#7cb342,#689f38);background:linear-gradient(135deg,var(--chatroompage-primary),var(--chatroompage-primary-dark));box-shadow:0 1px 2px #0000000f;box-shadow:var(--chatroompage-shadow-sm);color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-modal-button.chatroompage-modal-button-submit:hover{box-shadow:0 2px 6px #00000014;box-shadow:var(--chatroompage-shadow-md);transform:translateY(-1px)}.chatroompage-otp-container{align-items:center;background:linear-gradient(135deg,#f9fbe7,#f1f8e9);background:linear-gradient(135deg,var(--chatroompage-bg-light),var(--chatroompage-bg-main));display:flex;justify-content:center;min-height:100vh;padding:1rem}.chatroompage-otp-modal{animation:chatroompage-slideUp .3s ease;background:#fff;background:var(--chatroompage-bg-content);border-radius:12px;border-radius:var(--chatroompage-radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--chatroompage-shadow-lg);max-width:380px;padding:1.5rem;position:relative;text-align:center;width:100%}.chatroompage-otp-back-button{align-items:center;background:#f1f8e9;background:var(--chatroompage-bg-main);border:1px solid #c5e1a5;border:1px solid var(--chatroompage-border);border-radius:8px;border-radius:var(--chatroompage-radius-md);color:#33691e;color:var(--chatroompage-text-main);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;left:.85rem;position:absolute;top:.85rem;transition:all .25s ease;width:32px}.chatroompage-otp-back-button:hover{background:#aed581;background:var(--chatroompage-primary-light);border-color:#7cb342;border-color:var(--chatroompage-primary);color:#fff;color:var(--chatroompage-bg-content)}.chatroompage-otp-icon{align-items:center;background:linear-gradient(135deg,#7cb342,#689f38);background:linear-gradient(135deg,var(--chatroompage-primary),var(--chatroompage-primary-dark));border-radius:50%;box-shadow:0 2px 6px #00000014;box-shadow:var(--chatroompage-shadow-md);color:#fff;color:var(--chatroompage-bg-content);display:flex;font-size:1.5rem;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.chatroompage-otp-title{color:#33691e;color:var(--chatroompage-text-main);font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.chatroompage-otp-description{color:#757575;color:var(--chatroompage-text-gray);font-size:.8rem;line-height:1.5;margin-bottom:1.25rem}.chatroompage-otp-form{text-align:left}.chatroompage-otp-input-group{margin-bottom:1rem}.chatroompage-otp-label{display:block;font-size:.75rem;margin-bottom:.4rem}.chatroompage-otp-input,.chatroompage-otp-label{color:#33691e;color:var(--chatroompage-text-main);font-weight:600}.chatroompage-otp-input{border:2px solid #c5e1a5;border:2px solid var(--chatroompage-border);border-radius:8px;border-radius:var(--chatroompage-radius-md);font-size:1.1rem;letter-spacing:6px;padding:.65rem;text-align:center;transition:all .25s ease;width:100%}.chatroompage-otp-input:focus{background:#f9fbe7;background:var(--chatroompage-bg-light);border-color:#7cb342;border-color:var(--chatroompage-primary);box-shadow:0 0 0 3px #7cb34226;outline:none}.chatroompage-otp-error{color:#e57373;color:var(--chatroompage-danger);font-size:.75rem;font-weight:500;margin:.75rem 0;text-align:center}.chatroompage-otp-submit-button{align-items:center;background:linear-gradient(135deg,#7cb342,#689f38);background:linear-gradient(135deg,var(--chatroompage-primary),var(--chatroompage-primary-dark));border:none;border-radius:8px;border-radius:var(--chatroompage-radius-md);box-shadow:0 1px 2px #0000000f;box-shadow:var(--chatroompage-shadow-sm);color:#fff;color:var(--chatroompage-bg-content);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.7rem;transition:all .25s ease;width:100%}.chatroompage-otp-submit-button:hover{box-shadow:0 2px 6px #00000014;box-shadow:var(--chatroompage-shadow-md);transform:translateY(-1px)}.chatroompage-otp-submit-button i{font-size:.9rem}.chatroompage-error-container,.chatroompage-loading-container{align-items:center;background:linear-gradient(135deg,#f9fbe7,#f1f8e9);background:linear-gradient(135deg,var(--chatroompage-bg-light),var(--chatroompage-bg-main));display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.chatroompage-loading-spinner{animation:chatroompage-spin 1s linear infinite;border:4px solid #c5e1a5;border-top-color:#7cb342;border:4px solid var(--chatroompage-border);border-radius:50%;border-top-color:var(--chatroompage-primary);height:40px;margin-bottom:1rem;width:40px}@keyframes chatroompage-spin{to{transform:rotate(1turn)}}.chatroompage-loading-text{color:#558b2f;color:var(--chatroompage-text-light);font-size:.85rem;font-weight:500}.chatroompage-error-icon{color:#e57373;color:var(--chatroompage-danger);font-size:3rem;margin-bottom:1rem}.chatroompage-error-title{color:#33691e;color:var(--chatroompage-text-main);font-size:1rem;font-weight:600;margin-bottom:1rem}.chatroompage-error-button{background:linear-gradient(135deg,#7cb342,#689f38);background:linear-gradient(135deg,var(--chatroompage-primary),var(--chatroompage-primary-dark));border:none;border-radius:8px;border-radius:var(--chatroompage-radius-md);box-shadow:0 1px 2px #0000000f;box-shadow:var(--chatroompage-shadow-sm);color:#fff;color:var(--chatroompage-bg-content);cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem 1.4rem;transition:all .25s ease}.chatroompage-error-button:hover{box-shadow:0 2px 6px #00000014;box-shadow:var(--chatroompage-shadow-md);transform:translateY(-1px)}@media (max-width:768px){.chatroompage-header{padding:.6rem .75rem}.chatroompage-header-avatar{height:32px;width:32px}.chatroompage-header-name{font-size:.8rem}.chatroompage-header-end-button span{display:none}.chatroompage-header-end-button{padding:.4rem .5rem}.chatroompage-messages-area.chatroompage-messages-area-with-panel{max-width:100%}.chatroompage-info-panel{animation:chatroompage-slideIn .3s ease;bottom:0;box-shadow:-4px 0 20px #00000026;max-width:320px;position:fixed;right:0;top:0;width:100%;z-index:200}@keyframes chatroompage-slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.chatroompage-modal-content{margin:1rem;max-height:90vh;width:95%}}@media (max-width:480px){.chatroompage-header-actions{gap:.3rem}.chatroompage-header-info-button,.chatroompage-header-report-button{font-size:.8rem;height:28px;width:28px}.chatroompage-header-back-button{height:28px;width:28px}.chatroompage-header-timer{font-size:.7rem;padding:.3rem .5rem}.chatroompage-messages-list{padding:.5rem}.chatroompage-info-panel{max-width:100%}.chatroompage-otp-modal{padding:1.25rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.inroom-result-panel-outer{align-items:stretch;bottom:0;display:flex;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.inroom-result-panel-root{background:#fff;box-shadow:-8px 0 24px #0206171f;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;max-width:90vw;overflow:hidden;pointer-events:auto;position:relative;transition:transform .22s ease,width .18s ease;width:clamp(300px,36vw,420px);width:var(--inroom-panel-width,clamp(300px,36vw,420px))}.inroom-result-panel-header{align-items:center;background:#f0fdf4;border-bottom:1px solid #eef2f7;display:flex;font-weight:600;justify-content:space-between;min-height:52px;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:10001}.inroom-result-panel-close{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;line-height:1;position:relative;transition:background .2s;width:32px;z-index:10002}.inroom-result-panel-close:hover{background:#fca5a5}.inroom-result-panel-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 12px 40px;scroll-behavior:smooth}.inroom-result-panel-handle{align-items:center;background:#fffffffa;border-radius:8px;box-shadow:0 6px 18px #02061714;cursor:ew-resize;display:flex;height:56px;justify-content:center;left:-24px;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:4000}.inroom-result-panel-handle-icon{color:#16a34a;font-size:12px;letter-spacing:-2px;line-height:1;pointer-events:none}.inroom-result-panel-toggle{align-items:center;background:#dcfce7;border:none;border-radius:6px;color:#166534;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;transition:background .2s;width:32px}.inroom-result-panel-toggle:hover{background:#bbf7d0}.inroom-result-panel-root.collapsed{width:56px!important}@media (max-width:900px){.inroom-result-panel-outer{background:#00000059;pointer-events:auto}.inroom-result-panel-root{height:100vh;max-width:100%;width:100%}}.main-layout.inroom-panel-open .main-content{margin-right:420px;margin-right:var(--inroom-panel-width,420px);transition:margin-right .18s ease}.main-layout.inroom-panel-open .layout-body{align-items:stretch}.main-layout.inroom-panel-open .main-content{overflow:hidden}.main-layout.inroom-panel-open .footer-component,.main-layout.inroom-panel-open .header-component,.main-layout.navbar-only .footer-component,.main-layout.navbar-only .header-component{display:none!important}@media (max-width:900px){.main-layout.inroom-panel-open .main-content{margin-right:0}}:root{--cdp-primary:#22c55e;--cdp-primary-light:#dcfce7;--cdp-primary-bg:#f0fdf4;--cdp-text:#1f2937;--cdp-text-muted:#4b5563;--cdp-border:#e5e7eb;--cdp-white:#fff;--cdp-warning-bg:#fef9c3;--cdp-warning-text:#854d0e;--cdp-danger-bg:#fee2e2;--cdp-danger-text:#991b1b;--cdp-info-bg:#dbeafe;--cdp-info-text:#1e40af;--cdp-radius:8px;--cdp-shadow-sm:0 1px 2px 0 #0000000d;--cdp-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.cdp-page{background:#f0fdf4;background:var(--cdp-primary-bg);color:#1f2937;color:var(--cdp-text);font-family:Inter,sans-serif;font-size:.9rem;min-height:100vh;padding:1.5rem 0}.cdp-wrapper{margin:0 auto;max-width:1100px;padding:0 1.5rem;width:100%}.cdp-wrapper,.cdp-wrapper *,.cdp-wrapper :after,.cdp-wrapper :before{box-sizing:border-box}.cdp-error-screen,.cdp-loading-screen{align-items:center;color:#4b5563;color:var(--cdp-text-muted);display:flex;flex-direction:column;font-size:1rem;gap:12px;justify-content:center;min-height:50vh}.cdp-spin{animation:cdp-spin 1s linear infinite;color:#22c55e;color:var(--cdp-primary);font-size:1.5rem}@keyframes cdp-spin{to{transform:rotate(1turn)}}.cdp-header{justify-content:space-between;margin-bottom:1.5rem}.cdp-header,.cdp-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.cdp-btn-back{align-items:center;background:#fff;background:var(--cdp-white);border:1px solid #e5e7eb;border:1px solid var(--cdp-border);border-radius:8px;border-radius:var(--cdp-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--cdp-shadow-sm);color:#4b5563;color:var(--cdp-text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.cdp-btn-back:hover{background:#4b5563;background:var(--cdp-text-muted);color:#fff;color:var(--cdp-white)}.cdp-title{color:#1f2937;color:var(--cdp-text);font-size:1.5rem;font-weight:700;margin:0}.cdp-title span{color:#22c55e;color:var(--cdp-primary)}.cdp-status-pill{border-radius:99px;font-size:.8rem;font-weight:600;padding:.375rem .875rem}.status-pending{background:#fef9c3;background:var(--cdp-warning-bg);color:#854d0e;color:var(--cdp-warning-text)}.status-confirmed,.status-in-progress{background:#dbeafe;background:var(--cdp-info-bg);color:#1e40af;color:var(--cdp-info-text)}.status-completed{background:#dcfce7;background:var(--cdp-primary-light);color:#065f46}.status-cancelled{background:#fee2e2;background:var(--cdp-danger-bg);color:#991b1b;color:var(--cdp-danger-text)}.cdp-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 320px}.cdp-col-main,.cdp-col-side{display:flex;flex-direction:column;gap:1.5rem}.cdp-two-col{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.cdp-card{background:#fff;background:var(--cdp-white);border:1px solid #e5e7eb;border:1px solid var(--cdp-border);border-radius:8px;border-radius:var(--cdp-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--cdp-shadow-sm);padding:1.25rem}.cdp-card-title{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--cdp-border);color:#1f2937;color:var(--cdp-text);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1rem;padding-bottom:.75rem}.cdp-card-title svg{color:#22c55e;color:var(--cdp-primary)}.cdp-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.cdp-info-item{display:flex;flex-direction:column;gap:.25rem;min-width:0}.cdp-info-label{color:#4b5563;color:var(--cdp-text-muted);font-size:.78rem;font-weight:500}.cdp-info-label,.cdp-info-value{align-items:center;display:flex;gap:.3rem}.cdp-info-value{color:#1f2937;color:var(--cdp-text);flex-wrap:wrap;font-size:.9rem;font-weight:600;word-break:break-word}.cdp-type-tag{align-items:center;border-radius:4px;display:inline-flex;font-size:.78rem;font-weight:700;gap:4px;padding:2px 8px}.cdp-type-tag.chat{background:#e3f2fd;color:#0d47a1}.cdp-type-tag.video{background:#f3e5f5;color:#4a148c}.cdp-person-row{align-items:center;display:flex;gap:.75rem}.cdp-avatar{border:2px solid #dcfce7;border:2px solid var(--cdp-primary-light);border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.cdp-person-info{display:flex;flex-direction:column;gap:2px}.cdp-person-info strong{font-size:.95rem;font-weight:700}.cdp-person-sub{color:#22c55e;color:var(--cdp-primary);font-size:.8rem;font-weight:600}.cdp-person-meta{align-items:center;color:#4b5563;color:var(--cdp-text-muted);display:flex;font-size:.78rem;gap:4px}.cdp-medical-block{margin-bottom:1rem}.cdp-medical-label{color:#4b5563;color:var(--cdp-text-muted);display:block;font-size:.8rem;font-weight:600;letter-spacing:.3px;margin-bottom:.25rem;text-transform:uppercase}.cdp-medical-text{color:#1f2937;color:var(--cdp-text);font-size:.9rem;line-height:1.6;margin:0}.cdp-result-box{background:#f0fdf4;background:var(--cdp-primary-bg);border:1px solid #a7f3d0;border-radius:8px;border-radius:var(--cdp-radius);margin-top:1rem;overflow:hidden}.cdp-result-header{align-items:center;background:#dcfce7;background:var(--cdp-primary-light);color:#065f46;display:flex;font-size:.875rem;font-weight:700;gap:6px;padding:.5rem 1rem}.cdp-result-body{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.cdp-pre{background:#fff;background:var(--cdp-white);border:1px solid #e5e7eb;border:1px solid var(--cdp-border);border-radius:4px;font-size:.78rem;margin:.25rem 0 0;overflow-x:auto;padding:.5rem}.cdp-files-block{border-top:1px solid #e5e7eb;border-top:1px solid var(--cdp-border);margin-top:1rem;padding-top:1rem}.cdp-file-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:.4rem}.cdp-file-chip{border-radius:4px;font-size:.78rem;font-weight:600;padding:3px 8px;text-decoration:none}.cdp-file-chip.patient{background:#e0f2fe;color:#0369a1}.cdp-file-chip.doctor{background:#dcfce7;background:var(--cdp-primary-light);color:#065f46}.cdp-file-chip:hover{filter:brightness(.93)}.cdp-pay-row{align-items:center;color:#4b5563;color:var(--cdp-text-muted);display:flex;font-size:.875rem;justify-content:space-between;padding:.4rem 0}.cdp-pay-row.total{border-top:1px solid #e5e7eb;border-top:1px solid var(--cdp-border);color:#1f2937;color:var(--cdp-text);font-weight:600;margin-top:6px;padding-top:10px}.cdp-pay-total{color:#22c55e;color:var(--cdp-primary);font-size:1rem;font-weight:700}.cdp-pay-status-row{display:flex;justify-content:center;margin-top:.75rem}.cdp-pay-pill{align-items:center;border-radius:99px;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:.3rem .75rem}.payment-pending{background:#fef9c3;background:var(--cdp-warning-bg);color:#854d0e;color:var(--cdp-warning-text)}.payment-paid{background:#dcfce7;background:var(--cdp-primary-light);color:#065f46}.payment-at-clinic{background:#dbeafe;background:var(--cdp-info-bg);color:#1e40af;color:var(--cdp-info-text)}.payment-refunded{background:#e0e7ff;color:#3730a3}.payment-free{background:#dcfce7;background:var(--cdp-primary-light);color:#065f46}.cdp-pay-action,.cdp-pay-due{margin-top:.75rem}.cdp-pay-due{background:#fef9c3;background:var(--cdp-warning-bg);border-radius:4px;color:#854d0e;color:var(--cdp-warning-text);display:flex;flex-direction:column;font-size:.78rem;gap:2px;padding:.5rem}.cdp-btn-main{align-items:center;background:#22c55e;background:var(--cdp-primary);border:none;border-radius:8px;border-radius:var(--cdp-radius);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.625rem;padding:.65rem 1rem;transition:background .2s}.cdp-btn-main.full{width:100%}.cdp-btn-main:hover{background:#16a34a}.cdp-btn-main:disabled{cursor:not-allowed;opacity:.6}.cdp-btn-danger{align-items:center;background:#fee2e2;background:var(--cdp-danger-bg);border:1px solid #fca5a5;border-radius:8px;border-radius:var(--cdp-radius);color:#991b1b;color:var(--cdp-danger-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.625rem;padding:.65rem 1rem;transition:all .2s}.cdp-btn-danger.full{width:100%}.cdp-btn-danger:hover{background:#fca5a5}.cdp-btn-rating{align-items:center;background:#fef9c3;border:1px solid #fde68a;border-radius:8px;border-radius:var(--cdp-radius);color:#854d0e;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.65rem 1rem;transition:background .2s;width:100%}.cdp-btn-rating:hover{background:#fef08a}.cdp-alert{align-items:center;border-radius:8px;border-radius:var(--cdp-radius);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-bottom:.625rem;padding:.625rem .875rem}.cdp-alert.alert-warning{background:#fef9c3;background:var(--cdp-warning-bg);border:1px solid #fde68a;color:#854d0e;color:var(--cdp-warning-text)}.cdp-hint{align-items:flex-start;color:#4b5563;color:var(--cdp-text-muted);display:flex;font-size:.78rem;gap:5px;line-height:1.5;margin:0 0 6px}.cdp-hint svg{flex-shrink:0;margin-top:2px}.cdp-hints-block{border-top:1px solid #e5e7eb;border-top:1px solid var(--cdp-border);margin-top:.75rem;padding-top:.75rem}.cdp-rating-wrap{position:relative}.cdp-rating-dropdown{background:#fff;background:var(--cdp-white);border:1px solid #e5e7eb;border:1px solid var(--cdp-border);border-radius:8px;border-radius:var(--cdp-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--cdp-shadow-md);left:0;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:30}.cdp-rating-option{align-items:center;background:#f8fafc;border:none;border-radius:6px;color:#1f2937;color:var(--cdp-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:4px;padding:.5rem .75rem;transition:background .15s;width:100%}.cdp-rating-option:last-child{margin-bottom:0}.cdp-rating-option:hover{background:#f0fdf4}.cdp-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cdp-success-modal{background:#fff;background:var(--cdp-white);border-radius:16px;box-shadow:0 20px 60px #0003;max-width:380px;padding:2.25rem 2rem;text-align:center;width:90%}.cdp-success-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#0fb9b1);border-radius:50%;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.cdp-success-modal h3{color:#1f2937;color:var(--cdp-text);font-size:1.25rem;margin:0 0 .5rem}.cdp-success-modal p{color:#4b5563;color:var(--cdp-text-muted);font-size:.875rem;line-height:1.6;margin:0 0 1.5rem}.cdp-success-modal button{background:linear-gradient(135deg,#22c55e,#0fb9b1);border:none;border-radius:8px;border-radius:var(--cdp-radius);color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.625rem;width:100%}@media (max-width:900px){.cdp-grid{grid-template-columns:1fr}.cdp-col-side{order:-1}}@media (max-width:640px){.cdp-wrapper{padding:0 1rem}.cdp-info-grid,.cdp-two-col{grid-template-columns:1fr}.cdp-title{font-size:1.1rem}}:root{--consultation-booking-primary:#3aaa6f;--consultation-booking-primary-light:#e8f7ef;--consultation-booking-primary-mid:#c2ecd4;--consultation-booking-primary-hover:#2d9460;--consultation-booking-accent:#1d7a52;--consultation-booking-bg:#f0faf5;--consultation-booking-surface:#fff;--consultation-booking-surface-alt:#f7fcf9;--consultation-booking-text-dark:#1a2e25;--consultation-booking-text-body:#3d5247;--consultation-booking-text-muted:#7a9b8a;--consultation-booking-border:#d4ead9;--consultation-booking-border-focus:#3aaa6f;--consultation-booking-danger:#e53e3e;--consultation-booking-danger-light:#fff5f5;--consultation-booking-warning:#d97706;--consultation-booking-warning-light:#fffbeb;--consultation-booking-success:#2d9460;--consultation-booking-success-light:#ecfdf5;--consultation-booking-radius-sm:6px;--consultation-booking-radius-md:10px;--consultation-booking-radius-lg:16px;--consultation-booking-shadow-sm:0 1px 4px #3aaa6f14;--consultation-booking-shadow-md:0 4px 16px #3aaa6f1f;--consultation-booking-shadow-lg:0 8px 32px #0000001f;--consultation-booking-transition:all 0.2s ease}.consultation-booking-page{background:#f0faf5;background:var(--consultation-booking-bg);box-sizing:border-box;font-family:Be Vietnam Pro,sans-serif;min-height:100vh;overflow-x:hidden;padding:16px;width:100%}.consultation-booking-page *,.consultation-booking-page :after,.consultation-booking-page :before{box-sizing:border-box}@media (max-width:600px){.consultation-booking-page{padding:10px 8px}}.consultation-booking-container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:0 10px;width:100%}.consultation-booking-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.consultation-booking-back-btn,.consultation-booking-switch-btn{align-items:center;border-radius:99px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;text-decoration:none;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-back-btn{background:#fff;background:var(--consultation-booking-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);color:#3d5247;color:var(--consultation-booking-text-body)}.consultation-booking-back-btn:hover{border-color:#3aaa6f;border-color:var(--consultation-booking-primary)}.consultation-booking-back-btn:hover,.consultation-booking-switch-btn{background:#e8f7ef;background:var(--consultation-booking-primary-light);color:#3aaa6f;color:var(--consultation-booking-primary)}.consultation-booking-switch-btn{border:1.5px solid #c2ecd4;border:1.5px solid var(--consultation-booking-primary-mid)}.consultation-booking-switch-btn:hover{background:#3aaa6f;background:var(--consultation-booking-primary);border-color:#3aaa6f;border-color:var(--consultation-booking-primary);color:#fff}.consultation-booking-card{background:#fff;background:var(--consultation-booking-surface);border:1px solid #d4ead9;border:1px solid var(--consultation-booking-border);border-radius:16px;border-radius:var(--consultation-booking-radius-lg);box-shadow:0 4px 16px #3aaa6f1f;box-shadow:var(--consultation-booking-shadow-md);overflow:hidden}.consultation-booking-card-header{align-items:center;background:linear-gradient(135deg,#1a6e47,#3aaa6f);display:flex;gap:14px;padding:16px 24px}.consultation-booking-card-header-icon{align-items:center;background:#ffffff2e;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.consultation-booking-card-header-text h1{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.2px;margin:0 0 2px}.consultation-booking-card-header-text p{color:#ffffffc7;font-size:12.5px;margin:0}.consultation-booking-card-body{align-items:start;display:grid;grid-template-columns:1fr}@media (min-width:901px){.consultation-booking-card-body{grid-template-columns:1.35fr 1fr}}.consultation-booking-left-col{border-right:1px solid #d4ead9;border-right:1px solid var(--consultation-booking-border);padding:20px 22px 26px}.consultation-booking-right-col{background:#f7fcf9;background:var(--consultation-booking-surface-alt);padding:20px 22px 26px}.consultation-booking-section-title{align-items:center;border-bottom:2px solid #c2ecd4;border-bottom:2px solid var(--consultation-booking-primary-mid);color:#1a2e25;color:var(--consultation-booking-text-dark);display:flex;font-size:15px;font-weight:800;gap:10px;margin:0 0 18px;padding-bottom:12px}.consultation-booking-section-title svg{color:#3aaa6f;color:var(--consultation-booking-primary);font-size:15px}.consultation-booking-form-group{margin-bottom:14px}.consultation-booking-label{color:#1a2e25;color:var(--consultation-booking-text-dark);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.consultation-booking-required{color:#e53e3e;color:var(--consultation-booking-danger);margin-left:3px}.consultation-booking-input,.consultation-booking-select,.consultation-booking-textarea{appearance:none;-webkit-appearance:none;background:#fff;background:var(--consultation-booking-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:6px;border-radius:var(--consultation-booking-radius-sm);box-sizing:border-box;color:#1a2e25;color:var(--consultation-booking-text-dark);font-family:inherit;font-size:14px;max-width:100%;min-height:44px;outline:none;padding:11px 14px;transition:all .2s ease;transition:var(--consultation-booking-transition);width:100%}@media (max-width:600px){.consultation-booking-input,.consultation-booking-select{font-size:14px;padding:8px 10px}}.consultation-booking-input:focus,.consultation-booking-select:focus,.consultation-booking-textarea:focus{background:#fff;border-color:#3aaa6f;border-color:var(--consultation-booking-border-focus);box-shadow:0 0 0 3px #3aaa6f26}.consultation-booking-input.error,.consultation-booking-select.error{background:#fff5f5;background:var(--consultation-booking-danger-light);border-color:#e53e3e;border-color:var(--consultation-booking-danger)}.consultation-booking-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%233aaa6f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:38px}.consultation-booking-textarea{min-height:90px;resize:vertical}.consultation-booking-error-msg{align-items:center;color:#e53e3e;color:var(--consultation-booking-danger);display:flex;font-size:12px;gap:4px;margin-top:5px}.consultation-booking-inline-action-row{margin-top:6px}.consultation-booking-inline-link{color:#3aaa6f;color:var(--consultation-booking-primary);font-size:12.5px;font-weight:700;text-decoration:none}.consultation-booking-inline-link:hover{text-decoration:underline}.consultation-booking-filter-toolbar{grid-gap:10px;display:grid;gap:10px;margin-bottom:10px}.consultation-booking-search-box{position:relative}.consultation-booking-search-icon{color:#7a9b8a;color:var(--consultation-booking-text-muted);font-size:13px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.consultation-booking-search-input{background:#fff;background:var(--consultation-booking-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);color:#1a2e25;color:var(--consultation-booking-text-dark);font-family:inherit;font-size:14px;min-height:44px;outline:none;padding:11px 14px 11px 38px;transition:all .2s ease;transition:var(--consultation-booking-transition);width:100%}.consultation-booking-search-input:focus{border-color:#3aaa6f;border-color:var(--consultation-booking-primary);box-shadow:0 0 0 3px #3aaa6f1f}.consultation-booking-search-input::placeholder{color:#98afa3}.consultation-booking-specialty-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:4px}.consultation-booking-specialty-btn{align-items:center;background:#f7fcf9;background:var(--consultation-booking-surface-alt);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;justify-content:center;min-height:84px;padding:12px 10px;text-align:center;transition:all .2s ease;transition:var(--consultation-booking-transition);width:100%}.consultation-booking-specialty-btn:hover{background:#e8f7ef;background:var(--consultation-booking-primary-light);box-shadow:0 3px 10px #3aaa6f1f}.consultation-booking-specialty-btn.active,.consultation-booking-specialty-btn:hover{border-color:#3aaa6f;border-color:var(--consultation-booking-primary);transform:translateY(-2px)}.consultation-booking-specialty-btn.active{background:#3aaa6f;background:var(--consultation-booking-primary);box-shadow:0 4px 12px #3aaa6f4d;color:#fff}.consultation-booking-specialty-btn.error{background:#fff5f5;background:var(--consultation-booking-danger-light);border-color:#e53e3e;border-color:var(--consultation-booking-danger)}.cb-spec-icon{align-items:center;color:#3aaa6f;color:var(--consultation-booking-primary);display:flex;font-size:20px;justify-content:center;transition:color .2s}.consultation-booking-specialty-btn.active .cb-spec-icon{color:#fff}.cb-spec-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#3d5247;color:var(--consultation-booking-text-body);display:-webkit-box;font-size:11.5px;font-weight:600;line-height:1.2;overflow:hidden;text-align:center;transition:color .2s}.consultation-booking-specialty-btn.active .cb-spec-name{color:#fff}.consultation-booking-type-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}@media (max-width:480px){.consultation-booking-type-btn{flex:1 1 100%}}.consultation-booking-type-btn{align-items:center;background:#f7fcf9;background:var(--consultation-booking-surface-alt);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);color:#7a9b8a;color:var(--consultation-booking-text-muted);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-type-btn svg{font-size:15px}.consultation-booking-type-btn:hover{background:#e8f7ef;background:var(--consultation-booking-primary-light);border-color:#3aaa6f;border-color:var(--consultation-booking-primary);color:#3aaa6f;color:var(--consultation-booking-primary)}.consultation-booking-type-btn.active{background:#3aaa6f;background:var(--consultation-booking-primary);border-color:#3aaa6f;border-color:var(--consultation-booking-primary);box-shadow:0 3px 10px #3aaa6f4d;color:#fff}.consultation-booking-pkg-list{display:flex;flex-direction:column;gap:10px}.consultation-booking-pkg-item{align-items:center;background:#f7fcf9;background:var(--consultation-booking-surface-alt);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-pkg-item.selected,.consultation-booking-pkg-item:hover{background:#e8f7ef;background:var(--consultation-booking-primary-light);border-color:#3aaa6f;border-color:var(--consultation-booking-primary)}.consultation-booking-pkg-item.selected{box-shadow:0 0 0 3px #3aaa6f1f}.consultation-booking-pkg-radio{accent-color:#3aaa6f;accent-color:var(--consultation-booking-primary);flex-shrink:0;height:17px;width:17px}.consultation-booking-pkg-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.consultation-booking-pkg-name{color:#1a2e25;color:var(--consultation-booking-text-dark);font-size:14px;font-weight:700}.consultation-booking-pkg-duration{color:#7a9b8a;color:var(--consultation-booking-text-muted);font-size:12px}.consultation-booking-pkg-price{color:#3aaa6f;color:var(--consultation-booking-primary);font-size:15px;font-weight:800;white-space:nowrap}.consultation-booking-pkg-empty{background:#f7fcf9;background:var(--consultation-booking-surface-alt);border:1px dashed #d4ead9;border:1px dashed var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);color:#7a9b8a;color:var(--consultation-booking-text-muted);font-size:13px;padding:20px;text-align:center}.consultation-booking-date-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin-bottom:16px;max-width:100%;overflow-x:auto;padding-bottom:10px}.consultation-booking-date-tabs::-webkit-scrollbar{display:none}.consultation-booking-date-btn{background:#fff;background:var(--consultation-booking-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);cursor:pointer;flex-shrink:0;font-family:inherit;min-width:80px;padding:10px 8px;text-align:center;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-date-btn:hover{background:#e8f7ef;background:var(--consultation-booking-primary-light);border-color:#3aaa6f;border-color:var(--consultation-booking-primary)}.consultation-booking-date-btn.active{background:#3aaa6f;background:var(--consultation-booking-primary);border-color:#3aaa6f;border-color:var(--consultation-booking-primary);box-shadow:0 4px 10px #3aaa6f40;color:#fff}.consultation-booking-date-btn-day{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:3px;opacity:.75;text-transform:uppercase}.consultation-booking-date-btn-num{display:block;font-size:18px;font-weight:800}.consultation-booking-date-picker-input{background:#fff;background:var(--consultation-booking-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);color:#3d5247;color:var(--consultation-booking-text-body);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;outline:none;padding:10px 12px}.consultation-booking-date-picker-input:focus{border-color:#3aaa6f;border-color:var(--consultation-booking-primary)}.consultation-booking-slots-area{background:#f7fcf9;background:var(--consultation-booking-surface-alt);border:1px solid #d4ead9;border:1px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);margin-top:4px;padding:14px}.consultation-booking-slot-section{margin-bottom:14px}.consultation-booking-slot-section:last-child{margin-bottom:0}.consultation-booking-slot-section-label{align-items:center;color:#7a9b8a;color:var(--consultation-booking-text-muted);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.consultation-booking-slot-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.consultation-booking-slot-btn{background:#fff;background:var(--consultation-booking-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:6px;border-radius:var(--consultation-booking-radius-sm);color:#3d5247;color:var(--consultation-booking-text-body);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 4px;text-align:center;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-slot-btn:hover:not(.disabled){background:#e8f7ef;background:var(--consultation-booking-primary-light);border-color:#3aaa6f;border-color:var(--consultation-booking-primary);color:#3aaa6f;color:var(--consultation-booking-primary)}.consultation-booking-slot-btn.active{background:#3aaa6f;background:var(--consultation-booking-primary);border-color:#3aaa6f;border-color:var(--consultation-booking-primary);box-shadow:0 2px 8px #3aaa6f4d;color:#fff}.consultation-booking-slot-btn.disabled{background:#f0f0f0;border-color:#e8e8e8;color:silver;cursor:not-allowed;text-decoration:line-through}.consultation-booking-loading-slots{color:#7a9b8a;color:var(--consultation-booking-text-muted);gap:8px;padding:20px}.consultation-booking-loading-slots,.consultation-booking-no-slots{align-items:center;display:flex;font-size:13px;justify-content:center;text-align:center}.consultation-booking-no-slots{color:#d97706;color:var(--consultation-booking-warning);gap:6px;padding:16px}.consultation-booking-doctor-card{align-items:center;background:linear-gradient(135deg,#e8f7ef,#f0fdf9);background:linear-gradient(135deg,var(--consultation-booking-primary-light),#f0fdf9);border:1.5px solid #c2ecd4;border:1.5px solid var(--consultation-booking-primary-mid);border-radius:10px;border-radius:var(--consultation-booking-radius-md);display:flex;gap:14px;margin-bottom:20px;padding:14px 16px}.consultation-booking-doctor-card-clickable{cursor:pointer;font-family:inherit;text-align:left;transition:all .2s ease;transition:var(--consultation-booking-transition);width:100%}.consultation-booking-doctor-card-clickable:hover{border-color:#3aaa6f;border-color:var(--consultation-booking-primary);box-shadow:0 6px 18px #3aaa6f1f;transform:translateY(-1px)}.consultation-booking-doctor-avatar{border:2.5px solid #3aaa6f;border:2.5px solid var(--consultation-booking-primary);border-radius:50%;box-shadow:0 2px 8px #3aaa6f33;flex-shrink:0;height:52px;object-fit:cover;width:52px}.consultation-booking-doctor-info{display:flex;flex-direction:column;gap:2px}.consultation-booking-doctor-name{color:#1a2e25;color:var(--consultation-booking-text-dark);font-size:15px;font-weight:700}.consultation-booking-doctor-specialty{color:#3aaa6f;color:var(--consultation-booking-primary);font-size:12px;font-weight:500}.consultation-booking-doctor-cta{align-items:center;color:#3aaa6f;color:var(--consultation-booking-primary);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;gap:6px;margin-left:auto}.consultation-booking-doctor-cta svg{font-size:11px}.consultation-booking-for-toggle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:4px}.consultation-booking-for-option{align-items:center;background:#f7fcf9;background:var(--consultation-booking-surface-alt);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);color:#7a9b8a;color:var(--consultation-booking-text-muted);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:8px;padding:11px 14px;transition:all .2s ease;transition:var(--consultation-booking-transition);-webkit-user-select:none;user-select:none}.consultation-booking-for-option input{accent-color:#3aaa6f;accent-color:var(--consultation-booking-primary);height:15px;width:15px}.consultation-booking-for-option.active{background:#e8f7ef;background:var(--consultation-booking-primary-light);border-color:#3aaa6f;border-color:var(--consultation-booking-primary);color:#3aaa6f;color:var(--consultation-booking-primary)}.consultation-booking-row-2col{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr}@media (min-width:600px){.consultation-booking-row-2col{gap:16px;grid-template-columns:1fr 1fr}}.consultation-booking-file-btn{align-items:center;background:#f7fcf9;background:var(--consultation-booking-surface-alt);border:1.5px dashed #d4ead9;border:1.5px dashed var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);color:#7a9b8a;color:var(--consultation-booking-text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-file-btn:hover{border-color:#3aaa6f;border-color:var(--consultation-booking-primary);color:#3aaa6f;color:var(--consultation-booking-primary)}.consultation-booking-file-btn:hover,.consultation-booking-policy-row{background:#e8f7ef;background:var(--consultation-booking-primary-light)}.consultation-booking-policy-row{align-items:flex-start;border:1px solid #c2ecd4;border:1px solid var(--consultation-booking-primary-mid);border-radius:10px;border-radius:var(--consultation-booking-radius-md);display:flex;gap:10px;margin:22px 0 20px;padding:14px}.consultation-booking-policy-row input[type=checkbox]{accent-color:#3aaa6f;accent-color:var(--consultation-booking-primary);cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.consultation-booking-policy-text{color:#3d5247;color:var(--consultation-booking-text-body);font-size:13px;line-height:1.5}.consultation-booking-policy-link{color:#3aaa6f;color:var(--consultation-booking-primary);font-weight:600;text-decoration:none}.consultation-booking-policy-link:hover{text-decoration:underline}.consultation-booking-submit-btn{align-items:center;background:linear-gradient(135deg,#3aaa6f,#2d9460);background:linear-gradient(135deg,var(--consultation-booking-primary),var(--consultation-booking-primary-hover));border:none;border-radius:10px;border-radius:var(--consultation-booking-radius-md);box-shadow:0 4px 14px #3aaa6f66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:800;gap:10px;justify-content:center;letter-spacing:.5px;min-height:48px;padding:15px;text-transform:uppercase;transition:all .2s ease;transition:var(--consultation-booking-transition);width:100%}.consultation-booking-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d9460,#1d7a52);background:linear-gradient(135deg,var(--consultation-booking-primary-hover),var(--consultation-booking-accent));box-shadow:0 6px 20px #3aaa6f73;transform:translateY(-1px)}.consultation-booking-submit-btn:disabled{background:#c5d9cc;box-shadow:none;cursor:not-allowed;transform:none}.consultation-booking-modal-overlay{align-items:center;animation:cbpFadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1e128c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.consultation-booking-modal{animation:cbpSlideUp .28s ease-out;background:#fff;background:var(--consultation-booking-surface);border-radius:16px;border-radius:var(--consultation-booking-radius-lg);box-shadow:0 8px 32px #0000001f;box-shadow:var(--consultation-booking-shadow-lg);max-height:92vh;max-width:460px;overflow:auto;width:95%}.consultation-booking-modal-header{align-items:center;background:#f7fcf9;background:var(--consultation-booking-surface-alt);border-bottom:1px solid #d4ead9;border-bottom:1px solid var(--consultation-booking-border);display:flex;justify-content:space-between;padding:16px 22px}.consultation-booking-modal-header h3{align-items:center;color:#1a2e25;color:var(--consultation-booking-text-dark);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.consultation-booking-modal-close-btn{background:none;border:none;border-radius:4px;color:#7a9b8a;color:var(--consultation-booking-text-muted);cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-modal-close-btn:hover{background:#d4ead9;background:var(--consultation-booking-border);color:#1a2e25;color:var(--consultation-booking-text-dark)}.consultation-booking-modal-body{padding:24px 22px}.consultation-booking-confirm-row{align-items:center;border-bottom:1px solid #d4ead9;border-bottom:1px solid var(--consultation-booking-border);display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.consultation-booking-confirm-row:last-child{border-bottom:none}.consultation-booking-confirm-row span{color:#7a9b8a;color:var(--consultation-booking-text-muted)}.consultation-booking-confirm-row strong{color:#1a2e25;color:var(--consultation-booking-text-dark);font-weight:700}.consultation-booking-confirm-total{align-items:center;background:#e8f7ef;background:var(--consultation-booking-primary-light);border:1px solid #c2ecd4;border:1px solid var(--consultation-booking-primary-mid);border-radius:10px;border-radius:var(--consultation-booking-radius-md);display:flex;justify-content:space-between;margin-top:14px;padding:14px 16px}.consultation-booking-confirm-total span{color:#7a9b8a;color:var(--consultation-booking-text-muted);font-size:14px;font-weight:600}.consultation-booking-confirm-total strong{color:#3aaa6f;color:var(--consultation-booking-primary);font-size:20px;font-weight:800}.consultation-booking-confirm-hint{color:#7a9b8a;color:var(--consultation-booking-text-muted);display:block;font-size:12px;line-height:1.5;margin-top:10px}.consultation-booking-modal-footer{background:#f7fcf9;background:var(--consultation-booking-surface-alt);border-top:1px solid #d4ead9;border-top:1px solid var(--consultation-booking-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}.consultation-booking-payment-item{align-items:center;background:#fff;background:var(--consultation-booking-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:10px;border-radius:var(--consultation-booking-radius-md);color:#1a2e25;color:var(--consultation-booking-text-dark);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:14px;margin-bottom:12px;min-height:52px;padding:16px;transition:all .2s ease;transition:var(--consultation-booking-transition);width:100%}.consultation-booking-payment-item:hover{background:#e8f7ef;background:var(--consultation-booking-primary-light);border-color:#3aaa6f;border-color:var(--consultation-booking-primary);box-shadow:0 2px 8px #3aaa6f26;transform:translateY(-1px)}.consultation-booking-payment-item svg{color:#3aaa6f;color:var(--consultation-booking-primary);font-size:22px}.consultation-booking-btn-secondary{background:#fff;background:var(--consultation-booking-surface);border:1.5px solid #d4ead9;border:1.5px solid var(--consultation-booking-border);border-radius:6px;border-radius:var(--consultation-booking-radius-sm);color:#3d5247;color:var(--consultation-booking-text-body);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;min-height:44px;padding:10px 22px;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-btn-secondary:hover{background:#f7fcf9;background:var(--consultation-booking-surface-alt);border-color:#7a9b8a;border-color:var(--consultation-booking-text-muted)}.consultation-booking-btn-primary{background:#3aaa6f;background:var(--consultation-booking-primary);border:none;border-radius:6px;border-radius:var(--consultation-booking-radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;min-height:44px;padding:10px 22px;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-btn-primary:hover{background:#2d9460;background:var(--consultation-booking-primary-hover)}.consultation-booking-btn-danger{background:#e53e3e;background:var(--consultation-booking-danger);border:none;border-radius:6px;border-radius:var(--consultation-booking-radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;min-height:44px;padding:10px 22px;transition:all .2s ease;transition:var(--consultation-booking-transition)}.consultation-booking-btn-primary.full,.consultation-booking-btn-secondary.full{width:100%}.consultation-booking-modal.warning .consultation-booking-modal-header{background:#fffbeb;background:var(--consultation-booking-warning-light);border-bottom:2px solid #fbbf24}.consultation-booking-modal.warning .consultation-booking-modal-header h3{color:#92400e}.consultation-booking-modal.danger .consultation-booking-modal-header{background:#fff5f5;background:var(--consultation-booking-danger-light);border-bottom:2px solid #fc8181}.consultation-booking-modal.danger .consultation-booking-modal-header h3{color:#742a2a}.consultation-booking-modal.success .consultation-booking-modal-header{background:#ecfdf5;background:var(--consultation-booking-success-light);border-bottom:2px solid #6ee7b7}.consultation-booking-modal.success .consultation-booking-modal-header h3{color:#1d7a52;color:var(--consultation-booking-accent)}.consultation-booking-modal-message{color:#1a2e25;color:var(--consultation-booking-text-dark);font-size:15px;font-weight:600;margin:0 0 8px}.consultation-booking-modal-details{color:#7a9b8a;color:var(--consultation-booking-text-muted);display:block;font-size:13px;line-height:1.6}@keyframes cbpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cbpSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.consultation-booking-spin{animation:cbpSpin 1s linear infinite}@keyframes cbpSpin{to{transform:rotate(1turn)}}@media (max-width:900px){.consultation-booking-card-body{display:flex;flex-direction:column;grid-template-columns:1fr!important}.consultation-booking-left-col{border-bottom:1px solid #d4ead9;border-bottom:1px solid var(--consultation-booking-border);border-right:none!important}.consultation-booking-left-col,.consultation-booking-right-col{box-sizing:border-box;width:100%!important}}@media (max-width:640px){.consultation-booking-topbar{align-items:stretch;flex-direction:column}.consultation-booking-back-btn,.consultation-booking-switch-btn{justify-content:center;min-height:44px;width:100%}.consultation-booking-left-col,.consultation-booking-right-col{padding:16px 14px 20px}.consultation-booking-for-toggle{grid-template-columns:1fr}.consultation-booking-pkg-item{align-items:flex-start}.consultation-booking-pkg-price{margin-left:auto}.consultation-booking-modal{border-radius:12px;width:calc(100vw - 14px)}.consultation-booking-modal-body,.consultation-booking-modal-footer,.consultation-booking-modal-header{padding-left:14px;padding-right:14px}.consultation-booking-modal-footer{flex-direction:column}.consultation-booking-btn-danger,.consultation-booking-btn-primary,.consultation-booking-btn-secondary{width:100%}.consultation-booking-payment-item{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.consultation-booking-page{padding:8px}.consultation-booking-container{padding:0 4px}.consultation-booking-confirm-row{align-items:flex-start;gap:8px}.consultation-booking-confirm-row strong{text-align:right;word-break:break-word}.consultation-booking-page{padding:8px!important}.consultation-booking-card-header{gap:10px;padding:12px!important}.consultation-booking-card-header-icon{font-size:14px;height:32px;width:32px}.consultation-booking-type-tabs{flex-direction:column;gap:8px}.consultation-booking-type-btn{font-size:13px!important;width:100%!important}.consultation-booking-date-tabs{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;padding-bottom:10px}.consultation-booking-date-btn{min-width:70px!important;padding:8px 4px!important}.consultation-booking-input,.consultation-booking-select,.consultation-booking-textarea{font-size:14px!important;max-width:100%!important;width:100%!important}.consultation-booking-specialty-list{gap:8px;padding-bottom:6px}.consultation-booking-specialty-btn{min-width:76px;padding:8px 6px}.cb-spec-icon{font-size:17px}.cb-spec-name{font-size:10.5px}}.cb-voucher-box{background:#f0fdf4;border:1.5px dashed #86efac;border-radius:10px;margin-bottom:16px;padding:14px 16px}.cb-voucher-box__label{align-items:center;color:#16a34a;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.cb-voucher-input-row{display:flex;gap:8px}.cb-voucher-input{flex:1 1!important;font-weight:600;letter-spacing:1px}.cb-voucher-apply-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:9px 16px;transition:background .2s;white-space:nowrap}.cb-voucher-apply-btn:hover:not(:disabled){background:#15803d}.cb-voucher-apply-btn:disabled{cursor:not-allowed;opacity:.6}.cb-voucher-applied{align-items:center;background:#dcfce7;border:1px solid #86efac;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.cb-voucher-applied__info{align-items:center;display:flex;gap:8px}.cb-voucher-applied__icon{color:#16a34a;flex-shrink:0;font-size:16px}.cb-voucher-applied__name{color:#166534;display:block;font-size:13px;font-weight:700}.cb-voucher-applied__disc{color:#16a34a;display:block;font-size:11px;font-weight:600}.cb-voucher-remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:16px;padding:2px;transition:transform .2s}.cb-voucher-remove-btn:hover{transform:scale(1.2)}.cb-price-summary{border-top:1px dashed #86efac;margin-top:12px;padding-top:10px}.cb-price-row{align-items:center;color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:3px 0}.cb-price-row--disc{color:#16a34a;font-weight:600}.cb-price-row--total{border-top:1px solid #86efac;color:#111827;font-size:14px;font-weight:700;margin-top:4px;padding-top:8px}.cb-price-row--total strong{color:#16a34a;font-size:16px}:root{--video-call-primary-color:#66bb6a;--video-call-primary-light:#81c784;--video-call-primary-dark:#4caf50;--video-call-bg-light:#e8f5e9;--video-call-bg-lighter:#f1f8e9;--video-call-white:#fff;--video-call-danger:#ef5350;--video-call-warning:#ffa726;--video-call-info:#42a5f5;--video-call-text-primary:#2e7d32;--video-call-text-secondary:#558b2f;--video-call-text-muted:#7cb342;--video-call-border:#c5e1a5;--video-call-shadow:#66bb6a26;--video-call-shadow-hover:#66bb6a40}.video-call-room-page-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:calc(100vh - 65px);overflow:hidden}.video-call-room-page-container,.video-call-room-page-error,.video-call-room-page-loading{background:#e8f5e9;background:var(--video-call-bg-light);display:flex;flex-direction:column}.video-call-room-page-error,.video-call-room-page-loading{align-items:center;color:#2e7d32;color:var(--video-call-text-primary);height:100%;justify-content:center}.video-call-room-page-error p,.video-call-room-page-loading p{color:#558b2f;color:var(--video-call-text-secondary);font-size:.95rem;margin-top:1rem}.video-call-room-page-error{padding:2rem;text-align:center}.video-call-room-page-error svg{color:#ef5350;color:var(--video-call-danger);font-size:3rem;margin-bottom:1rem}.video-call-room-page-error h3{color:#2e7d32;color:var(--video-call-text-primary);font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.video-call-room-page-error button{background:#66bb6a;background:var(--video-call-primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.video-call-room-page-error button:hover{background:#4caf50;background:var(--video-call-primary-dark);box-shadow:0 4px 12px #66bb6a40;box-shadow:0 4px 12px var(--video-call-shadow-hover);transform:translateY(-1px)}.video-call-room-page-spinner{animation:video-call-room-page-spin .8s linear infinite;border:3px solid #c5e1a5;border-top-color:#66bb6a;border:3px solid var(--video-call-border);border-radius:50%;border-top-color:var(--video-call-primary-color);height:40px;width:40px}@keyframes video-call-room-page-spin{to{transform:rotate(1turn)}}.video-call-room-page-header{align-items:center;background:#fff;background:var(--video-call-white);border-bottom:1px solid #c5e1a5;border-bottom:1px solid var(--video-call-border);box-shadow:0 2px 5px #66bb6a26;box-shadow:0 2px 5px var(--video-call-shadow);display:flex;justify-content:space-between;padding:.6rem 1.25rem;z-index:10}.video-call-room-page-user-info{align-items:center;color:#2e7d32;color:var(--video-call-text-primary);display:flex;font-size:.95rem;font-weight:600;gap:.6rem}.video-call-room-page-user-info svg{color:#66bb6a;color:var(--video-call-primary-color);font-size:1.2rem}.video-call-room-page-user-name{color:#2e7d32;color:var(--video-call-text-primary);font-weight:700}.video-call-room-page-separator{color:#7cb342;color:var(--video-call-text-muted);font-weight:400}.video-call-room-page-consultation-code{background:#e8f5e9;background:var(--video-call-bg-light);border-radius:4px;color:#558b2f;color:var(--video-call-text-secondary);font-size:.85rem;font-weight:500;padding:.3rem .6rem}.video-call-room-page-status-group{align-items:center;display:flex;gap:.6rem}.video-call-room-page-connection-indicator{align-items:center;border-radius:4px;display:flex;font-size:.95rem;padding:.3rem .6rem;transition:all .3s ease}.video-call-room-page-connection-indicator.good{background:#e8f5e9;background:var(--video-call-bg-light);color:#66bb6a;color:var(--video-call-primary-color)}.video-call-room-page-connection-indicator.medium{background:#fff3e0;color:#ffa726;color:var(--video-call-warning)}.video-call-room-page-connection-indicator.poor{background:#ffebee;color:#ef5350;color:var(--video-call-danger)}.video-call-room-page-call-timer{align-items:center;background:#e8f5e9;background:var(--video-call-bg-light);border:1px solid #c5e1a5;border:1px solid var(--video-call-border);border-radius:6px;color:#2e7d32;color:var(--video-call-text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.4rem .8rem}.video-call-room-page-call-timer svg{color:#66bb6a;color:var(--video-call-primary-color);font-size:.95rem}.video-call-room-page-call-timer-warning{animation:video-call-room-page-pulse-warning 1.5s infinite;background:#fff3e0;border-color:#ffa726;border-color:var(--video-call-warning);color:#e65100}@keyframes video-call-room-page-pulse-warning{0%,to{box-shadow:0 0 0 0 #ffa72666}50%{box-shadow:0 0 0 4px #ffa72600}}.video-call-room-page-status-badge{align-items:center;background:#f1f8e9;background:var(--video-call-bg-lighter);border-radius:20px;color:#558b2f;color:var(--video-call-text-secondary);display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .9rem;transition:all .3s ease}.video-call-room-page-status-badge.active{animation:video-call-room-page-pulse 2s infinite;background:#66bb6a;background:var(--video-call-primary-color);color:#fff}.video-call-room-page-status-badge svg{font-size:.9rem}@keyframes video-call-room-page-pulse{0%,to{box-shadow:0 0 0 0 #66bb6ab3}50%{box-shadow:0 0 0 8px #66bb6a00}}.video-call-room-page-video-grid{background:#e8f5e9;background:var(--video-call-bg-light);border:1px solid #c5e1a5;border:1px solid var(--video-call-border);border-radius:12px;box-shadow:0 4px 15px #66bb6a40;box-shadow:0 4px 15px var(--video-call-shadow-hover);flex:1 1;margin:1rem;overflow:hidden;position:relative}.video-call-room-page-video-wrapper{align-items:center;background:#000;display:flex;justify-content:center;overflow:hidden}.video-call-room-page-video-wrapper.video-call-room-page-remote{background:#f1f8e9;background:var(--video-call-bg-lighter);border-radius:12px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.video-call-room-page-remote-video{background:#0000;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.video-call-room-page-overlay{align-items:center;background:#f1f8e9;background:var(--video-call-bg-lighter);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.video-call-room-page-overlay-content{color:#2e7d32;color:var(--video-call-text-primary);text-align:center}.video-call-room-page-overlay-content p{color:#558b2f;color:var(--video-call-text-secondary);font-size:1.05rem;font-weight:500;margin-top:1rem}.video-call-room-page-video-wrapper.video-call-room-page-local{border:2px solid #66bb6a;border:2px solid var(--video-call-primary-color);border-radius:10px;bottom:15px;box-shadow:0 4px 15px #0003;height:150px;overflow:hidden;position:absolute;right:15px;width:200px;z-index:10}.video-call-room-page-local-video{border-radius:8px;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.video-call-room-page-video-off-overlay{align-items:center;background:#000000d9;color:#fff;display:flex;flex-direction:column;font-size:.85rem;gap:.5rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.video-call-room-page-video-off-overlay svg{color:#ef5350;color:var(--video-call-danger);font-size:2rem}.video-call-room-page-local-label{background:#000000b3;border-radius:4px;bottom:6px;color:#fff;font-size:.75rem;font-weight:600;left:6px;padding:.25rem .6rem;position:absolute}.video-call-room-page-controls{align-items:center;background:#fff;background:var(--video-call-white);border-top:1px solid #c5e1a5;border-top:1px solid var(--video-call-border);box-shadow:0 -2px 8px #66bb6a26;box-shadow:0 -2px 8px var(--video-call-shadow);display:flex;justify-content:space-between;padding:.75rem 1.5rem;position:relative;z-index:10}.video-call-room-page-controls-center,.video-call-room-page-controls-left,.video-call-room-page-controls-right{align-items:center;display:flex;gap:.6rem}.video-call-room-page-control-btn{align-items:center;background:#f1f8e9;background:var(--video-call-bg-lighter);border:1px solid #c5e1a5;border:1px solid var(--video-call-border);border-radius:50%;box-shadow:0 2px 4px #66bb6a26;box-shadow:0 2px 4px var(--video-call-shadow);color:#2e7d32;color:var(--video-call-text-primary);cursor:pointer;display:flex;font-size:1.05rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.video-call-room-page-control-btn:hover{border-color:#66bb6a;border-color:var(--video-call-primary-color);box-shadow:0 4px 12px #66bb6a40;box-shadow:0 4px 12px var(--video-call-shadow-hover);transform:translateY(-2px)}.video-call-room-page-control-btn-secondary{background:#fff;background:var(--video-call-white)}.video-call-room-page-control-btn-hangup{background:#ef5350;background:var(--video-call-danger);border-color:#ef5350;border-color:var(--video-call-danger);color:#fff;font-size:1.2rem;height:52px;width:52px}.video-call-room-page-control-btn-hangup:hover{background:#d32f2f;border-color:#d32f2f}.video-call-room-page-control-btn-complete{background:#4caf50;background:var(--video-call-primary-dark);border-color:#4caf50;border-color:var(--video-call-primary-dark);color:#fff;font-size:1.2rem;height:52px;width:52px}.video-call-room-page-control-btn-complete:hover{background:#66bb6a;background:var(--video-call-primary-color);border-color:#66bb6a;border-color:var(--video-call-primary-color)}.video-call-room-page-control-btn-muted{background:#ef5350;background:var(--video-call-danger);border-color:#ef5350;border-color:var(--video-call-danger);color:#fff}.video-call-room-page-control-btn-active{background:#66bb6a;background:var(--video-call-primary-color);border-color:#66bb6a;border-color:var(--video-call-primary-color);color:#fff}.video-call-room-page-modal-overlay{align-items:center;animation:video-call-room-page-fade-in .2s ease;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes video-call-room-page-fade-in{0%{opacity:0}to{opacity:1}}.video-call-room-page-modal{animation:video-call-room-page-slide-up .3s ease;background:#fff;background:var(--video-call-white);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:480px;overflow:hidden;width:90%}@keyframes video-call-room-page-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-call-room-page-modal-header{align-items:center;background:#e8f5e9;background:var(--video-call-bg-light);border-bottom:2px solid #c5e1a5;border-bottom:2px solid var(--video-call-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.video-call-room-page-modal-header h3{align-items:center;color:#2e7d32;color:var(--video-call-text-primary);display:flex;font-size:1.05rem;font-weight:600;gap:.6rem;margin:0}.video-call-room-page-modal-header h3 svg{color:#66bb6a;color:var(--video-call-primary-color);font-size:1.15rem}.video-call-room-page-modal-header button{background:none;border:none;border-radius:4px;color:#558b2f;color:var(--video-call-text-secondary);cursor:pointer;font-size:1.3rem;line-height:1;padding:.3rem;transition:all .2s ease}.video-call-room-page-modal-header button:hover{background:#f1f8e9;background:var(--video-call-bg-lighter);color:#ef5350;color:var(--video-call-danger)}.video-call-room-page-modal-body{max-height:60vh;overflow-y:auto;padding:1rem 1.25rem 1.25rem}.video-call-room-page-info-row{align-items:center;border-bottom:1px solid #c5e1a5;border-bottom:1px solid var(--video-call-border);display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 0}.video-call-room-page-info-row:last-child{border-bottom:none}.video-call-room-page-info-row label{color:#558b2f;color:var(--video-call-text-secondary);font-weight:600}.video-call-room-page-info-row span{color:#2e7d32;color:var(--video-call-text-primary);font-weight:500;text-align:right}.video-call-room-page-status-badge-small{background:#66bb6a;background:var(--video-call-primary-color);border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.3rem .7rem}.video-call-room-page-form-group{margin-bottom:1rem}.video-call-room-page-form-group label{color:#2e7d32;color:var(--video-call-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.video-call-room-page-required{color:#ef5350;color:var(--video-call-danger);margin-left:.2rem}.video-call-room-page-select,.video-call-room-page-textarea{background:#fff;background:var(--video-call-white);border:2px solid #c5e1a5;border:2px solid var(--video-call-border);border-radius:6px;color:#2e7d32;color:var(--video-call-text-primary);font-family:inherit;font-size:.9rem;padding:.7rem;transition:all .2s ease;width:100%}.video-call-room-page-select:focus,.video-call-room-page-textarea:focus{border-color:#66bb6a;border-color:var(--video-call-primary-color);box-shadow:0 0 0 3px #66bb6a26;box-shadow:0 0 0 3px var(--video-call-shadow);outline:none}.video-call-room-page-textarea{min-height:80px;resize:vertical}.video-call-room-page-modal-actions{border-top:1px solid #c5e1a5;border-top:1px solid var(--video-call-border);display:flex;gap:.7rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.video-call-room-page-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:all .3s ease}.video-call-room-page-btn-secondary{background:#f1f8e9;background:var(--video-call-bg-lighter);border:2px solid #c5e1a5;border:2px solid var(--video-call-border);color:#558b2f;color:var(--video-call-text-secondary)}.video-call-room-page-btn-secondary:hover{background:#e8f5e9;background:var(--video-call-bg-light);border-color:#66bb6a;border-color:var(--video-call-primary-color)}.video-call-room-page-btn-primary{background:#66bb6a;background:var(--video-call-primary-color);box-shadow:0 2px 8px #66bb6a26;box-shadow:0 2px 8px var(--video-call-shadow);color:#fff}.video-call-room-page-btn-primary:hover{background:#4caf50;background:var(--video-call-primary-dark);box-shadow:0 4px 12px #66bb6a40;box-shadow:0 4px 12px var(--video-call-shadow-hover);transform:translateY(-1px)}.video-call-room-page-chat-box{animation:video-call-room-page-slide-in-right .3s ease;background:#fff;background:var(--video-call-white);border-radius:12px;bottom:100px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;height:450px;position:fixed;right:20px;width:320px;z-index:1000}@keyframes video-call-room-page-slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.video-call-room-page-chat-header{align-items:center;background:#66bb6a;background:var(--video-call-primary-color);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.video-call-room-page-chat-header h4{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.video-call-room-page-chat-header button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background .2s}.video-call-room-page-chat-header button:hover{background:#fff3}.video-call-room-page-chat-body{background:#f1f8e9;background:var(--video-call-bg-lighter);display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.video-call-room-page-chat-body::-webkit-scrollbar{width:6px}.video-call-room-page-chat-body::-webkit-scrollbar-track{background:#e8f5e9;background:var(--video-call-bg-light)}.video-call-room-page-chat-body::-webkit-scrollbar-thumb{background:#66bb6a;background:var(--video-call-primary-color);border-radius:3px}.video-call-room-page-chat-message{align-items:flex-start;display:flex;gap:.5rem}.video-call-room-page-chat-message-own{flex-direction:row-reverse}.video-call-room-page-chat-avatar{align-items:center;background:#66bb6a;background:var(--video-call-primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:32px;justify-content:center;width:32px}.video-call-room-page-chat-content{background:#fff;background:var(--video-call-white);border-radius:12px;box-shadow:0 2px 4px #0000001a;max-width:70%;padding:.6rem .9rem;position:relative}.video-call-room-page-chat-message-own .video-call-room-page-chat-content{background:#66bb6a;background:var(--video-call-primary-color);color:#fff}.video-call-room-page-chat-content p{word-wrap:break-word;font-size:.9rem;line-height:1.4;margin:0}.video-call-room-page-chat-content img{border-radius:8px;margin-bottom:.25rem;max-width:100%}.video-call-room-page-chat-time{color:#00000080;display:block;font-size:.7rem;margin-top:.25rem}.video-call-room-page-chat-image{border-radius:8px;cursor:pointer;margin-bottom:.25rem;max-width:100%}.video-call-room-page-chat-file-link{align-items:center;background:#e8f5e9;background:var(--video-call-bg-light);border-radius:6px;color:#2e7d32;color:var(--video-call-text-primary);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-decoration:none;word-break:break-all}.video-call-room-page-chat-file-link:hover{background:#c5e1a5;background:var(--video-call-border)}.video-call-room-page-chat-message-own .video-call-room-page-chat-file-link{background:#81c784;background:var(--video-call-primary-light);color:#fff;color:var(--video-call-white)}.video-call-room-page-chat-message-own .video-call-room-page-chat-file-link:hover{background:#4caf50;background:var(--video-call-primary-dark)}.video-call-room-page-chat-message-own .video-call-room-page-chat-time{color:#ffffffb3}.video-call-room-page-chat-footer{align-items:center;background:#fff;background:var(--video-call-white);border-radius:0 0 12px 12px;border-top:2px solid #c5e1a5;border-top:2px solid var(--video-call-border);display:flex;gap:.5rem;padding:.75rem}.video-call-room-page-chat-icon-btn{align-items:center;background:#f1f8e9;background:var(--video-call-bg-lighter);border:none;border-radius:50%;color:#558b2f;color:var(--video-call-text-secondary);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.video-call-room-page-chat-icon-btn:hover{background:#66bb6a;background:var(--video-call-primary-color);color:#fff}.video-call-room-page-chat-footer input[type=text]{border:2px solid #c5e1a5;border:2px solid var(--video-call-border);border-radius:20px;flex:1 1;font-size:.85rem;outline:none;padding:.6rem;transition:border-color .2s}.video-call-room-page-chat-footer input[type=text]:focus{border-color:#66bb6a;border-color:var(--video-call-primary-color)}.video-call-room-page-chat-send-btn{align-items:center;background:#66bb6a;background:var(--video-call-primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;transition:all .2s;width:36px}.video-call-room-page-chat-send-btn:hover:not(:disabled){background:#4caf50;background:var(--video-call-primary-dark);transform:scale(1.05)}.video-call-room-page-chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.video-call-room-page-emoji-panel{animation:video-call-room-page-pop-up .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:30px;bottom:85px;display:flex;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);z-index:999}.video-call-room-page-emoji-btn{background:none;border:none;cursor:pointer;font-size:1.8rem;padding:.25rem;transition:transform .2s}.video-call-room-page-emoji-btn:hover{transform:scale(1.3) rotate(15deg)}.video-call-room-page-emoji-btn:active{transform:scale(.9)}.video-call-room-page-floating-emoji{animation:video-call-room-page-float-up linear forwards;bottom:80px;font-size:2.5rem;pointer-events:none;position:fixed;z-index:998}@keyframes video-call-room-page-float-up{0%{bottom:80px;opacity:1;transform:translateY(0) rotate(0deg) scale(1)}50%{opacity:1;transform:translateY(-200px) rotate(180deg) scale(1.2)}to{bottom:80vh;opacity:0;transform:translateY(-400px) rotate(1turn) scale(.5)}}.video-call-room-page-beauty-canvas{display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}@media (max-width:768px){.video-call-room-page-header{flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem}.video-call-room-page-user-info{font-size:.85rem;gap:.4rem}.video-call-room-page-consultation-code{font-size:.75rem}.video-call-room-page-video-wrapper.video-call-room-page-local{bottom:15px;height:105px;right:15px;width:140px}.video-call-room-page-controls{padding:.8rem 1rem}.video-call-room-page-control-btn{font-size:1rem;height:42px;width:42px}.video-call-room-page-control-btn-hangup{font-size:1.15rem;height:50px;width:50px}.video-call-room-page-controls-left,.video-call-room-page-controls-right{gap:.5rem}.video-call-room-page-modal{max-width:100%;width:95%}.video-call-room-page-chat-box{bottom:90px;height:400px;right:10px;width:280px}.video-call-room-page-emoji-panel{bottom:10px;gap:.4rem;padding:.4rem .8rem}.video-call-room-page-emoji-btn{font-size:1.5rem}}@media (max-width:480px){.video-call-room-page-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-call-room-page-video-wrapper.video-call-room-page-local{border-width:2px;bottom:10px;height:75px;right:10px;width:100px}.video-call-room-page-control-btn{font-size:.95rem;height:38px;width:38px}.video-call-room-page-control-btn-hangup{font-size:1.05rem;height:46px;width:46px}.video-call-room-page-chat-box{bottom:80px;height:350px;left:10px;right:10px;width:calc(100% - 20px)}.video-call-room-page-emoji-panel{display:none}}.video-call-room-page-otp-form{align-items:center;background:var(--medical-bg-white);border-radius:12px;box-shadow:0 8px 30px #0000001a;display:flex;flex-direction:column;max-width:400px;padding:32px;text-align:center;width:100%}.video-call-room-page-otp-form svg{color:var(--medical-green-primary);font-size:2.5rem;margin-bottom:16px}.video-call-room-page-otp-form h3{color:var(--medical-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 8px}.video-call-room-page-otp-form p{color:var(--medical-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:24px}.video-call-room-page-otp-input{border:2px solid var(--medical-border);border-radius:8px;font-size:2rem;font-weight:700;letter-spacing:10px;margin-bottom:16px;max-width:200px;padding:10px;text-align:center;width:100%}.video-call-room-page-otp-input:focus{border-color:var(--medical-green-primary);box-shadow:0 0 0 3px #10b98133;outline:none}.video-call-room-page-otp-error{color:var(--medical-red-dark);font-size:.85rem;font-weight:500;margin-bottom:16px}.video-call-room-page-otp-button{background:var(--medical-green-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:background-color .2s ease;width:100%}.video-call-room-page-otp-button:hover{background:var(--medical-green-dark)}.video-call-room-page-otp-button:disabled{background:var(--medical-text-secondary);cursor:not-allowed}.video-call-room-page-otp-back{color:var(--medical-text-secondary);font-size:.85rem;margin-top:16px;text-decoration:none}.video-call-room-page-otp-back:hover{text-decoration:underline}.video-call-room-page-otp-resend{font-size:.85rem;margin-top:16px}.video-call-room-page-otp-resend span{color:var(--medical-text-secondary)}.video-call-room-page-otp-resend a{color:var(--medical-green-primary);font-weight:500;text-decoration:none}.video-call-room-page-otp-resend a:hover{text-decoration:underline}@keyframes video-call-room-page-pop-up{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.video-call-room-page-control-btn{position:relative}.video-call-room-page-notification-badge{animation:video-call-room-page-pulse-badge 1.5s infinite;background-color:#ef5350;background-color:var(--video-call-danger);border:2px solid #fff;border:2px solid var(--video-call-white);border-radius:50%;height:10px;pointer-events:none;position:absolute;right:6px;top:6px;width:10px}@keyframes video-call-room-page-pulse-badge{0%{opacity:1;transform:scale(.9)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(.9)}}.video-call-room-page-time-warning-modal{align-items:center;animation:video-call-room-page-fade-in .3s ease,video-call-room-page-fade-out .3s 5s forwards;background:#fff3e0;border:1px solid #ffa726;border:1px solid var(--video-call-warning);border-radius:8px;box-shadow:0 4px 15px #0000001a;color:#e65100;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;left:50%;padding:.8rem 1.25rem;position:fixed;top:80px;transform:translateX(-50%);z-index:1001}.video-call-room-page-time-warning-modal button{background:none;border:none;color:#e65100;cursor:pointer;font-size:1rem;padding:.25rem}@keyframes video-call-room-page-fade-out{0%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.video-call-room-page-summary-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.video-call-room-page-summary-modal{background:#fff;background:var(--video-call-white);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:550px;width:90%}.video-call-room-page-summary-modal-header{background:#e8f5e9;background:var(--video-call-bg-light);border-bottom:2px solid #c5e1a5;border-bottom:2px solid var(--video-call-border);padding:1.25rem}.video-call-room-page-summary-modal-header h3{align-items:center;color:#2e7d32;color:var(--video-call-text-primary);display:flex;font-size:1.15rem;font-weight:600;gap:.6rem;margin:0}.video-call-room-page-summary-modal-header p{color:#558b2f;color:var(--video-call-text-secondary);font-size:.85rem;margin:.25rem 0 0}.video-call-room-page-summary-modal-body{flex:1 1;overflow-y:auto;padding:1.25rem}.video-call-room-page-summary-form-group{margin-bottom:1rem}.video-call-room-page-summary-form-group label{color:#2e7d32;color:var(--video-call-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.video-call-room-page-summary-form-group input[type=text],.video-call-room-page-summary-form-group textarea{background:#fff;background:var(--video-call-white);border:2px solid #c5e1a5;border:2px solid var(--video-call-border);border-radius:6px;box-sizing:border-box;color:#2e7d32;color:var(--video-call-text-primary);font-family:inherit;font-size:.9rem;padding:.7rem;transition:all .2s ease;width:100%}.video-call-room-page-summary-form-group input[type=text]:focus,.video-call-room-page-summary-form-group textarea:focus{border-color:#66bb6a;border-color:var(--video-call-primary-color);box-shadow:0 0 0 3px #66bb6a26;box-shadow:0 0 0 3px var(--video-call-shadow);outline:none}.video-call-room-page-summary-error{background:#ffebee;border:1px solid #ef5350;border:1px solid var(--video-call-danger);border-radius:6px;color:#ef5350;color:var(--video-call-danger);font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.75rem}.video-call-room-page-summary-modal-actions{background:#f1f8e9;background:var(--video-call-bg-lighter);border-top:1px solid #c5e1a5;border-top:1px solid var(--video-call-border);display:flex;gap:.8rem;justify-content:flex-end;padding:1.25rem}:root{--crm-primary:#20bf6b;--crm-primary-dark:#199c56;--crm-primary-light:#e8f5e9;--crm-bg:#f8f9fa;--crm-white:#fff;--crm-text:#2d3436;--crm-text-light:#636e72;--crm-border:#dfe6e9;--crm-success:#26de81;--crm-warning:#fdcb6e;--crm-danger:#ff7675;--crm-info:#74b9ff;--crm-shadow:0 1px 4px #0000000f;--crm-radius:6px;--crm-font-size:13px}.crm-page{background:#f8f9fa;background:var(--crm-bg);box-sizing:border-box;color:#2d3436;color:var(--crm-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;font-size:var(--crm-font-size);min-height:100vh;padding:12px}.crm-header{align-items:center;background:#fff;background:var(--crm-white);border-radius:6px;border-radius:var(--crm-radius);box-shadow:0 1px 4px #0000000f;box-shadow:var(--crm-shadow);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px;padding:10px 14px}.crm-header-info h1{align-items:center;color:#2d3436;color:var(--crm-text);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.crm-header-icon{color:#20bf6b;color:var(--crm-primary);flex-shrink:0;font-size:16px}.crm-subtitle{color:#636e72;color:var(--crm-text-light);font-size:11px;margin:3px 0 0}.crm-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.crm-select-wrapper{flex:1 1;min-width:150px;position:relative}.crm-select-icon{color:#b2bec3;font-size:11px;left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.crm-select{background:#fff;background:var(--crm-white);border:1px solid #dfe6e9;border:1px solid var(--crm-border);border-radius:6px;border-radius:var(--crm-radius);box-sizing:border-box;font-size:12px;height:32px;outline:none;padding:0 10px 0 28px;width:100%}.crm-select:focus{border-color:#20bf6b;border-color:var(--crm-primary)}.crm-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--crm-radius);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:32px;padding:0 12px;transition:background .2s;white-space:nowrap}.cpm-btn-primary{background:var(--crm-primary);color:var(--crm-white)}.cpm-btn-primary:hover{background:#199c56;background:var(--crm-primary-dark)}.crm-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:12px}.crm-stat-card{align-items:center;background:#fff;background:var(--crm-white);border:1px solid #dfe6e9;border:1px solid var(--crm-border);border-radius:6px;border-radius:var(--crm-radius);box-shadow:0 1px 4px #0000000f;box-shadow:var(--crm-shadow);display:flex;gap:10px;padding:10px}.crm-stat-icon-box{align-items:center;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.crm-bg-primary{background:#20bf6b;background:var(--crm-primary)}.crm-bg-success{background:#26de81;background:var(--crm-success)}.crm-bg-warning{background:#fdcb6e;background:var(--crm-warning)}.crm-bg-info{background:#74b9ff;background:var(--crm-info)}.crm-stat-content h3{color:#2d3436;color:var(--crm-text);font-size:17px;font-weight:700;line-height:1.1;margin:0}.crm-stat-content p{color:#636e72;color:var(--crm-text-light);font-size:11px;margin:2px 0 0}.crm-tabs-wrapper{-webkit-overflow-scrolling:touch;background:#fff;background:var(--crm-white);border-bottom:1px solid #dfe6e9;border-bottom:1px solid var(--crm-border);border-radius:6px 6px 0 0;border-radius:var(--crm-radius) var(--crm-radius) 0 0;box-shadow:0 1px 4px #0000000f;box-shadow:var(--crm-shadow);margin-bottom:0;overflow-x:auto;padding:0 10px;scrollbar-width:none}.crm-tabs-wrapper::-webkit-scrollbar{display:none}.crm-tabs{display:flex;gap:4px;min-width:-webkit-max-content;min-width:max-content}.crm-tab{align-items:center;background:none;border:none;color:#636e72;color:var(--crm-text-light);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:11px 10px;position:relative;transition:color .2s;white-space:nowrap}.crm-tab.active,.crm-tab:hover{color:#20bf6b;color:var(--crm-primary)}.crm-tab.active{font-weight:600}.crm-tab.active:after{background:#20bf6b;background:var(--crm-primary);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.crm-tab-badge{background:#ff7675;background:var(--crm-danger);border-radius:8px;color:#fff;font-size:10px;line-height:1.3;padding:1px 5px}.crm-content-area{background:#fff;background:var(--crm-white);border-radius:0 0 6px 6px;border-radius:0 0 var(--crm-radius) var(--crm-radius);box-shadow:0 1px 4px #0000000f;box-shadow:var(--crm-shadow);min-height:380px;overflow-x:hidden;padding:14px;position:relative}.crm-loading-overlay{align-items:center;background:#fffc;color:#636e72;color:var(--crm-text-light);display:flex;flex-direction:column;font-size:12px;inset:0;justify-content:center;position:absolute;z-index:10}.crm-spinner{animation:crm-spin .8s linear infinite;border:2px solid #eee;border-radius:50%;border-top:2px solid var(--crm-primary);height:22px;margin-bottom:8px;width:22px}@keyframes crm-spin{to{transform:rotate(1turn)}}.crm-access-denied{align-items:center;color:#636e72;color:var(--crm-text-light);display:flex;flex-direction:column;height:80vh;justify-content:center;text-align:center}.crm-access-denied svg{color:#ff7675;color:var(--crm-danger);margin-bottom:10px}.consultation-realtime-list-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:2000}.consultation-realtime-list-modal-container{animation:crm-fadeIn .2s ease-out;background:#fff;background:var(--crm-white);border-radius:6px;border-radius:var(--crm-radius);box-shadow:0 10px 30px #00000026;max-width:420px;overflow:hidden;width:100%}.consultation-realtime-list-modal-header{align-items:center;background:#e8f5e9;background:var(--crm-primary-light);color:#199c56;color:var(--crm-primary-dark);display:flex;gap:8px;padding:10px 15px}.consultation-realtime-list-modal-title{font-size:14px;font-weight:600;margin:0}.consultation-realtime-list-modal-body{padding:14px}.consultation-realtime-list-modal-warning{background:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;font-size:12px;margin-bottom:10px;padding:8px 10px}.consultation-realtime-list-modal-label{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.consultation-realtime-list-modal-textarea{border:1px solid #dfe6e9;border:1px solid var(--crm-border);border-radius:4px;box-sizing:border-box;font-size:13px;min-height:80px;padding:8px;resize:vertical;width:100%}.consultation-realtime-list-modal-textarea:focus{border-color:#20bf6b;border-color:var(--crm-primary);outline:none}.consultation-realtime-list-modal-actions{background:#fcfcfc;border-top:1px solid #dfe6e9;border-top:1px solid var(--crm-border);display:flex;gap:8px;justify-content:flex-end;padding:10px 14px}.consultation-realtime-list-modal-btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:opacity .2s}.consultation-realtime-list-modal-btn-secondary{background:#fff;border-color:#dfe6e9;border-color:var(--crm-border);color:#2d3436;color:var(--crm-text)}.consultation-realtime-list-modal-btn-danger{background:#ff7675;background:var(--crm-danger);color:#fff}@media (max-width:1024px){.crm-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.crm-page{padding:8px}.crm-header{align-items:stretch;flex-direction:column;padding:10px 12px}.crm-header-info h1{font-size:14px}.crm-header-actions{justify-content:flex-end;width:100%}.crm-select-wrapper{flex:1 1;min-width:0}.crm-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.crm-stat-card{gap:8px;padding:8px}.crm-stat-icon-box{font-size:13px;height:30px;width:30px}.crm-stat-content h3{font-size:15px}.crm-content-area{padding:10px}.crm-tabs-wrapper{padding:0 6px}.crm-tab{font-size:11px;gap:4px;padding:10px 8px}}@media (max-width:480px){.crm-page{padding:6px}.crm-btn span{display:none}.crm-btn{justify-content:center;min-width:32px;padding:0 10px}.crm-stats-grid{gap:6px;grid-template-columns:1fr 1fr}.crm-stat-content h3{font-size:14px}.crm-stat-content p{font-size:10px}.crm-tab{font-size:11px;padding:9px 7px}.consultation-realtime-list-modal-container{max-width:100%}}:root{--crl-primary:#20bf6b;--crl-primary-dark:#199c56;--crl-bg:#f8f9fa;--crl-border:#dfe6e9;--crl-text:#2d3436;--crl-text-light:#636e72;--crl-white:#fff;--crl-radius:8px;--crl-shadow:0 1px 3px #0000000f}.crl-container{background:#0000;color:#2d3436;color:var(--crl-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;padding:0;width:100%}.crl-filters{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.crl-filter-group{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:0}.crl-input,.crl-select{background:#fff;border:1px solid #dfe6e9;border:1px solid var(--crl-border);border-radius:8px;border-radius:var(--crl-radius);flex:1 1;font-size:12px;height:34px;max-width:160px;min-width:110px;outline:none;padding:0 10px}.crl-input:focus,.crl-select:focus{border-color:#20bf6b;border-color:var(--crl-primary);box-shadow:0 0 0 2px #20bf6b26}.crl-search-group{align-items:center;display:flex;flex-shrink:0;gap:6px}.crl-search-box{position:relative;width:220px}.crl-search-icon{color:#b2bec3;font-size:11px;left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.crl-search-input{background:#fff;border:1px solid #dfe6e9;border:1px solid var(--crl-border);border-radius:8px;border-radius:var(--crl-radius);box-sizing:border-box;font-size:12px;height:34px;outline:none;padding:0 10px 0 28px;width:100%}.crl-search-input:focus{border-color:#20bf6b;border-color:var(--crl-primary);box-shadow:0 0 0 2px #20bf6b26}.crl-btn-export{align-items:center;background:#fff;border:1px solid #27ae60;border-radius:8px;border-radius:var(--crl-radius);color:#27ae60;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:34px;justify-content:center;transition:background .2s;width:34px}.crl-btn-export:hover{background:#f0fff4}.crl-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--crl-radius);box-shadow:0 4px 16px #1118270d;overflow-x:auto;scrollbar-color:#cbd5e0 #0000;scrollbar-width:thin}.crl-table-wrapper::-webkit-scrollbar{height:5px}.crl-table-wrapper::-webkit-scrollbar-track{background:#0000}.crl-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:99px}.crl-table{border-collapse:collapse;min-width:900px;table-layout:auto;width:100%}.crl-table th{background:#4caf50;color:#fff;font-size:12px;font-weight:600;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.crl-table th:first-child{border-radius:8px 0 0 0;border-radius:var(--crl-radius) 0 0 0}.crl-table th:last-child{border-radius:0 8px 0 0;border-radius:0 var(--crl-radius) 0 0}.crl-table td{border-bottom:1px solid #eef2f7;font-size:12px;padding:10px 12px;vertical-align:middle}.crl-table tbody tr:last-child td{border-bottom:none}.crl-table tbody tr:hover{background:#f0fdf4}.crl-stt{color:#374151;font-size:12px;font-weight:700}.crl-code{background:#ecfdf5;border-radius:999px;color:#166534;font-family:Courier New,monospace;font-size:11px;font-weight:700;padding:3px 7px;white-space:nowrap}.crl-info-cell{display:flex;flex-direction:column;gap:2px;line-height:1.4;min-width:110px}.crl-info-cell strong{color:#111827;font-size:12px;font-weight:600}.crl-info-cell span,.crl-info-cell strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crl-info-cell span{color:#636e72;color:var(--crl-text-light);font-size:11px}.crl-date-cell{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.crl-date-cell strong{color:#111827;font-size:12px;font-weight:600}.crl-date-cell span{color:#636e72;color:var(--crl-text-light);font-size:11px}.crl-mini-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;gap:4px;padding:2px 7px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.crl-mini-badge.chat{background:#e3f2fd;color:#0d47a1}.crl-mini-badge.video{background:#f3e5f5;color:#6a1b9a}.crl-payment-cell,.crl-rating-cell{display:flex;flex-direction:column;gap:3px}.crl-payment-badge,.crl-rating-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;gap:4px;padding:3px 8px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.crl-payment-badge.unpaid{background:#fff3cd;color:#856404}.crl-payment-badge.paid{background:#d4edda;color:#155724}.crl-payment-badge.free{background:#e2e8f0;color:#334155}.crl-payment-badge.refunded{background:#fee2e2;color:#b91c1c}.crl-rating-badge.rated{background:#fff8e1;color:#b45309}.crl-rating-badge.pending{background:#f3f4f6;color:#6b7280}.crl-status-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px;white-space:nowrap}.crl-badge-warn{background:#fff3cd;color:#856404}.crl-badge-info{background:#d1ecf1;color:#0c5460}.crl-badge-success{background:#d4edda;color:#155724}.crl-badge-danger{background:#f8d7da;color:#721c24}.crl-badge-muted{background:#e2e3e5;color:#383d41}.text-right{text-align:right}.text-center{color:#999;padding:20px;text-align:center}.crl-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-end}.crl-btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px;line-height:1;padding:5px 9px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap}.crl-btn-action:hover{box-shadow:0 4px 10px #1118271a;transform:translateY(-1px)}.crl-btn-action.view{background:#e1f5fe;color:#0288d1}.crl-btn-action.success{background:#e8f5e9;color:#2e7d32}.crl-btn-action.danger{background:#ffebee;color:#c62828}.crl-btn-action.warning{background:#fff8e1;color:#f57f17}.crl-btn-action.info{background:#ede9fe;color:#6d28d9}.crl-btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:28px;justify-content:center;transition:opacity .2s,transform .15s;width:28px}.crl-btn-icon:hover{opacity:.82;transform:translateY(-1px)}.crl-btn-icon.info{background:#e1f5fe;color:#0288d1}.crl-btn-icon.success{background:#e8f5e9;color:#2e7d32}.crl-btn-icon.danger{background:#ffebee;color:#c62828}.crl-btn-icon.warning{background:#fff8e1;color:#f57f17}.crl-loading{color:#636e72;color:var(--crl-text-light);font-size:13px;padding:30px;text-align:center}.spin{animation:spin .9s linear infinite}.crl-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.crl-pagination button{background:#fff;border:1px solid #dfe6e9;border:1px solid var(--crl-border);border-radius:6px;cursor:pointer;font-size:12px;padding:5px 12px;transition:background .2s}.crl-pagination button:hover:not(:disabled){background:#f0fdf4;border-color:#20bf6b;border-color:var(--crl-primary)}.crl-pagination button:disabled{cursor:not-allowed;opacity:.4}.crl-pagination span{color:#636e72;color:var(--crl-text-light);font-size:12px}.crl-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;padding:10px;position:fixed;z-index:2000}.crl-modal{animation:crl-fadeIn .2s ease-out;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-width:420px;overflow:hidden;width:100%}@keyframes crl-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.crl-modal-header{align-items:center;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 16px}.crl-modal-header.danger{background:#ffebee;color:#c62828}.crl-modal-body{font-size:13px;padding:15px}.crl-alert-warning{align-items:center;background:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;display:flex;font-size:12px;gap:6px;margin-bottom:10px;padding:8px 10px}.crl-label{color:#2d3436;color:var(--crl-text);display:block;font-size:12px;font-weight:500;margin-bottom:4px}.crl-textarea{border:1px solid #dfe6e9;border:1px solid var(--crl-border);border-radius:6px;box-sizing:border-box;font-size:13px;padding:8px;resize:vertical;width:100%}.crl-textarea:focus{border-color:#20bf6b;border-color:var(--crl-primary);outline:none}.crl-modal-footer{background:#f8f9fa;border-top:1px solid #dfe6e9;border-top:1px solid var(--crl-border);display:flex;gap:8px;justify-content:flex-end;padding:10px 15px}.crl-btn-modal{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:opacity .2s}.crl-btn-modal.sec{background:#fff;border:1px solid #dfe6e9;border:1px solid var(--crl-border);color:#2d3436;color:var(--crl-text)}.crl-btn-modal.danger{background:#c62828;color:#fff}.crl-btn-modal:disabled{cursor:not-allowed;opacity:.45}@media (max-width:1024px){.crl-info-cell span,.crl-info-cell strong{max-width:120px}.crl-btn-action span{display:none}.crl-btn-action{justify-content:center;min-width:28px;padding:6px 7px}}@media (max-width:768px){.crl-filters{flex-direction:column;gap:8px}.crl-filter-group{gap:6px;width:100%}.crl-input,.crl-select{flex:1 1;font-size:12px;height:36px;max-width:none;min-width:0}.crl-search-group{width:100%}.crl-search-box{flex:1 1;width:auto}.crl-table-wrapper{border-radius:6px}.crl-table{min-width:800px}.crl-table td,.crl-table th{font-size:11px;padding:8px 10px}.crl-actions{flex-wrap:wrap;gap:3px;max-width:100px}.crl-btn-action{padding:5px 6px}.crl-btn-action span{display:none}}@media (max-width:480px){.crl-filter-group{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.crl-input,.crl-select{max-width:none;min-width:0;width:100%}.crl-table{min-width:700px}.crl-pagination{gap:6px}.crl-pagination button{font-size:11px;padding:4px 10px}}.crvp-page{background:#f0fdf4;font-family:Segoe UI,sans-serif;min-height:100vh}.crvp-error,.crvp-loading{align-items:center;color:#4b5563;display:flex;flex-direction:column;font-size:1rem;gap:12px;justify-content:center;min-height:60vh}.crvp-spin{animation:crvp-spin 1s linear infinite;color:#16a34a;font-size:2rem}@keyframes crvp-spin{to{transform:rotate(1turn)}}.crvp-error svg{color:#f59e0b;font-size:2.5rem}.crvp-error button{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:8px;padding:8px 20px}.crvp-header{background:#fff;border-bottom:2px solid #bbf7d0;box-shadow:0 2px 8px #16a34a14;gap:12px;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.crvp-btn-back,.crvp-header{align-items:center;display:flex}.crvp-btn-back{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;cursor:pointer;font-size:.9rem;font-weight:600;gap:6px;padding:8px 14px;transition:background .2s}.crvp-btn-back:hover{background:#dcfce7}.crvp-header-brand{align-items:center;color:#166534;display:flex;font-size:1.1rem;font-weight:700;gap:10px}.crvp-brand-icon{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:8px;color:#fff;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.crvp-code-badge{background:#dcfce7;border:1px solid #86efac;border-radius:20px;color:#166534;font-size:.82rem;font-weight:700;letter-spacing:.5px;padding:4px 14px}.crvp-body{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:860px;padding:24px 16px 48px}.crvp-info-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.crvp-info-card{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;gap:12px;padding:14px 16px}.crvp-info-icon{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;flex-shrink:0;font-size:1rem;height:38px;justify-content:center;width:38px}.crvp-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.crvp-info-label{color:#9ca3af;font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.crvp-info-value{color:#111827;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crvp-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px}.crvp-section-title{align-items:center;color:#374151;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin-bottom:10px}.crvp-section-title svg{color:#6b7280}.crvp-text{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0}.crvp-sub-text{color:#9ca3af;font-size:.85rem;margin:6px 0 0}.crvp-result-block{background:#fff;border:1.5px solid #86efac;border-radius:14px;box-shadow:0 2px 12px #16a34a14;overflow:hidden}.crvp-result-header{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:14px 20px}.crvp-result-grid{display:flex;flex-direction:column;gap:16px;padding:20px}.crvp-result-item{border-bottom:1px solid #f3f4f6;padding-bottom:14px}.crvp-result-item:last-child{border-bottom:none;padding-bottom:0}.crvp-result-label{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.crvp-result-label svg{color:#16a34a}.crvp-result-value{color:#1f2937;font-size:.95rem;line-height:1.6;margin:0}.crvp-result-value.highlight{color:#166534;font-size:1.05rem;font-weight:700}.crvp-prescription{border-top:1px solid #d1fae5;padding:16px 20px}.crvp-prescription-title{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:700;gap:8px;margin-bottom:12px}.crvp-prescription-title svg{color:#16a34a}.crvp-prescription-table{border-collapse:collapse;font-size:.88rem;width:100%}.crvp-prescription-table th{background:#f0fdf4;border-bottom:1px solid #bbf7d0;color:#166534;font-weight:700;padding:8px 12px;text-align:left}.crvp-prescription-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:8px 12px}.crvp-prescription-table tr:last-child td{border-bottom:none}.crvp-followup{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:.9rem;font-weight:600;gap:10px;margin:0 20px 16px;padding:12px 16px}.crvp-followup svg{color:#f59e0b;flex-shrink:0}.crvp-followup-note{color:#78350f;font-size:.85rem;font-weight:400;margin:4px 0 0}.crvp-no-result{background:#fff;border:1px dashed #d1d5db;border-radius:12px;color:#9ca3af;padding:36px;text-align:center}.crvp-no-result svg{color:#f59e0b;font-size:2rem;margin-bottom:10px}.crvp-no-result p{font-size:.95rem;margin:0}.crvp-footer-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.crvp-btn-back-footer{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px;transition:background .2s}.crvp-btn-back-footer:hover{background:#f9fafb}.crvp-btn-detail{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px;transition:opacity .2s}.crvp-btn-detail:hover{opacity:.9}@media (max-width:600px){.crvp-header{padding:10px 14px}.crvp-header-brand span{display:none}.crvp-info-row{grid-template-columns:1fr 1fr}.crvp-body{padding:16px 12px 40px}.crvp-prescription-table{font-size:.78rem}}:root{--color-event:#dbeafe;--color-event-border:#93c5fd;--color-today-bg:#fefce8;--color-red:#ef4444}.calendar-view__container{background:#fff;background:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.calendar-view__grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}.calendar-view__day-header{background:#f9fafb;background:var(--color-background-light);border-radius:6px;color:#4b5563;color:var(--color-text-secondary);font-size:.9rem;font-weight:600;padding:.75rem;text-align:center}.calendar-view__day{aspect-ratio:1;background:#fff;background:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.calendar-view__day--empty{background-color:#f9fafb;background-color:var(--color-background-light);border-color:#0000;cursor:default}.calendar-view__day--other-month{color:#4b5563;color:var(--color-text-secondary);opacity:.6}.calendar-view__day--today .calendar-view__date-number{background-color:#a0d9b5;background-color:var(--color-primary);border-radius:50%;color:#1f2937;color:var(--color-text-primary);height:1.75rem;line-height:1.75rem;text-align:center;width:1.75rem}.calendar-view__day--working{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#81b997;border-color:var(--color-primary-dark)}.calendar-view__day--on-leave{background-color:#fff7d6;border-color:#d97706;border-color:var(--color-warning-dark)}.calendar-view__day:not(.calendar-view__day--empty):hover{border-color:#81b997;border-color:var(--color-primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.calendar-view__date-number{color:#1f2937;color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:600}.calendar-view__status-icons{align-self:flex-end;display:flex;font-size:.8rem;gap:.25rem}.calendar-view__icon-work{color:#81b997;color:var(--color-primary-dark)}.calendar-view__icon-leave{color:#d97706;color:var(--color-warning-dark)}.calendar-view__icon-appointment{color:#991b1b;color:var(--color-appointment-text)}.calendar-view__icon-appointment-service{color:#c2410c;color:var(--color-appointment-service-text)}.calendar-view__icon-appointment-consultation{color:#0369a1;color:var(--color-appointment-consultation-text)}.calendar-view__legend{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.5rem;padding-top:1.5rem}.calendar-view__legend-item{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:.5rem}.calendar-view__legend-color{border-radius:4px;height:1rem;width:1rem}.calendar-view__legend-color--work{background-color:#e6f7f2;background-color:var(--color-primary-light);border:1px solid #81b997;border:1px solid var(--color-primary-dark)}.calendar-view__legend-color--leave{background-color:#fff7d6;border:1px solid #d97706;border:1px solid var(--color-warning-dark)}.calendar-view__legend-color--appointment{background-color:#fecaca;background-color:var(--color-appointment);border:1px solid #f87171;border:1px solid var(--color-appointment-border)}.calendar-view__legend-color--appointment-service{background-color:#ffedd5;background-color:var(--color-appointment-service);border:1px solid #fb923c;border:1px solid var(--color-appointment-service-border)}.calendar-view__legend-color--appointment-consultation{background-color:#e0f2fe;background-color:var(--color-appointment-consultation);border:1px solid #38bdf8;border:1px solid var(--color-appointment-consultation-border)}.week-calendar-view__container{background:#fff;background:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);overflow:hidden}.week-calendar-view__scroll-wrapper{max-height:70vh;overflow-y:auto;position:relative}.week-calendar-view__grid-wrapper{display:flex;flex-direction:column;min-width:900px}.week-calendar-view__header-row{background:#fff;background:var(--color-background);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:10}.week-calendar-view__time-axis-header{flex:0 0 60px}.week-calendar-view__day-header,.week-calendar-view__time-axis-header{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border)}.week-calendar-view__day-header{box-sizing:border-box;flex:1 1;height:55px;padding:.75rem .5rem;text-align:center}.week-calendar-view__day-header:last-child{border-right:none}.week-calendar-view__day-header--today{background-color:#fefce8;background-color:var(--color-today-bg)}.week-calendar-view__day-header--today .week-calendar-view__day-number{background-color:#a0d9b5;background-color:var(--color-primary);color:#1f2937;color:var(--color-text-primary)}.week-calendar-view__day-name{color:#4b5563;color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:600;text-transform:uppercase}.week-calendar-view__day-number{border-radius:50%;color:#1f2937;color:var(--color-text-primary);display:inline-block;font-size:1.25rem;font-weight:700;height:2rem;line-height:2rem;margin-top:.25rem;transition:all .2s ease-in-out;transition:var(--transition);width:2rem}.week-calendar-view__body-row{display:flex;flex-grow:1}.week-calendar-view__time-axis{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border);flex:0 0 60px;padding-top:1.25rem;position:relative}.week-calendar-view__time-label{color:#4b5563;color:var(--color-text-secondary);font-size:.8rem;height:60px;padding-right:.5rem;position:relative;text-align:right;top:-.5em}.week-calendar-view__day-column{background-color:#fff;background-color:var(--color-background);border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border);flex:1 1;position:relative}.week-calendar-view__day-column:last-child{border-right:none}.week-calendar-view__day-column--today{background-color:#fefce8;background-color:var(--color-today-bg)}.week-calendar-view__time-slot{border-bottom:1px dotted #e5e7eb;border-bottom:1px dotted var(--color-border);box-sizing:border-box;height:30px}.week-calendar-view__time-slot:nth-child(2n){border-bottom-style:solid}.week-calendar-view__time-slot--working{background-color:#e6f7f2;background-color:var(--color-primary-light);opacity:.5}.week-calendar-view__day-column--today .week-calendar-view__time-slot--working{background-color:#a0d9b5;background-color:var(--color-primary);opacity:.2}.week-calendar-view__event{border-radius:6px;box-sizing:border-box;cursor:pointer;opacity:.9;overflow:hidden;padding:.25rem .5rem;position:absolute;transition:all .1s ease-in-out}.week-calendar-view__event:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);opacity:1;z-index:50}.week-calendar-view__event--schedule{background-color:#dbeafe;background-color:var(--color-event);border:1px solid #93c5fd;border:1px solid var(--color-event-border);color:#1f2937;color:var(--color-text-primary)}.week-calendar-view__event--leave{background-color:#fff7d6;color:var(--color-warning-text)}.week-calendar-view__event--appointment-service{background-color:#ffedd5!important;background-color:var(--color-appointment-service)!important;border:1px solid #fb923c!important;border:1px solid var(--color-appointment-service-border)!important;color:#c2410c!important;color:var(--color-appointment-service-text)!important;z-index:3}.week-calendar-view__event--appointment-consultation{background-color:#e0f2fe!important;background-color:var(--color-appointment-consultation)!important;border:1px solid #38bdf8!important;border:1px solid var(--color-appointment-consultation-border)!important;color:#0369a1!important;color:var(--color-appointment-consultation-text)!important;z-index:3}.week-calendar-view__event-user{align-items:center;color:#1f2937;color:var(--color-text-primary);display:flex;font-size:.8rem;font-weight:600;gap:.35rem;margin-bottom:.25rem}.week-calendar-view__event-user img{border-radius:50%;flex-shrink:0;height:18px;object-fit:cover;width:18px}.week-calendar-view__event-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-calendar-view__event-title{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:.25rem}.week-calendar-view__event-time{display:block;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-calendar-view__current-time-line{background-color:#ef4444;background-color:var(--color-red);height:2px;left:0;position:absolute;right:0;z-index:20}.week-calendar-view__current-time-marker{background-color:#ef4444;background-color:var(--color-red);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;position:absolute;right:105%;top:50%;transform:translateY(-50%);z-index:21}.week-calendar-view__legend{background:#f9fafb;background:var(--color-background-light);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem 1.5rem;padding:1rem 1.5rem}.week-calendar-view__legend-item{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:.5rem}.week-calendar-view__legend-color{border-radius:4px;height:1rem;width:1rem}.week-calendar-view__legend-color--event-work{background-color:#dbeafe;background-color:var(--color-event);border:1px solid #93c5fd;border:1px solid var(--color-event-border)}.week-calendar-view__legend-color--event-leave{background-color:#fde68a;background-color:var(--color-warning)}.week-calendar-view__legend-color--event-appointment-service{background-color:#ffedd5;background-color:var(--color-appointment-service);border:1px solid #fb923c;border:1px solid var(--color-appointment-service-border)}.week-calendar-view__legend-color--event-appointment-consultation{background-color:#e0f2fe;background-color:var(--color-appointment-consultation);border:1px solid #38bdf8;border:1px solid var(--color-appointment-consultation-border)}.week-calendar-view__event--schedule{background-color:#e6f7f2;background-color:var(--color-primary-light);border:1px solid #81b997;border:1px solid var(--color-primary-dark);z-index:2}.week-calendar-view__event--schedule,.week-calendar-view__event--schedule .week-calendar-view__event-time,.week-calendar-view__event--schedule .week-calendar-view__event-title{color:#81b997;color:var(--color-primary-dark)}.week-calendar-view__event--flexible{background-color:#dbeafe;background-color:var(--color-event);border:1px solid #93c5fd;border:1px solid var(--color-event-border);z-index:2}.week-calendar-view__event--flexible,.week-calendar-view__event--flexible .week-calendar-view__event-time,.week-calendar-view__event--flexible .week-calendar-view__event-title{color:#1f2937;color:var(--color-text-primary)}.week-calendar-view__event--overtime{background-color:#ddd6fe;border:1px solid #a78bfa;color:#5b21b6;z-index:3}.week-calendar-view__event--overtime .week-calendar-view__event-time,.week-calendar-view__event--overtime .week-calendar-view__event-title{color:#5b21b6}.week-calendar-view__event--appointment{background-color:#fecaca;background-color:var(--color-appointment);border:1px solid #f87171;border:1px solid var(--color-appointment-border);color:#991b1b;color:var(--color-appointment-text);z-index:3}.week-calendar-view__event--appointment.week-calendar-view__event--appointment-service{background-color:#ffedd5!important;background-color:var(--color-appointment-service)!important;border-color:#fb923c!important;border-color:var(--color-appointment-service-border)!important;color:#c2410c!important;color:var(--color-appointment-service-text)!important}.week-calendar-view__event--appointment.week-calendar-view__event--appointment-consultation{background-color:#e0f2fe!important;background-color:var(--color-appointment-consultation)!important;border-color:#38bdf8!important;border-color:var(--color-appointment-consultation-border)!important;color:#0369a1!important;color:var(--color-appointment-consultation-text)!important}.week-calendar-view__event--leave{background-color:#fde68a;background-color:var(--color-warning);border:1px solid #d97706;border:1px solid var(--color-warning-dark);color:#92400e;z-index:4}.week-calendar-view__event--leave .week-calendar-view__event-time,.week-calendar-view__event--leave .week-calendar-view__event-title{color:#92400e;color:var(--color-warning-text)}.week-calendar-view__event--custom-color{background-color:var(--event-color)!important;border:1px solid var(--event-border)!important;color:#1f2937!important;color:var(--color-text-primary)!important;z-index:3}.week-calendar-view__event--custom-color .week-calendar-view__event-time,.week-calendar-view__event--custom-color .week-calendar-view__event-title{color:#1f2937;color:var(--color-text-primary)}.week-calendar-view__legend-color--work{background-color:#e6f7f2;background-color:var(--color-primary-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);opacity:.5}.week-calendar-view__legend-color--event-schedule{background-color:#e6f7f2;background-color:var(--color-primary-light);border:1px solid #81b997;border:1px solid var(--color-primary-dark)}.week-calendar-view__legend-color--event-flexible{background-color:#dbeafe;background-color:var(--color-event);border:1px solid #93c5fd;border:1px solid var(--color-event-border)}.week-calendar-view__legend-color--event-overtime{background-color:#ddd6fe;border:1px solid #a78bfa}.week-calendar-view__legend-color--event-appointment{background-color:#fecaca;background-color:var(--color-appointment);border:1px solid #f87171;border:1px solid var(--color-appointment-border)}.week-calendar-view__legend-color--event-leave{background-color:#fff7d6;border:1px solid #d97706;border:1px solid var(--color-warning-dark)}.calendar-view__legend-color--overtime{background-color:#ddd6fe;border:1px solid #a78bfa}.calendar-view__icon-overtime{color:#7c3aed}:root{--color-warning-dark:#d97706;--color-warning-text:#92400e;--color-appointment:#fecaca;--color-appointment-border:#f87171;--color-appointment-text:#991b1b;--color-appointment-service:#ffedd5;--color-appointment-service-border:#fb923c;--color-appointment-service-text:#c2410c;--color-appointment-consultation:#e0f2fe;--color-appointment-consultation-border:#38bdf8;--color-appointment-consultation-text:#0369a1}.schedule-table-view__container{background:#fff;background:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.schedule-table-view__table-wrapper{overflow-x:auto}.schedule-table-view__table{border-collapse:collapse;min-width:800px;width:100%}.schedule-table-view__table td,.schedule-table-view__table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);font-size:.95rem;padding:1rem 1.25rem;text-align:left;vertical-align:middle}.schedule-table-view__table td.schedule-table-view__schedules,.schedule-table-view__table th:nth-child(3){min-width:240px}.schedule-table-view__table td.schedule-table-view__appointments,.schedule-table-view__table td.schedule-table-view__leaves,.schedule-table-view__table td.schedule-table-view__overtimes,.schedule-table-view__table th:nth-child(4),.schedule-table-view__table th:nth-child(5),.schedule-table-view__table th:nth-child(6){min-width:190px}.schedule-table-view__table th{color:#4b5563;color:var(--color-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.schedule-table-view__table tbody tr:hover,.schedule-table-view__table th{background-color:#f9fafb;background-color:var(--color-background-light)}.schedule-table-view__empty-state,.schedule-table-view__loading{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:1.1rem;gap:.75rem;justify-content:center;padding:3rem;text-align:center}.schedule-table-view__empty-state svg{color:#4b5563;color:var(--color-text-secondary);font-size:1.5rem}.schedule-table-view__user-cell{align-items:center;color:#1f2937;color:var(--color-text-primary);display:flex;font-weight:600;gap:.75rem;min-width:200px}.schedule-table-view__user-cell img{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.schedule-table-view__details-cell{color:#4b5563;color:var(--color-text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-table-view__badge{align-items:center;border:1px solid #0000;border-radius:12px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.25rem .75rem}.schedule-table-view__badge--schedules{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#a0d9b5;border-color:var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.schedule-table-view__badge--leaves{background-color:#fde68a;background-color:var(--color-warning);border-color:#d97706;border-color:var(--color-warning-dark);color:#a16207}.schedule-table-view__badge--appointments{background-color:#fecaca;background-color:var(--color-appointment);border-color:#f87171;border-color:var(--color-appointment-border);color:#991b1b;color:var(--color-appointment-text)}.schedule-table-view__shifts{display:flex;flex-wrap:wrap;gap:8px;row-gap:10px}.schedule-table-view__shift-badge{align-items:center;border:1px solid #0000;border-radius:12px;display:inline-flex;font-size:.82rem;font-weight:600;gap:4px;line-height:1.35;max-width:100%;padding:6px 10px;white-space:normal}.schedule-table-view__shift-badge small{font-size:.76rem;font-weight:400;line-height:1.25}.schedule-table-view__shift-badge.schedule{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#81b997;border-color:var(--color-primary-dark);color:#81b997;color:var(--color-primary-dark)}.schedule-table-view__shift-badge.overtime{background-color:#ddd6fe;border-color:#a78bfa;color:#5b21b6}.schedule-table-view__shift-badge.appointment{background-color:#fecaca;background-color:var(--color-appointment);border-color:#f87171;border-color:var(--color-appointment-border);color:#991b1b;color:var(--color-appointment-text)}.schedule-table-view__shift-badge--service{background-color:#ffedd5;background-color:var(--color-appointment-service);border-color:#fb923c;border-color:var(--color-appointment-service-border);color:#c2410c;color:var(--color-appointment-service-text)}.schedule-table-view__shift-badge--consultation{background-color:#e0f2fe;background-color:var(--color-appointment-consultation);border-color:#38bdf8;border-color:var(--color-appointment-consultation-border);color:#0369a1;color:var(--color-appointment-consultation-text)}.schedule-table-view__shift-badge--appointment{background-color:#fecaca;background-color:var(--color-appointment);border-color:#f87171;border-color:var(--color-appointment-border);color:#991b1b;color:var(--color-appointment-text)}.schedule-table-view__shift-badge.leave{background-color:#fff7d6;border-color:#d97706;border-color:var(--color-warning-dark);color:#92400e;color:var(--color-warning-text)}.schedule-table-view__no-data{color:#4b5563;color:var(--color-text-secondary);font-size:.85rem}.schedule-table-view__row:last-child td{border-bottom:none}.schedule-table-view__date strong{color:#1f2937;color:var(--color-text-primary);font-size:1rem}.schedule-table-view__date span{color:#4b5563;color:var(--color-text-secondary);font-size:.85rem}.schedule-table-view__wrapper{overflow-x:auto}.schedule-table-view__empty-row{padding:2rem!important}.schedule-table-view__empty,.schedule-table-view__empty-row{color:#4b5563;color:var(--color-text-secondary);font-size:.95rem;text-align:center}.schedule-table-view__empty{padding:2rem}.leave-request-modal__overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.leave-request-modal__content{background:#fff;background:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.leave-request-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.leave-request-modal__header h2{align-items:center;color:#1f2937;color:var(--color-text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0}.leave-request-modal__btn-close{background:none;border:none;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;font-size:1.75rem;font-weight:300}.leave-request-modal__btn-close:hover{color:#1f2937;color:var(--color-text-primary)}.leave-request-modal__body{overflow-y:auto;padding:1.5rem}.leave-request-modal__form-group{margin-bottom:1rem}.leave-request-modal__form-group label{color:#1f2937;color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.leave-request-modal__form-control{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.leave-request-modal__form-control:focus{border-color:#a0d9b5;border-color:var(--color-primary);box-shadow:0 0 0 3px #e6f7f2;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.leave-request-modal__form-control--error{border-color:#f4b6b6;border-color:var(--color-danger)}.leave-request-modal__error-text{color:#e09b9b;color:var(--color-danger-dark);display:block;font-size:.875rem;margin-top:.25rem}.leave-request-modal__form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.leave-request-modal__warning-box{align-items:center;background:#e6f7f2;background:var(--color-primary-light);border-left:4px solid #81b997;border-left:4px solid var(--color-primary-dark);border-radius:6px;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:.75rem;margin:1.5rem 0;padding:1rem}.leave-request-modal__warning-box strong{color:#1f2937;color:var(--color-text-primary)}.leave-request-modal__footer{background-color:#f9fafb;background-color:var(--color-background-light);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.leave-request-modal__button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.leave-request-modal__button--primary{background-color:#a0d9b5;background-color:var(--color-primary);color:#1f2937;color:var(--color-text-primary)}.leave-request-modal__button--primary:hover{background-color:#81b997;background-color:var(--color-primary-dark);color:#fff}.leave-request-modal__button--primary:disabled{background-color:#e5e7eb;background-color:var(--color-border);color:#4b5563;color:var(--color-text-secondary);cursor:not-allowed}.leave-request-modal__button--secondary{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);color:#4b5563;color:var(--color-text-secondary)}.leave-request-modal__button--secondary:hover{background-color:#f9fafb;background-color:var(--color-background-light)}.my-leave-table__container{width:100%}.my-leave-table__table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);overflow-x:auto}.my-leave-table__table{border-collapse:collapse;font-size:.95rem;width:100%}.my-leave-table__table th{background-color:#f9fafb;background-color:var(--color-background-light);color:#4b5563;color:var(--color-text-secondary);font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.my-leave-table__table tbody tr,.my-leave-table__table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border)}.my-leave-table__table tbody tr{cursor:pointer;transition:background-color .1s ease-in-out}.my-leave-table__table tbody tr:last-child{border-bottom:none}.my-leave-table__table tbody tr:hover{background-color:#e6f7f2;background-color:var(--color-primary-light)}.my-leave-table__table td{color:#1f2937;color:var(--color-text-primary);padding:1rem;vertical-align:middle}.my-leave-table__reason-cell{color:#4b5563;color:var(--color-text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-leave-table__empty-state{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:1.1rem;gap:.75rem;justify-content:center;padding:3rem;text-align:center}.my-leave-table__status-cell{width:130px}.my-leave-table__badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.3rem;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.my-leave-table__badge--warning{background-color:#fde68a;background-color:var(--color-warning);color:#a16207}.my-leave-table__badge--success{background-color:#e6f7f2;background-color:var(--color-primary-light);color:#81b997;color:var(--color-primary-dark)}.my-leave-table__badge--danger{background-color:#fee2e2;color:#b91c1c}.my-leave-table__badge--secondary{background-color:#e5e7eb;background-color:var(--color-border);color:#4b5563;color:var(--color-text-secondary)}.my-leave-table__action-cell{text-align:center;width:100px}.my-leave-table__action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;transition:all .2s ease-in-out;transition:var(--transition)}.my-leave-table__action-btn--cancel{background-color:initial;border:1px solid #f4b6b6;border:1px solid var(--color-danger);color:#e09b9b;color:var(--color-danger-dark)}.my-leave-table__action-btn--cancel:hover{background-color:#f4b6b6;background-color:var(--color-danger);color:#fff}.my-leave-table__action-btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal__overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:1rem;position:fixed;right:0;top:0;z-index:1020}.confirmation-modal__content{background:#fff;background:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);max-width:450px;padding:1.5rem;position:relative;text-align:center;width:90%}.confirmation-modal__icon-wrapper{align-items:center;background-color:var(--color-primary-light);border:4px solid #fff;border:4px solid var(--color-background);border-radius:50%;box-shadow:var(--shadow-sm);color:#81b997;color:var(--color-primary-dark);display:flex;font-size:1.5rem;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.confirmation-modal__header{position:relative}.confirmation-modal__header h2{color:#1f2937;color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.confirmation-modal__btn-close{background:none;border:none;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:-.5rem;top:-1rem}.confirmation-modal__body p{color:#4b5563;color:var(--color-text-secondary);font-size:1rem;margin:0 0 1.5rem}.confirmation-modal__footer{display:flex;gap:1rem;justify-content:center}.confirmation-modal__button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s ease-in-out;transition:var(--transition)}.confirmation-modal__button:disabled{cursor:not-allowed;opacity:.7}.confirmation-modal__button--secondary{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);color:#4b5563;color:var(--color-text-secondary)}.confirmation-modal__button--secondary:hover{background-color:#f9fafb;background-color:var(--color-background-light)}.confirmation-modal__button--confirm{background-color:#a0d9b5;background-color:var(--color-primary);color:#1f2937;color:var(--color-text-primary)}.confirmation-modal__button--confirm:hover{background-color:#81b997;background-color:var(--color-primary-dark);color:#fff}.schedule-editor__banner{align-items:center;border:1px solid;border-radius:8px;border-radius:var(--border-radius);display:flex;font-size:.95rem;gap:.75rem;line-height:1.5;margin-bottom:1.5rem;padding:1rem 1.25rem}.schedule-editor__banner.info{background-color:#dbeafe;background-color:var(--color-info);border-color:#3b82f6;border-color:var(--color-info-dark);color:#1e40af}.schedule-editor__banner.success{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#a0d9b5;border-color:var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.schedule-editor__banner.warning{background-color:#fef3c7;background-color:var(--color-warning);border-color:#fbbf24;border-color:var(--color-warning-dark);color:#a16207}.schedule-editor__banner.danger{background-color:#fee2e2;border-color:#e09b9b;border-color:var(--color-danger-dark);color:#991b1b}.schedule-editor__banner svg{flex-shrink:0;font-size:1.25rem}.schedule-editor__label{margin-bottom:.75rem}.schedule-editor__radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.schedule-editor__radio-group label{align-items:center;background-color:#fff;background-color:var(--color-background);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease-in-out;transition:var(--transition)}.schedule-editor__radio-group label:hover{background-color:#f9fafb;background-color:var(--color-background-light);border-color:#a0d9b5;border-color:var(--color-primary)}.schedule-editor__radio-group input[type=radio]{accent-color:#81b997;accent-color:var(--color-primary-dark);cursor:pointer;height:18px;width:18px}.schedule-editor__radio-group input[type=radio]:checked+span{color:#81b997;color:var(--color-primary-dark)}.schedule-editor__radio-group label:has(input:checked){background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#a0d9b5;border-color:var(--color-primary)}.schedule-editor__grid-table td{transition:all .2s ease-in-out;transition:var(--transition)}.schedule-editor__grid-table td:hover:not(:first-child),.schedule-editor__grid-table.disabled td:not(:first-child){background-color:#f9fafb;background-color:var(--color-background-light)}@media (max-width:1024px){.schedule-editor__modal-content{max-width:95%}.schedule-editor__grid-table{font-size:.85rem}.schedule-editor__grid-table td,.schedule-editor__grid-table th{padding:.5rem}}@media (max-width:768px){.schedule-editor__modal-content{padding:1.5rem;width:95%}.schedule-editor__title{font-size:1.5rem}.schedule-editor__subtitle{font-size:.9rem}.schedule-editor__banner{font-size:.9rem;padding:.75rem 1rem}.schedule-editor__radio-group{flex-direction:column;gap:1rem}.schedule-editor__radio-group label{justify-content:flex-start;width:100%}.schedule-editor__grid-table{font-size:.8rem}.schedule-editor__grid-table td,.schedule-editor__grid-table th{padding:.4rem}.schedule-editor__slot-checkbox{height:16px;width:16px}.schedule-editor__modal-footer{flex-direction:column}.schedule-editor__button{justify-content:center;width:100%}}@media (max-width:480px){.schedule-editor__modal-content{padding:1rem}.schedule-editor__title{font-size:1.25rem}.schedule-editor__subtitle{font-size:.85rem}.schedule-editor__banner{font-size:.85rem;padding:.6rem .75rem}.schedule-editor__banner svg{font-size:1rem}.schedule-editor__radio-group label{font-size:.9rem;padding:.6rem 1rem}.schedule-editor__grid-table{font-size:.75rem}.schedule-editor__grid-table td:first-child strong{font-size:.85rem}.schedule-editor__grid-table td:first-child span{font-size:.75rem}.schedule-editor__button{font-size:.9rem;padding:.6rem 1rem}}.schedule-editor__modal-overlay{padding:1rem}.schedule-editor__modal-content{max-width:900px}.schedule-editor__modal-content.large{max-width:1200px}.schedule-editor__title{font-size:1.75rem;margin:0 0 .5rem}.schedule-editor__subtitle{color:#4b5563;color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:0 0 2rem}.schedule-editor__week-navigator{background-color:#f9fafb;background-color:var(--color-background-light);border-radius:8px;border-radius:var(--border-radius);justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.schedule-editor__week-navigator,.schedule-editor__week-navigator button{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--color-border);display:flex}.schedule-editor__week-navigator button{background-color:#fff;background-color:var(--color-background);border-radius:6px;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;justify-content:center;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.schedule-editor__week-navigator button:hover{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#a0d9b5;border-color:var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.schedule-editor__week-navigator strong{color:#1f2937;color:var(--color-text-primary);font-size:1.1rem}.schedule-editor__grid-wrapper{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);margin-bottom:1.5rem;overflow-x:auto}.schedule-editor__grid-table{border-collapse:collapse;font-size:.9rem;width:100%}.schedule-editor__grid-table thead{background-color:#f9fafb;background-color:var(--color-background-light);position:-webkit-sticky;position:sticky;top:0;z-index:10}.schedule-editor__grid-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border);color:#1f2937;color:var(--color-text-primary);font-weight:600;padding:.75rem;text-align:center;white-space:nowrap}.schedule-editor__grid-table th:first-child{min-width:150px;text-align:left}.schedule-editor__grid-table th small{color:#4b5563;color:var(--color-text-secondary);display:block;font-size:.85em;font-weight:400;margin-top:.25rem}.schedule-editor__grid-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border)}.schedule-editor__grid-table tbody tr:last-child{border-bottom:none}.schedule-editor__grid-table td{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border);padding:.75rem;text-align:center;vertical-align:middle}.schedule-editor__grid-table td:first-child{background-color:#f9fafb;background-color:var(--color-background-light);border-right:2px solid #e5e7eb;border-right:2px solid var(--color-border);font-weight:500;text-align:left}.schedule-editor__grid-table td:first-child strong{color:#1f2937;color:var(--color-text-primary);display:block;margin-bottom:.25rem}.schedule-editor__grid-table td:first-child span{color:#4b5563;color:var(--color-text-secondary);display:block;font-size:.85rem}.schedule-editor__grid-table td:last-child{border-right:none}.schedule-editor__grid-table td.selected{background-color:#e6f7f2;background-color:var(--color-primary-light)}.schedule-editor__grid-table td.disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.schedule-editor__grid-table td.permanent{background-color:#fef3c7;position:relative}.schedule-editor__grid-table td.permanent:after{content:"📌";font-size:.75rem;position:absolute;right:.25rem;top:.25rem}.schedule-editor__slot-checkbox{accent-color:#81b997;accent-color:var(--color-primary-dark);cursor:pointer;height:20px;width:20px}.schedule-editor__slot-checkbox:disabled{cursor:not-allowed}.schedule-editor__grid-table.disabled{opacity:.6;pointer-events:none}.schedule-editor__loading{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:1.1rem;gap:.75rem;justify-content:center;padding:3rem 0;text-align:center}.schedule-editor__modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);padding-top:1.5rem}.schedule-editor__button.primary:hover:not(:disabled){box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:1024px){.schedule-editor__modal-content.large{max-width:95%}.schedule-editor__grid-table{font-size:.85rem}.schedule-editor__grid-table td,.schedule-editor__grid-table th{padding:.5rem}}@media (max-width:768px){.schedule-editor__modal-content{padding:1.5rem;width:95%}.schedule-editor__title{font-size:1.5rem}.schedule-editor__subtitle{font-size:.9rem}.schedule-editor__week-navigator{padding:.75rem}.schedule-editor__week-navigator strong{font-size:1rem}.schedule-editor__grid-table{font-size:.8rem}.schedule-editor__grid-table td,.schedule-editor__grid-table th{padding:.4rem}.schedule-editor__slot-checkbox{height:16px;width:16px}.schedule-editor__modal-footer{flex-direction:column}.schedule-editor__button{justify-content:center;width:100%}}@media (max-width:480px){.schedule-editor__modal-content{padding:1rem}.schedule-editor__title{font-size:1.25rem}.schedule-editor__subtitle{font-size:.85rem}.schedule-editor__week-navigator button{padding:.4rem .75rem}.schedule-editor__week-navigator strong{font-size:.9rem}.schedule-editor__grid-table{font-size:.75rem}.schedule-editor__grid-table td:first-child strong{font-size:.85rem}.schedule-editor__grid-table td:first-child span{font-size:.75rem}.schedule-editor__button{font-size:.9rem;padding:.6rem 1rem}}:root{--color-secondary-dark:#9ca3af}.my-schedule-page__container{background-color:#f9fafb;background-color:var(--color-background-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.my-schedule-page__content-wrapper{background-color:#fff;background-color:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin:0 auto;max-width:1200px;overflow:hidden}.my-schedule-page__loading,.my-schedule-page__loading-page{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:1.1rem;gap:.75rem;justify-content:center;padding:3rem;text-align:center}.my-schedule-page__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.my-schedule-page__page-title{color:#1f2937;color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:0}.my-schedule-page__button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.my-schedule-page__button--primary{background-color:#a0d9b5;background-color:var(--color-primary);color:#1f2937;color:var(--color-text-primary)}.my-schedule-page__button--primary:hover{background-color:#81b997;background-color:var(--color-primary-dark);color:#fff}.my-schedule-page__button--primary:disabled{background-color:#e5e7eb;background-color:var(--color-border);color:#4b5563;color:var(--color-text-secondary);cursor:not-allowed}.my-schedule-page__button--danger-outline{background-color:initial;border:1px solid #f4b6b6;border:1px solid var(--color-danger);color:#e09b9b;color:var(--color-danger-dark)}.my-schedule-page__button--danger-outline:hover{background-color:#f4b6b6;background-color:var(--color-danger);color:#fff}.my-schedule-page__button--secondary{background-color:#d1d5db;background-color:var(--color-secondary);color:#1f2937;color:var(--color-text-primary)}.my-schedule-page__button--secondary:hover{background-color:#9ca3af;background-color:var(--color-secondary-dark);color:#fff}.my-schedule-page__buttons-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.my-schedule-page__dropdown-wrapper{position:relative}.my-schedule-page__dropdown-menu{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.my-schedule-page__dropdown-item{align-items:center;background-color:initial;border:none;color:#1f2937;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.my-schedule-page__dropdown-item:hover{background-color:#e6f7f2;background-color:var(--color-primary-light);color:#81b997;color:var(--color-primary-dark)}.my-schedule-page__tabs{background-color:#f9fafb;background-color:var(--color-background-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;padding:0 2rem}.my-schedule-page__tab{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.my-schedule-page__tab--active,.my-schedule-page__tab:hover{color:#81b997;color:var(--color-primary-dark)}.my-schedule-page__tab--active{border-bottom-color:#a0d9b5;border-bottom-color:var(--color-primary)}.my-schedule-page__tab-content{padding:2rem}.my-schedule-page__section-header{margin:0 auto 2rem;max-width:700px;text-align:center}.my-schedule-page__section-header h2{color:#1f2937;color:var(--color-text-primary);font-size:1.75rem;font-weight:600;margin:0 0 1rem}.my-schedule-page__section-header p{color:#4b5563;color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin:0 0 2rem}.my-schedule-page__view-controls-header{justify-content:space-between;margin-bottom:1.5rem}.my-schedule-page__view-controls-header,.my-schedule-page__view-mode-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.my-schedule-page__view-switcher{background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);display:flex;padding:.25rem}.my-schedule-page__switch-btn{align-items:center;background-color:initial;border:1px solid #0000;border-radius:6px;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.my-schedule-page__switch-btn:hover{color:#1f2937;color:var(--color-text-primary)}.my-schedule-page__switch-btn.active{background-color:#fff;background-color:var(--color-background);border-color:#e5e7eb;border-color:var(--color-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#81b997;color:var(--color-primary-dark)}.my-schedule-page__today-button{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.my-schedule-page__today-button:hover{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#a0d9b5;border-color:var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.my-schedule-page__event-filters{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem}.my-schedule-page__event-filters .my-schedule-page__filter-btn,.my-schedule-page__event-filters span{color:#4b5563;color:var(--color-text-secondary);font-weight:600}.my-schedule-page__event-filters .my-schedule-page__filter-btn{align-items:center;background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;opacity:.6;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.my-schedule-page__event-filters .my-schedule-page__filter-btn:hover{background-color:#fff;background-color:var(--color-background);opacity:1}.my-schedule-page__event-filters .my-schedule-page__filter-btn.active{opacity:1}.my-schedule-page__event-filters .my-schedule-page__filter-btn.active.filter-schedules{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#81b997;border-color:var(--color-primary-dark);color:#81b997;color:var(--color-primary-dark)}.my-schedule-page__event-filters .my-schedule-page__filter-btn.active.filter-overtime{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.my-schedule-page__event-filters .my-schedule-page__filter-btn.active.filter-appointment-service{background-color:#ffedd5;border-color:#fb923c;color:#c2410c}.my-schedule-page__event-filters .my-schedule-page__filter-btn.active.filter-appointment-consultation{background-color:#e0f2fe;border-color:#38bdf8;color:#0369a1}.my-schedule-page__event-filters .my-schedule-page__filter-btn.active.filter-leaves{background-color:#fff7d6;border-color:#f6d057;border-color:var(--color-warning-dark);color:#92400e}.my-schedule-page__month-navigation{align-items:center;display:flex;justify-content:space-between;margin:1rem 0 2rem}.my-schedule-page__month-navigation h2{color:#1f2937;color:var(--color-text-primary);font-size:1.5rem;margin:0}.my-schedule-page__nav-button{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.my-schedule-page__nav-button:hover{border-color:#a0d9b5;border-color:var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.my-schedule-page__work-shift-info{background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.my-schedule-page__work-shift-info h3{color:#1f2937;color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.my-schedule-page__shift-list{display:flex;flex-wrap:wrap;gap:1rem}.my-schedule-page__shift-item{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--color-text-secondary);font-size:.9rem;padding:.75rem 1rem}.my-schedule-page__shift-item strong{color:#1f2937;color:var(--color-text-primary);font-weight:600}.my-schedule-page__filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.my-schedule-page__filter-section label{color:#1f2937;color:var(--color-text-primary);font-weight:600}.my-schedule-page__filter-buttons{background-color:#f9fafb;background-color:var(--color-background-light);border-radius:8px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem}.my-schedule-page__filter-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.my-schedule-page__filter-btn:hover{color:#1f2937;color:var(--color-text-primary)}.my-schedule-page__filter-btn--active{background-color:#fff;background-color:var(--color-background);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#81b997;color:var(--color-primary-dark)}.my-schedule-page__leaves-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.my-schedule-page__empty-state{align-items:center;display:flex;flex-direction:column;gap:.75rem;grid-column:1/-1;padding:3rem 0;text-align:center}.my-schedule-page__empty-state p{color:#4b5563;color:var(--color-text-secondary);font-size:1.1rem}.my-schedule-page__empty-state svg{color:#4b5563;color:var(--color-text-secondary);font-size:1.5rem}.my-schedule-page__leave-card{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:all .2s ease-in-out;transition:var(--transition)}.my-schedule-page__leave-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.my-schedule-page__leave-header{align-items:center;background-color:#f9fafb;background-color:var(--color-background-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.my-schedule-page__leave-date{color:#4b5563;color:var(--color-text-secondary);font-size:.875rem}.my-schedule-page__badge{border-radius:12px;font-size:.8rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.my-schedule-page__badge--warning{background-color:#fde68a;background-color:var(--color-warning);color:#1f2937;color:var(--color-text-primary)}.my-schedule-page__badge--success{background-color:#e6f7f2;background-color:var(--color-primary-light);color:#81b997;color:var(--color-primary-dark)}.my-schedule-page__badge--danger{background-color:#fee2e2;color:#b91c1c}.my-schedule-page__badge--secondary{background-color:#e5e7eb;background-color:var(--color-border);color:#4b5563;color:var(--color-text-secondary)}.my-schedule-page__leave-body{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.my-schedule-page__leave-info-row{display:grid;font-size:.95rem;grid-template-columns:100px 1fr}.my-schedule-page__leave-info-row strong{color:#4b5563;color:var(--color-text-secondary);font-weight:600}.my-schedule-page__leave-info-row span{color:#1f2937;color:var(--color-text-primary);word-break:break-word}.my-schedule-page__leave-info-row--reject{background-color:#fffbeb;border-radius:4px;grid-template-columns:100px 1fr;padding:.5rem}.my-schedule-page__leave-info-row--reject strong{color:#d97706}.my-schedule-page__leave-actions{padding:0 1.5rem 1.5rem}.my-schedule-page__leave-detail-popup{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.my-schedule-page__popup-content{animation:slideUp .3s ease-in-out;background:#fff;background:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);max-width:500px;padding:2rem;position:relative;width:90%}.my-schedule-page__btn-close-popup{align-items:center;background:none;border:none;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.75rem;font-weight:300;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease-in-out;transition:var(--transition);width:32px}.my-schedule-page__btn-close-popup:hover{background-color:#f9fafb;background-color:var(--color-background-light);border-radius:50%;color:#1f2937;color:var(--color-text-primary)}.my-schedule-page__popup-content h3{color:#1f2937;color:var(--color-text-primary);font-size:1.5rem;margin:0 0 1.5rem}.my-schedule-page__detail-item{grid-gap:.75rem;display:grid;font-size:1rem;gap:.75rem;grid-template-columns:120px 1fr;margin-bottom:1rem}.my-schedule-page__detail-item strong{color:#4b5563;color:var(--color-text-secondary);font-weight:600}.my-schedule-page__detail-item span{color:#1f2937;color:var(--color-text-primary);word-break:break-word}.my-schedule-page__modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.my-schedule-page__modal-content{animation:slideUp .3s ease-in-out;background:#fff;background:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 40px #0003;max-width:450px;padding:1.75rem;width:90%}.my-schedule-page__modal-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.my-schedule-page__modal-close-btn{align-items:center;background:none;border:none;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.75rem;height:32px;justify-content:center;padding:0;transition:all .2s ease-in-out;transition:var(--transition);width:32px}.my-schedule-page__modal-close-btn:hover{background-color:#f9fafb;background-color:var(--color-background-light);border-radius:50%;color:#1f2937;color:var(--color-text-primary)}@media (max-width:768px){.my-schedule-page__container{padding:1rem}.my-schedule-page__header{align-items:flex-start;flex-direction:column;gap:1rem}.my-schedule-page__page-title{font-size:1.5rem}.my-schedule-page__tabs{overflow-x:auto;padding:0 1rem}.my-schedule-page__tab{font-size:.9rem;padding:.75rem 1rem;white-space:nowrap}.my-schedule-page__tab-content{padding:1.5rem}.my-schedule-page__section-header{text-align:left}.my-schedule-page__section-header h2{font-size:1.5rem}.my-schedule-page__section-header p{font-size:.95rem}.my-schedule-page__month-navigation h2{font-size:1.25rem}.my-schedule-page__filter-section{align-items:flex-start;flex-direction:column}.my-schedule-page__filter-buttons{justify-content:center;width:100%}.my-schedule-page__leaves-list{grid-template-columns:1fr}.my-schedule-page__popup-content{padding:1.5rem;width:95%}.my-schedule-page__detail-item{font-size:.9rem;grid-template-columns:100px 1fr}}@media (max-width:480px){.my-schedule-page__container{padding:.5rem}.my-schedule-page__header{padding:1rem}.my-schedule-page__page-title{font-size:1.25rem}.my-schedule-page__button{font-size:.9rem;padding:.6rem 1rem}.my-schedule-page__tab{font-size:.85rem;padding:.6rem .75rem}.my-schedule-page__tab-content{padding:1rem}.my-schedule-page__section-header h2{font-size:1.25rem}.my-schedule-page__section-header p{font-size:.9rem}.my-schedule-page__month-navigation h2{font-size:1.1rem}.my-schedule-page__nav-button{font-size:.9rem;padding:.4rem .75rem}.my-schedule-page__filter-btn{font-size:.85rem;padding:.4rem .75rem}.my-schedule-page__popup-content{padding:1.25rem}.my-schedule-page__popup-content h3{font-size:1.25rem}.my-schedule-page__detail-item{font-size:.85rem;grid-template-columns:90px 1fr}.my-schedule-page__badge{font-size:.75rem;padding:.2rem .6rem}}.my-schedule-page__doctor-selector{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.my-schedule-page__doctor-selector label{color:#2e7d32;font-weight:600;white-space:nowrap}.my-schedule-page__doctor-selector select{background:#fff;border:1px solid #81c784;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;max-width:300px;padding:8px 12px}.my-schedule-page__doctor-selector select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}:root{--up-primary:#111827;--up-primary-dark:#0f172a;--up-bg:#f8fafc;--up-surface:#fff;--up-border:#e5e7eb;--up-text:#111827;--up-muted:#6b7280;--up-shadow:0 10px 24px #0f172a0f}.userspage-container{background:#f8fafc;background:var(--up-bg);color:#111827;color:var(--up-text);min-height:calc(100vh - 16px);overflow-x:hidden;padding:6px}.userspage-bulk-actions,.userspage-filters,.userspage-header,.userspage-pagination,.userspage-table-wrapper{background:#fff;background:var(--up-surface);border:1px solid #94a3b814;border-radius:12px;box-shadow:0 2px 8px #22c55e14}.userspage-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.userspage-header>div:first-child{display:flex;flex-direction:column;gap:4px}.userspage-header>div:first-child:after{color:#6b7280;color:var(--up-muted);content:"Quản lý tài khoản, trạng thái và phân quyền truy cập";font-size:13px}.userspage-title{align-items:center;color:#15803d;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0}.userspage-header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.userspage-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:.12s ease}.userspage-button:disabled{cursor:not-allowed;opacity:.55}userspage-button-primary,userspage-button-success{background:#111827;background:var(--up-primary);color:#fff}userspage-button-primary:hover:not(:disabled),userspage-button-success:hover:not(:disabled){background:#0f172a;background:var(--up-primary-dark)}.userspage-button-secondary{background:#fff;border-color:#0000;color:#334155}.userspage-button-secondary:hover:not(:disabled){background:#f1f5f9;color:#111827;color:var(--up-text)}.userspage-button-warning{background:#fff3e0;border-color:#0000;color:#e65100}.userspage-button-danger{background:#ffebee;border-color:#0000;color:#c62828}.userspage-button-export{background:#fff;border-color:#0000;color:#334155}.userspage-button-export:hover{background:#f1f5f9;color:#111827;color:var(--up-text)}.userspage-filters{margin-bottom:10px;padding:14px}.userspage-search-box{margin-bottom:12px;position:relative;width:100%}.userspage-search-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.userspage-filter-select,.userspage-input,.userspage-limit-select,.userspage-search-input,.userspage-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--up-border);border-radius:12px;color:#111827;color:var(--up-text);font-size:13px;width:100%}.userspage-search-input{padding:9px 10px 9px 36px}.userspage-filter-select,.userspage-input,.userspage-limit-select,.userspage-select{border-radius:8px;padding:9px 10px}.userspage-filter-select:focus,.userspage-input:focus,.userspage-limit-select:focus,.userspage-search-input:focus,.userspage-select:focus{border-color:#111827;border-color:var(--up-primary);box-shadow:0 0 0 2px #4caf501f;outline:none}.userspage-advanced-filters{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(140px,1fr))}.userspage-bulk-actions{align-items:center;display:flex;gap:8px;margin-bottom:10px;padding:12px 14px}.userspage-bulk-count{color:#1565c0;font-weight:600}.userspage-table-wrapper{margin-bottom:10px;overflow:hidden}.userspage-table-container{overflow-x:auto;width:100%}.userspage-table{border-collapse:collapse;font-size:13px;min-width:1100px;width:100%}.userspage-table thead{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:2}.userspage-table td,.userspage-table th{border-bottom:1px solid #eaeef2;font-size:12px;padding:9px 8px;white-space:nowrap}.userspage-table th{color:#475569;font-weight:700}.userspage-table tbody tr:hover{background:#fafafa}.userspage-tr-selected{background:#eef2f7!important}.userspage-td-sticky,.userspage-th-sticky{background:#fff;left:0;position:-webkit-sticky;position:sticky;z-index:3}.userspage-th-sticky{width:42px;z-index:4}.userspage-tr-selected .userspage-td-sticky,.userspage-tr-selected .userspage-td-sticky-email,.userspage-tr-selected .userspage-td-sticky-id{background:#eff6ff}.userspage-td-sticky-id,.userspage-th-sticky-id{background:#fff;left:42px;min-width:90px;position:-webkit-sticky;position:sticky;z-index:3}.userspage-td-sticky-email,.userspage-th-sticky-email{background:#fff;left:132px;min-width:220px;position:-webkit-sticky;position:sticky;z-index:3}.userspage-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.userspage-sort-icon{font-size:11px;margin-left:4px}.userspage-td-id{color:#546e7a;font-weight:600}.userspage-td-email{color:#111827;color:var(--up-primary);font-weight:500}.userspage-td-address{max-width:220px;overflow:hidden;text-overflow:ellipsis}.userspage-td-empty{color:#90a4ae;padding:32px!important;text-align:center}.userspage-td-actions{display:flex;gap:6px}.userspage-badge,.userspage-status{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;padding:4px 8px}.userspage-badge-admin{background:#fff3e0;border-color:#0000;color:#e65100}.userspage-badge-doctor{background:#dbeafe;border-color:#0000;color:#1d4ed8}.userspage-badge-staff{background:#e0f2fe;border-color:#0000;color:#0369a1}.userspage-badge-patient,.userspage-status-active{background:#dcfce7;border-color:#0000;color:#166534}.userspage-status-inactive{background:#fee2e2;border-color:#0000;color:#991b1b}.userspage-status-verified{background:#dbeafe;border-color:#0000;color:#1d4ed8}.userspage-status-unverified{background:#f1f5f9;border-color:#0000;color:#475569}.userspage-btn-icon{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.userspage-btn-icon:hover{background:#f1f5f9;color:#111827;color:var(--up-text)}.userspage-btn-icon-view{border-color:#bfdbfe;color:#1d4ed8}.userspage-checkbox-icon{color:#94a3b8;cursor:pointer}.userspage-checkbox-checked{color:#111827;color:var(--up-primary)}.userspage-pagination{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.userspage-pagination-info{color:#546e7a;font-size:13px}.userspage-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.userspage-btn-page{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--up-border);border-radius:10px;color:#475569;cursor:pointer;height:30px;width:30px}.userspage-btn-page:disabled{cursor:not-allowed;opacity:.4}.userspage-btn-page:hover:not(:disabled){border-color:#111827;border-color:var(--up-primary);color:#0f172a;color:var(--up-primary-dark)}.userspage-page-info{color:#455a64;font-size:13px;font-weight:600;padding:0 6px}.userspage-error,.userspage-loading{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--up-border);border-radius:16px;padding:20px;text-align:center}.userspage-error{color:#c62828}.userspage-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:1000}.userspage-modal-content{background:#fff;border:1px solid #94a3b829;border-radius:18px;box-shadow:0 24px 60px #0f172a3d;max-height:90vh;overflow-y:auto;width:min(700px,100%)}.userspage-modal-detail{width:min(820px,100%)}.userspage-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 16px}.userspage-modal-header h2{color:#0f172a;font-size:18px;margin:0}.userspage-modal-close{background:#0000;border:none;border-radius:50%;color:#607d8b;cursor:pointer;height:32px;width:32px}.userspage-modal-close:hover{background:#f5f5f5}.userspage-modal-body{padding:16px}.userspage-modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.userspage-detail-section{background:#f8fafc;border:1px solid #94a3b824;border-radius:14px;margin-bottom:12px;padding:14px}.userspage-detail-section-title,.userspage-form-section-title{color:#1e293b;font-size:14px;margin:0 0 10px}.userspage-detail-grid,.userspage-form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.userspage-detail-item,.userspage-form-group{display:flex;flex-direction:column;gap:6px}.userspage-detail-item strong,.userspage-form-group label{color:#64748b;font-size:12px}.userspage-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.userspage-required{color:#c62828}.userspage-modal-content::-webkit-scrollbar,.userspage-table-container::-webkit-scrollbar{height:6px;width:6px}.userspage-modal-content::-webkit-scrollbar-thumb,.userspage-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@media (max-width:1200px){.userspage-td-sticky,.userspage-td-sticky-email,.userspage-td-sticky-id,.userspage-th-sticky,.userspage-th-sticky-email,.userspage-th-sticky-id{background:#0000;left:auto;position:static;z-index:auto}.userspage-table{min-width:1020px}.userspage-advanced-filters{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:768px){.userspage-container{padding:8px}.userspage-header{align-items:flex-start;flex-direction:column;gap:10px}.userspage-title{font-size:22px}.userspage-header-actions{width:100%}.userspage-header-actions .userspage-button{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:140px}.userspage-advanced-filters{grid-template-columns:1fr}.userspage-bulk-actions,.userspage-pagination{align-items:flex-start;flex-direction:column}.userspage-detail-grid,.userspage-form-row{grid-template-columns:1fr}.userspage-modal-body{padding:12px}.userspage-modal-content{border-radius:16px}.userspage-detail-actions{flex-direction:column}.userspage-detail-actions .userspage-button{width:100%}}.doctor-management-page{color:#111827;color:var(--up-text,#111827);padding:4px}.doctor-management-page__header,.doctor-management-page__hero,.doctor-management-page__modal,.doctor-management-page__pagination,.doctor-management-page__summary-card,.doctor-management-page__table-shell,.doctor-management-page__toolbar{background:#fff;background:var(--up-surface,#fff);border:1px solid #94a3b814;border-radius:10px;box-shadow:0 2px 8px #3b82f614}.doctor-management-page__header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.doctor-management-page__eyebrow{color:#6b7280;color:var(--up-muted,#6b7280);font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 6px;text-transform:uppercase}.doctor-management-page__title{color:#15803d;font-size:18px;margin:0}.doctor-management-page__header-actions{display:flex;flex-wrap:wrap;gap:6px}.doctor-management-page__button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:.12s ease}.doctor-management-page__button:disabled{cursor:not-allowed;opacity:.55}.doctor-management-page__button-primary{background:#111827;color:#fff}.doctor-management-page__button-primary:hover:not(:disabled){background:#0f172a}.doctor-management-page__button-secondary{background:#fff;border-color:#0000;color:#334155}.doctor-management-page__button-secondary:hover:not(:disabled){background:#f1f5f9;color:#111827}.doctor-management-page__subtitle{color:#ffffffe0;margin:10px 0 0;max-width:720px}.doctor-management-page__summary-grid{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;width:100%}.doctor-management-page__summary-card{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding:8px 10px}.doctor-management-page__summary-card span{color:#64748b;font-size:12px}.doctor-management-page__summary-card strong{font-size:15px}.doctor-management-page__toolbar{align-items:center;border:1px solid #0000;display:flex;gap:6px;justify-content:space-between;margin-bottom:6px;padding:6px 8px}.doctor-management-page__search{align-items:center;background:#fff;background:var(--up-surface,#fff);border:1px solid #94a3b814;border-radius:6px;display:flex;flex:1 1;gap:10px;min-height:36px;padding:0 10px}.doctor-management-page__filter select,.doctor-management-page__form input,.doctor-management-page__form select,.doctor-management-page__form textarea,.doctor-management-page__search input{background:#0000;border:none;color:#1f2937;font:inherit;font-size:12px;outline:none;width:100%}.doctor-management-page__filters{display:flex;flex-wrap:wrap;gap:8px}.doctor-management-page__filter,.doctor-management-page__reset{background:#f8fafc;border-radius:10px;display:flex;font-size:11px;gap:10px;min-height:46px;padding:0 14px}.doctor-management-page__filter select{min-width:160px}.doctor-management-page__reset{border:none;color:#0f172a;cursor:pointer;font-weight:600}.doctor-management-page__table-shell{margin-bottom:10px;overflow-x:auto;padding:14px}.doctor-management-page__table{border-collapse:collapse;min-width:980px;width:100%}.doctor-management-page__table td,.doctor-management-page__table th{border-bottom:1px solid #eaeef2;font-size:12px;padding:7px 6px;text-align:left;vertical-align:top}.doctor-management-page__table th{color:#64748b;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.doctor-management-page__person{align-items:center;display:flex;gap:12px}.doctor-management-page__person img{background:#e2e8f0;border-radius:12px;height:42px;object-fit:cover;width:42px}.doctor-management-page__person div{display:flex;flex-direction:column;gap:4px}.doctor-management-page__person span{color:#64748b;font-size:13px}.doctor-management-page__badge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;padding:7px 12px}.doctor-management-page__badge--active{background:#dcfce7;color:#166534}.doctor-management-page__badge--on_leave{background:#fff7ed;color:#c2410c}.doctor-management-page__badge--inactive{background:#fee2e2;color:#991b1b}.doctor-management-page__actions{display:flex;flex-wrap:wrap;gap:8px}.doctor-management-page__actions button,.doctor-management-page__form-actions button,.doctor-management-page__modal-header button,.doctor-management-page__pagination button{border:none;cursor:pointer;font:inherit}.doctor-management-page__actions button{align-items:center;background:#ecfdf5;border-radius:8px;color:#047857;display:inline-flex;font-weight:600;gap:8px;padding:8px 10px}.doctor-management-page__state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:220px;text-align:center}.doctor-management-page__pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:10px;padding:10px 14px}.doctor-management-page__pagination button{background:#0f172a;border-radius:8px;color:#fff;padding:9px 14px}.doctor-management-page__pagination button:disabled{cursor:not-allowed;opacity:.45}.doctor-management-page__modal-backdrop{align-items:center;background:#0f172a85;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.doctor-management-page__modal{border-radius:12px;max-height:90vh;overflow:auto;padding:16px;width:min(760px,100%)}.doctor-management-page__modal--large{width:min(920px,100%)}.doctor-management-page__modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.doctor-management-page__modal-header h3{font-size:20px;margin:0}.doctor-management-page__modal-header button{background:#f8fafc;border-radius:8px;height:38px;width:38px}.doctor-management-page__detail-grid,.doctor-management-page__form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-management-page__detail-grid div,.doctor-management-page__form-grid label{display:flex;flex-direction:column;gap:8px}.doctor-management-page__detail-grid span,.doctor-management-page__form-grid label{color:#64748b;font-size:13px}.doctor-management-page__detail-grid strong{color:#0f172a;font-size:15px}.doctor-management-page__form-grid--full{grid-column:1/-1}.doctor-management-page__profile-form{display:flex;flex-direction:column;gap:16px}.doctor-management-page__profile-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:280px minmax(0,1fr)}.doctor-management-page__profile-main,.doctor-management-page__profile-section,.doctor-management-page__profile-side{background:#f8fafc;border-radius:10px}.doctor-management-page__profile-side{display:flex;flex-direction:column;gap:12px;padding:14px}.doctor-management-page__profile-avatar-wrap{display:flex;flex-direction:column;gap:10px}.doctor-management-page__profile-avatar{aspect-ratio:1/1;background:#e2e8f0;border-radius:12px;object-fit:cover;width:100%}.doctor-management-page__profile-avatar-meta{display:flex;gap:8px}.doctor-management-page__avatar-action,.doctor-management-page__avatar-mode,.doctor-management-page__avatar-url-box button{border:none;border-radius:8px;cursor:pointer;font:inherit}.doctor-management-page__avatar-mode{align-items:center;background:#fff;color:#455a64;display:inline-flex;flex:1 1;gap:6px;justify-content:center;padding:9px 10px}.doctor-management-page__avatar-mode.active{background:#111827;background:var(--up-primary,#111827);color:#fff}.doctor-management-page__avatar-action,.doctor-management-page__avatar-url-box button{align-items:center;background:#fff;color:#0f172a;display:inline-flex;gap:6px;justify-content:center;padding:10px 12px;width:100%}.doctor-management-page__avatar-action:disabled{cursor:not-allowed;opacity:.6}.doctor-management-page__avatar-url-box{display:flex;flex-direction:column;gap:8px}.doctor-management-page__avatar-url-box input{background:#fff;border:none;border-radius:8px;outline:none;padding:10px 12px;width:100%}.doctor-management-page__profile-main{display:flex;flex-direction:column;gap:12px;padding:14px}.doctor-management-page__profile-section{padding:14px}.doctor-management-page__profile-section h4{color:#047857;font-size:15px;margin:0 0 12px}.doctor-management-page__form input,.doctor-management-page__form select,.doctor-management-page__form textarea{background:#f8fafc;border-radius:8px;padding:12px 14px}.doctor-management-page__form textarea{min-height:120px;resize:vertical}.doctor-management-page__form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:0}.doctor-management-page__form-actions button{border-radius:8px;font-weight:700;padding:10px 16px}.doctor-management-page__form-actions button[type=button]{background:#e2e8f0;color:#0f172a}.doctor-management-page__form-actions button[type=submit]{background:#111827;background:var(--up-primary,#111827);color:#fff}@media (max-width:1080px){.doctor-management-page__hero,.doctor-management-page__toolbar{flex-direction:column}.doctor-management-page__profile-layout{grid-template-columns:1fr}}@media (max-width:768px){.doctor-management-page{padding:8px}.doctor-management-page__detail-grid,.doctor-management-page__form-grid,.doctor-management-page__summary-grid{grid-template-columns:1fr}.doctor-management-page__actions,.doctor-management-page__filter,.doctor-management-page__reset,.doctor-management-page__search{width:100%}.doctor-management-page__actions button{flex:1 1 100%;justify-content:center}.doctor-management-page__hero,.doctor-management-page__modal,.doctor-management-page__pagination,.doctor-management-page__summary-card,.doctor-management-page__table-shell,.doctor-management-page__toolbar{border-radius:10px}.doctor-management-page__modal-backdrop{padding:12px}}.patient-management-page{color:#111827;color:var(--up-text,#111827);padding:4px}.patient-management-page__header,.patient-management-page__hero,.patient-management-page__modal,.patient-management-page__pagination,.patient-management-page__summary-card,.patient-management-page__table-shell,.patient-management-page__toolbar{background:#fff;background:var(--up-surface,#fff);border:1px solid #94a3b814;border-radius:10px;box-shadow:0 2px 8px #3b82f614}.patient-management-page__header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.patient-management-page__eyebrow{color:#6b7280;color:var(--up-muted,#6b7280);font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 6px;text-transform:uppercase}.patient-management-page__title{color:#15803d;font-size:18px;margin:0}.patient-management-page__header-actions{display:flex;flex-wrap:wrap;gap:6px}.patient-management-page__button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:.12s ease}.patient-management-page__button:disabled{cursor:not-allowed;opacity:.55}.patient-management-page__button-primary{background:#111827;color:#fff}.patient-management-page__button-primary:hover:not(:disabled){background:#0f172a}.patient-management-page__button-secondary{background:#fff;border-color:#0000;color:#334155}.patient-management-page__button-secondary:hover:not(:disabled){background:#f1f5f9;color:#111827}.patient-management-page__subtitle{color:#ffffffe0;margin:10px 0 0;max-width:720px}.patient-management-page__summary-grid{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;width:100%}.patient-management-page__summary-card{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding:8px 10px}.patient-management-page__summary-card span{color:#64748b;font-size:12px}.patient-management-page__summary-card strong{font-size:15px}.patient-management-page__toolbar{align-items:center;border:1px solid #0000;display:flex;gap:6px;justify-content:space-between;margin-bottom:6px;padding:6px 8px}.patient-management-page__search{align-items:center;background:#fff;background:var(--up-surface,#fff);border:1px solid #94a3b814;border-radius:6px;display:flex;flex:1 1;gap:10px;min-height:36px;padding:0 10px}.patient-management-page__filter select,.patient-management-page__form input,.patient-management-page__form select,.patient-management-page__form textarea,.patient-management-page__search input{background:#0000;border:none;color:#1f2937;font:inherit;font-size:12px;outline:none;width:100%}.patient-management-page__filters{display:flex;flex-wrap:wrap;gap:8px}.patient-management-page__filter,.patient-management-page__reset{background:#f8fafc;border-radius:8px;display:flex;font-size:11px;gap:8px;min-height:40px;padding:0 12px}.patient-management-page__filter select{min-width:160px}.patient-management-page__reset{border:none;color:#0f172a;cursor:pointer;font-weight:600}.patient-management-page__table-shell{margin-bottom:10px;overflow-x:auto;padding:14px}.patient-management-page__table{border-collapse:collapse;min-width:980px;width:100%}.patient-management-page__table td,.patient-management-page__table th{border-bottom:1px solid #eaeef2;font-size:12px;padding:7px 6px;text-align:left;vertical-align:top}.patient-management-page__table th{color:#64748b;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.patient-management-page__person{align-items:center;display:flex;gap:12px}.patient-management-page__person img{background:#e2e8f0;border-radius:12px;height:42px;object-fit:cover;width:42px}.patient-management-page__person div{display:flex;flex-direction:column;gap:4px}.patient-management-page__person span{color:#64748b;font-size:13px}.patient-management-page__stack{display:flex;flex-direction:column;gap:5px}.patient-management-page__stack span{color:#64748b;font-size:13px}.patient-management-page__badge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;padding:7px 12px}.patient-management-page__badge--active{background:#dcfce7;color:#166534}.patient-management-page__badge--inactive{background:#fee2e2;color:#991b1b}.patient-management-page__action,.patient-management-page__modal-header button,.patient-management-page__pagination button{border:none;cursor:pointer;font:inherit}.patient-management-page__action{align-items:center;background:#ecfdf5;border-radius:8px;color:#047857;display:inline-flex;font-weight:600;gap:8px;padding:8px 10px}.patient-management-page__state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:220px;text-align:center}.patient-management-page__pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:10px;padding:10px 14px}.patient-management-page__pagination button{background:#0f172a;border-radius:8px;color:#fff;padding:9px 14px}.patient-management-page__pagination button:disabled{cursor:not-allowed;opacity:.45}.patient-management-page__modal-backdrop{align-items:center;background:#0f172a85;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.patient-management-page__modal{border-radius:12px;max-height:90vh;overflow:auto;padding:16px;width:min(760px,100%)}.patient-management-page__modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.patient-management-page__modal-header h3{font-size:20px;margin:0}.patient-management-page__modal-header button{background:#f8fafc;border-radius:8px;height:38px;width:38px}.patient-management-page__detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.patient-management-page__detail-grid div{display:flex;flex-direction:column;gap:8px}.patient-management-page__detail-grid span{color:#64748b;font-size:13px}.patient-management-page__detail-grid strong{color:#0f172a;font-size:15px}@media (max-width:1080px){.patient-management-page__hero,.patient-management-page__toolbar{flex-direction:column}}@media (max-width:768px){.patient-management-page{padding:8px}.patient-management-page__detail-grid,.patient-management-page__summary-grid{grid-template-columns:1fr}.patient-management-page__filter,.patient-management-page__reset,.patient-management-page__search{width:100%}.patient-management-page__action{justify-content:center;width:100%}.patient-management-page__modal,.patient-management-page__pagination,.patient-management-page__summary-card,.patient-management-page__table-shell{border-radius:10px}.patient-management-page__modal-backdrop{padding:12px}}:root{--spec-primary:#10b981;--spec-primary-dark:#059669;--spec-primary-light:#6ee7b7;--spec-primary-lighter:#d1fae5;--spec-primary-bg:#ecfdf5;--spec-success:#22c55e;--spec-info:#3b82f6;--spec-danger:#ef4444;--spec-text:#1f2937;--spec-text-light:#6b7280;--spec-text-muted:#9ca3af;--spec-white:#fff;--spec-gray-50:#f9fafb;--spec-gray-100:#f3f4f6;--spec-gray-200:#e5e7eb;--spec-shadow-sm:0 1px 2px 0 #0000000d;--spec-shadow:0 1px 3px 0 #0000001a;--spec-shadow-md:0 4px 6px -1px #0000001a;--spec-shadow-lg:0 10px 15px -3px #0000001a;--spec-radius:10px;--spec-radius-sm:6px;--spec-radius-lg:14px}.spec-page{background:linear-gradient(180deg,#ecfdf5 0,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:1.25rem}.spec-container{margin:0 auto;max-width:1200px}.spec-header{background:#fff;background:var(--spec-white);border-left:4px solid #10b981;border-left:4px solid var(--spec-primary);border-radius:10px;border-radius:var(--spec-radius);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--spec-shadow);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.spec-header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.spec-title-section{flex:1 1}.spec-title{align-items:center;color:#1f2937;color:var(--spec-text);display:flex;font-size:1.5rem;font-weight:700;gap:.625rem;margin:0 0 .375rem}.spec-title-icon{color:#10b981;color:var(--spec-primary);font-size:1.5rem}.spec-subtitle{color:#6b7280;color:var(--spec-text-light);font-size:.8125rem;line-height:1.4;margin:0}.spec-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.25rem}.spec-stat-card{align-items:center;background:#fff;background:var(--spec-white);border:1px solid #e5e7eb;border:1px solid var(--spec-gray-200);border-radius:10px;border-radius:var(--spec-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--spec-shadow-sm);display:flex;gap:1rem;padding:1.125rem;transition:all .3s ease}.spec-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--spec-shadow-md);transform:translateY(-2px)}.spec-stat-icon{align-items:center;border-radius:6px;border-radius:var(--spec-radius-sm);display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;transition:transform .3s ease;width:48px}.spec-stat-card:hover .spec-stat-icon{transform:scale(1.1)}.spec-stat-primary{background:#ecfdf5;background:var(--spec-primary-bg);color:#10b981;color:var(--spec-primary)}.spec-stat-success{background:#dcfce7;color:#22c55e;color:var(--spec-success)}.spec-stat-info{background:#dbeafe;color:#3b82f6;color:var(--spec-info)}.spec-stat-content{flex:1 1}.spec-stat-label{color:#6b7280;color:var(--spec-text-light);font-size:.75rem;font-weight:600;letter-spacing:.3px;margin:0 0 .25rem;text-transform:uppercase}.spec-stat-value{color:#1f2937;color:var(--spec-text);font-size:1.75rem;font-weight:700;line-height:1;margin:0}.spec-search-bar{align-items:center;background:#fff;background:var(--spec-white);border:1px solid #e5e7eb;border:1px solid var(--spec-gray-200);border-radius:10px;border-radius:var(--spec-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--spec-shadow-sm);display:flex;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1.125rem;transition:all .3s ease}.spec-search-bar:focus-within{border-color:#10b981;border-color:var(--spec-primary);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--spec-primary-lighter)}.spec-search-icon{color:#9ca3af;color:var(--spec-text-muted);font-size:1rem}.spec-search-input{background:#0000;border:none;color:#1f2937;color:var(--spec-text);flex:1 1;font-size:.875rem;outline:none}.spec-search-input::placeholder{color:#9ca3af;color:var(--spec-text-muted)}.spec-search-clear{align-items:center;background:#f3f4f6;background:var(--spec-gray-100);border:none;border-radius:6px;border-radius:var(--spec-radius-sm);color:#6b7280;color:var(--spec-text-light);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.375rem;transition:all .2s ease}.spec-search-clear:hover{background:#e5e7eb;background:var(--spec-gray-200);color:#1f2937;color:var(--spec-text)}.spec-table-wrapper{background:#fff;background:var(--spec-white);border:1px solid #e5e7eb;border:1px solid var(--spec-gray-200);border-radius:10px;border-radius:var(--spec-radius);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--spec-shadow);overflow:hidden}.spec-table-container{overflow-x:auto}.spec-table{border-collapse:collapse;font-size:.8125rem;width:100%}.spec-table thead{background:linear-gradient(90deg,#ecfdf5,#f9fafb);background:linear-gradient(to right,var(--spec-primary-bg),var(--spec-gray-50))}.spec-table th{border-bottom:2px solid #6ee7b7;border-bottom:2px solid var(--spec-primary-light);color:#1f2937;color:var(--spec-text);font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:.75rem .875rem;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.spec-table th:hover{background:#d1fae5;background:var(--spec-primary-lighter)}.spec-sort-icon{color:#9ca3af;color:var(--spec-text-muted);font-size:.75rem;margin-left:.375rem;transition:color .2s ease}.spec-sort-icon.active{color:#10b981;color:var(--spec-primary)}.spec-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--spec-gray-200);color:#6b7280;color:var(--spec-text-light);padding:.75rem .875rem;vertical-align:middle}.spec-table tbody tr{transition:all .2s ease}.spec-table tbody tr:hover{background:#f9fafb;background:var(--spec-gray-50)}.spec-table tbody tr:last-child td{border-bottom:none}.spec-table-id{color:#9ca3af;color:var(--spec-text-muted);font-size:.75rem;font-weight:600}.spec-table-name{color:#1f2937;color:var(--spec-text);font-size:.875rem;font-weight:600}.spec-table-desc{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spec-table-date{color:#6b7280;color:var(--spec-text-light);font-size:.75rem}.spec-date-icon{font-size:.875rem;margin-right:.5rem}.spec-table-icon{align-items:center;color:#10b981;color:var(--spec-primary);display:flex;font-size:1.25rem;height:100%;justify-content:center;min-width:50px;width:80px}.spec-table-icon-display{transition:all .2s ease}.spec-table-icon:hover .spec-table-icon-display{color:#059669;color:var(--spec-primary-dark);transform:scale(1.15)}.spec-code{background:#f9fafb;background:var(--spec-gray-50);border:1px solid #e5e7eb;border:1px solid var(--spec-gray-200);border-radius:6px;border-radius:var(--spec-radius-sm);color:#10b981;color:var(--spec-primary);font-family:Courier New,monospace;font-weight:500}.spec-badge,.spec-code{font-size:.75rem;padding:.25rem .5rem}.spec-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--spec-info),#2563eb);border-radius:12px;color:#fff;color:var(--spec-white);display:inline-flex;font-weight:600;justify-content:center;min-width:32px}.spec-table-actions{display:flex;gap:.375rem}.spec-table-empty{font-style:italic;padding:2.5rem 1rem!important;text-align:center}.spec-empty-icon,.spec-table-empty{color:#9ca3af;color:var(--spec-text-muted)}.spec-empty-icon{display:block;font-size:2.5rem;margin-bottom:.75rem}.spec-text-muted{color:#9ca3af;color:var(--spec-text-muted);font-style:italic}.spec-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--spec-radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.625rem 1.125rem;transition:all .2s ease;white-space:nowrap}.spec-btn:active{transform:scale(.97)}.spec-btn-primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--spec-primary),var(--spec-primary-dark));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--spec-shadow-sm);color:#fff;color:var(--spec-white)}.spec-btn-primary:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--spec-shadow-md);transform:translateY(-1px)}.spec-btn-secondary{background:#e5e7eb;background:var(--spec-gray-200);color:#1f2937;color:var(--spec-text)}.spec-btn-secondary:hover{background:#f3f4f6;background:var(--spec-gray-100)}.spec-btn-icon{align-items:center;border:none;border-radius:6px;border-radius:var(--spec-radius-sm);cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.spec-btn-edit{background:#dbeafe;color:#3b82f6;color:var(--spec-info)}.spec-btn-edit:hover{background:#3b82f6;background:var(--spec-info);color:#fff;color:var(--spec-white);transform:scale(1.05)}.spec-btn-delete{background:#fee2e2;color:#ef4444;color:var(--spec-danger)}.spec-btn-delete:hover{background:#ef4444;background:var(--spec-danger);color:#fff;color:var(--spec-white);transform:scale(1.05)}.spec-modal-overlay{align-items:flex-start;animation:specFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:80px 1rem 60px;position:fixed;right:0;top:0;z-index:1000}@keyframes specFadeIn{0%{opacity:0}to{opacity:1}}.spec-modal{animation:specSlideUp .3s ease;background:#fff;background:var(--spec-white);border-radius:14px;border-radius:var(--spec-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--spec-shadow-lg);display:flex;flex-direction:column;margin-bottom:auto;margin-top:60px;max-height:75vh;max-width:520px;width:100%}@keyframes specSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spec-modal-header{align-items:center;background:linear-gradient(90deg,#ecfdf5,#fff);background:linear-gradient(to right,var(--spec-primary-bg),var(--spec-white));border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--spec-gray-100);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}.spec-modal-title{align-items:center;color:#1f2937;color:var(--spec-text);display:flex;font-size:1.125rem;font-weight:700;gap:.625rem;margin:0}.spec-modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--spec-radius-sm);color:#9ca3af;color:var(--spec-text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:.375rem;transition:all .2s ease;width:36px}.spec-modal-close:hover{background:#f3f4f6;background:var(--spec-gray-100);color:#1f2937;color:var(--spec-text);transform:rotate(90deg)}.spec-modal-body{flex:1 1;max-height:calc(75vh - 140px);overflow-y:auto;padding:1rem 1.25rem}.spec-modal-footer{background:#f9fafb;background:var(--spec-gray-50);border-top:2px solid #f3f4f6;border-top:2px solid var(--spec-gray-100);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.spec-form-group{margin-bottom:1.25rem}.spec-form-group:last-child{margin-bottom:0}.spec-form-label{color:#1f2937;color:var(--spec-text);display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.spec-required{color:#ef4444;color:var(--spec-danger);margin-left:.125rem}.spec-form-control{background:#fff;background:var(--spec-white);border:2px solid #e5e7eb;border:2px solid var(--spec-gray-200);border-radius:6px;border-radius:var(--spec-radius-sm);color:#1f2937;color:var(--spec-text);font-family:inherit;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease;width:100%}.spec-form-control:focus{border-color:#10b981;border-color:var(--spec-primary);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--spec-primary-lighter);outline:none}.spec-form-control::placeholder{color:#9ca3af;color:var(--spec-text-muted)}.spec-form-textarea{line-height:1.5;min-height:80px;resize:vertical}.spec-form-hint{color:#6b7280;color:var(--spec-text-light);display:block;font-size:.75rem;line-height:1.3;margin-top:.375rem}.spec-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spec-spinner{animation:specSpin .8s linear infinite;border:4px solid #d1fae5;border-top-color:#10b981;border:4px solid var(--spec-primary-lighter);border-radius:50%;border-top-color:var(--spec-primary);height:48px;width:48px}@keyframes specSpin{to{transform:rotate(1turn)}}.spec-loading-text{color:#6b7280;color:var(--spec-text-light);font-size:.875rem;font-weight:500;margin:0}.spec-icon-picker-container{position:relative}.spec-icon-picker-btn{align-items:center;background:#fff;background:var(--spec-white);border:2px solid #e5e7eb;border:2px solid var(--spec-gray-200);border-radius:6px;border-radius:var(--spec-radius-sm);color:#1f2937;color:var(--spec-text);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;justify-content:flex-start;padding:.625rem .875rem;text-align:left;transition:all .2s ease;width:100%}.spec-icon-picker-btn:hover{background:#ecfdf5;background:var(--spec-primary-bg);border-color:#10b981;border-color:var(--spec-primary)}.spec-icon-picker-btn:focus{border-color:#10b981;border-color:var(--spec-primary);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--spec-primary-lighter);outline:none}.spec-icon-picker-preview{color:#10b981;color:var(--spec-primary);font-size:1.25rem}.spec-icon-picker-grid{grid-gap:.5rem;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--spec-shadow-lg);display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));left:0;max-height:280px;overflow-y:auto;padding:.75rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.spec-icon-option,.spec-icon-picker-grid{background:#fff;background:var(--spec-white);border:2px solid #e5e7eb;border:2px solid var(--spec-gray-200);border-radius:6px;border-radius:var(--spec-radius-sm)}.spec-icon-option{align-items:center;color:#6b7280;color:var(--spec-text-light);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;padding:0;transition:all .2s ease;width:44px}.spec-icon-option:hover{background:#ecfdf5;background:var(--spec-primary-bg);color:#10b981;color:var(--spec-primary);transform:scale(1.1)}.spec-icon-option.active,.spec-icon-option:hover{border-color:#10b981;border-color:var(--spec-primary)}.spec-icon-option.active{background:#10b981;background:var(--spec-primary);box-shadow:0 0 0 3px #d1fae5;box-shadow:0 0 0 3px var(--spec-primary-lighter);color:#fff;color:var(--spec-white)}@media (max-width:768px){.spec-page{padding:.875rem}.spec-header{padding:1rem 1.25rem}.spec-header-content{align-items:flex-start;flex-direction:column}.spec-title{font-size:1.25rem}.spec-stats{grid-template-columns:1fr}.spec-stat-card{padding:1rem}.spec-stat-icon{font-size:1.125rem;height:40px;width:40px}.spec-stat-value{font-size:1.5rem}.spec-table{font-size:.75rem}.spec-table td,.spec-table th{padding:.625rem .5rem}.spec-table td:nth-child(4),.spec-table td:nth-child(6),.spec-table th:nth-child(4),.spec-table th:nth-child(6){display:none}.spec-modal{max-width:100%}.spec-modal-body,.spec-modal-footer,.spec-modal-header{padding:1rem}.spec-modal-title{font-size:1rem}.spec-btn{justify-content:center;width:100%}.spec-modal-footer{flex-direction:column-reverse}}@media (max-width:480px){.spec-table-actions{flex-direction:column}.spec-btn-icon{font-size:.75rem;height:28px;width:28px}}:root{--cat-primary:#10b981;--cat-primary-dark:#059669;--cat-bg:#f8fafc;--cat-white:#fff;--cat-text:#1f2937;--cat-text-light:#64748b;--cat-border:#e2e8f0;--cat-shadow:0 2px 4px #0000000d;--cat-danger:#ef4444}.cat-page-wrapper{background-color:#f8fafc;background-color:var(--cat-bg);color:#1f2937;color:var(--cat-text);font-family:Inter,system-ui,sans-serif;min-height:100vh;padding:1rem}.cat-header-card{align-items:center;background:#fff;background:var(--cat-white);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--cat-shadow);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.2rem;padding:1.2rem 1.5rem}.cat-header-info h1{align-items:center;color:#059669;color:var(--cat-primary-dark);display:flex;font-size:1.4rem;gap:.5rem;margin:0 0 .3rem}.cat-header-info p{color:#64748b;color:var(--cat-text-light);font-size:.9rem;margin:0}.cat-btn-create{align-items:center;background:#10b981;background:var(--cat-primary);border:none;border-radius:6px;color:#fff;color:var(--cat-white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.6rem 1.2rem;transition:background .2s}.cat-btn-create:hover{background:#059669;background:var(--cat-primary-dark)}.cat-toolbar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem}.cat-filter-box,.cat-search-box{align-items:center;background:#fff;background:var(--cat-white);border:1px solid #e2e8f0;border:1px solid var(--cat-border);border-radius:6px;display:flex;flex:1 1;padding:.5rem .8rem}.cat-filter-icon,.cat-search-icon{color:#64748b;color:var(--cat-text-light);font-size:1rem;margin-right:.6rem}.cat-search-box input{border:none;color:#1f2937;color:var(--cat-text);font-size:.9rem;outline:none;width:100%}.cat-clear-icon{color:#ef4444;color:var(--cat-danger);cursor:pointer}.cat-filter-box select{background:#0000;border:none;color:#1f2937;color:var(--cat-text);cursor:pointer;font-size:.9rem;outline:none;width:100%}.cat-table-card{background:#fff;background:var(--cat-white);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--cat-shadow);overflow:hidden}.cat-table-responsive{overflow-x:auto;width:100%}.cat-main-table{border-collapse:collapse;font-size:.9rem;min-width:700px;width:100%}.cat-main-table th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--cat-border);color:#475569;font-weight:600;padding:.8rem 1.2rem;text-align:left;-webkit-user-select:none;user-select:none}.cat-main-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cat-border);padding:.8rem 1.2rem;vertical-align:middle}.cat-main-table tr:hover td{background-color:#f8fafc}.cat-cell-id{color:#64748b;color:var(--cat-text-light);font-weight:600}.cat-name-block{display:flex;flex-direction:column;gap:.1rem}.cat-name-text{color:#1f2937;color:var(--cat-text);font-size:.95rem}.cat-slug-text{color:#64748b;color:var(--cat-text-light);font-size:.8rem}.cat-badge-type{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.3rem .6rem}.cat-ads-status{display:flex;flex-direction:column;gap:.3rem}.cat-ad-indicator{align-items:center;color:#94a3b8;display:flex;font-size:.8rem;gap:.3rem}.cat-ad-indicator.active{color:#10b981;color:var(--cat-primary);font-weight:600}.cat-text-center{text-align:center!important}.cat-action-group{display:flex;gap:.6rem;justify-content:center}.cat-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.4rem;transition:all .2s}.cat-action-btn.edit{background:#eff6ff;color:#3b82f6}.cat-action-btn.edit:hover{background:#dbeafe}.cat-action-btn.delete{background:#fef2f2;color:#ef4444;color:var(--cat-danger)}.cat-action-btn.delete:hover{background:#fee2e2}.cat-sort-icon-muted{color:#cbd5e1;margin-left:.2rem}.cat-sort-icon-active{color:#10b981;color:var(--cat-primary);margin-left:.2rem}.cat-empty-state,.cat-loading{color:#64748b;color:var(--cat-text-light);font-size:1rem;padding:3rem;text-align:center}.cat-empty-state svg{color:#cbd5e1;font-size:2.5rem;margin-bottom:.8rem}.cat-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#10b981;border-top:3px solid var(--cat-primary);height:30px;margin:0 auto .8rem;width:30px}.cat-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.cat-modal-content{background:#fff;background:var(--cat-white);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;max-height:85vh;max-width:750px;width:100%}.cat-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--cat-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.cat-modal-header h2{color:#1f2937;color:var(--cat-text);font-size:1.2rem;margin:0}.cat-modal-close{background:none;border:none;color:#64748b;color:var(--cat-text-light);cursor:pointer;font-size:1.2rem}.cat-modal-close:hover{color:#ef4444;color:var(--cat-danger)}.cat-modal-form{overflow-y:auto;padding:1.5rem}.cat-form-layout-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.cat-column-title{align-items:center;border-bottom:2px solid #ecfdf5;color:#059669;color:var(--cat-primary-dark);display:flex;font-size:1rem;gap:.4rem;margin:0 0 1rem;padding-bottom:.4rem}.cat-column-ads{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--cat-border);border-radius:6px;padding:1rem}.cat-ad-block{margin-bottom:1rem}.cat-ad-block h4{color:#1f2937;color:var(--cat-text);font-size:.85rem;margin:0 0 .6rem;text-transform:uppercase}.cat-form-group{margin-bottom:1rem}.cat-form-group label{align-items:center;color:#1f2937;color:var(--cat-text);display:flex;font-size:.85rem;font-weight:600;gap:.3rem;margin-bottom:.4rem}.cat-required{color:#ef4444;color:var(--cat-danger)}.cat-form-group input,.cat-form-group select,.cat-form-group textarea{border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;font-size:.9rem;outline:none;padding:.6rem .8rem;transition:border-color .2s;width:100%}.cat-form-group input:focus,.cat-form-group select:focus,.cat-form-group textarea:focus{border-color:#10b981;border-color:var(--cat-primary)}.cat-input-hint{color:#64748b;color:var(--cat-text-light);display:block;font-size:.8rem;margin-top:.3rem}.cat-modal-footer{background:#f8fafc;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;border-top:1px solid var(--cat-border);display:flex;gap:.8rem;justify-content:flex-end;padding:1rem 1.5rem}.cat-btn-cancel,.cat-btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s}.cat-btn-cancel{background:#fff;background:var(--cat-white);border:1px solid #e2e8f0;border:1px solid var(--cat-border);color:#1f2937;color:var(--cat-text)}.cat-btn-cancel:hover{background:#f1f5f9}.cat-btn-submit{align-items:center;background:#10b981;background:var(--cat-primary);color:#fff;color:var(--cat-white);display:flex;gap:.4rem}.cat-btn-submit:hover{background:#059669;background:var(--cat-primary-dark)}@media (max-width:768px){.cat-page-wrapper{padding:.8rem}.cat-header-card{align-items:flex-start;flex-direction:column;padding:1rem}.cat-btn-create{justify-content:center;width:100%}.cat-toolbar{flex-direction:column;gap:.8rem}.cat-filter-box,.cat-search-box{width:100%}.cat-form-layout-grid{gap:1rem;grid-template-columns:1fr}.cat-modal-content{border-radius:0;height:100%;max-height:100vh}.cat-modal-form{padding:1rem}.cat-modal-footer{border-radius:0;padding:1rem}.cat-btn-cancel,.cat-btn-submit{flex:1 1;justify-content:center}}.cat-header-actions{display:flex;gap:1rem}.cat-btn-bulk{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;color:var(--cat-white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.6rem 1.2rem;transition:background .2s}.cat-btn-bulk:hover{background:#2563eb}.cat-ad-thumbnail{border:1px solid #e2e8f0;border:1px solid var(--cat-border);border-radius:4px;object-fit:cover;transition:transform .2s}.cat-ad-thumbnail.banner{height:35px;width:100px}.cat-ad-thumbnail.sidebar{height:70px;width:35px}.cat-ad-thumbnail:hover{box-shadow:0 2px 4px #0000000d;box-shadow:var(--cat-shadow);transform:scale(1.1)}.cat-status-icon.empty{color:#cbd5e1;font-size:1.2rem}.cat-ad-hint{color:#8b5cf6;display:block;font-size:.8rem;font-style:italic;margin-bottom:.8rem}.cat-image-upload-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.2rem}.cat-upload-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--cat-border);display:flex;gap:.5rem;margin-bottom:.5rem}.cat-upload-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--cat-text-light);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.3rem;margin-bottom:-2px;padding:.4rem .8rem;transition:all .2s}.cat-upload-tab.active,.cat-upload-tab:hover{color:#059669;color:var(--cat-primary-dark)}.cat-upload-tab.active{border-bottom-color:#10b981;border-bottom-color:var(--cat-primary)}.cat-upload-area{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:6px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .2s}.cat-upload-area:hover{background:#ecfdf5;border-color:#10b981;border-color:var(--cat-primary)}.cat-upload-area.uploading{opacity:.6;pointer-events:none}.cat-upload-icon{color:#10b981;color:var(--cat-primary);font-size:1.8rem;margin-bottom:.4rem}.cat-upload-text{color:#1f2937;color:var(--cat-text);font-size:.85rem;margin:.3rem 0}.cat-upload-hint{color:#64748b;color:var(--cat-text-light);font-size:.75rem;margin:0}.cat-image-preview{margin-top:.5rem;text-align:center}.cat-image-preview img{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--cat-border);border-radius:4px;max-height:120px;max-width:100%;object-fit:contain;padding:.2rem}:root{--color-warning:#fde68a;--color-warning-dark:#f6d057;--color-secondary:#d1d5db}.pending-leave-table__container{width:100%}.pending-leave-table__filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.pending-leave-table__search-bar{flex-grow:1;min-width:250px;position:relative}.pending-leave-table__search-icon{color:#4b5563;color:var(--color-text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.pending-leave-table__search-input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.pending-leave-table__search-input:focus{border-color:#a0d9b5;border-color:var(--color-primary);box-shadow:0 0 0 3px #e6f7f2;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.pending-leave-table__filter-group{background-color:#f9fafb;background-color:var(--color-background-light);border-radius:8px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.25rem}.pending-leave-table__filter-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.pending-leave-table__filter-btn:hover{color:#1f2937;color:var(--color-text-primary)}.pending-leave-table__filter-btn.active{background-color:#fff;background-color:var(--color-background);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#81b997;color:var(--color-primary-dark)}.pending-leave-table__table-wrapper{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);overflow-x:auto}.pending-leave-table__table{border-collapse:collapse;font-size:.95rem;width:100%}.pending-leave-table__table th{background-color:#f9fafb;background-color:var(--color-background-light);color:#4b5563;color:var(--color-text-secondary);font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.pending-leave-table__table tbody tr,.pending-leave-table__table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border)}.pending-leave-table__table tbody tr{cursor:pointer;transition:background-color .1s ease-in-out}.pending-leave-table__table tbody tr:last-child{border-bottom:none}.pending-leave-table__table tbody tr:hover{background-color:#e6f7f2;background-color:var(--color-primary-light)}.pending-leave-table__table td{color:#1f2937;color:var(--color-text-primary);padding:1rem;vertical-align:middle}.pending-leave-table__user-cell{align-items:center;display:flex;font-weight:600;gap:.75rem;white-space:nowrap}.pending-leave-table__user-cell svg{color:#81b997;color:var(--color-primary-dark);font-size:1.2rem}.pending-leave-table__reason-cell{color:#4b5563;color:var(--color-text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-leave-table__empty-state,.pending-leave-table__loading{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:1.1rem;gap:.75rem;justify-content:center;padding:3rem;text-align:center}.pending-leave-table__empty-state svg{font-size:1.5rem}.pending-leave-table__status-cell{width:130px}.pending-leave-table__badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.3rem;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.pending-leave-table__badge--warning{background-color:#fde68a;background-color:var(--color-warning);color:#a16207}.pending-leave-table__badge--success{background-color:#e6f7f2;background-color:var(--color-primary-light);color:#81b997;color:var(--color-primary-dark)}.pending-leave-table__badge--danger{background-color:#fee2e2;color:#b91c1c}.pending-leave-table__badge--secondary{background-color:#e5e7eb;background-color:var(--color-border);color:#4b5563;color:var(--color-text-secondary)}.leave-detail-modal__overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:1rem;position:fixed;right:0;top:0;z-index:1010}.leave-detail-modal__content{background:#fff;background:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.leave-detail-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.leave-detail-modal__header h2{color:#1f2937;color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0}.leave-detail-modal__btn-close{background:none;border:none;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;font-size:1.75rem;font-weight:300}.leave-detail-modal__btn-close:hover{color:#1f2937;color:var(--color-text-primary)}.leave-detail-modal__body{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.leave-detail-modal__info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.leave-detail-modal__info-item{align-items:flex-start;display:flex;gap:.75rem}.leave-detail-modal__info-item svg{color:#81b997;color:var(--color-primary-dark);font-size:1.25rem;margin-top:.25rem}.leave-detail-modal__info-item label{color:#4b5563;color:var(--color-text-secondary);display:block;font-size:.9rem;font-weight:600}.leave-detail-modal__info-item span{color:#1f2937;color:var(--color-text-primary);font-size:1rem;font-weight:600}.leave-detail-modal__reason label{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.leave-detail-modal__reason p{background:#f9fafb;background:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#1f2937;color:var(--color-text-primary);font-size:1rem;margin:0;padding:1rem;white-space:pre-wrap}.leave-detail-modal__calendar-preview label{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.leave-detail-modal__footer{background-color:#f9fafb;background-color:var(--color-background-light);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.leave-detail-modal__button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.leave-detail-modal__button:disabled{cursor:not-allowed;opacity:.7}.leave-detail-modal__button--danger{background-color:#fee2e2;color:#b91c1c}.leave-detail-modal__button--danger:hover{background-color:#f4b6b6;background-color:var(--color-danger);color:#fff}.leave-detail-modal__button--approve{background-color:#e6f7f2;background-color:var(--color-primary-light);color:#81b997;color:var(--color-primary-dark)}.leave-detail-modal__button--approve:hover{background-color:#a0d9b5;background-color:var(--color-primary);color:#1f2937;color:var(--color-text-primary)}.action-btn.view{white-space:nowrap}.schedule-editor__modal-content{max-width:600px}.schedule-editor__title{margin:0 0 1rem}.schedule-editor__modal-content p{color:#4b5563;color:var(--color-text-secondary);margin:.5rem 0}.schedule-editor__modal-content pre{background:#f4f4f4;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);font-size:.85rem;line-height:1.5;margin:1rem 0;overflow-x:auto;padding:1rem}.schedule-editor__form-control{resize:vertical}@media (max-width:768px){.schedule-approval-table{font-size:.85rem}.schedule-approval-table td,.schedule-approval-table th{padding:.75rem}.schedule-approval-table__user{align-items:flex-start}.schedule-approval-table__actions,.schedule-approval-table__user{flex-direction:column;gap:.5rem}.action-btn{width:100%}.schedule-editor__modal-content{max-width:95%;padding:1.5rem;width:95%}.schedule-editor__title{font-size:1.25rem}}@media (max-width:480px){.schedule-approval-table td,.schedule-approval-table th{font-size:.8rem;padding:.5rem}.schedule-approval-table__user img{height:28px;width:28px}.schedule-approval-table__badge{font-size:.75rem;padding:.3rem .5rem}.action-btn{font-size:.85rem;padding:.4rem .6rem}.schedule-editor__modal-content pre{font-size:.75rem;padding:.75rem}}:root{--color-success:#a0d9b5;--color-success-dark:#81b997;--color-info:#dbeafe;--color-info-dark:#3b82f6}.schedule-approval-table__wrapper{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);overflow-x:auto;width:100%}.schedule-approval-table{border-collapse:collapse;font-size:.95rem;width:100%}.schedule-approval-table thead{background-color:#f9fafb;background-color:var(--color-background-light);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border)}.schedule-approval-table th{color:#1f2937;color:var(--color-text-primary);font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.schedule-approval-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);transition:all .2s ease-in-out;transition:var(--transition)}.schedule-approval-table tbody tr:hover{background-color:#f9fafb;background-color:var(--color-background-light)}.schedule-approval-table tbody tr:last-child{border-bottom:none}.schedule-approval-table td{color:#4b5563;color:var(--color-text-secondary);padding:1rem;vertical-align:middle}.schedule-approval-table__user{align-items:center;display:flex;gap:.75rem}.schedule-approval-table__user img{border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:50%;height:36px;object-fit:cover;width:36px}.schedule-approval-table__user span{color:#1f2937;color:var(--color-text-primary);font-weight:500}.schedule-approval-table__badge{border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .75rem;white-space:nowrap}.schedule-approval-table__badge.overtime{background-color:#dbeafe;background-color:var(--color-info);border:1px solid #3b82f6;border:1px solid var(--color-info-dark);color:#1e40af}.schedule-approval-table__badge.flexible{background-color:#e6f7f2;background-color:var(--color-primary-light);border:1px solid #a0d9b5;border:1px solid var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.schedule-approval-table__badge.fixed{background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);color:#4b5563;color:var(--color-text-secondary)}.schedule-approval-table__actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:all .2s ease-in-out;transition:var(--transition)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.approve{background-color:#a0d9b5;background-color:var(--color-success);color:#fff}.action-btn.approve:hover:not(:disabled){background-color:#81b997;background-color:var(--color-success-dark);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn.reject{background-color:#f4b6b6;background-color:var(--color-danger);color:#fff}.action-btn.reject:hover:not(:disabled){background-color:#e09b9b;background-color:var(--color-danger-dark);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.action-btn.view{background-color:#dbeafe;background-color:var(--color-info);color:#1e40af;padding:.5rem 1rem}.action-btn.view:hover:not(:disabled){background-color:#bfdbfe;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.schedule-editor__empty-state,.schedule-editor__loading{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:1.1rem;gap:.75rem;justify-content:center;padding:3rem 0;text-align:center}.schedule-editor__empty-state{flex-direction:column}.schedule-editor__modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.schedule-editor__modal-content{animation:slideUp .3s ease-in-out;background:#fff;background:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.schedule-editor__title{color:#1f2937;color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.schedule-editor__form-group{margin-bottom:1.5rem}.schedule-editor__label{color:#1f2937;color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:.5rem}.schedule-editor__form-control{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.schedule-editor__form-control:focus{border-color:#a0d9b5;border-color:var(--color-primary);box-shadow:0 0 0 3px #e6f7f2;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.schedule-editor__modal-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.schedule-editor__button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.schedule-editor__button.primary{background-color:#a0d9b5;background-color:var(--color-primary);color:#1f2937;color:var(--color-text-primary)}.schedule-editor__button.primary:hover:not(:disabled){background-color:#81b997;background-color:var(--color-primary-dark);color:#fff}.schedule-editor__button.secondary{background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);color:#4b5563;color:var(--color-text-secondary)}.schedule-editor__button.secondary:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--color-border)}.schedule-editor__button.danger{background-color:#f4b6b6;background-color:var(--color-danger);color:#fff}.schedule-editor__button.danger:hover:not(:disabled){background-color:#e09b9b;background-color:var(--color-danger-dark)}.schedule-editor__button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.schedule-approval-table{font-size:.85rem}.schedule-approval-table td,.schedule-approval-table th{padding:.75rem}.schedule-approval-table__user{align-items:flex-start}.schedule-approval-table__actions,.schedule-approval-table__user{flex-direction:column;gap:.5rem}.action-btn{width:100%}.schedule-editor__modal-content{padding:1.5rem;width:95%}}@media (max-width:480px){.schedule-approval-table td,.schedule-approval-table th{font-size:.8rem;padding:.5rem}.schedule-approval-table__user img{height:28px;width:28px}.schedule-approval-table__badge{font-size:.75rem;padding:.3rem .5rem}.action-btn{font-size:.85rem;padding:.4rem .6rem}}:root{--color-primary:#a0d9b5;--color-primary-dark:#81b997;--color-primary-light:#e6f7f2;--color-danger:#f4b6b6;--color-danger-dark:#e09b9b;--color-warning:#fef3c7;--color-warning-dark:#fbbf24;--color-text-primary:#1f2937;--color-text-secondary:#4b5563;--color-border:#e5e7eb;--color-background-light:#f9fafb;--color-background:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--border-radius:8px;--transition:all 0.2s ease-in-out}.schedule-management-page__container{background-color:#f9fafb;background-color:var(--color-background-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.schedule-management-page__management-container{background-color:#fff;background-color:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin:0 auto;max-width:1200px;overflow:hidden}.schedule-management-page__page-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);color:#1f2937;color:var(--color-text-primary);font-size:1.75rem;font-weight:700;padding:1.5rem 2rem}.schedule-management-page__loading{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:1.1rem;gap:.75rem;justify-content:center;padding:3rem;text-align:center}.schedule-management-page__tabs{background-color:#f9fafb;background-color:var(--color-background-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;padding:0 2rem}.schedule-management-page__tab{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.schedule-management-page__tab--active,.schedule-management-page__tab:hover{color:#81b997;color:var(--color-primary-dark)}.schedule-management-page__tab--active{border-bottom-color:#a0d9b5;border-bottom-color:var(--color-primary)}.schedule-management-page__badge-count{background-color:#f4b6b6;background-color:var(--color-danger);border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.1rem .5rem}.schedule-management-page__tab-content{padding:2rem}.schedule-management-page__section-title{color:#1f2937;color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.schedule-management-page__section-description{color:#4b5563;color:var(--color-text-secondary);font-size:1rem;margin-bottom:2rem}.schedule-management-page__form-group{margin-bottom:1.5rem}.schedule-management-page__form-group label{color:#1f2937;color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:.5rem}.schedule-management-page__form-control{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.schedule-management-page__form-control:focus{border-color:#a0d9b5;border-color:var(--color-primary);box-shadow:0 0 0 3px #e6f7f2;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.schedule-management-page__form-row{display:flex;gap:1.5rem}.schedule-management-page__form-row>.schedule-management-page__form-group{flex:1 1}.schedule-management-page__button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.schedule-management-page__button--primary{background-color:#a0d9b5;background-color:var(--color-primary);color:#1f2937;color:var(--color-text-primary)}.schedule-management-page__button--primary:hover{background-color:#81b997;background-color:var(--color-primary-dark);color:#fff}.schedule-management-page__button--primary:disabled{background-color:#e5e7eb;background-color:var(--color-border);color:#4b5563;color:var(--color-text-secondary);cursor:not-allowed}.schedule-management-page__button--secondary{background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);color:#4b5563;color:var(--color-text-secondary)}.schedule-management-page__button--secondary:hover{background-color:#e5e7eb;background-color:var(--color-border)}.schedule-management-page__button--danger{background-color:#f4b6b6;background-color:var(--color-danger);color:#fff}.schedule-management-page__button--danger:hover{background-color:#e09b9b;background-color:var(--color-danger-dark)}.schedule-management-page__button--danger:disabled{background-color:#f9d5d5;color:#b88383;cursor:not-allowed}.schedule-management-page__shift-config-card{background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);margin-bottom:1.5rem}.schedule-management-page__shift-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.schedule-management-page__shift-header h3{font-size:1.25rem;font-weight:600;margin:0}.schedule-management-page__shift-body{padding:1.5rem}.schedule-management-page__day-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem}.schedule-management-page__checkbox-label{cursor:pointer;display:inline-block}.schedule-management-page__checkbox-label input{display:none}.schedule-management-page__checkbox-label span{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:50%;color:#4b5563;color:var(--color-text-secondary);display:block;font-weight:600;height:40px;line-height:40px;text-align:center;transition:all .2s ease-in-out;transition:var(--transition);width:40px}.schedule-management-page__checkbox-label input:checked+span{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#a0d9b5;border-color:var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.schedule-management-page__checkbox-label:hover span{border-color:#a0d9b5;border-color:var(--color-primary)}.schedule-management-page__switch{display:inline-block;height:28px;position:relative;width:50px}.schedule-management-page__switch input{height:0;opacity:0;width:0}.schedule-management-page__switch-slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.schedule-management-page__switch-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:.4s;width:20px}.schedule-management-page__switch input:checked+.schedule-management-page__switch-slider{background-color:#a0d9b5;background-color:var(--color-primary)}.schedule-management-page__switch input:checked+.schedule-management-page__switch-slider:before{transform:translateX(22px)}.schedule-management-page__user-select-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.schedule-management-page__specialty-select{background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#1f2937;color:var(--color-text-primary);cursor:pointer;font-size:.95rem;height:42px;padding:0 12px}.schedule-management-page__user-select-wrap{flex:1 1;max-width:460px;min-width:260px;z-index:10}.schedule-management-page__view-controls-header{justify-content:space-between;margin-bottom:1.25rem}.schedule-management-page__view-controls-header,.schedule-management-page__view-mode-group{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.schedule-management-page__today-btn{align-items:center;background-color:#fff;background-color:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.schedule-management-page__today-btn:hover{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#a0d9b5;border-color:var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.schedule-management-page__event-filter-btn{align-items:center;background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;opacity:.6;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.schedule-management-page__event-filter-btn:hover{background-color:#fff;background-color:var(--color-background);opacity:1}.schedule-management-page__event-filter-btn.active{opacity:1}.schedule-management-page__event-filter-btn.active.filter-schedules{background-color:#e6f7f2;background-color:var(--color-primary-light);border-color:#81b997;border-color:var(--color-primary-dark);color:#81b997;color:var(--color-primary-dark)}.schedule-management-page__event-filter-btn.active.filter-overtime{background-color:#ddd6fe;border-color:#a78bfa;color:#5b21b6}.schedule-management-page__event-filter-btn.active.filter-appointments{background-color:#fecaca;border-color:#f87171;color:#991b1b}.schedule-management-page__event-filter-btn.active.filter-leaves{background-color:#fef3c7;background-color:var(--color-warning);border-color:#fbbf24;border-color:var(--color-warning-dark);color:#a16207}.schedule-management-page__doctor-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1rem}.schedule-management-page__doctor-header>.schedule-management-page__form-group{flex:1 1;margin-bottom:0;min-width:250px}.schedule-management-page__doctor-header>.schedule-management-page__form-group>div[class*=-container]{z-index:5}.schedule-management-page__view-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.schedule-management-page__view-switcher{background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);display:flex;padding:.25rem}.schedule-management-page__switch-btn{align-items:center;background-color:initial;border:1px solid #0000;border-radius:6px;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.schedule-management-page__switch-btn:hover{color:#1f2937;color:var(--color-text-primary)}.schedule-management-page__switch-btn.active{background-color:#fff;background-color:var(--color-background);border-color:#e5e7eb;border-color:var(--color-border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#81b997;color:var(--color-primary-dark)}.schedule-management-page__event-type-filters{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem}.schedule-management-page__event-type-filters span{color:#4b5563;color:var(--color-text-secondary);font-weight:600}.schedule-management-page__event-type-filters .schedule-management-page__filter-btn{align-items:center;background-color:#f9fafb;background-color:var(--color-background-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;opacity:.6;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.schedule-management-page__event-type-filters .schedule-management-page__filter-btn:hover{background-color:#fff;background-color:var(--color-background);opacity:1}.schedule-management-page__event-type-filters .schedule-management-page__filter-btn.active{opacity:1}.schedule-management-page__event-type-filters .schedule-management-page__filter-btn.active.filter-schedules{background-color:#a0d9b5;border-color:#4ade80;color:#166534}.schedule-management-page__event-type-filters .schedule-management-page__filter-btn.active.filter-overtime{background-color:#ddd6fe;border-color:#a78bfa;color:#5b21b6}.schedule-management-page__event-type-filters .schedule-management-page__filter-btn.active.filter-appointment-service{background-color:#ffedd5;border-color:#fb923c;color:#c2410c}.schedule-management-page__event-type-filters .schedule-management-page__filter-btn.active.filter-appointment-consultation{background-color:#e0f2fe;border-color:#38bdf8;color:#0369a1}.schedule-management-page__event-type-filters .schedule-management-page__filter-btn.active.filter-leaves{background-color:#fff7d6;border-color:#d97706;color:#92400e}.schedule-management-page__month-navigation{align-items:center;display:flex;justify-content:space-between;margin:2rem 0}.schedule-management-page__month-navigation h3{color:#1f2937;color:var(--color-text-primary);flex:1 1;font-size:1.5rem;text-align:center}.schedule-management-page__nav-button{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.schedule-management-page__nav-button:hover{border-color:#a0d9b5;border-color:var(--color-primary);color:#81b997;color:var(--color-primary-dark)}.schedule-management-page__nav-button:disabled{cursor:not-allowed;opacity:.5}.schedule-management-page__pending-leaves-section{margin-top:1.5rem}.schedule-management-page__filter-section label{color:#1f2937;color:var(--color-text-primary);font-weight:600}.schedule-management-page__filter-btn--active{background-color:#fff;background-color:var(--color-background);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#81b997;color:var(--color-primary-dark)}.schedule-management-page__empty-state{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:1.1rem;gap:.5rem;grid-column:1/-1;padding:3rem 0;text-align:center}.schedule-management-page__empty-state svg{font-size:1.5rem}.schedule-management-page__modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.schedule-management-page__modal-content{animation:slideUp .3s ease-in-out;background:#fff;background:var(--color-background);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);max-width:500px;padding:2rem;width:90%}.schedule-management-page__modal-content h2{color:#1f2937;color:var(--color-text-primary);font-size:1.5rem;margin:0 0 1.5rem}.schedule-management-page__modal-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.fa-spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.schedule-management-page__container{padding:1rem}.schedule-management-page__page-title{font-size:1.5rem;padding:1rem 1.5rem}.schedule-management-page__tab-content{padding:1.5rem}.schedule-management-page__tabs{padding:0 1rem}.schedule-management-page__tab{font-size:.9rem;padding:.75rem 1rem}.schedule-management-page__doctor-header{align-items:stretch;flex-direction:column}.schedule-management-page__view-controls{justify-content:center}.schedule-management-page__form-row{flex-direction:column;gap:1rem}.schedule-management-page__modal-content{padding:1.5rem;width:95%}.schedule-management-page__filter-section{align-items:stretch;flex-direction:column}.schedule-management-page__filter-buttons{justify-content:center}}@media (max-width:480px){.schedule-management-page__container{padding:.5rem}.schedule-management-page__page-title{font-size:1.25rem;padding:1rem}.schedule-management-page__tab{font-size:.85rem;padding:.5rem .75rem}.schedule-management-page__section-title{font-size:1.25rem}.schedule-management-page__button{font-size:.9rem;padding:.6rem 1rem}.schedule-management-page__switch-btn{font-size:.85rem;padding:.4rem .75rem}}.schedule-management-page__tab-content .schedule-management-page__filter-section{margin-bottom:1.5rem;max-width:400px}.schedule-management-page__filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.schedule-management-page__filter-section--search{flex-grow:1;margin-bottom:0!important;max-width:none!important;min-width:250px}.schedule-management-page__filters-container .schedule-management-page__filter-buttons{flex-shrink:0;margin-bottom:0}.schedule-management-page__filter-buttons{background-color:#f9fafb;background-color:var(--color-background-light);border-radius:8px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem}.schedule-management-page__filter-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#4b5563;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.schedule-management-page__filter-btn:hover{color:#1f2937;color:var(--color-text-primary)}.schedule-management-page__filter-btn.schedule-management-page__filter-btn--active{background-color:#fff;background-color:var(--color-background);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#81b997;color:var(--color-primary-dark)}.schedule-management-page__filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}:root{--stats-bg:#f8faf9;--stats-card:#fff;--stats-primary:#43a047;--stats-primary-light:#e8f5e9;--stats-text:#2e7d32;--stats-text-secondary:#666;--stats-border:#e0e0e0;--stats-success:#66bb6a;--stats-warning:#ffa726;--stats-danger:#ef5350;--stats-info:#42a5f5}.statistics-page-wrapper{background:radial-gradient(circle at top left,#43a04714,#0000 28%),radial-gradient(circle at top right,#42a5f514,#0000 26%),#f8faf9;background:radial-gradient(circle at top left,#43a04714,#0000 28%),radial-gradient(circle at top right,#42a5f514,#0000 26%),var(--stats-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:16px}.statistics-page-container{margin:0 auto;max-width:1200px}.statistics-header{background:linear-gradient(135deg,#43a0470f,#42a5f508),#fff;background:linear-gradient(135deg,#43a0470f,#42a5f508),var(--stats-card);border:1px solid #e8f5e9;border:1px solid var(--stats-primary-light);border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:16px 20px}.statistics-hero{align-items:flex-start;background:#eef7ef;border:1px solid #d7ead8;border-radius:18px;box-shadow:0 10px 24px #225a3314;color:#1f5f34;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;overflow:hidden;padding:20px 22px;position:relative}.statistics-hero:after{background:radial-gradient(circle,#43a04714,#0000 68%);border-radius:50%;content:"";height:180px;inset:auto -40px -40px auto;pointer-events:none;position:absolute;width:180px}.statistics-hero .statistics-insight-kicker,.statistics-hero .statistics-insight-note,.statistics-hero .statistics-insight-title{color:#1f5f34}.statistics-hero .statistics-insight-note{max-width:720px;opacity:.88}.statistics-hero .statistics-btn-secondary{background:#fff;border:1px solid #b8d8bc;box-shadow:0 1px 2px #225a330f;color:#1f5f34}.statistics-hero .statistics-btn-secondary:hover{background:#f6fbf6;border-color:#9ccb9f}.statistics-hero .statistics-btn-primary{background:#1f6a3a;border:1px solid #1f6a3a;box-shadow:0 4px 10px #1f6a3a29;color:#fff}.statistics-hero .statistics-btn-primary:hover{background:#18552f}.statistics-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.statistics-select-group--hero{background:#fff;border-color:#cfe3d1;border-radius:12px;color:#1f5f34;padding:8px 12px}.statistics-select-group--hero .statistics-select,.statistics-select-group--hero .statistics-select-label{color:#1f5f34}.statistics-select-group--hero .statistics-select{background:#f6fbf6;border-radius:8px;padding:4px 8px}.statistics-select-label{font-size:.76rem;font-weight:700;white-space:nowrap}.statistics-section-block{margin-bottom:20px}.statistics-section-head{align-items:flex-end;background:linear-gradient(180deg,#fffffff5,#f8faf9f5);border:1px solid #43a0471f;border-radius:16px;box-shadow:0 8px 22px #16371f0d;display:flex;gap:12px;justify-content:space-between;margin:4px 0 16px;padding:16px 18px}.statistics-section-head>div{min-width:0}.statistics-section-title{color:#2e7d32;color:var(--stats-text);font-size:1.06rem;font-weight:800;margin:0 0 4px}.statistics-section-desc{color:#666;color:var(--stats-text-secondary);font-size:.84rem;line-height:1.5;margin:0}.statistics-kpi-grid--section{margin-bottom:16px}.statistics-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.statistics-title{align-items:center;color:#2e7d32;color:var(--stats-text);display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin:0}.statistics-actions{display:flex;flex-wrap:wrap;gap:8px}.statistics-actions .statistics-btn{white-space:nowrap}.statistics-select-group{align-items:center;background:#e8f5e9;background:var(--stats-primary-light);border:1px solid #c8e6c9;border-radius:6px;display:flex;gap:6px;padding:6px 12px}.statistics-select{background:#0000;color:#2e7d32;color:var(--stats-text);outline:none}.statistics-btn,.statistics-select{border:none;cursor:pointer;font-size:.85rem;font-weight:500}.statistics-btn{align-items:center;border-radius:6px;display:inline-flex;gap:6px;padding:6px 14px;transition:all .2s}.statistics-btn-primary{background:#43a047;background:var(--stats-primary);color:#fff}.statistics-btn-primary:hover{background:#388e3c;transform:translateY(-1px)}.statistics-btn-secondary{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);color:#2e7d32;color:var(--stats-text)}.statistics-btn-secondary:hover{background:#e8f5e9;background:var(--stats-primary-light);border-color:#43a047;border-color:var(--stats-primary)}.statistics-filter-bar{background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid #43a04729;border-radius:14px;box-shadow:0 1px 4px #0000000d;margin-bottom:16px;margin-top:12px;padding:14px 16px;scroll-margin-top:16px}.statistics-filter-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.statistics-filter-item label{color:#666;color:var(--stats-text-secondary);display:block;font-size:.75rem;font-weight:500;margin-bottom:4px}.statistics-filter-item input,.statistics-filter-item select{background:linear-gradient(180deg,#fff,#f6faf6);border:1px solid #d9e7da;border-radius:10px;color:#2e7d32;color:var(--stats-text);font-size:.85rem;padding:8px 12px;transition:border-color .2s,box-shadow .2s,transform .2s;width:100%}.statistics-filter-item input:focus,.statistics-filter-item select:focus{background:#fff;border-color:#43a047;border-color:var(--stats-primary);box-shadow:0 0 0 3px #43a0471f;outline:none}.statistics-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.statistics-kpi-card{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:10px;box-shadow:0 1px 3px #00000014;padding:14px;transition:all .2s}.statistics-kpi-card:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-2px)}.statistics-kpi-card--clickable{cursor:pointer}.statistics-kpi-card--clickable:focus{outline:2px solid #43a04740;outline-offset:2px}.statistics-insight-strip{background:linear-gradient(135deg,#43a04717,#42a5f514);border:1px solid #43a04724;border-radius:14px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px;padding:16px}.statistics-insight-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.statistics-insight-kicker{color:#43a047;color:var(--stats-primary);font-size:.72rem;font-weight:700;letter-spacing:.12em;margin:0 0 4px;text-transform:uppercase}.statistics-insight-title{color:#2e7d32;color:var(--stats-text);font-size:1rem;font-weight:700;margin:0}.statistics-insight-meta{color:#666;color:var(--stats-text-secondary);font-size:.82rem;font-weight:500}.statistics-insight-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.statistics-insight-card{background:#ffffffeb;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:12px;padding:14px}.statistics-insight-label{color:#666;color:var(--stats-text-secondary);font-size:.74rem;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.statistics-insight-value{color:#2e7d32;color:var(--stats-text);font-size:1.35rem;font-weight:800;margin-bottom:4px}.statistics-insight-note{color:#666;color:var(--stats-text-secondary);font-size:.82rem;line-height:1.4}@media (max-width:768px){.statistics-hero{align-items:flex-start;flex-direction:column}.statistics-actions{gap:8px;justify-content:flex-start;width:100%}.statistics-actions .statistics-btn{flex:1 1 auto;min-width:120px}.statistics-page-container{max-width:100%;padding:0 12px}.statistics-chart-card{padding:12px}}@media (max-width:480px){.statistics-hero{border-radius:12px;padding:14px}.statistics-hero-meta{width:100%}.statistics-select-group--hero{justify-content:flex-start;width:100%}.statistics-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.statistics-chart-card{border-radius:12px;padding:10px}.statistics-widget-edit-chip{font-size:.72rem;padding:5px 8px}.statistics-chart-title{font-size:.9rem}}.statistics-kpi-card.primary{border-left-color:#43a047;border-left-color:var(--stats-primary)}.statistics-kpi-card.success{border-left-color:#66bb6a;border-left-color:var(--stats-success)}.statistics-kpi-card.info{border-left-color:#42a5f5;border-left-color:var(--stats-info)}.statistics-kpi-card.warning{border-left-color:#ffa726;border-left-color:var(--stats-warning)}.statistics-kpi-card.info,.statistics-kpi-card.primary,.statistics-kpi-card.success,.statistics-kpi-card.warning{border-left:1px solid #e0e0e0;border-left:1px solid var(--stats-border)}.statistics-kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.statistics-kpi-label{color:#666;color:var(--stats-text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.statistics-kpi-icon{align-items:center;border-radius:8px;display:flex;font-size:1.1rem;height:32px;justify-content:center;width:32px}.statistics-kpi-card.primary .statistics-kpi-icon{background:#e8f5e9;background:var(--stats-primary-light);color:#43a047;color:var(--stats-primary)}.statistics-kpi-card.success .statistics-kpi-icon{background:#e8f5e9;color:#66bb6a;color:var(--stats-success)}.statistics-kpi-card.info .statistics-kpi-icon{background:#e3f2fd;color:#42a5f5;color:var(--stats-info)}.statistics-kpi-card.warning .statistics-kpi-icon{background:#fff3e0;color:#ffa726;color:var(--stats-warning)}.statistics-kpi-value{color:#2e7d32;color:var(--stats-text);font-size:1.4rem;font-weight:700;line-height:1.2;margin:4px 0}.statistics-kpi-trend{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:4px}.statistics-kpi-trend.up{color:#66bb6a;color:var(--stats-success)}.statistics-kpi-trend.down{color:#ef5350;color:var(--stats-danger)}.statistics-kpi-trend.neutral{color:#666;color:var(--stats-text-secondary)}.statistics-tabs{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8faf9d9;border:1px solid #43a04714;border-radius:14px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:8px 10px;position:-webkit-sticky;position:sticky;top:12px;z-index:5}.statistics-tab{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:8px;color:#666;color:var(--stats-text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.statistics-tab:hover{background:#e8f5e9;background:var(--stats-primary-light);color:#2e7d32;color:var(--stats-text)}.statistics-tab.active{background:#43a047;background:var(--stats-primary);border-color:#43a047;border-color:var(--stats-primary);color:#fff}.statistics-charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:16px}.statistics-charts-grid--dense{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.statistics-widget-grid{margin-bottom:16px}.statistics-widget-grid .react-grid-item{transition:transform .18s ease,box-shadow .18s ease}.statistics-widget-grid .react-grid-item>div{height:100%}.statistics-widget-grid .react-grid-item.react-grid-placeholder{background:#43a04729;border:2px dashed #43a04773;border-radius:16px}.statistics-widget-grid .react-grid-item.cssTransforms{overflow:visible}.statistics-widget-grid .react-grid-item.react-draggable-dragging{z-index:20}.statistics-widget-grid .react-resizable-handle{background:#43a0471f;border:1px solid #43a0474d;border-radius:7px;bottom:2px;box-shadow:0 1px 3px #00000014;cursor:se-resize;height:22px;opacity:1;right:2px;width:22px}.statistics-widget-grid .react-resizable-handle:after{border-bottom:2px solid #43a047;border-bottom:2px solid var(--stats-primary);border-right:2px solid #43a047;border-right:2px solid var(--stats-primary);bottom:6px;height:8px;right:6px;width:8px}.statistics-widget-grid .statistics-chart-header{cursor:move}.statistics-widget-grid .react-grid-item.react-draggable-dragging .statistics-chart-card{box-shadow:0 16px 30px #16371f2e}.statistics-widget-edit-note{display:flex;justify-content:flex-end;margin:-6px 0 12px}.statistics-widget-edit-chip{align-items:center;background:#ffffffdb;border:1px solid #43a04729;border-radius:999px;color:#2e7d32;color:var(--stats-text);display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;padding:6px 10px}.statistics-chart-card{background:#fff;border:1px solid #43a0471f;border-radius:16px;box-shadow:0 8px 22px #16371f0f;display:flex;flex-direction:column;min-height:0;padding:16px}.statistics-chart-card--editable{height:100%}.statistics-chart-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--stats-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.statistics-chart-title{align-items:center;color:#2e7d32;color:var(--stats-text);display:flex;font-size:.95rem;font-weight:600;gap:6px;margin:0}.statistics-chart-actions{display:flex;flex-wrap:wrap;gap:4px}.statistics-chart-btn{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:4px;color:#666;color:var(--stats-text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 10px;transition:all .2s}.statistics-chart-btn:hover{background:#e8f5e9;background:var(--stats-primary-light);color:#43a047;color:var(--stats-primary)}.statistics-chart-card--wide{grid-column:1/-1}.statistics-chart-btn--modal-action{min-width:140px}.statistics-system-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.statistics-table-list{grid-gap:10px;display:grid;gap:10px;max-height:100%;min-height:0;overflow:auto;padding-right:4px}.statistics-table-row{align-items:flex-start;background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid #43a0471f;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.statistics-table-row>div{min-width:0}.statistics-table-row:hover{border-color:#43a04738;box-shadow:0 4px 12px #16371f0d}.statistics-table-sub{color:#666;color:var(--stats-text-secondary);font-size:.78rem;margin-top:2px}.statistics-table-value{color:#2e7d32;color:var(--stats-text);font-size:.96rem;font-weight:800;white-space:nowrap}.statistics-empty-state{background:#fafdf9;border:1px dashed #cfdccd;border-radius:12px;color:#666;color:var(--stats-text-secondary);font-size:.85rem;padding:16px;text-align:center}.statistics-chart-modal{max-width:860px}.statistics-chart-modal-subtitle{color:#666;color:var(--stats-text-secondary);font-size:.85rem;margin:-4px 0 12px}.statistics-chart-modal-summary-actions{display:flex;justify-content:flex-end;margin:8px 0 12px}.statistics-chart-modal-list{grid-gap:12px;display:grid;gap:12px}.statistics-chart-modal-loading{background:#fafafa;border:1px dashed #e0e0e0;border:1px dashed var(--stats-border);border-radius:10px;color:#666;color:var(--stats-text-secondary);padding:18px;text-align:center}.statistics-chart-modal-card{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:14px}.statistics-chart-modal-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.statistics-chart-modal-card-title{color:#2e7d32;color:var(--stats-text);font-size:.98rem;font-weight:700}.statistics-chart-modal-card-category{color:#666;color:var(--stats-text-secondary);font-size:.78rem;margin-top:3px}.statistics-chart-modal-card-value{color:#2e7d32;color:var(--stats-text);flex-shrink:0;font-size:.95rem;font-weight:800}.statistics-chart-modal-card-subtitle{color:#2e7d32;color:var(--stats-text);font-size:.84rem;margin-bottom:4px}.statistics-chart-modal-card-detail{color:#666;color:var(--stats-text-secondary);font-size:.82rem;line-height:1.5;margin-bottom:10px}.statistics-chart-modal-card-actions{display:flex;justify-content:flex-end}.statistics-chart-modal-table{max-height:65vh;overflow-y:auto}.statistics-chart-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.statistics-chart-body>.recharts-responsive-container{flex:1 1 auto}.statistics-export-option h4{color:#2e7d32;color:var(--stats-text);font-size:.9rem;margin:0 0 4px}.statistics-export-option p{color:#666;color:var(--stats-text-secondary);font-size:.75rem;margin:0}.statistics-custom-tooltip{background:#fffffffa;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:.8rem;padding:10px 12px}.statistics-custom-tooltip .label{color:#2e7d32;color:var(--stats-text);font-weight:600;margin-bottom:4px}.statistics-custom-tooltip .value{font-weight:500;margin:2px 0}.statistics-table-card{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:16px}.statistics-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.statistics-table-title{color:#2e7d32;color:var(--stats-text);font-size:.95rem;font-weight:600;margin:0}.statistics-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:8px;overflow-x:auto}.statistics-table{border-collapse:collapse;font-size:.85rem;min-width:600px;width:100%}.statistics-table thead{background:#e8f5e9;background:var(--stats-primary-light)}.statistics-table th{color:#2e7d32;color:var(--stats-text);font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.statistics-table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--stats-border);color:#666;color:var(--stats-text-secondary);padding:10px 12px;white-space:nowrap}.statistics-table tbody tr:hover{background:#f8faf9;background:var(--stats-bg)}.statistics-table tbody tr:last-child td{border-bottom:none}.statistics-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:3px 8px}.statistics-badge.success{background:#e8f5e9;color:#66bb6a;color:var(--stats-success)}.statistics-badge.danger{background:#ffebee;color:#ef5350;color:var(--stats-danger)}.statistics-badge.warning{background:#fff3e0;color:#ffa726;color:var(--stats-warning)}.statistics-badge.info{background:#e3f2fd;color:#42a5f5;color:var(--stats-info)}.statistics-comparison{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:16px}.statistics-comparison-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.statistics-comparison-item{background:#f8faf9;background:var(--stats-bg);border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:8px;padding:12px}.statistics-comparison-label{color:#666;color:var(--stats-text-secondary);font-size:.75rem;margin-bottom:6px}.statistics-comparison-value{color:#2e7d32;color:var(--stats-text);font-size:1.1rem;font-weight:600}.statistics-usage-panel{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:12px;box-shadow:0 1px 3px #0000000f;margin-bottom:16px;padding:16px}.statistics-usage-header{margin-bottom:12px}.statistics-usage-title{color:#2e7d32;color:var(--stats-text);font-size:1rem;font-weight:700;margin:0 0 4px}.statistics-usage-subtitle{color:#666;color:var(--stats-text-secondary);font-size:.85rem;margin:0}.statistics-usage-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.statistics-usage-item{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:10px;padding:12px}.statistics-usage-item p{color:#666;color:var(--stats-text-secondary);font-size:.85rem;line-height:1.5;margin:0}.statistics-usage-chip{align-items:center;background:#f8faf9;background:var(--stats-bg);border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:999px;color:#2e7d32;color:var(--stats-text);display:inline-flex;font-size:.72rem;font-weight:700;margin-bottom:8px;padding:4px 10px}.statistics-comparison .statistics-chart-header{margin-bottom:16px}.statistics-comparison .statistics-chart-title{font-size:1rem}.statistics-export-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.statistics-export-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:100%}.statistics-export-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--stats-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.statistics-export-title{color:#2e7d32;color:var(--stats-text);font-size:1.1rem;font-weight:600;margin:0}.statistics-export-close{align-items:center;background:none;border:none;color:#666;color:var(--stats-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.statistics-export-options{display:flex;flex-direction:column;gap:10px}.statistics-export-option{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--stats-border);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.statistics-export-option:hover{background:#e8f5e9;background:var(--stats-primary-light);border-color:#43a047;border-color:var(--stats-primary)}.statistics-export-option-icon{font-size:1.5rem}.statistics-export-option-text h4{color:#2e7d32;color:var(--stats-text);font-size:.9rem;margin:0 0 4px}.statistics-export-option-text p{color:#666;color:var(--stats-text-secondary);font-size:.75rem;margin:0}.statistics-loading{align-items:center;display:flex;flex-direction:column;gap:12px;height:60vh;justify-content:center}.statistics-spinner{animation:spin .8s linear infinite;border:3px solid #e8f5e9;border-top-color:#43a047;border:3px solid var(--stats-primary-light);border-radius:50%;border-top-color:var(--stats-primary);height:40px;width:40px}@media (max-width:768px){.statistics-page-wrapper{padding:12px}.statistics-hero{flex-direction:column;padding:16px}.statistics-hero-meta{width:100%}.statistics-select-group--hero{justify-content:space-between;width:100%}.statistics-header{padding:14px 16px}.statistics-title{font-size:1.15rem}.statistics-actions{width:100%}.statistics-btn{flex:1 1;justify-content:center}.statistics-actions .statistics-btn{min-width:0}.statistics-charts-grid,.statistics-kpi-grid{grid-template-columns:1fr}.statistics-widget-grid .react-grid-layout{min-height:auto}.statistics-widget-grid .react-grid-item{height:auto!important;left:auto!important;position:relative!important;top:auto!important;transform:none!important;width:100%!important}.statistics-widget-grid .react-resizable-handle{display:none}.statistics-filter-grid{grid-template-columns:1fr}.statistics-table-row{flex-direction:column}.statistics-table{font-size:.75rem}.statistics-table td,.statistics-table th{padding:8px 10px}.statistics-chart-actions{width:100%}.statistics-chart-actions .statistics-chart-btn{flex:1 1}}@media (max-width:480px){.statistics-actions{flex-direction:column}.statistics-btn{width:100%}.statistics-select-group--hero{align-items:flex-start;flex-direction:column;gap:4px}.statistics-select-group--hero .statistics-select{width:100%}.statistics-kpi-value{font-size:1.2rem}.statistics-table{min-width:500px}}@media print{.statistics-page-wrapper{background:#fff;padding:0}.statistics-actions,.statistics-chart-actions,.statistics-filter-bar,.statistics-tabs{display:none!important}.statistics-chart-card,.statistics-kpi-card,.statistics-table-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.HistoryTab-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;overflow:hidden}.HistoryTab-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.HistoryTab-header h3{align-items:center;color:#2e7d32;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.HistoryTab-header p{color:#666;font-size:12px;margin:4px 0 0}.HistoryTab-badge-total{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;padding:4px 8px}.HistoryTab-toolbar{align-items:center;background:#f9fafb;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:10px 16px}.HistoryTab-search-wrapper{flex:1 1;max-width:300px;min-width:200px;position:relative}.HistoryTab-input-search{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:13px;height:34px;padding:6px 12px 6px 30px;width:100%}.HistoryTab-search-icon{color:#999;font-size:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.HistoryTab-input-date{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:12px;height:34px;padding:0 8px;width:130px}.HistoryTab-separator-dash{color:#999}.HistoryTab-select{background:#fff;border:1px solid #ddd;box-sizing:border-box;padding:0 8px;width:140px}.HistoryTab-btn,.HistoryTab-select{border-radius:4px;font-size:12px;height:34px}.HistoryTab-btn{align-items:center;border:1px solid #0000;cursor:pointer;display:inline-flex;font-weight:500;gap:5px;justify-content:center;padding:0 12px;transition:all .2s;white-space:nowrap}.HistoryTab-btn-primary{background:#4caf50;color:#fff}.HistoryTab-btn-primary:hover{background:#43a047}.HistoryTab-btn-secondary{background:#fff;border-color:#ddd;color:#555}.HistoryTab-btn-secondary:hover{border-color:#4caf50;color:#4caf50}.HistoryTab-btn-icon-only{background:#fff;border-color:#ddd;color:#555;padding:0 8px}.HistoryTab-btn-icon-only:hover{border-color:#1976d2;color:#1976d2}.HistoryTab-divider-vertical{background:#ddd;height:24px;margin:0 2px;width:1px}.HistoryTab-content{flex:1 1;overflow:auto;position:relative}.HistoryTab-table{border-collapse:collapse;font-size:13px;min-width:800px;width:100%}.HistoryTab-table th{background:#f1f8e9;border-bottom:2px solid #e0e0e0;color:#2e7d32;font-weight:600;padding:12px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.HistoryTab-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:10px;vertical-align:top}.HistoryTab-table tr:hover{background:#fafafa}.HistoryTab-col-time{width:140px}.HistoryTab-col-user{width:200px}.HistoryTab-col-action{text-align:center;width:100px}.HistoryTab-col-target{width:180px}.HistoryTab-col-detail{flex:1 1;min-width:200px}.HistoryTab-time-wrapper{align-items:center;display:flex;gap:4px}.HistoryTab-user-cell{align-items:center;display:flex;gap:8px}.HistoryTab-user-avatar{align-items:center;background:#e0e0e0;border-radius:50%;color:#555;display:flex;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.HistoryTab-user-text{display:flex;flex-direction:column}.HistoryTab-user-name{color:#333;font-weight:500}.HistoryTab-user-role{color:#888;font-size:11px}.HistoryTab-action-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px}.HistoryTab-target-name{font-weight:500}.HistoryTab-target-id{color:#999;font-size:10px;margin-top:2px}.HistoryTab-text-italic{color:#999;font-style:italic}.HistoryTab-detail-box{background:#fafafa;border:1px solid #eee;border-radius:4px;font-family:monospace;font-size:11px;max-width:100%;padding:6px}.HistoryTab-diff-line{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}.HistoryTab-diff-key{color:#555;font-weight:600}.HistoryTab-diff-val-old{color:#999;text-decoration:line-through}.HistoryTab-diff-arrow{color:#1976d2;font-size:10px}.HistoryTab-diff-val-new{color:#2e7d32;font-weight:600}.HistoryTab-diff-val-normal{color:#333}.HistoryTab-footer{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;font-size:12px;justify-content:space-between;padding:10px 16px}.HistoryTab-pagination-group{display:flex;gap:4px}.HistoryTab-pagination{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;font-size:13px;justify-content:space-between;padding:16px}.HistoryTab-pagination-info{color:#666;font-weight:500}.HistoryTab-pagination-controls{align-items:center;display:flex;gap:12px}.HistoryTab-pagination-page{background:#f5f5f5;border-radius:6px;color:#333;font-weight:600;padding:6px 12px}.HistoryTab-btn-page{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:4px 12px;transition:all .2s}.HistoryTab-btn-page:hover:not(:disabled){background:#f0f0f0;border-color:#bbb}.HistoryTab-btn-page:disabled{cursor:default;opacity:.5}.HistoryTab-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;padding:60px 20px}.HistoryTab-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#5fab5b;height:50px;width:50px}.HistoryTab-loading p{color:#666;font-size:14px;font-weight:500;margin:0}.HistoryTab-empty{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:8px;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;padding:80px 20px}.HistoryTab-empty svg{animation:float 3s ease-in-out infinite;color:#d1f5ea;filter:drop-shadow(0 4px 8px rgba(95,171,91,.1))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.HistoryTab-empty p{color:#666;font-size:16px;font-weight:500;margin:0;text-align:center}.HistoryTab-empty .empty-subtitle{color:#999;font-size:13px;font-weight:400;line-height:1.5;max-width:400px}.HistoryTab-state-container{align-items:center;color:#999;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}:root{--pastel-green:#5fab5b;--pastel-light-green:#d1f5ea;--white:#fff;--success-green:#60cf4a;--success-dark:#519237;--danger-red:#ef4444;--danger-dark:#dc2626;--text-dark:#374151;--text-medium:#6b7280;--text-light:#9ca3af;--border-light:#e5e7eb;--bg-light:#f9fafb;--shadow-light:#00000014;--shadow-medium:#00000026}.sys-settings-container{background-color:#f9fafb;background-color:var(--bg-light);margin:0;max-width:100%;min-height:100vh;padding:0}.sys-settings-main-content{height:100%;width:100%}.sys-settings-header{align-items:center;background:#fff;border-bottom:2px solid #5fab5b;border-bottom:2px solid var(--pastel-green);box-shadow:0 2px 4px #0000000d;color:#374151;color:var(--text-dark);display:flex;justify-content:space-between;padding:16px 24px}.sys-settings-header-left{align-items:center;display:flex;gap:12px}.sys-settings-header-icon{align-items:center;background:#d1f5ea;background:var(--pastel-light-green);border-radius:8px;color:#5fab5b;color:var(--pastel-green);display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.sys-settings-header-title{color:#374151;color:var(--text-dark);font-size:20px;font-weight:600;margin:0}.sys-settings-header-actions{align-items:center;display:flex;gap:8px}.sys-settings-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.sys-settings-btn-primary{background:#5fab5b;background:var(--pastel-green);color:#fff}.sys-settings-btn-primary:hover{background:#519237;background:var(--success-dark);box-shadow:0 2px 8px #5fab5b4d;transform:translateY(-1px)}.sys-settings-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.sys-settings-btn-secondary{background:#fff;border:1px solid #5fab5b;border:1px solid var(--pastel-green);color:#5fab5b;color:var(--pastel-green)}.sys-settings-btn-secondary:hover{background:#d1f5ea;background:var(--pastel-light-green)}.sys-settings-export-dropdown{position:relative}.sys-settings-export-menu{background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;display:none;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.sys-settings-export-dropdown:hover .sys-settings-export-menu{display:block}.sys-settings-export-menu button{align-items:center;background:#0000;border:none;color:#374151;color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.sys-settings-export-menu button:hover{background:#d1f5ea;background:var(--pastel-light-green);color:#5fab5b;color:var(--pastel-green)}.sys-settings-tab-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-shadow:0 1px 4px #0000000d;display:flex;justify-content:space-between;padding-right:16px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:50}.sys-settings-tab-bar.scrolled{box-shadow:0 2px 8px #0000001a;top:70px}.sys-settings-tab-bar .sys-settings-header-actions{align-items:center;display:flex;gap:8px;margin:0}.sys-settings-tab-list-horizontal{align-items:center;display:flex;gap:2px;list-style:none;margin:0;overflow-x:auto;padding:8px 24px;white-space:nowrap}.sys-settings-tab-list-horizontal::-webkit-scrollbar{height:3px}.sys-settings-tab-list-horizontal::-webkit-scrollbar-thumb{background:#5fab5b;background:var(--pastel-green);border-radius:3px}.sys-settings-tab-horizontal{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--text-medium);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;position:relative;transition:all .2s ease;white-space:nowrap}.sys-settings-tab-horizontal:hover:not(:disabled){background:#d1f5ea;background:var(--pastel-light-green);color:#5fab5b;color:var(--pastel-green)}.sys-settings-tab-horizontal[aria-selected=true]{background:#5fab5b;background:var(--pastel-green);box-shadow:0 1px 4px #5fab5b4d;color:#fff;font-weight:600}.sys-settings-tab-horizontal:disabled{cursor:not-allowed;opacity:.4}.sys-settings-tab-horizontal svg{font-size:14px}.sys-settings-content-area{margin:0 auto;max-width:1400px;padding:16px 20px}.sys-settings-tab-panel{animation:fadeIn .3s ease}.sys-settings-toast-container{bottom:20px;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;z-index:99999}.sys-settings-toast{align-items:center;animation:slideInRight .3s ease,fadeOut .3s ease 3.7s;background-color:#fff;background-color:var(--white);border-radius:10px;box-shadow:0 8px 24px #00000026;display:flex;font-size:.95rem;font-weight:500;gap:12px;min-width:320px;padding:16px 20px;pointer-events:auto}.sys-settings-toast-success{border-left:4px solid #4eb267;color:#4eb267}.sys-settings-toast-error{border-left:4px solid #b91c1c;color:#b91c1c}.sys-settings-toast svg:first-child{flex-shrink:0;font-size:1.5rem}.sys-settings-toast span{flex:1 1}.sys-settings-toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.sys-settings-toast-close:hover{background:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0}}.sys-settings-section{background-color:#fff;background-color:var(--white);border-radius:6px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow-light);margin-bottom:12px;overflow:hidden;transition:box-shadow .3s ease}.sys-settings-section:hover{box-shadow:0 2px 8px #00000026;box-shadow:0 2px 8px var(--shadow-medium)}.sys-settings-section-header{align-items:center;background:#d1f5ea;background:var(--pastel-light-green);border-left:4px solid #5fab5b;border-left:4px solid var(--pastel-green);color:#374151;color:var(--text-dark);cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px;-webkit-user-select:none;user-select:none}.sys-settings-section-header:hover{background:#c5f0e5}.sys-settings-section-title{color:#374151;color:var(--text-dark);font-size:14px;font-weight:600;margin:0}.sys-settings-section-actions,.sys-settings-section-title{align-items:center;display:flex;gap:8px}.sys-settings-section-save-inline{align-items:center;background:#5fab5b;background:var(--pastel-green);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.sys-settings-section-save-inline:hover{background:#519237;background:var(--success-dark);box-shadow:0 2px 6px #5fab5b4d;transform:translateY(-1px)}.sys-settings-section-save-inline:active{transform:translateY(0)}.sys-settings-section-content{animation:fadeIn .3s ease;padding:14px 16px}.sys-settings-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sys-settings-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 1px 2px #00000008;padding:12px}.sys-settings-card h4{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#5fab5b;color:var(--pastel-green);font-size:13px;font-weight:600;margin-bottom:10px;padding-bottom:8px}.sys-settings-label{color:#374151;color:var(--text-dark);display:block;font-size:12px;font-weight:600;margin-bottom:5px}.sys-settings-input,.sys-settings-select,.sys-settings-textarea{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:5px;font-size:13px;margin-bottom:10px;padding:7px 10px;transition:all .2s ease;width:100%}.sys-settings-input:focus,.sys-settings-select:focus,.sys-settings-textarea:focus{border-color:#5fab5b;border-color:var(--pastel-green);box-shadow:0 0 0 3px #5fab5b1a;outline:none}.sys-settings-textarea{min-height:70px;resize:vertical}.sys-settings-btn-group{display:flex;gap:6px;margin-top:12px}.sys-settings-btn-add,.sys-settings-btn-delete{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.sys-settings-btn-add{background:#60cf4a;background:var(--success-green);color:#fff}.sys-settings-btn-add:hover{background:#519237;background:var(--success-dark);transform:translateY(-1px)}.sys-settings-btn-delete{background:#ef4444;background:var(--danger-red);color:#fff}.sys-settings-btn-delete:hover{background:#dc2626;background:var(--danger-dark);transform:translateY(-1px)}.sys-settings-icon-picker{margin-bottom:12px;position:relative}.sys-settings-icon-picker-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:5px;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:all .2s ease;width:100%}.sys-settings-icon-picker-trigger:hover{border-color:#5fab5b;border-color:var(--pastel-green)}.sys-settings-icon-picker-dropdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.sys-settings-icon-picker-search{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:10px}.sys-settings-icon-picker-search input{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:5px;font-size:13px;padding:6px 10px;width:100%}.sys-settings-icon-picker-grid{padding:10px}.sys-settings-icon-picker-item{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s ease}.sys-settings-icon-picker-item:hover{background:#d1f5ea;background:var(--pastel-light-green);border-color:#5fab5b;border-color:var(--pastel-green);transform:scale(1.05)}.sys-settings-icon-picker-item svg{color:#374151;color:var(--text-dark);font-size:18px}.rich-text-area{margin-bottom:12px}.rich-text-toolbar{align-items:center;background:#f5f5f5;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-bottom:none;border-radius:5px 5px 0 0;display:flex;gap:4px;padding:8px}.toolbar-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:4px;color:#374151;color:var(--text-dark);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s ease}.toolbar-btn:hover{background:#d1f5ea;background:var(--pastel-light-green);border-color:#5fab5b;border-color:var(--pastel-green)}.toolbar-btn:active{transform:scale(.95)}.toolbar-divider{color:#ddd;margin:0 4px}.rich-text-area .sys-settings-textarea{border-radius:0 0 5px 5px;border-top:none;margin-bottom:4px}.rich-text-help{background:#fafafa;border-radius:4px;padding:4px 8px}.sys-settings-icon-picker-modal{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 8px 24px #00000026;left:0;max-height:500px;min-width:400px;overflow-y:auto;padding:16px;position:absolute;top:calc(100% + 8px);z-index:1000}.sys-settings-icon-picker-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));max-height:300px;overflow-y:auto}.sys-settings-preview-img{border:2px solid #e5e7eb;border:2px solid var(--border-light);box-shadow:0 2px 4px #0000000d;display:block;height:auto;margin:8px 0;max-height:200px;max-width:100%;object-fit:contain;width:auto}.sys-settings-image-options,.sys-settings-preview-img{background:#f9fafb;background:var(--bg-light);border-radius:6px;padding:8px}.sys-settings-image-options{display:flex;gap:16px;margin-bottom:8px}.sys-settings-image-options label{align-items:center;color:#6b7280;color:var(--text-medium);cursor:pointer;display:flex;font-size:13px;gap:6px}.sys-settings-image-options input[type=radio]{cursor:pointer}.sys-settings-file-input{background:#f9fafb;background:var(--bg-light);border:2px dashed #e5e7eb;border:2px dashed var(--border-light);border-radius:6px;cursor:pointer;font-size:13px;margin-bottom:8px;padding:8px;transition:all .2s ease;width:100%}.sys-settings-file-input:hover{background:#d1f5ea;background:var(--pastel-light-green);border-color:#5fab5b;border-color:var(--pastel-green)}@media (max-width:1400px){.sys-settings-container{padding:0}.sys-settings-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sys-settings-card{padding:14px}}@media (max-width:1200px){.sys-settings-header{padding:14px 20px}.sys-settings-header-title{font-size:18px}.sys-settings-tab-list-horizontal{-webkit-overflow-scrolling:touch;overflow-x:auto}.sys-settings-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.sys-settings-section-content{padding:16px}}@media (max-width:992px){.sys-settings-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}.sys-settings-card{padding:12px}.sys-settings-section-title{font-size:14px}}@media (max-width:768px){.sys-settings-header{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.sys-settings-header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.sys-settings-header-title{font-size:16px}.sys-settings-header-icon{font-size:16px;height:32px;width:32px}.sys-settings-tab-list-horizontal{gap:6px;padding:10px 12px}.sys-settings-tab-horizontal{font-size:12px;padding:6px 10px}.sys-settings-content-area{padding:12px}.sys-settings-grid{gap:12px;grid-template-columns:1fr}.sys-settings-section-header{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.sys-settings-section-actions{flex-wrap:wrap;gap:6px;justify-content:flex-end;width:100%}.sys-settings-section-content{padding:12px}.sys-settings-btn{font-size:12px;padding:6px 12px}.sys-settings-input,.sys-settings-select,.sys-settings-textarea{font-size:14px;padding:8px 10px}.sys-settings-preview-img{max-height:150px}}@media (max-width:576px){.sys-settings-header{padding:10px 12px}.sys-settings-header-left{gap:8px}.sys-settings-header-icon{font-size:14px;height:28px;width:28px}.sys-settings-header-title{font-size:15px}.sys-settings-tab-horizontal{font-size:11px;padding:5px 8px}.sys-settings-content-area,.sys-settings-section-header{padding:10px}.sys-settings-section-title{font-size:13px}.sys-settings-card,.sys-settings-section-content{padding:10px}.sys-settings-label{font-size:12px;margin-bottom:4px}.sys-settings-input,.sys-settings-select,.sys-settings-textarea{font-size:13px;margin-bottom:10px;padding:6px 8px}.sys-settings-btn{font-size:11px;gap:4px;padding:5px 10px}.sys-settings-preview-img{max-height:120px}.sys-settings-icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}@media (max-width:400px){.sys-settings-header-title{font-size:14px}.sys-settings-tab-horizontal{font-size:10px;padding:4px 6px}.sys-settings-section-actions{flex-direction:column;gap:4px}.sys-settings-btn{justify-content:center;width:100%}}:root{--primary-color:#4caf50;--primary-light:#e8f5e9;--primary-hover:#43a047;--text-main:#333;--text-secondary:#666;--border-color:#e0e0e0;--bg-color:#f5f7fa;--sidebar-width:300px;--header-height:60px}*{box-sizing:border-box}.smp-container{background-color:#f5f7fa;background-color:var(--bg-color);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;overflow:hidden}.smp-header{background:#fff;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);flex-shrink:0;height:60px;height:var(--header-height);justify-content:space-between;padding:0 20px;z-index:10}.header-left h1,.smp-header{align-items:center;display:flex}.header-left h1{color:#4caf50;color:var(--primary-color);font-size:18px;font-weight:700;gap:10px;margin:0}.header-actions{gap:8px}.header-actions,.smp-tabs-bar{align-items:center;display:flex}.smp-tabs-bar{background:#fff;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);flex-shrink:0;gap:4px;height:44px;margin-top:-1px;overflow-x:auto;padding:0 20px}.dept-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;position:relative;transition:all .2s;white-space:nowrap}.dept-tab:hover{background-color:#0000000d}.dept-tab.active{font-weight:600}.dept-tab[data-dept=BGD]:hover{background-color:#ff98001a}.dept-tab[data-dept=BGD].active{background-color:#ff980026;border-bottom:3px solid #ff9800;color:#e65100}.dept-tab[data-dept=clinical]:hover{background-color:#4caf501a}.dept-tab[data-dept=clinical].active{background-color:#4caf5026;border-bottom:3px solid #4caf50;color:#2e7d32}.dept-tab[data-dept=system]:hover{background-color:#2196f31a}.dept-tab[data-dept=system].active{background-color:#2196f326;border-bottom:3px solid #2196f3;color:#1565c0}.dept-tab[data-dept=support]:hover{background-color:#9c27b01a}.dept-tab[data-dept=support].active{background-color:#9c27b026;border-bottom:3px solid #9c27b0;color:#6a1b9a}.dept-tab[data-dept=finance]:hover{background-color:#f443361a}.dept-tab[data-dept=finance].active{background-color:#f4433626;border-bottom:3px solid #f44336;color:#c62828}.dept-tab[data-dept=content]:hover{background-color:#00bcd41a}.dept-tab[data-dept=content].active{background-color:#00bcd426;border-bottom:3px solid #00bcd4;color:#00838f}.smp-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow:hidden;padding:8px 16px 16px}.smp-toolbar{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-shrink:0;gap:12px;padding:10px 16px}.search-box-compact{align-items:center;background:#f5f5f5;border:1px solid #0000;border-radius:6px;display:flex;flex:1 1;gap:8px;max-width:400px;padding:6px 12px}.search-box-compact:focus-within{background:#fff;border-color:#4caf50;border-color:var(--primary-color)}.search-box-compact input{background:#0000;border:none;font-size:13px;outline:none;width:100%}.smp-split-view{display:flex;flex:1 1;gap:16px;min-height:0}.smp-list-panel{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;width:320px}.list-scroll-area{flex:1 1;overflow-y:auto;padding:10px}.smp-detail-panel{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.detail-scroll-area{flex:1 1;overflow-y:auto;padding:20px}.smp-section-header{border-bottom:1px solid #eee;color:#666;color:var(--text-secondary);font-size:11px;font-weight:700;margin-top:8px;padding:8px 4px;text-transform:uppercase}.smp-staff-item{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:10px;margin-bottom:4px;padding:8px 10px;transition:all .1s}.smp-staff-item:hover{background-color:#fafafa}.smp-staff-item.selected{background-color:#e8f5e9;background-color:var(--primary-light);border-color:#4caf50;border-color:var(--primary-color)}.staff-avatar{background:#eee;color:#4caf50;color:var(--primary-color);font-size:12px;height:32px;overflow:hidden;width:32px}.staff-info{flex:1 1;overflow:hidden}.staff-info strong{color:#333;color:var(--text-main);display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-info span{color:#666;color:var(--text-secondary);display:block;font-size:11px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;height:100%;overflow-y:auto}.dashboard-card{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;padding:16px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-header h3{align-items:center;color:#12263a;display:inline-flex;font-size:18px;font-weight:700;gap:8px;margin:0}.overview-dashboard{display:flex;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:8px}.overview-top-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.overview-org-card{min-height:520px}.overview-org-chart-wrap{background:#f5f5f5;border-radius:8px;height:100%;min-height:440px;overflow:hidden;width:100%}.overview-side-column{display:flex;flex-direction:column;gap:12px;min-width:0}.overview-stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stat-card{align-items:center;display:flex;flex-direction:column;gap:6px}.overview-stat-card h3{margin:0}.overview-stat-card p{font-size:11px;margin:0}.overview-stat-icon{font-size:24px}.overview-stat-icon.stat-users{color:#4caf50}.overview-stat-icon.stat-departments{color:#009688}.overview-stat-icon.stat-active{color:#8bc34a}.overview-stat-icon.stat-managers{color:#ff9800}.overview-pie-card{min-height:360px;overflow:hidden;position:relative}.overview-pie-content{align-items:center;display:flex;flex-direction:column;gap:10px;padding:10px}.overview-pie-svg{cursor:pointer;height:180px;width:180px}.overview-pie-slice{cursor:pointer;transition:opacity .2s}.overview-pie-slice.is-faded{opacity:.6}.overview-pie-tooltip{background:#000000d9;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;padding:8px 12px;pointer-events:none;position:absolute;right:12px;top:56px;white-space:nowrap;z-index:10}.overview-tooltip-title{font-weight:700;margin-bottom:4px}.overview-legend-list{margin-top:6px;width:100%}.overview-legend-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px;padding:8px 10px;transition:background .2s}.overview-legend-item.is-hovered{background:#f0f0f0}.overview-legend-left{align-items:center;display:flex;gap:8px}.overview-legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.overview-legend-name{font-weight:500}.overview-legend-value{font-weight:700}.overview-bottom-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-table-wrapper{overflow-x:auto;padding:0}.overview-table{border-collapse:collapse;min-width:560px;width:100%}.overview-table thead tr{border-bottom:2px solid #e0e0e0}.overview-table th{font-size:13px;font-weight:600;padding:10px;text-align:left}.overview-table td{border-bottom:1px solid #f0f0f0;color:#444;font-size:13px;padding:12px 10px}.overview-admin-name-cell,.overview-dept-cell{align-items:center;display:flex;gap:8px}.overview-admin-avatar{align-items:center;background:#ff9800;border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.overview-admin-name,.overview-dept-name{font-weight:500}.overview-dept-icon{font-size:18px}.overview-cell-center{text-align:center}.overview-cell-strong{font-weight:600}.overview-cell-bold{font-weight:700}.overview-manager-badge{border-radius:12px;font-weight:600;padding:4px 10px}.overview-detail-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.detail-tabs-bar{border-bottom:1px solid #eee;display:flex;gap:16px;padding:0 16px}.chart-wrapper{align-items:center;display:flex;height:300px;justify-content:center;position:relative}.main-pie-chart{max-height:100%;width:auto}.stats-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.stat-box{background:#fafafa;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;padding:12px;text-align:center}.stat-box h3{color:#4caf50;color:var(--primary-color);font-size:20px;margin:0}.stat-box p{color:#666;color:var(--text-secondary);font-size:11px;margin:4px 0 0;text-transform:uppercase}.tree-scroll-container{min-height:400px;overflow-x:auto;overflow-y:hidden;padding:20px 0;text-align:center;white-space:nowrap}.tree-level{display:inline-flex;justify-content:center;margin-bottom:30px;width:100%}.tree-branches{align-items:flex-start;display:inline-flex;gap:40px;padding:0 20px}.tree-branch{align-items:center;display:flex;flex-direction:column}.tree-node{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000000d;display:inline-flex;gap:8px;padding:8px 12px;position:relative;z-index:2}.tree-children{border-left:2px solid #e0e0e0;border-left:2px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:15px;padding-left:15px}.btn-icon,.btn-primary,.btn-secondary,.btn-sm{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;height:32px;justify-content:center;padding:6px 12px;transition:all .2s}.btn-sm{font-size:11px;height:28px;padding:4px 10px}.btn-primary{background:#4caf50;background:var(--primary-color);border:none;color:#fff}.btn-primary:hover{background:#43a047;background:var(--primary-hover)}.btn-secondary{background:#fff;border-color:#e0e0e0;border-color:var(--border-color);color:#333;color:var(--text-main)}.btn-secondary.active,.btn-secondary:hover{border-color:#4caf50;border-color:var(--primary-color);color:#4caf50;color:var(--primary-color)}.btn-secondary.active{background:#e8f5e9;background:var(--primary-light)}.smp-status-badge{border-radius:12px;font-size:10px;font-weight:500;padding:3px 8px}.smp-status-badge.active{background:#e8f5e9;color:#4caf50}.smp-status-badge.inactive{background:#f5f5f5;color:#999}.smp-status-badge.on_leave{background:#fff3e0;color:#f57c00}.smp-rank-badge{border:1px solid #eee;border-radius:10px;font-size:10px;padding:2px 6px}.staff-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#43a047);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.staff-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.detail-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:12px 16px;transition:all .2s}.detail-tab.active,.detail-tab:hover{color:#4caf50;color:var(--primary-color)}.detail-tab.active{border-bottom-color:#4caf50;border-bottom-color:var(--primary-color)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}@media (max-width:1024px){.dashboard-grid,.overview-top-grid{grid-template-columns:1fr}.overview-org-card{min-height:460px}.overview-bottom-grid{grid-template-columns:1fr}}@media (max-width:768px){.smp-split-view{flex-direction:column}.smp-list-panel{height:250px;width:100%}.smp-header{padding:0 12px}.smp-tabs-bar{padding:0 8px}.overview-dashboard{gap:12px;padding:4px}.overview-stat-grid{grid-template-columns:1fr 1fr}.overview-table{min-width:520px}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.org-chart-node{background:#fff;border:2px solid;border-radius:6px;box-shadow:0 2px 6px #0000001a;cursor:pointer;max-width:160px;min-width:140px;overflow:hidden;transition:all .3s ease}.org-chart-node:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.org-chart-node .node-header{align-items:center;color:#fff;display:flex;gap:6px;justify-content:center;padding:6px 10px}.org-chart-node .node-icon{align-items:center;display:flex;font-size:14px}.org-chart-node .node-title{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.org-chart-node .node-body{padding:8px 10px;text-align:center}.org-chart-node .node-name{color:#333;font-size:12px;font-weight:400;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-chart-node .node-code{color:#666;font-size:10px;font-weight:400}.org-chart-node .node-dept-label{border-top:1px solid #f0f0f0;color:#888;font-size:9px;font-style:italic;font-weight:400;margin-top:3px;padding-top:3px}.org-chart-node .node-stat{color:#666;font-size:10px;margin:2px 0}.org-chart-node.admin-node{border-color:#ff9800;max-width:180px;min-width:160px}.org-chart-node.dept-node{min-width:150px}.org-chart-node.manager-node{min-width:140px}.org-chart-node.staff-node{border-color:#9e9e9e;min-width:130px}.staff-node .node-header{background:#9e9e9e}.react-flow__node{cursor:grab}.react-flow__node:active{cursor:grabbing}.react-flow__handle{background:#4caf50;border:2px solid #fff;height:8px!important;width:8px!important}.react-flow__edge{pointer-events:all}.react-flow__edge-path{stroke-width:2.5;stroke-linecap:round}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.react-flow__controls{border-radius:8px;box-shadow:0 2px 8px #0000001a}.react-flow__controls-button{border-bottom:1px solid #e0e0e0}.react-flow__controls-button:hover{background:#f5f5f5}.react-flow__minimap{border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.react-flow__node{animation:nodeAppear .3s ease-out}.org-chart-legend{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:180px;padding:12px;position:absolute;right:20px;top:60px;z-index:10}.org-chart-legend .legend-title{align-items:center;border-bottom:1px solid #e0e0e0;color:#333;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:10px;padding-bottom:8px}.org-chart-legend .legend-item{align-items:center;display:flex;gap:8px;margin:6px 0}.org-chart-legend .legend-color{border:2px solid #fff;border-radius:4px;box-shadow:0 1px 3px #0003;height:20px;width:20px}.org-chart-legend .legend-label{align-items:center;color:#555;display:flex;font-size:11px;gap:6px}.org-chart-legend .legend-label span{font-weight:500}.DeptAssign-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;overflow:hidden}.DeptAssign-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.DeptAssign-header-left h3{align-items:center;color:#2e7d32;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.DeptAssign-header-left p{color:#666;font-size:12px;margin:4px 0 0}.DeptAssign-total-badge{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#2e7d32;font-size:12px;padding:4px 10px}.DeptAssign-color-config-btn{align-items:center;background:#2e7d321a;border:1px solid #2e7d324d;border-radius:6px;color:#2e7d32;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.DeptAssign-color-config-btn:hover{background:#2e7d32;border-color:#2e7d32;box-shadow:0 2px 8px #2e7d3233;color:#fff;transform:translateY(-1px)}.DeptAssign-color-config-btn:active{transform:translateY(0)}.DeptAssign-toolbar{align-items:center;background:#f9fafb;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:10px 16px}.DeptAssign-search-wrapper{flex:1 1;max-width:400px;min-width:250px;position:relative}.DeptAssign-search-icon{color:#999;font-size:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.DeptAssign-search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:13px;height:36px;padding:8px 12px 8px 32px;transition:border-color .2s;width:100%}.DeptAssign-search-input:focus{border-color:#4caf50;outline:none}.DeptAssign-select{background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:13px;height:36px;min-width:150px;padding:0 10px}.DeptAssign-select:focus{border-color:#4caf50;outline:none}.DeptAssign-btn{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;height:36px;justify-content:center;padding:0 12px;transition:all .2s;white-space:nowrap}.DeptAssign-btn-primary{background:#4caf50;border:1px solid #4caf50;color:#fff}.DeptAssign-btn-primary:hover{background:#43a047;border-color:#43a047}.DeptAssign-btn-secondary{background:#fff;border:1px solid #ddd;color:#555}.DeptAssign-btn-secondary:hover{border-color:#4caf50;color:#4caf50}.DeptAssign-divider{background:#ddd;height:24px;margin:0 4px;width:1px}.DeptAssign-content{background:#fff;flex:1 1;overflow:auto;position:relative}.DeptAssign-empty,.DeptAssign-loading{align-items:center;color:#999;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.DeptAssign-table{border-collapse:collapse;font-size:13px;min-width:900px;width:100%}.DeptAssign-table thead th{background:#f1f8e9;border-bottom:2px solid #c8e6c9;color:#2e7d32;cursor:pointer;font-weight:600;padding:12px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;z-index:10}.DeptAssign-table thead th:hover{background:#dcedc8}.DeptAssign-table tbody td{border-bottom:1px solid #f0f0f0;color:#333;padding:10px;vertical-align:middle}.DeptAssign-table tbody tr:hover{background:#fafafa}.DeptAssign-table tbody tr.DeptAssign-row-selected{background:#e8f5e9}.DeptAssign-checkbox{accent-color:#4caf50;cursor:pointer;height:16px;width:16px}.DeptAssign-user-cell{align-items:center;display:flex;gap:10px}.DeptAssign-user-avatar{align-items:center;background:#e0e0e0;border-radius:50%;color:#555;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.DeptAssign-user-avatar img{height:100%;object-fit:cover;width:100%}.DeptAssign-user-info{display:flex;flex-direction:column}.DeptAssign-user-name{color:#2e7d32;font-weight:500}.DeptAssign-user-sub{color:#888;font-size:11px}.DeptAssign-text-code{color:#666;font-family:monospace;font-size:12px}.DeptAssign-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px}.DeptAssign-badge-dept{background:#e3f2fd;color:#1976d2}.DeptAssign-badge-rank{background:#f5f5f5;border:1px solid #ddd;color:#616161}.DeptAssign-action-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.DeptAssign-action-btn:hover{background:#fff;border-color:#4caf50;color:#4caf50}.DeptAssign-footer{align-items:center;background:#fff;border-top:1px solid #e0e0e0;color:#666;display:flex;flex-shrink:0;font-size:12px;justify-content:space-between;padding:10px 16px}.DeptAssign-selected-info{align-items:center;background:#e8f5e9;border-radius:4px;color:#2e7d32;display:flex;font-weight:600;gap:6px;padding:4px 8px}.DeptAssign-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.DeptAssign-modal{animation:DeptAssign-slideDown .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-width:90%;overflow:hidden;width:450px}@keyframes DeptAssign-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.DeptAssign-modal-header{align-items:center;background:#4caf50;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.DeptAssign-modal-header h3{align-items:center;display:flex;font-size:16px;gap:8px;margin:0}.DeptAssign-modal-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px}.DeptAssign-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px}.DeptAssign-modal-info-box{align-items:center;background:#f1f8e9;border:1px solid #c8e6c9;border-radius:6px;display:flex;gap:12px;padding:12px}.DeptAssign-form-group{display:flex;flex-direction:column;gap:6px}.DeptAssign-form-group label{color:#333;font-size:13px;font-weight:600}.DeptAssign-modal-select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px}.DeptAssign-modal-select:focus{border-color:#4caf50;outline:none}.DeptAssign-modal-footer{background:#fafafa;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.DeptAssign-modal-color{max-width:650px;width:90%}.DeptAssign-color-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px}@media (max-width:768px){.DeptAssign-color-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.DeptAssign-modal-color{max-width:100%;width:95%}.DeptAssign-color-grid{gap:10px;grid-template-columns:1fr;padding:12px}}.DeptAssign-color-item{background:#f5f9ff;border:2px solid #e3f2fd;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s}.DeptAssign-color-item:hover{border-color:#1976d2;box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.DeptAssign-color-label{align-items:center;color:#333;display:flex;font-size:13px;gap:8px}.DeptAssign-color-picker-wrapper{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;display:flex;gap:8px;padding:8px}.DeptAssign-color-input{border:none;border-radius:4px;cursor:pointer;height:30px;width:40px}.DeptAssign-color-hex{color:#666;flex:1 1;font-family:Courier New,monospace;font-size:12px;font-weight:600}.DeptAssign-color-preview{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s}.DeptAssign-color-preview:hover{transform:scale(1.05)}.c-mgr-layout{background:#f9fafb;color:#374151;display:flex;font-family:Inter,sans-serif;font-size:14px;height:calc(100vh - 80px)}.c-mgr-toast{align-items:center;animation:cmtSlide .3s ease;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:9999}.c-mgr-toast-success{border-left:4px solid #16a34a;color:#16a34a}.c-mgr-toast-error{border-left:4px solid #dc2626;color:#dc2626}@keyframes cmtSlide{0%{transform:translateX(100%)}to{transform:translateX(0)}}.c-mgr-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.c-mgr-popup{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:24px;width:100%}.c-mgr-popup h3{color:#111;font-size:18px;margin:0 0 12px}.c-mgr-popup p{color:#4b5563;line-height:1.5;margin-bottom:24px}.c-mgr-popup-actions{display:flex;gap:12px;justify-content:flex-end}.c-mgr-master{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;width:400px;z-index:10}.c-mgr-header{background:#f4fbf6;border-bottom:1px solid #e5e7eb;padding:16px 20px}.c-mgr-header-title{align-items:center;color:#166534;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.c-mgr-filters{display:flex;flex-direction:column;gap:10px}.c-mgr-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.c-mgr-search input{border:none;font-family:inherit;font-size:13px;outline:none;width:100%}.c-mgr-search svg{color:#9ca3af}.c-mgr-filters select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:13px;outline:none;padding:8px 12px}.c-mgr-list{flex:1 1;overflow-y:auto}.c-mgr-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:16px 20px;transition:background .2s}.c-mgr-item:hover{background:#f9fafb}.c-mgr-item.active{background:#e8f5e9;border-left:3px solid #22c55e}.c-mgr-item-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.c-mgr-item-name{color:#111;font-size:14px;font-weight:600}.c-mgr-item-date{color:#6b7280;font-size:12px}.c-mgr-item-subject{color:#4b5563;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-mgr-badge{display:inline-block;font-size:11px;font-weight:600}.c-mgr-assignee,.c-mgr-badge{border-radius:12px;padding:2px 8px}.c-mgr-assignee{align-items:center;background:#eff6ff;color:#6366f1;display:flex;font-size:12px;gap:4px}.c-mgr-detail{background:#fff;flex:1 1;min-width:0}.c-mgr-detail,.c-mgr-placeholder{display:flex;flex-direction:column}.c-mgr-placeholder{align-items:center;color:#9ca3af;font-size:16px;gap:12px;height:100%;justify-content:center}.c-mgr-placeholder svg{color:#e5e7eb;font-size:48px}.c-mgr-detail-inner{display:flex;flex-direction:column;height:100%}.c-mgr-detail-top{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 32px}.c-mgr-back-btn{background:none;color:#374151;display:none;font-size:14px}.c-mgr-back-btn,.c-mgr-btn-close{align-items:center;border:none;cursor:pointer;font-weight:600;gap:6px}.c-mgr-btn-close{background:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-family:inherit;padding:8px 16px;transition:.2s}.c-mgr-btn-close:hover{background:#e2e8f0}.c-mgr-scroll-area{flex:1 1;margin:0 auto;max-width:900px;overflow-y:auto;padding:32px;width:100%}.c-mgr-subject-large{color:#111;font-size:24px;font-weight:700;line-height:1.3;margin:0 0 24px}.c-mgr-mail-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.c-mgr-avatar{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.c-mgr-mail-from{color:#374151;font-size:15px}.c-mgr-mail-from strong{color:#111}.c-mgr-mail-date{color:#6b7280;font-size:13px;margin-top:4px}.c-mgr-mail-body{border-bottom:1px solid #e5e7eb;color:#111;font-size:15px;line-height:1.6;margin-bottom:30px;padding-bottom:30px}.c-mgr-thread-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:20px}.c-mgr-thread-head{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.c-mgr-thread-time{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px;margin-left:auto}.c-mgr-thread-body{color:#111;font-size:14px;line-height:1.6}.c-mgr-lock-box{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-weight:500;gap:8px;padding:16px}.c-mgr-claim-box{background:#f0fdf4;border:2px dashed #86efac;border-radius:12px;margin-top:20px;padding:40px;text-align:center}.c-mgr-claim-icon{color:#22c55e;font-size:48px;margin-bottom:16px}.c-mgr-claim-box p{color:#166534;font-size:15px;margin-bottom:24px}.c-mgr-closed-box{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;display:flex;font-weight:600;gap:8px;justify-content:center;padding:20px;text-align:center}.c-mgr-composer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.c-mgr-composer h4{align-items:center;color:#111;display:flex;font-size:16px;gap:8px;margin:0 0 20px}.c-mgr-input-group{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:16px;padding-bottom:8px}.c-mgr-input-group label{color:#6b7280;font-size:13px;font-weight:600;width:80px}.c-mgr-input-group input{background:#0000;border:none;color:#111;flex:1 1;font-family:inherit;font-size:14px;outline:none}.c-mgr-input-group input:disabled{color:#6b7280}.c-mgr-ckeditor-box{border:1px solid #d1d5db;border-radius:8px;margin-top:10px;overflow:hidden}#c-mgr-toolbar{background:#f9fafb;border-bottom:1px solid #d1d5db;padding:4px 8px}.c-mgr-editor-wrapper{font-size:14px;line-height:1.6;min-height:200px;padding:12px}.c-mgr-editor-wrapper:focus-within{background:#fafafa}.ck.ck-editor__editable_inline{min-height:200px;outline:none}.c-mgr-composer-footer{display:flex;justify-content:flex-end;margin-top:20px}.c-mgr-btn-primary{align-items:center;background:#22c55e;border:none;border-radius:6px;box-shadow:0 4px 6px #22c55e33;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 24px;transition:.2s}.c-mgr-btn-primary:hover{background:#16a34a;transform:translateY(-1px)}.c-mgr-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.c-mgr-btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px}@media (max-width:768px){.c-mgr-layout{position:relative}.c-mgr-master{border-right:none;width:100%}.c-mgr-detail{inset:0;position:absolute;z-index:20}.c-mgr-hide-mob{display:none!important}.c-mgr-back-btn{display:flex}.c-mgr-detail-top,.c-mgr-scroll-area{padding:16px}}:root{--cm-primary:#22c55e;--cm-primary-dark:#16a34a;--cm-primary-light:#dcfce7;--cm-bg:#f0fdf4;--cm-warning-bg:#fef9c3;--cm-warning-text:#854d0e;--cm-text-primary:#1f2937;--cm-text-secondary:#4b5563;--cm-card-bg:#fff;--cm-border:#e5e7eb;--cm-input-bg:#f9fafb;--cm-radius:6px;--cm-font-size-base:0.875rem;--cm-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--cm-overlay-bg:#10161399}.confirm-modal-overlay{align-items:center;animation:cm-fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#10161399;background-color:var(--cm-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.confirm-modal-content{animation:cm-slideUp .3s ease-out;background-color:#fff;background-color:var(--cm-card-bg);border-radius:6px;border-radius:var(--cm-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--cm-shadow);max-width:420px;overflow:hidden;width:100%}.confirm-modal-header{align-items:center;background-color:#fef9c3;background-color:var(--cm-warning-bg);border-bottom:1px solid #fef9c3;border-bottom:1px solid var(--cm-warning-bg);display:flex;padding:.75rem 1rem}.confirm-modal-header-icon{color:#854d0e;color:var(--cm-warning-text);font-size:1.1rem}.confirm-modal-title{flex-grow:1;font-weight:600;margin:0 0 0 .5rem}.confirm-modal-btn-close,.confirm-modal-title{color:#854d0e;color:var(--cm-warning-text);font-size:1rem}.confirm-modal-btn-close{background:none;border:none;border-radius:6px;border-radius:var(--cm-radius);cursor:pointer;padding:.25rem;transition:all .2s}.confirm-modal-btn-close:hover{background-color:#0000001a}.confirm-modal-body{padding:1.25rem}.confirm-modal-text{color:#4b5563;color:var(--cm-text-secondary);font-size:.875rem;font-size:var(--cm-font-size-base);line-height:1.6;margin:0}.confirm-modal-footer{background-color:#f9fafb;background-color:var(--cm-input-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--cm-border);display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.confirm-modal-btn-primary,.confirm-modal-btn-secondary{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--cm-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--cm-font-size-base);font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .2s;white-space:nowrap}.confirm-modal-btn-primary{background-color:#22c55e;background-color:var(--cm-primary);color:#fff}.confirm-modal-btn-primary:hover{background-color:#16a34a;background-color:var(--cm-primary-dark)}.confirm-modal-btn-primary.btn-danger{background-color:var(--apm-danger-text);color:#fff}.confirm-modal-btn-primary.btn-danger:hover{background-color:#b91c1c}.confirm-modal-btn-secondary{background-color:#fff;background-color:var(--cm-card-bg);border-color:#e5e7eb;border-color:var(--cm-border);color:#4b5563;color:var(--cm-text-secondary)}.confirm-modal-btn-secondary:hover{background-color:#e5e7eb;background-color:var(--cm-border)}.confirm-modal-btn-primary:disabled,.confirm-modal-btn-secondary:disabled{cursor:not-allowed;opacity:.7}.confirm-modal-spin-icon{animation:cm-spin 1s linear infinite;font-size:.8rem}@keyframes cm-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cm-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkin-tab-container{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.checkin-toolbar{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:12px;padding:12px}.checkin-date-nav{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;display:flex;gap:8px;padding:6px 12px}.checkin-date-nav .checkin-icon{color:#4caf50;font-size:14px}.checkin-search{display:flex;flex:1 1;gap:8px;min-width:300px}.checkin-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.checkin-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.checkin-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.checkin-btn-primary{background:#06c;color:#fff}.checkin-btn-primary:hover{background:#0052a3}.checkin-btn-secondary{background:#6b7280;color:#fff}.checkin-btn-secondary:hover{background:#4b5563}.checkin-btn-success{background:#4caf50;color:#fff}.checkin-btn-success:hover{background:#388e3c}.checkin-btn-danger{background:#f44336;color:#fff}.checkin-btn-danger:hover{background:#d32f2f}.checkin-btn-sm{font-size:12px;gap:4px;padding:6px 10px}.checkin-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 280px;height:calc(100vh - 400px);min-height:500px}.checkin-panel{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.checkin-panel-header{align-items:center;background:#f9f9f9;border-bottom:2px solid #4caf50;display:flex;gap:8px;padding:12px 16px}.checkin-icon{color:#4caf50;font-size:18px}.checkin-title{color:#1a1a1a;font-size:14px;font-weight:600;margin:0}.checkin-flex-1{flex:1 1}.checkin-table-wrapper{flex:1 1;overflow-x:auto;overflow-y:auto}.checkin-table{border-collapse:collapse;font-size:13px;width:100%}.checkin-table thead{background:#f0f0f0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.checkin-table th{border-bottom:1px solid #ddd;color:#333;font-weight:600;padding:10px 8px;text-align:left;white-space:nowrap}.checkin-table td{border-bottom:1px solid #f0f0f0;padding:10px 8px}.checkin-table tbody tr:hover{background:#f9f9f9}.checkin-th-code,.checkin-th-idx,.checkin-th-stt{width:60px}.checkin-th-dob{width:50px}.checkin-th-phone{width:90px}.checkin-tc{text-align:center}.checkin-tr{text-align:right}.checkin-tr-sm td{font-size:12px;padding:8px}.checkin-code{color:#06c;font-weight:600}.checkin-name{color:#1a1a1a;font-weight:500}.checkin-gray{color:#666}.checkin-gray-bold{color:#999;font-weight:600}.checkin-phone,.checkin-service{color:#666;font-size:12px}.checkin-service{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkin-badge{border-radius:3px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-align:center}.checkin-badge-green{background:#c8e6c9;color:#2e7d32}.checkin-badge-gray{background:#e0e0e0;color:#666}.checkin-badge-teal{background:#b2dfdb;color:#00796b}.checkin-queue-wrap{align-items:center;display:flex;flex-direction:column;gap:2px}.checkin-queue-scope{color:#64748b;font-size:10px;font-weight:600}.checkin-actions{display:flex;gap:4px;justify-content:flex-end}.checkin-empty{color:#999;font-size:13px;padding:40px;text-align:center}.checkin-ticket-panel{flex-shrink:0;min-width:280px}.checkin-ticket-body{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:20px}.checkin-empty-ticket{color:#999;font-size:13px;padding:40px 20px;text-align:center}.checkin-next-ticket-box{background:#f0f8ff;border:2px solid #4caf50;border-radius:6px;padding:20px;text-align:center;width:100%}.checkin-next-ticket-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.checkin-next-ticket-num{color:#4caf50;font-family:Arial,sans-serif;font-size:48px;font-weight:700;letter-spacing:2px;line-height:1}.checkin-next-ticket-scope{color:#475569;font-size:12px;font-weight:600;margin-top:8px;word-break:break-word}.checkin-next-ticket-customer{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:12px;padding:12px;width:100%}.checkin-next-ticket-customer strong{color:#666;display:block;font-weight:600;margin-bottom:4px}.checkin-next-ticket-info{background:#f5f5f5;border-radius:4px;color:#666;display:flex;flex-direction:column;font-size:12px;gap:6px;padding:12px;width:100%}.checkin-next-ticket-info>div{align-items:center;display:flex;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkin-next-ticket-actions{display:flex;gap:8px;margin-top:6px;width:100%}.checkin-next-ticket-actions .checkin-btn{flex:1 1;justify-content:center}.checkin-call-corner-panel{animation:checkin-call-pulse 1.4s ease-in-out infinite;background:linear-gradient(180deg,#ecfdf5,#fff);border:2px solid #22c55e;border-radius:18px;bottom:96px;box-shadow:0 20px 50px #0f172a3d;padding:16px 16px 14px;position:fixed;right:20px;width:min(360px,calc(100vw - 32px));z-index:4500}.checkin-call-corner-close{background:#dcfce7;border:none;border-radius:999px;color:#166534;cursor:pointer;height:30px;position:absolute;right:10px;top:10px;width:30px}.checkin-call-corner-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding-right:36px}.checkin-call-corner-label{color:#15803d;font-size:12px;font-weight:800;letter-spacing:.8px}.checkin-call-corner-subtitle{color:#475569;font-size:12px;margin-top:3px}.checkin-call-corner-badge{background:#16a34a;border-radius:999px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.8px;min-width:72px;padding:8px 10px}.checkin-call-corner-badge,.checkin-call-corner-number{animation:checkin-call-blink 1s steps(2) infinite;text-align:center}.checkin-call-corner-number{color:#15803d;font-size:54px;font-weight:900;line-height:1;margin:4px 0 6px}.checkin-call-corner-name{color:#0f172a;font-size:18px;font-weight:800;text-align:center}.checkin-call-corner-footnote,.checkin-call-corner-meta,.checkin-call-corner-next,.checkin-call-corner-scope{color:#475569;font-size:13px;margin-top:6px;text-align:center}.checkin-call-corner-scope{color:#16a34a;font-weight:700}.checkin-call-corner-progress{background:#d1fae5;border-radius:999px;height:10px;margin-top:12px;overflow:hidden;width:100%}.checkin-call-corner-progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:inherit;height:100%;transition:width 1s linear}.checkin-call-corner-footnote{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#166534;margin-top:10px;padding:8px 10px}.checkin-call-corner-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.checkin-call-corner-actions .checkin-btn{flex:1 1;justify-content:center}.checkin-tr-active-call{animation:checkin-row-flash 1s ease-in-out infinite;background:#22c55e29!important;box-shadow:inset 0 0 0 2px #22c55e59;position:relative}.checkin-tr-active-call:hover{background:#22c55e33!important}.checkin-badge-call-active{animation:checkin-call-blink 1s steps(2) infinite;box-shadow:0 0 0 2px #22c55e2e}@keyframes checkin-call-blink{50%{opacity:.35}}@keyframes checkin-row-flash{50%{background:#22c55e14!important}}.checkin-call-log-panel{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:10px;width:100%}.checkin-call-log-title{align-items:center;color:#334155;display:flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:8px}.checkin-call-log-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.checkin-call-log-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px}.checkin-call-log-main{align-items:center;color:#0f172a;display:flex;font-size:12px;gap:8px;justify-content:space-between}.checkin-call-log-main strong{color:#16a34a}.checkin-call-log-time{color:#64748b;font-size:11px;margin-top:2px}.checkin-scope-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.checkin-scope-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;color:#334155;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:all .2s;white-space:nowrap}.checkin-scope-btn:hover{background:#f0f8f0;border-color:#4caf50}.checkin-scope-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.checkin-filter-select{font-size:13px!important;min-width:150px;padding:8px 12px!important}.checkin-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,minmax(130px,1fr))}.checkin-stat-card{background:#fff;border:1px solid #dbe3ef;border-radius:8px;cursor:pointer;padding:8px 10px;text-align:left;transition:all .2s ease}.checkin-stat-card:hover{border-color:#94a3b8;box-shadow:0 2px 8px #0f172a14}.checkin-stat-card.active{background:#eefbf0;border-color:#4caf50}.checkin-stat-label{align-items:center;color:#475569;display:flex;font-size:12px;gap:6px}.checkin-stat-value{color:#0f172a;font-size:18px;font-weight:700;line-height:1.1;margin-top:4px}.checkin-payment-form{display:flex;flex-direction:column;gap:6px;margin-top:14px;text-align:left}.checkin-payment-form label{color:#475569;font-size:12px;font-weight:600}.checkin-payment-hint{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1e3a8a;font-size:13px;line-height:1.45;margin-top:4px;padding:10px 12px}.checkin-call-overlay{align-items:center;background:#0f172a94;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2147483646}.checkin-call-modal{background:#fff;border-radius:18px;box-shadow:0 30px 90px #0f172a59;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;padding:20px;position:relative;width:100%}.checkin-call-close{align-items:center;background:#0f172a0f;border:none;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.checkin-call-close:hover{background:#0f172a1f}.checkin-call-label{color:#15803d;font-size:11px;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}.checkin-call-name{color:#0f172a;font-size:20px;font-weight:800;margin-top:8px;text-align:center}.checkin-call-service{color:#475569;font-size:14px;margin-top:4px;text-align:center}.checkin-call-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.checkin-call-actions .checkin-btn{flex:1 1 150px;justify-content:center}@media (max-width:1200px){.checkin-grid{grid-template-columns:1fr;min-height:400px}.checkin-ticket-panel{min-width:auto}.checkin-toolbar{align-items:stretch;flex-direction:column}.checkin-search{min-width:auto}.checkin-stats-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width:768px){.checkin-tab-container{padding:8px}.checkin-toolbar{gap:8px;padding:8px}.checkin-table{font-size:12px}.checkin-table td,.checkin-table th{padding:6px 4px}.checkin-btn{font-size:12px;padding:6px 12px}.checkin-next-ticket-num{font-size:36px}.checkin-call-corner-panel{bottom:12px;left:12px;right:12px;width:auto}.checkin-call-corner-number{font-size:42px}.checkin-stats-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}:root{--apt-primary:#4caf50;--apt-primary-light:#60a963;--apt-primary-lighter:#e8f5e9;--apt-primary-dark:#388e3c;--apt-accent:#66bb6a;--apt-danger:#e53935;--apt-danger-light:#dc2626;--apt-warning:#d97706;--apt-warning-light:#fff3e0;--apt-info:#1976d2;--apt-info-light:#e3f2fd;--apt-gray:#757575;--apt-gray-light:#f5f5f5;--apt-border:#c8e6c9;--apt-bg:#fff;--apt-white:#fff;--apt-text:#212121;--apt-text-secondary:#616161;--apt-shadow-sm:0 1px 4px #4caf501f;--apt-shadow-md:0 2px 12px #4caf502e;--apt-shadow-lg:0 8px 32px #00000026;--apt-radius:10px;--apt-radius-sm:8px;--apt-radius-xs:5px;--apt-transition:all 0.22s ease;--apt-font-xs:clamp(10px,1.1vw,11px);--apt-font-sm:clamp(11px,1.2vw,13px);--apt-font-base:clamp(12px,1.3vw,14px);--apt-font-lg:clamp(13px,1.6vw,17px);--apt-font-xl:clamp(16px,2vw,21px)}.admin-appt-page-container{background:#fff;background:var(--apt-bg);max-width:100%;min-height:100vh;padding:clamp(8px,2vw,20px);width:100%}.admin-appt-page-wrapper{margin:0 auto;max-width:1200px;width:100%}.admin-appt-page-loading{align-items:center;background:#0000;color:#4caf50;color:var(--apt-primary);color:inherit;display:flex;flex-direction:column;font-size:clamp(12px,1.3vw,14px);font-size:var(--apt-font-base);gap:10px;min-height:400px}.appointment-management-header{align-items:flex-start;background:#fff;background:var(--apt-white);border:1px solid #c8e6c9;border:1px solid var(--apt-border);border-radius:10px;border-radius:var(--apt-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--apt-shadow-sm);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding:12px 14px}.appointment-management-header-content{flex:1 1;min-width:200px}.appointment-management-header-content h1{color:#212121;color:var(--apt-text);font-size:clamp(16px,2vw,21px);font-size:var(--apt-font-xl);font-weight:700;line-height:1.2;margin:0 0 4px}.appointment-management-header-content p{color:#616161;color:var(--apt-text-secondary);font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);margin:0}.appointment-management-header-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;margin-left:auto}.appointment-management-doctor-selector{background-color:#fff;background-color:var(--apt-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--apt-border);border-radius:8px;border-radius:var(--apt-radius-sm);color:#388e3c;color:var(--apt-primary-dark);cursor:pointer;font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);max-width:240px;min-width:150px;outline:none;padding:8px 10px;position:relative;transition:all .22s ease;transition:var(--apt-transition);z-index:100}.appointment-management-doctor-selector:hover{background:#e8f5e9;background:var(--apt-primary-lighter);border-color:#4caf50;border-color:var(--apt-primary)}.appointment-management-doctor-selector:focus{border-color:#4caf50;border-color:var(--apt-primary);box-shadow:0 0 0 3px #4caf5033}.appointment-management-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--apt-radius-sm);cursor:pointer;display:inline-flex;font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);font-weight:500;gap:6px;padding:clamp(6px,1vw,8px) clamp(10px,1.5vw,14px);transition:all .22s ease;transition:var(--apt-transition);white-space:nowrap}.appointment-management-btn-export{background:#4caf50;background:var(--apt-primary);color:#fff;color:var(--apt-white)}.appointment-management-btn-export:hover{background:#388e3c;background:var(--apt-primary-dark);box-shadow:0 2px 12px #4caf502e;box-shadow:var(--apt-shadow-md);transform:translateY(-1px)}.appointment-management-btn-export-secondary{background:#fff;background:var(--apt-white);border:1px solid #c8e6c9;border:1px solid var(--apt-border);color:#388e3c;color:var(--apt-primary-dark)}.appointment-management-btn-export-secondary:hover{background:#e8f5e9;background:var(--apt-primary-lighter);color:#388e3c;color:var(--apt-primary-dark)}.appointment-management-btn-reset{background:#fff;background:var(--apt-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--apt-border);color:#757575;color:var(--apt-gray)}.appointment-management-btn-reset:hover{background:#f5f5f5;background:var(--apt-gray-light);border-color:#757575;border-color:var(--apt-gray)}.appointment-management-stats-grid{grid-gap:clamp(8px,1vw,10px);display:grid;gap:clamp(8px,1vw,10px);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:clamp(10px,1.5vw,14px)}.appointment-management-stat-card{align-items:center;background:#fff;background:var(--apt-white);border:1px solid #c8e6c9;border:1px solid var(--apt-border);border-radius:10px;border-radius:var(--apt-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--apt-shadow-sm);display:flex;gap:clamp(6px,1vw,10px);min-width:0;overflow:hidden;padding:clamp(8px,1.1vw,11px);transition:all .22s ease;transition:var(--apt-transition)}.appointment-management-stat-card:hover{border-color:#60a963;border-color:var(--apt-primary-light);box-shadow:0 2px 12px #4caf502e;box-shadow:var(--apt-shadow-md);transform:translateY(-2px)}.appointment-management-stat-icon{align-items:center;border-radius:8px;color:#fff;color:var(--apt-white);display:flex;flex-shrink:0;font-size:clamp(12px,1.7vw,16px);height:clamp(28px,3.2vw,38px);justify-content:center;width:clamp(28px,3.2vw,38px)}.appointment-management-icon-total{background:#66bb6a}.appointment-management-icon-pending{background:#ffb74d}.appointment-management-icon-confirmed{background:#64b5f6}.appointment-management-icon-upcoming{background:#4dd0e1}.appointment-management-icon-waiting-pay{background:#ffca28}.appointment-management-icon-waiting-exam{background:#81c784}.appointment-management-icon-in-progress{background:#ba68c8}.appointment-management-icon-waiting-result{background:#8e7cc3}.appointment-management-icon-completed{background:#4caf50}.appointment-management-icon-passed{background:#ff8a65}.appointment-management-icon-cancelled{background:#e57373}.appointment-management-icon-unpaid{background:#ff7043}.appointment-management-icon-paid{background:#4db6ac}.appointment-management-icon-online{background:#7986cb}.appointment-management-icon-offline{background:#9575cd}.appointment-management-icon-record{background:#607d8b}.appointment-management-stat-card-empty{opacity:0;pointer-events:none}.appointment-management-stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.appointment-management-stat-label{color:#616161;color:var(--apt-text-secondary);font-size:clamp(9px,1vw,11px);font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-management-stat-value{color:#388e3c;color:var(--apt-primary-dark);font-size:clamp(13px,1.8vw,18px);font-weight:700;line-height:1}@media (max-width:1199px){.appointment-management-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.appointment-management-stats-grid{grid-template-columns:1fr}.appointment-management-stat-card{padding:10px 12px}.appointment-management-stat-value{font-size:16px}}.appointment-management-filter-panel{background:#fff;background:var(--apt-white);border:1px solid #c8e6c9;border:1px solid var(--apt-border);border-radius:10px;border-radius:var(--apt-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--apt-shadow-sm);margin-bottom:clamp(10px,1.5vw,14px);padding:clamp(10px,1.6vw,16px)}.appointment-management-filter-grid{grid-gap:clamp(8px,1.1vw,10px);display:grid;gap:clamp(8px,1.1vw,10px);grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));margin-bottom:12px}.appointment-management-filter-group{display:flex;flex-direction:column;gap:5px}.appointment-management-filter-group label{align-items:center;color:#388e3c;color:var(--apt-primary-dark);display:flex;font-size:clamp(10px,1.2vw,12px);font-weight:600;gap:5px;white-space:nowrap}.appointment-management-filter-group input,.appointment-management-filter-group select{background:#fff;background:var(--apt-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--apt-border);border-radius:8px;border-radius:var(--apt-radius-sm);color:#212121;color:var(--apt-text);font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);outline:none;padding:clamp(6px,1vw,8px) clamp(8px,1.2vw,11px);transition:all .22s ease;transition:var(--apt-transition);width:100%}.appointment-management-filter-group input:focus,.appointment-management-filter-group select:focus{background:#e8f5e9;background:var(--apt-primary-lighter);border-color:#4caf50;border-color:var(--apt-primary);box-shadow:0 0 0 3px #4caf5026}.appointment-management-filter-actions{align-items:center;border-top:1px solid #c8e6c9;border-top:1px solid var(--apt-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:12px}.appointment-management-filter-result{color:#616161;color:var(--apt-text-secondary);font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm)}.appointment-management-filter-result strong{color:#388e3c;color:var(--apt-primary-dark);font-weight:700}.appointment-management-filter-row-1{grid-gap:clamp(8px,1.1vw,10px);display:grid;gap:clamp(8px,1.1vw,10px);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));margin-bottom:12px!important}.appointment-management-filter-row-2{grid-gap:clamp(8px,1.1vw,10px);display:grid;gap:clamp(8px,1.1vw,10px);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin-bottom:0!important}.admin-appt-page-table-container{-webkit-overflow-scrolling:touch;background:#fff;background:var(--apt-white);border:1px solid #c8e6c9;border:1px solid var(--apt-border);border-radius:10px;border-radius:var(--apt-radius);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--apt-shadow-sm);overflow-x:auto}.admin-appt-page-table{border-collapse:collapse;font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);min-width:860px;width:100%}.admin-appt-page-sortable-th:hover{background:#0000;box-shadow:none;color:inherit}.admin-appt-page-sortable-th:hover svg{color:inherit}.admin-appt-page-table thead{background:#4caf50;background:var(--apt-primary);color:#fff;color:var(--apt-white);position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-appt-page-table thead th{color:#fff;color:var(--apt-white);font-size:clamp(10px,1.1vw,12px);font-weight:600;letter-spacing:.4px;padding:clamp(9px,1.2vw,13px) clamp(8px,1vw,12px);text-align:left;text-transform:uppercase;white-space:nowrap}.admin-appt-page-sortable-th{cursor:pointer;position:relative;transition:color .15s ease,-webkit-text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease,-webkit-text-decoration-color .15s ease;-webkit-user-select:none;user-select:none}.admin-appt-page-sortable-th:hover{background:#388e3c;background:var(--apt-primary-dark);color:#fff;color:var(--apt-white)}.admin-appt-page-sortable-th:hover svg{color:#fff;color:var(--apt-white)}.admin-appt-page-sortable-th:hover{box-shadow:inset 0 -3px 0 #388e3c;box-shadow:inset 0 -3px 0 var(--apt-primary-dark)}.admin-appt-page-table tbody tr{border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--apt-border);transition:background-color .18s ease}.admin-appt-page-table tbody tr:hover{background-color:#e8f5e9;background-color:var(--apt-primary-lighter)}.admin-appt-page-table tbody td{color:#212121;color:var(--apt-text);font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);padding:clamp(8px,1.2vw,13px) clamp(8px,1vw,12px);vertical-align:middle}.admin-appt-page-table tbody tr:last-child{border-bottom:none}.admin-appt-page-table tbody tr:nth-child(2n){background-color:#f1f8e9}.admin-appt-page-table tbody tr:nth-child(2n):hover{background-color:#e8f5e9;background-color:var(--apt-primary-lighter)}.admin-appt-page-patient-info{display:flex;flex-direction:column;gap:4px}.admin-appt-page-patient-info .amp-fw-bold{color:#212121;color:var(--apt-text);font-size:clamp(12px,1.3vw,14px);font-size:var(--apt-font-base);font-weight:600}.admin-appt-page-patient-info .amp-text-muted{color:#616161;color:var(--apt-text-secondary);font-size:clamp(10px,1.1vw,11px);font-size:var(--apt-font-xs)}.admin-appt-page-doctor-info{align-items:center;color:#388e3c;color:var(--apt-primary-dark);display:flex;font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);font-weight:500;gap:6px}.admin-appt-page-service-cell{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-appt-page-service-name{color:#212121;color:var(--apt-text);font-weight:600;line-height:1.35;word-break:break-word}.admin-appt-page-linked-meta{align-items:flex-start;display:flex;flex-wrap:wrap;gap:6px}.admin-appt-page-linked-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:clamp(10px,1.1vw,11px);font-size:var(--apt-font-xs);font-weight:600;gap:4px;padding:3px 8px;white-space:nowrap}.admin-appt-page-linked-chip-child{background:#e3f2fd;color:#1565c0}.admin-appt-page-linked-chip-parent{background:#e8f5e9;color:#2e7d32}.admin-appt-page-linked-text{color:#616161;color:var(--apt-text-secondary);font-size:clamp(10px,1.1vw,11px);font-size:var(--apt-font-xs);line-height:1.4}.admin-appt-page-datetime-info{align-items:center;color:#212121;color:var(--apt-text);display:flex;font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);gap:6px;margin-bottom:3px}.admin-appt-page-status-badge,.amp-medical-record-badge,.amp-payment-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:clamp(10px,1.1vw,11px);font-weight:600;gap:4px;line-height:1.3;padding:4px 9px;white-space:nowrap}.amp-status-pending{background:#fff3e0;color:#bf360c}.amp-status-confirmed{background:#e3f2fd;color:#0d47a1}.amp-status-upcoming{background:#e8f5e9;color:#1b5e20}.amp-status-waiting-pay{background:#fff8e1;color:#8d6e00}.amp-status-waiting-exam{background:#e8f5e9;color:#2e7d32}.amp-status-in-progress{background:#e1f5fe;color:#01579b}.amp-status-waiting-result{background:#ede7f6;color:#5e35b1}.amp-status-completed{background:#e8f5e9;color:#2e7d32}.amp-status-passed{background:#fce4ec;color:#880e4f}.amp-payment-unpaid,.amp-status-cancelled{background:#ffebee;color:#b71c1c}.amp-payment-paid-online{background:#e8f5e9;color:#1b5e20}.amp-payment-paid-clinic{background:#e3f2fd;color:#0d47a1}.amp-payment-refunded{background:#fff3e0;color:#e65100}.amp-payment-not-required{background:#f5f5f5;color:#616161}.amp-has-record{background:#e8f5e9;color:#2e7d32}.amp-no-record{background:#f5f5f5;color:#9e9e9e}.payment-method-info{margin-top:3px}.paid-date-info{margin-top:2px}.admin-appt-page-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.admin-appt-page-btn-action{align-items:center;border:none;border-radius:5px;border-radius:var(--apt-radius-xs);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:clamp(11px,1.3vw,13px);font-weight:500;gap:4px;height:clamp(28px,3vw,34px);justify-content:center;min-width:clamp(28px,3vw,34px);padding:0 clamp(5px,.8vw,8px);position:relative;text-decoration:none;transition:all .22s ease;transition:var(--apt-transition);white-space:nowrap}.admin-appt-page-btn-action .amp-btn-label{display:none}@media (min-width:1200px){.admin-appt-page-btn-action .amp-btn-label{display:inline}}.amp-btn-view{background:#e3f2fd;color:#1565c0}.amp-btn-view:hover{background:#1565c0;box-shadow:0 3px 8px #1565c040;color:#fff;color:var(--apt-white);transform:translateY(-1px)}.appointment-management-action-confirm{background:#e8f5e9;color:#2e7d32}.appointment-management-action-confirm:hover{background:#2e7d32;box-shadow:0 3px 8px #2e7d3240;color:#fff;color:var(--apt-white);transform:translateY(-1px)}.appointment-management-action-payment{background:#e0f2f1;color:#00695c}.appointment-management-action-payment:hover{background:#00695c;box-shadow:0 3px 8px #00695c40;color:#fff;color:var(--apt-white);transform:translateY(-1px)}.appointment-management-action-complete{background:#fff3e0;color:#e65100}.appointment-management-action-complete:hover{background:#e65100;box-shadow:0 3px 8px #e6510040;color:#fff;color:var(--apt-white);transform:translateY(-1px)}.appointment-management-action-medical{background:#fce4ec;color:#880e4f}.appointment-management-action-medical:hover{background:#880e4f;box-shadow:0 3px 8px #880e4f40;color:#fff;color:var(--apt-white);transform:translateY(-1px)}.appointment-management-action-cancel{background:#dc2626;background:var(--apt-danger-light);color:#fff;color:var(--apt-white)}.appointment-management-action-cancel:hover{background:#e53935;background:var(--apt-danger);box-shadow:0 3px 8px #e5393540;color:#fff;color:var(--apt-white);transform:translateY(-1px)}.amp-btn-reset{background:#f3e5f5;color:#6a1b9a}.amp-btn-reset:hover{background:#6a1b9a;box-shadow:0 3px 8px #6a1b9a40;color:#fff;color:var(--apt-white);transform:translateY(-1px)}.admin-appt-page-btn-action:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.45;transform:none!important}.amp-row-expanded{background-color:#f1f8e9!important}.admin-appt-page-expanded-row td{background:#f9fbe7;border-left:4px solid #4caf50;border-left:4px solid var(--apt-primary);padding:clamp(12px,2vw,20px)!important}.admin-appt-page-result-content{font-size:clamp(12px,1.3vw,14px);font-size:var(--apt-font-base);line-height:1.8}.admin-appt-page-result-content p{margin:6px 0}.admin-appt-page-result-content strong{color:#388e3c;color:var(--apt-primary-dark);font-weight:600}.admin-appt-page-linked-section{background:#fff;border:1px solid #c8e6c9;border:1px solid var(--apt-border);border-radius:8px;border-radius:var(--apt-radius-sm);margin:10px 0 14px;padding:12px}.admin-appt-page-linked-title{align-items:center;color:#388e3c;color:var(--apt-primary-dark);display:inline-flex;font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);font-weight:700;gap:6px;margin-bottom:10px}.admin-appt-page-linked-note{color:#616161;color:var(--apt-text-secondary);font-size:clamp(12px,1.3vw,14px);font-size:var(--apt-font-base)}.admin-appt-page-linked-list{display:flex;flex-direction:column;gap:8px}.admin-appt-page-linked-item{align-items:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:5px;border-radius:var(--apt-radius-xs);display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.admin-appt-page-linked-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-appt-page-linked-code{color:#388e3c;color:var(--apt-primary-dark);font-weight:700}.admin-appt-page-linked-service{color:#212121;color:var(--apt-text);font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);word-break:break-word}.admin-appt-page-linked-item-meta{align-items:center;color:#616161;color:var(--apt-text-secondary);display:flex;flex-wrap:wrap;font-size:clamp(10px,1.1vw,11px);font-size:var(--apt-font-xs);gap:8px;justify-content:flex-end}.admin-appt-page-modal-overlay{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;padding:clamp(10px,3vw,24px);position:fixed;right:0;top:0;z-index:9999}.admin-appt-page-modal-content{animation:modalIn .22s ease;background:#fff;background:var(--apt-white);border-radius:10px;border-radius:var(--apt-radius);box-shadow:0 8px 32px #00000026;box-shadow:var(--apt-shadow-lg);max-height:90vh;max-width:min(600px,100%);overflow-y:auto;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-appt-page-modal-header{align-items:center;background:#e8f5e9;background:var(--apt-primary-lighter);border-bottom:1.5px solid #c8e6c9;border-bottom:1.5px solid var(--apt-border);border-radius:10px 10px 0 0;border-radius:var(--apt-radius) var(--apt-radius) 0 0;display:flex;justify-content:space-between;padding:clamp(14px,2vw,22px) clamp(14px,2.5vw,26px)}.admin-appt-page-modal-header h5{color:#388e3c;color:var(--apt-primary-dark);font-size:clamp(15px,2vw,19px);font-weight:700;margin:0}.amp-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#616161;color:var(--apt-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .22s ease;transition:var(--apt-transition);width:32px}.amp-close-btn:hover{background:#dc2626;background:var(--apt-danger-light);color:#e53935;color:var(--apt-danger)}.admin-appt-page-modal-body{padding:clamp(14px,2.5vw,26px)}.admin-appt-page-appointment-summary{background:#e8f5e9;background:var(--apt-primary-lighter);border:1px solid #c8e6c9;border:1px solid var(--apt-border);border-radius:8px;border-radius:var(--apt-radius-sm);margin-bottom:18px;padding:clamp(10px,1.5vw,16px)}.admin-appt-page-appointment-summary p{color:#212121;color:var(--apt-text);font-size:clamp(12px,1.3vw,14px);font-size:var(--apt-font-base);margin:6px 0}.admin-appt-page-confirmation-text{font-size:clamp(12px,1.3vw,14px);font-size:var(--apt-font-base);margin-bottom:10px}.admin-appt-page-form-group{margin-bottom:16px}.admin-appt-page-form-group label{color:#388e3c;color:var(--apt-primary-dark);display:block;font-size:clamp(11px,1.2vw,13px);font-size:var(--apt-font-sm);font-weight:600;margin-bottom:6px}.admin-appt-page-form-group input,.admin-appt-page-form-group select,.admin-appt-page-form-group textarea{background:#fff;background:var(--apt-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--apt-border);border-radius:8px;border-radius:var(--apt-radius-sm);color:#212121;color:var(--apt-text);font-size:clamp(12px,1.3vw,14px);font-size:var(--apt-font-base);outline:none;padding:clamp(8px,1.2vw,11px) clamp(10px,1.5vw,14px);transition:all .22s ease;transition:var(--apt-transition);width:100%}.admin-appt-page-form-group input:focus,.admin-appt-page-form-group select:focus,.admin-appt-page-form-group textarea:focus{background:#e8f5e9;background:var(--apt-primary-lighter);border-color:#4caf50;border-color:var(--apt-primary);box-shadow:0 0 0 3px #4caf5026}.admin-appt-page-form-group textarea{min-height:100px;resize:vertical}.admin-appt-page-modal-footer{border-top:1.5px solid #c8e6c9;border-top:1.5px solid var(--apt-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:clamp(10px,1.5vw,16px) clamp(14px,2.5vw,26px)}.admin-appt-page-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--apt-radius-sm);cursor:pointer;display:inline-flex;font-size:clamp(12px,1.3vw,14px);font-size:var(--apt-font-base);font-weight:600;gap:7px;padding:clamp(7px,1vw,10px) clamp(14px,2vw,24px);transition:all .22s ease;transition:var(--apt-transition);white-space:nowrap}.amp-btn-secondary{background:#eee;border:1px solid #bdbdbd;color:#424242}.amp-btn-secondary:hover{background:#e0e0e0}.amp-btn-primary{background:#4caf50;background:var(--apt-primary);color:#fff;color:var(--apt-white)}.amp-btn-primary:hover{background:#388e3c;background:var(--apt-primary-dark);box-shadow:0 2px 12px #4caf502e;box-shadow:var(--apt-shadow-md);transform:translateY(-1px)}.amp-btn-danger{background:#e53935;background:var(--apt-danger);color:#fff;color:var(--apt-white)}.amp-btn-danger:hover{background:#b71c1c;box-shadow:0 4px 12px #e539354d;transform:translateY(-1px)}.text-wrap{word-wrap:break-word;word-break:break-word}.amp-text-muted{color:#616161;color:var(--apt-text-secondary)}.amp-fw-bold{font-weight:600}.amp-text-primary{color:#388e3c;color:var(--apt-primary-dark)}.amp-text-danger{color:#e53935;color:var(--apt-danger)}.amp-text-success{color:#2e7d32}.amp-mb-2{margin-bottom:8px}.amp-small{font-size:clamp(10px,1.1vw,11px);font-size:var(--apt-font-xs)}.amp-text-decoration-none{text-decoration:none}.amp-ms-1{margin-left:4px}.amp-me-1{margin-right:4px}.amp-d-flex{display:flex}.amp-align-items-center{align-items:center}.amp-mt-1{margin-top:4px}.amp-fa-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.amp-animate-fade-down{animation:fadeIn .28s ease-out}@media (min-width:1200px){.appointment-management-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appointment-management-header{align-items:center;flex-direction:row}.appointment-management-header-actions{justify-content:flex-end;margin-left:auto;width:auto}.appointment-management-doctor-selector{max-width:240px;width:auto}}@media (max-width:1199px) and (min-width:768px){.admin-appt-page-container{padding:12px}.appointment-management-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-management-stat-card{padding:10px 12px}.appointment-management-stat-icon{font-size:14px;height:32px;width:32px}.appointment-management-filter-actions{align-items:stretch;flex-direction:column}.appointment-management-btn{justify-content:center;width:100%}.admin-appt-page-table{min-width:980px}}@media (max-width:767px){.admin-appt-page-container{padding:10px}.appointment-management-header{flex-direction:column;gap:10px;padding:10px 12px}.appointment-management-header-actions{justify-content:flex-start;margin-left:0;width:100%}.appointment-management-doctor-selector{max-width:100%;min-width:0;width:100%}.admin-appt-page-linked-item{flex-direction:column}.admin-appt-page-linked-item-meta{justify-content:flex-start}.appointment-management-stats-grid{grid-template-columns:1fr}.appointment-management-stat-card{padding:10px 12px}.appointment-management-filter-grid{grid-template-columns:1fr}.admin-appt-page-table-container{overflow-x:auto}.admin-appt-page-table{min-width:760px}.appointment-management-filter-grid,.appointment-management-filter-row-1,.appointment-management-filter-row-2{grid-template-columns:1fr}.appointment-management-header-content h1{font-size:18px}.appointment-management-header-content p{font-size:12px}.admin-appt-page-btn-action{font-size:11px}.appointment-management-btn{font-size:12px;padding:7px 12px}.appointment-management-header-actions .appointment-management-btn,.appointment-management-header-actions .appointment-management-doctor-selector{max-width:none;width:100%}}@media (max-width:639px){.admin-appt-page-table-container{overflow-x:visible}.admin-appt-page-table{display:block;min-width:0;min-width:auto}.admin-appt-page-table thead{display:none}.admin-appt-page-table tbody{display:flex;flex-direction:column;gap:10px;padding:10px}.admin-appt-page-table tbody tr{background:#fff;background:var(--apt-white);border:1.5px solid #c8e6c9;border:1.5px solid var(--apt-border);border-bottom:1.5px solid #c8e6c9!important;border-bottom:1.5px solid var(--apt-border)!important;border-radius:8px;border-radius:var(--apt-radius-sm);box-shadow:0 1px 4px #4caf501f;box-shadow:var(--apt-shadow-sm);display:block;padding:12px}.admin-appt-page-table tbody tr:nth-child(2n){background:#f9fbe7}.admin-appt-page-table tbody tr:hover{background:#e8f5e9;background:var(--apt-primary-lighter)}.admin-appt-page-table tbody td{align-items:flex-start;border-bottom:1px solid #f0f4e8;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:6px 0}.admin-appt-page-table tbody td:last-child{border-bottom:none;padding-top:8px}.admin-appt-page-table tbody td:before{color:#388e3c;color:var(--apt-primary-dark);content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.3px;padding-top:2px;text-transform:uppercase;width:85px}.admin-appt-page-action-buttons{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.admin-appt-page-expanded-row{border-top:none!important;margin-top:-10px!important}.admin-appt-page-expanded-row td{border-radius:0 0 8px 8px;border-radius:0 0 var(--apt-radius-sm) var(--apt-radius-sm);display:block!important;padding:12px!important}.admin-appt-page-modal-overlay{align-items:flex-end;padding:10px}.admin-appt-page-modal-content{border-radius:10px 10px 0 0;border-radius:var(--apt-radius) var(--apt-radius) 0 0;max-height:85vh}.admin-appt-page-modal-footer{flex-direction:column-reverse}.admin-appt-page-btn{justify-content:center;width:100%}}.amp-btn-label{font-size:clamp(9px,1vw,11px);font-weight:600;letter-spacing:.2px}@media (max-width:480px){.amp-btn-label{display:none}}.admin-appt-page-table-container::-webkit-scrollbar{height:5px}.admin-appt-page-table-container::-webkit-scrollbar-track{background:#e8f5e9;background:var(--apt-primary-lighter)}.admin-appt-page-table-container::-webkit-scrollbar-thumb{background:#60a963;background:var(--apt-primary-light);border-radius:4px}.admin-appt-page-table-container::-webkit-scrollbar-thumb:hover{background:#4caf50;background:var(--apt-primary)}:root{--medical-green-light:#e6f4ea;--medical-green-dark:#065f46;--medical-green-primary:#10b981;--medical-red-emergency:#ef4444;--medical-red-light:#fee2e2;--medical-red-dark:#991b1b;--medical-yellow-warning:#f59e0b;--medical-yellow-light:#fffbeb;--medical-blue:#3b82f6;--medical-text-primary:#1f2937;--medical-text-secondary:#6b7280;--medical-border:#e5e7eb;--medical-bg-white:#fff;--medical-bg-light-gray:#f9fafb}.consultation-realtime-monitor-container{box-sizing:border-box;width:100%}.consultation-realtime-monitor-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--medical-border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px;padding-bottom:14px}.consultation-realtime-monitor-title{align-items:center;color:#1f2937;color:var(--medical-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.consultation-realtime-monitor-title svg{color:#f59e0b;color:var(--medical-yellow-warning);flex-shrink:0}.consultation-realtime-monitor-live-indicator{align-items:center;background:#fee2e2;background:var(--medical-red-light);border-radius:16px;color:#991b1b;color:var(--medical-red-dark);display:flex;flex-shrink:0;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:3px 10px}.consultation-realtime-monitor-pulse-dot{animation:consultation-realtime-monitor-pulse 2s infinite;background:#ef4444;background:var(--medical-red-emergency);border-radius:50%;height:7px;width:7px}.consultation-realtime-monitor-empty-state{align-items:center;background:#f9fafb;background:var(--medical-bg-light-gray);border-radius:8px;color:#6b7280;color:var(--medical-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:36px 20px;text-align:center}.consultation-realtime-monitor-empty-state svg{font-size:1.6rem;margin-bottom:10px}.consultation-realtime-monitor-empty-state p{font-size:13px;margin:0}.consultation-realtime-monitor-error-state{background:#fee2e2;background:var(--medical-red-light);color:#991b1b;color:var(--medical-red-dark)}.consultation-realtime-monitor-spinner{animation:consultation-realtime-monitor-spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#10b981;border:3px solid var(--medical-border);border-radius:50%;border-top-color:var(--medical-green-primary);height:26px;margin-bottom:10px;width:26px}.consultation-realtime-monitor-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.consultation-realtime-monitor-card{background:#fff;background:var(--medical-bg-white);border:1px solid #e5e7eb;border-left:4px solid #f59e0b;border:1px solid var(--medical-border);border-left:4px solid var(--medical-yellow-warning);border-radius:8px;box-shadow:0 1px 4px #0000000a;overflow:hidden;transition:box-shadow .2s ease}.consultation-realtime-monitor-card:hover{box-shadow:0 4px 12px #00000012}.consultation-realtime-monitor-card-technical{border-left-color:#3b82f6;border-left-color:var(--medical-blue)}.consultation-realtime-monitor-card-behavior{border-left-color:#f59e0b;border-left-color:var(--medical-yellow-warning)}.consultation-realtime-monitor-card-emergency,.consultation-realtime-monitor-card-security{border-left-color:#ef4444;border-left-color:var(--medical-red-emergency)}.consultation-realtime-monitor-card-header{align-items:center;background:#f9fafb;background:var(--medical-bg-light-gray);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--medical-border);display:flex;flex-wrap:wrap;gap:10px;gap:8px;padding:10px 14px}.consultation-realtime-monitor-card-icon{align-items:center;color:#6b7280;color:var(--medical-text-secondary);display:flex;flex-shrink:0;font-size:14px}.consultation-realtime-monitor-card-emergency .consultation-realtime-monitor-card-icon,.consultation-realtime-monitor-card-security .consultation-realtime-monitor-card-icon{color:#ef4444;color:var(--medical-red-emergency)}.consultation-realtime-monitor-card-title{color:#1f2937;color:var(--medical-text-primary);flex:1 1;font-size:13px;font-weight:600;margin:0;min-width:0}.consultation-realtime-monitor-card-emergency .consultation-realtime-monitor-card-title,.consultation-realtime-monitor-card-security .consultation-realtime-monitor-card-title{color:#ef4444;color:var(--medical-red-emergency)}.consultation-realtime-monitor-card-time{color:#6b7280;color:var(--medical-text-secondary);flex-shrink:0;font-size:11px;white-space:nowrap}.consultation-realtime-monitor-card-body{padding:12px 14px}.consultation-realtime-monitor-card-description{color:#1f2937;color:var(--medical-text-primary);font-size:13px;line-height:1.5;margin:0 0 10px}.consultation-realtime-monitor-card-description strong{color:#6b7280;color:var(--medical-text-secondary);font-weight:500}.consultation-realtime-monitor-card-meta{color:#6b7280;color:var(--medical-text-secondary);display:flex;flex-direction:column;font-size:12px;gap:3px}.consultation-realtime-monitor-card-meta strong{color:#1f2937;color:var(--medical-text-primary);font-weight:500}.consultation-realtime-monitor-card-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}.consultation-realtime-monitor-action-button{align-items:center;background:#fff;background:var(--medical-bg-white);border:1px solid #e5e7eb;border:1px solid var(--medical-border);border-radius:6px;color:#6b7280;color:var(--medical-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:5px 11px;transition:all .15s ease;white-space:nowrap}.consultation-realtime-monitor-action-button:hover{background:#f9fafb;background:var(--medical-bg-light-gray);border-color:#d1d5db;color:#1f2937;color:var(--medical-text-primary)}.consultation-realtime-monitor-action-button svg{flex-shrink:0;font-size:11px}.consultation-realtime-monitor-action-terminate{background:#fee2e2;background:var(--medical-red-light);border-color:#fca5a5;color:#991b1b;color:var(--medical-red-dark)}.consultation-realtime-monitor-action-terminate:hover{background:#fee2e2;border-color:#f87171}.consultation-realtime-monitor-action-resolve{background:#e6f4ea;background:var(--medical-green-light);border-color:#a7f3d0;color:#065f46;color:var(--medical-green-dark)}.consultation-realtime-monitor-action-resolve:hover{background:#d1fae5;border-color:#6ee7b7}@keyframes consultation-realtime-monitor-spin{to{transform:rotate(1turn)}}@keyframes consultation-realtime-monitor-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:768px){.consultation-realtime-monitor-header{margin-bottom:12px;padding-bottom:12px}.consultation-realtime-monitor-title{font-size:1rem}.consultation-realtime-monitor-list{gap:10px}.consultation-realtime-monitor-card-header{padding:9px 12px}.consultation-realtime-monitor-card-body{padding:10px 12px}.consultation-realtime-monitor-card-actions{gap:5px;padding:0 12px 10px}.consultation-realtime-monitor-action-button{font-size:11px;padding:5px 9px}}@media (max-width:480px){.consultation-realtime-monitor-title{font-size:.95rem}.consultation-realtime-monitor-card-actions{gap:4px}.consultation-realtime-monitor-action-button{flex:1 1;justify-content:center;min-width:calc(50% - 4px);padding:6px 8px}}.crm-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.crm-modal-box{animation:crm-fadeIn .2s ease-out;background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-width:440px;overflow:hidden;width:100%}@keyframes crm-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.crm-modal-header{background:#f0fdf4;border-bottom:1px solid #d1fae5;color:#065f46;font-size:14px;font-weight:600;padding:12px 16px}.crm-modal-body{display:flex;flex-direction:column;font-size:13px;gap:8px;padding:14px 16px}.crm-modal-body label{color:#374151;font-size:12px;font-weight:500}.crm-modal-body select,.crm-modal-body textarea{border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:13px;padding:7px 9px;resize:vertical;width:100%}.crm-modal-body select:focus,.crm-modal-body textarea:focus{border-color:#10b981;outline:none}.crm-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:10px 16px}.crm-btn-sec{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:6px 14px}.crm-btn-primary{background:#10b981}.crm-btn-danger,.crm-btn-primary{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.crm-btn-danger{background:#ef4444}.crm-btn-primary:hover{background:#059669}.crm-btn-danger:hover{background:#dc2626}.crm-modal-chat{max-width:560px}.crm-modal-close-btn{background:none;border:none;color:#065f46;cursor:pointer;font-size:16px;margin-left:auto;padding:0 4px}.crm-modal-chat-body{background:#f9fafb;display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding:12px 16px}.crm-chat-msg{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;padding:8px 12px}.crm-chat-msg-system{background:#fffbeb;border-color:#fde68a}.crm-chat-msg-sender{align-items:center;color:#374151;display:flex;font-size:11px;font-weight:600;justify-content:space-between;margin-bottom:4px}.crm-chat-msg-time{color:#9ca3af;font-size:10px;font-weight:400}.crm-chat-msg-content{color:#1f2937;line-height:1.5;word-break:break-word}:root{--cfm-primary-color:#4caf50;--cfm-bg-color:#f8fdf8;--cfm-border-color:#e0f0e0;--cfm-text-color:#333;--cfm-text-secondary:#666;--cfm-star-color:#ffc107;--cfm-white-color:#fff;--cfm-shadow:0 2px 8px #0000000d}.consultation-feedback-management-container{background-color:#f8fdf8;background-color:var(--cfm-bg-color);border-radius:8px;font-family:Arial,sans-serif;padding:1.25rem}.consultation-feedback-management-title{align-items:center;border-bottom:2px solid #e0f0e0;border-bottom:2px solid var(--cfm-border-color);color:#4caf50;color:var(--cfm-primary-color);display:flex;font-size:1.5rem;gap:.75rem;margin-bottom:1rem;margin-top:0;padding-bottom:.75rem}.consultation-feedback-management-filters{background-color:#fff;background-color:var(--cfm-white-color);border:1px solid #e0f0e0;border:1px solid var(--cfm-border-color);border-radius:6px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem}.consultation-feedback-management-filter-group{align-items:center;display:flex;gap:.5rem}.consultation-feedback-management-filter-group label{color:#666;color:var(--cfm-text-secondary);font-size:.9rem;font-weight:600}.consultation-feedback-management-select{background-color:#fff;background-color:var(--cfm-white-color);border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:.5rem .75rem}.consultation-feedback-management-message-box{align-items:center;background-color:#fff;background-color:var(--cfm-white-color);border:1px solid #e0f0e0;border:1px solid var(--cfm-border-color);border-radius:6px;color:#666;color:var(--cfm-text-secondary);display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:2rem}.consultation-feedback-management-message-box.error{background-color:#ffd2d2;border-color:#ffb5b5;color:#d8000c}.consultation-feedback-management-spinner{animation:consultation-feedback-management-spin 1s linear infinite;border:3px solid #e0f0e0;border-top-color:#4caf50;border:3px solid var(--cfm-border-color);border-radius:50%;border-top-color:var(--cfm-primary-color);height:1.25rem;width:1.25rem}.consultation-feedback-management-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.consultation-feedback-management-card{background-color:#fff;background-color:var(--cfm-white-color);border:1px solid #e0f0e0;border:1px solid var(--cfm-border-color);border-radius:6px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--cfm-shadow);display:flex;flex-direction:column;transition:box-shadow .3s ease,transform .3s ease}.consultation-feedback-management-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.consultation-feedback-management-card-header{align-items:center;border-bottom:1px solid #e0f0e0;border-bottom:1px solid var(--cfm-border-color);display:flex;justify-content:space-between;padding:.75rem 1rem}.consultation-feedback-management-star-rating{color:#ffc107;color:var(--cfm-star-color);display:flex;gap:3px}.consultation-feedback-management-star-empty{color:#e0e0e0}.consultation-feedback-management-status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:3px 8px;text-transform:uppercase}.consultation-feedback-management-status-badge.status-approved{background-color:#e0f5e1;color:#388e3c}.consultation-feedback-management-status-badge.status-pending{background-color:#fff3e0;color:#f57c00}.consultation-feedback-management-status-badge.status-hidden{background-color:#f5f5f5;color:#757575}.consultation-feedback-management-review-text{background-color:#fafafa;color:#333;color:var(--cfm-text-color);flex-grow:1;font-size:.95rem;font-style:italic;line-height:1.6;margin:0;padding:1rem}.consultation-feedback-management-meta{background-color:#fff;background-color:var(--cfm-white-color);border-top:1px solid #e0f0e0;border-top:1px solid var(--cfm-border-color);padding:.75rem 1rem}.consultation-feedback-management-user-info{align-items:center;color:#666;color:var(--cfm-text-secondary);display:flex;font-size:.85rem;gap:.5rem}.consultation-feedback-management-user-info:first-child{margin-bottom:.5rem}.consultation-feedback-management-card-footer{align-items:center;background-color:#fcfcfc;border-top:1px solid #e0f0e0;border-top:1px solid var(--cfm-border-color);display:flex;justify-content:space-between;padding:.75rem 1rem}.consultation-feedback-management-timestamp{color:#999;font-size:.8rem}.consultation-feedback-management-btn-toggle{align-items:center;background:none;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .6rem;transition:all .2s ease}.consultation-feedback-management-btn-toggle.status-approved{border-color:#4caf50;border-color:var(--cfm-primary-color);color:#4caf50;color:var(--cfm-primary-color)}.consultation-feedback-management-btn-toggle.status-approved:hover{background-color:#4caf50;background-color:var(--cfm-primary-color);color:#fff;color:var(--cfm-white-color)}.consultation-feedback-management-btn-toggle.status-hidden,.consultation-feedback-management-btn-toggle.status-pending{border-color:#ccc;color:#777}.consultation-feedback-management-btn-toggle.status-hidden:hover,.consultation-feedback-management-btn-toggle.status-pending:hover{background-color:#666;border-color:#666;color:#fff;color:var(--cfm-white-color)}@keyframes consultation-feedback-management-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--cs-bg-main:#f8fdf8;--cs-bg-container:#fff;--cs-primary:#4caf50;--cs-primary-light:#e0f5e1;--cs-border:#ddefe0;--cs-text-primary:#2e475d;--cs-text-secondary:#6c757d;--cs-star:#ffc107;--cs-shadow-light:0 2px 8px #0000000a}.consultation-statistics-container{background-color:#f8fdf8;background-color:var(--cs-bg-main);border-radius:8px;font-family:Arial,sans-serif;padding:1.25rem}.consultation-statistics-tabs-nav{border-bottom:2px solid #ddefe0;border-bottom:2px solid var(--cs-border);display:flex;gap:.5rem;margin-bottom:1.25rem}.consultation-statistics-tab-button{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;color:#6c757d;color:var(--cs-text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:-2px;padding:.75rem 1rem;transition:all .2s ease}.consultation-statistics-tab-button:hover{color:#2e475d;color:var(--cs-text-primary)}.consultation-statistics-tab-button.active{border-bottom-color:#4caf50;border-bottom-color:var(--cs-primary);color:#4caf50;color:var(--cs-primary)}.consultation-statistics-message-box{align-items:center;background-color:#fff;background-color:var(--cs-bg-container);border:1px solid #ddefe0;border:1px solid var(--cs-border);border-radius:6px;color:#6c757d;color:var(--cs-text-secondary);display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:2rem}.consultation-statistics-message-box.loading{color:#2e475d;color:var(--cs-text-primary)}.consultation-statistics-spinner{animation:consultation-statistics-spin 1s linear infinite;border:3px solid #ddefe0;border-top-color:#4caf50;border:3px solid var(--cs-border);border-radius:50%;border-top-color:var(--cs-primary);height:1.25rem;width:1.25rem}.consultation-statistics-stat-card-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.consultation-statistics-stat-card{align-items:center;background-color:#fff;background-color:var(--cs-bg-container);border:1px solid #ddefe0;border:1px solid var(--cs-border);border-radius:6px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--cs-shadow-light);display:flex;gap:1rem;padding:1rem}.consultation-statistics-stat-card-icon{background-color:#f8fdf8;background-color:var(--cs-bg-main);border-radius:50%;font-size:1.75rem;padding:.75rem}.consultation-statistics-stat-card-info{display:flex;flex-direction:column}.consultation-statistics-stat-card-label{color:#6c757d;color:var(--cs-text-secondary);font-size:.85rem;margin:0}.consultation-statistics-stat-card-number{color:#2e475d;color:var(--cs-text-primary);font-size:1.5rem;font-weight:700;margin:.25rem 0 0}.consultation-statistics-charts-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.consultation-statistics-chart-container{background-color:#fff;background-color:var(--cs-bg-container);border:1px solid #ddefe0;border:1px solid var(--cs-border);border-radius:6px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--cs-shadow-light);padding:1rem}.consultation-statistics-chart-title{border-bottom:1px solid #ddefe0;border-bottom:1px solid var(--cs-border);color:#2e475d;color:var(--cs-text-primary);font-size:1.1rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.consultation-statistics-chart-bars-wrapper{display:flex;flex-direction:column;gap:.75rem}.consultation-statistics-chart-bar-item{align-items:center;display:flex;gap:.5rem}.consultation-statistics-chart-bar-label{color:#6c757d;color:var(--cs-text-secondary);flex-shrink:0;font-size:.85rem;text-transform:capitalize;width:80px}.consultation-statistics-chart-bar-bg{background-color:#f8fdf8;background-color:var(--cs-bg-main);border:1px solid #ddefe0;border:1px solid var(--cs-border);border-radius:4px;flex-grow:1;height:20px;overflow:hidden}.consultation-statistics-chart-bar-fg{background-color:#e0f5e1;background-color:var(--cs-primary-light);border-right:2px solid #4caf50;border-right:2px solid var(--cs-primary);box-sizing:border-box;color:#2e475d;color:var(--cs-text-primary);font-size:.8rem;font-weight:600;height:100%;padding-right:5px;text-align:right;transition:width .5s ease-out;white-space:nowrap}.consultation-statistics-no-data-small{color:#6c757d;color:var(--cs-text-secondary);font-size:.9rem;margin:.5rem 0;text-align:center}.consultation-statistics-table-container{background-color:#fff;background-color:var(--cs-bg-container);border:1px solid #ddefe0;border:1px solid var(--cs-border);border-radius:6px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--cs-shadow-light);overflow-x:auto}.consultation-statistics-table{border-collapse:collapse;width:100%}.consultation-statistics-table td,.consultation-statistics-table th{border-bottom:1px solid #ddefe0;border-bottom:1px solid var(--cs-border);color:#6c757d;color:var(--cs-text-secondary);font-size:.9rem;padding:.75rem 1rem;text-align:left}.consultation-statistics-table th{color:#2e475d;color:var(--cs-text-primary);font-size:.85rem;font-weight:600;text-transform:uppercase}.consultation-statistics-table tbody tr:nth-child(2n),.consultation-statistics-table th{background-color:#f8fdf8;background-color:var(--cs-bg-main)}.consultation-statistics-table tbody tr:hover{background-color:#e0f5e1;background-color:var(--cs-primary-light)}.consultation-statistics-table-cell-user{align-items:center;display:flex;gap:.75rem}.consultation-statistics-table-cell-user img{border:2px solid #ddefe0;border:2px solid var(--cs-border);border-radius:50%;height:32px;object-fit:cover;width:32px}.consultation-statistics-table-cell-user-info{display:flex;flex-direction:column}.consultation-statistics-table-cell-name{color:#2e475d;color:var(--cs-text-primary);font-weight:600}.consultation-statistics-table-cell-subtext{color:#888;font-size:.8rem}.consultation-statistics-table-cell-rating{align-items:center;color:#2e475d;color:var(--cs-text-primary);display:flex;font-weight:600;gap:.25rem}.consultation-statistics-table-cell-rating svg{color:#ffc107;color:var(--cs-star)}.consultation-statistics-table-cell-rating .consultation-statistics-table-cell-subtext{font-weight:400;margin-left:.25rem}.consultation-statistics-table-cell-amount{color:#4caf50;color:var(--cs-primary);font-weight:600}.consultation-statistics-no-data-cell{color:#6c757d;color:var(--cs-text-secondary);font-style:italic;padding:2rem;text-align:center}@keyframes consultation-statistics-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.consultation-statistics-charts-grid{grid-template-columns:1fr}.consultation-statistics-stat-card-grid{grid-template-columns:1fr 1fr}.consultation-statistics-table{border:0}.consultation-statistics-table thead{display:none}.consultation-statistics-table tr{border:1px solid #ddefe0;border:1px solid var(--cs-border);border-radius:6px;display:block;margin-bottom:1rem}.consultation-statistics-table td{border:none;border-bottom:1px solid #ddefe0;border-bottom:1px solid var(--cs-border);display:block;padding-left:50%;position:relative;text-align:right}.consultation-statistics-table td:last-child{border-bottom:0}.consultation-statistics-table td:before{color:#2e475d;color:var(--cs-text-primary);content:attr(data-label);font-weight:600;left:1rem;padding-right:.5rem;position:absolute;text-align:left;width:45%}}:root{--cpm-primary:#20bf6b;--cpm-primary-dark:#199c56;--cpm-primary-bg:#e8f5e9;--cpm-bg:#f8f9fa;--cpm-white:#fff;--cpm-text:#2d3436;--cpm-text-light:#636e72;--cpm-border:#dfe6e9;--cpm-success:#26de81;--cpm-success-bg:#e6ffea;--cpm-warning:#fdcb6e;--cpm-warning-bg:#fffbf0;--cpm-info:#74b9ff;--cpm-info-bg:#f0f8ff;--cpm-danger:#ff7675;--cpm-danger-bg:#fff0f0;--cpm-shadow:0 1px 3px #0000000d;--cpm-radius:6px;--cpm-font-size:13px}.cpm-container{background:#f8f9fa;background:var(--cpm-bg);color:#2d3436;color:var(--cpm-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;font-size:var(--cpm-font-size);min-height:100vh;padding:12px}.cpm-header{background:#fff;background:var(--cpm-white);border-radius:6px;border-radius:var(--cpm-radius);box-shadow:0 1px 3px #0000000d;box-shadow:var(--cpm-shadow);justify-content:space-between;margin-bottom:12px;padding:10px 15px}.cpm-header,.cpm-header-left{align-items:center;display:flex}.cpm-header-left{gap:8px}.cpm-header-icon{color:#20bf6b;color:var(--cpm-primary);font-size:18px}.cpm-header h2{color:#2d3436;color:var(--cpm-text);font-size:16px;font-weight:600;margin:0}.cpm-price-input-group{align-items:center;display:flex;position:relative}.cpm-price-input-group .cpm-input{flex:1 1;padding-right:50px}.cpm-price-display{color:#20bf6b;color:var(--cpm-primary);font-size:12px;font-weight:600;pointer-events:none;position:absolute;right:10px;white-space:nowrap}.cpm-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.cpm-stat-card{align-items:center;background:#fff;background:var(--cpm-white);border:1px solid #dfe6e9;border:1px solid var(--cpm-border);border-radius:6px;border-radius:var(--cpm-radius);box-shadow:0 1px 3px #0000000d;box-shadow:var(--cpm-shadow);display:flex;gap:10px;padding:10px}.cpm-stat-icon-wrapper{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.cpm-stat-icon{color:#fff;color:var(--cpm-white);font-size:16px}.cpm-bg-primary{background-color:#20bf6b;background-color:var(--cpm-primary)}.cpm-bg-success{background-color:#26de81;background-color:var(--cpm-success)}.cpm-bg-info{background-color:#74b9ff;background-color:var(--cpm-info)}.cpm-bg-warning{background-color:#fdcb6e;background-color:var(--cpm-warning)}.cpm-stat-info{display:flex;flex-direction:column}.cpm-stat-value{font-size:18px;font-weight:700;line-height:1.1}.cpm-stat-label{color:#636e72;color:var(--cpm-text-light);font-size:11px}.cpm-filters{align-items:center;background:#fff;background:var(--cpm-white);border-radius:6px;border-radius:var(--cpm-radius);box-shadow:0 1px 3px #0000000d;box-shadow:var(--cpm-shadow);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:10px}.cpm-search-box{flex:1 1;min-width:200px;position:relative}.cpm-search-icon{color:#b2bec3;font-size:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.cpm-filter-group{display:flex;gap:8px}.cpm-select-wrapper{min-width:140px;position:relative}.cpm-select-icon{color:#b2bec3;font-size:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.cpm-input,.cpm-select{background:#fff;background:var(--cpm-white);border:1px solid #dfe6e9;border:1px solid var(--cpm-border);border-radius:6px;border-radius:var(--cpm-radius);color:#2d3436;color:var(--cpm-text);font-size:13px;height:32px;outline:none;padding:6px 10px 6px 30px;transition:border .2s;width:100%}.cpm-input:focus,.cpm-select:focus{border-color:#20bf6b;border-color:var(--cpm-primary)}.cpm-textarea{height:auto;min-height:60px;padding:8px;resize:vertical}.cpm-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--cpm-radius);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:32px;justify-content:center;padding:0 12px;transition:opacity .2s}.cpm-btn:hover{opacity:.9}.cpm-btn-primary{background:#20bf6b;background:var(--cpm-primary);color:#fff;color:var(--cpm-white)}.cpm-btn-secondary{background:#f1f2f6;border:1px solid #dfe6e9;border:1px solid var(--cpm-border);color:#2d3436;color:var(--cpm-text)}.cpm-btn-icon{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;height:26px;justify-content:center;transition:background .2s;width:26px}.cpm-btn-icon:hover{background:#f1f2f6}.cpm-text-info{color:#0984e3}.cpm-text-warning{color:#fdcb6e}.cpm-text-danger{color:#d63031}.cpm-text-success{color:#00b894}.cpm-text-muted{color:#b2bec3}.cpm-table-container{background:#fff;background:var(--cpm-white);border-radius:6px;border-radius:var(--cpm-radius);box-shadow:0 1px 3px #0000000d;box-shadow:var(--cpm-shadow);margin-bottom:12px;overflow:hidden}.cpm-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.cpm-table{border-collapse:collapse;min-width:700px;width:100%}.cpm-table thead{background:#e8f5e9;background:var(--cpm-primary-bg)}.cpm-table th{color:#199c56;color:var(--cpm-primary-dark);font-size:12px;font-weight:600;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.cpm-table td{border-bottom:1px solid #f1f2f6;font-size:13px;padding:8px 10px;vertical-align:middle}.cpm-table tr:hover{background-color:#fcfcfc}.cpm-cell-primary{color:#2d3436;color:var(--cpm-text);font-weight:500}.cpm-code{background:#f1f2f6;border-radius:4px;font-family:monospace;font-size:11px;padding:2px 6px}.cpm-type-badge{align-items:center;display:flex;font-size:12px;font-weight:500;gap:5px}.cpm-status-badge{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 8px}.cpm-status-active{background:#e6ffea;background:var(--cpm-success-bg);border-color:#26de8133;color:#26de81;color:var(--cpm-success)}.cpm-status-inactive{background:#fff0f0;background:var(--cpm-danger-bg);border-color:#ff767533;color:#ff7675;color:var(--cpm-danger)}.cpm-price{color:#199c56;color:var(--cpm-primary-dark);font-size:12px;font-weight:600}.cpm-actions{display:flex;gap:4px;justify-content:flex-end}.cpm-pagination{gap:10px;margin-top:10px}.cpm-page-btn,.cpm-pagination{align-items:center;display:flex;justify-content:center}.cpm-page-btn{background:#fff;background:var(--cpm-white);border:1px solid #dfe6e9;border:1px solid var(--cpm-border);border-radius:4px;color:#20bf6b;color:var(--cpm-primary);cursor:pointer;height:28px;width:28px}.cpm-page-btn:disabled{cursor:default;opacity:.5}.cpm-page-info{color:#636e72;color:var(--cpm-text-light);font-size:12px}.cpm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:center;padding:10px;position:fixed;z-index:9999}.cpm-modal-box{animation:slideUp .2s ease-out;background:#fff;background:var(--cpm-white);border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:550px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cpm-modal-header{align-items:center;background:#20bf6b;background:var(--cpm-primary);border-radius:8px 8px 0 0;color:#fff;color:var(--cpm-white);display:flex;justify-content:space-between;padding:12px 16px}.cpm-modal-header h3{font-size:15px;font-weight:600;margin:0}.cpm-modal-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.cpm-modal-body{overflow-y:auto;padding:16px}.cpm-modal-footer{background:#fcfcfc;border-radius:0 0 8px 8px;border-top:1px solid #dfe6e9;border-top:1px solid var(--cpm-border);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.cpm-detail-grid{grid-gap:12px;display:grid;font-size:13px;gap:12px;grid-template-columns:1fr 1fr}.cpm-detail-group{display:flex;flex-direction:column;gap:2px}.cpm-detail-group.full-width{grid-column:1/-1}.cpm-detail-group label{color:#636e72;color:var(--cpm-text-light);font-size:11px;font-weight:600;text-transform:uppercase}.cpm-text-block{background:#f9f9f9;border:1px solid #eee;border-radius:4px;line-height:1.4;padding:8px}.cpm-text-block.sm{color:#666;font-size:12px;font-style:italic}.cpm-divider{background:#dfe6e9;background:var(--cpm-border);grid-column:1/-1;height:1px;margin:4px 0}.cpm-detail-row{border-bottom:1px dashed #eee;display:flex;justify-content:space-between;padding-bottom:4px}.cpm-form{flex-direction:column}.cpm-form,.cpm-form-row{display:flex;gap:12px}.cpm-form-row.three-col>*{flex:1 1}.cpm-form-group{display:flex;flex-direction:column;gap:4px}.cpm-form-group.full{flex:1 1}.cpm-form-group label{font-size:12px;font-weight:500}.cpm-req{color:#ff7675;color:var(--cpm-danger)}.cpm-form{gap:14px}.cpm-form-row.three-col{align-items:flex-start}.cpm-price-input-group .cpm-input{padding-right:54px}.cpm-price-display{color:#199c56;color:var(--cpm-primary-dark);font-weight:700;right:12px}.cpm-react-select .cpm-select__control{border:1px solid #dfe6e9;border:1px solid var(--cpm-border);border-radius:6px;border-radius:var(--cpm-radius);box-shadow:none;min-height:42px}.cpm-react-select .cpm-select__control--is-focused,.cpm-react-select .cpm-select__control:hover{border-color:#20bf6b;border-color:var(--cpm-primary)}.cpm-react-select .cpm-select__control--is-focused{box-shadow:0 0 0 3px #20bf6b1f}.cpm-react-select .cpm-select__value-container{padding:2px 8px}.cpm-react-select .cpm-select__multi-value{background:#e8f5e9;background:var(--cpm-primary-bg);border-radius:4px}.cpm-react-select .cpm-select__multi-value__label{color:#199c56;color:var(--cpm-primary-dark);font-weight:600}.cpm-react-select .cpm-select__multi-value__remove{color:#199c56;color:var(--cpm-primary-dark)}.cpm-react-select .cpm-select__multi-value__remove:hover{background:#20bf6b1f;color:#199c56;color:var(--cpm-primary-dark)}.cpm-form-group.full>label svg{vertical-align:middle}.cpm-form-group small{font-size:11px;line-height:1.4}.cpm-form .cpm-btn.cpm-btn-secondary{min-width:140px}.cpm-loading{padding:30px;text-align:center}.cpm-spinner{animation:spin 1s linear infinite;border:3px solid #eee;border-radius:50%;border-top:3px solid var(--cpm-primary);height:30px;margin:0 auto 10px;width:30px}.cpm-no-data{color:#636e72;color:var(--cpm-text-light);padding:30px;text-align:center}.cpm-no-data-content{align-items:center;display:flex;flex-direction:column;font-size:13px;gap:5px}.cpm-no-data-content svg{color:#dfe6e9;font-size:24px}@media (max-width:768px){.cpm-filters{align-items:stretch;flex-direction:column}.cpm-filter-group{flex-direction:row}.cpm-select-wrapper{flex:1 1}.cpm-modal-box{margin:10px;max-height:95vh;width:100%}.cpm-form-row,.cpm-form-row.three-col{flex-direction:column;gap:10px}}@media (max-width:480px){.cpm-header h2{font-size:14px}.cpm-btn span{display:none}.cpm-btn{padding:0;width:32px}.cpm-page-info{display:none}.cpm-stats{grid-template-columns:1fr 1fr}}:root{--gpdp-green:#4caf50;--gpdp-green-dark:#388e3c;--gpdp-green-lighter:#e8f5e9;--gpdp-bg:#f9fbe7;--gpdp-white:#fff;--gpdp-border:#c8e6c9;--gpdp-text:#212121;--gpdp-text-2:#616161;--gpdp-danger:#e53935;--gpdp-radius:10px;--gpdp-tr:all .2s ease}.gpdp-wrapper{background:#f9fbe7;background:var(--gpdp-bg);color:#212121;color:var(--gpdp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px 16px 60px}.gpdp-container{margin:0 auto;max-width:720px}.gpdp-back-btn{align-items:center;background:#fff;background:var(--gpdp-white);border:1px solid #c8e6c9;border:1px solid var(--gpdp-border);border-radius:8px;color:#616161;color:var(--gpdp-text-2);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px;transition:all .2s ease;transition:var(--gpdp-tr)}.gpdp-back-btn:hover{background:#e8f5e9;background:var(--gpdp-green-lighter);border-color:#4caf50;border-color:var(--gpdp-green);color:#388e3c;color:var(--gpdp-green-dark)}.gpdp-card{background:#fff;background:var(--gpdp-white);border:1px solid #c8e6c9;border:1px solid var(--gpdp-border);border-radius:10px;border-radius:var(--gpdp-radius);box-shadow:0 2px 12px #4caf501a;overflow:hidden}.gpdp-header{align-items:center;display:flex;gap:12px;padding:16px}.gpdp-avatar{object-fit:cover}.gpdp-avatar,.gpdp-avatar-ph{border-radius:50%;height:44px;width:44px}.gpdp-avatar-ph{align-items:center;background:#4caf50;background:var(--gpdp-green);color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center}.gpdp-author{color:#212121;color:var(--gpdp-text);font-size:15px;font-weight:700}.gpdp-time{align-items:center;color:#616161;color:var(--gpdp-text-2);display:flex;font-size:12px;gap:4px;margin-top:2px}.gpdp-content{font-size:15px;line-height:1.6;padding:0 16px 12px;white-space:pre-wrap;word-break:break-word}.gpdp-images{grid-gap:4px;display:grid;gap:4px}.gpdp-images.grid-1{grid-template-columns:1fr}.gpdp-images.grid-2,.gpdp-images.grid-3{grid-template-columns:1fr 1fr}.gpdp-images.grid-3 img:first-child{grid-column:span 2;height:300px}.gpdp-images.grid-4{grid-template-columns:1fr 1fr}.gpdp-img{cursor:pointer;height:250px;object-fit:cover;transition:opacity .2s;width:100%}.gpdp-img:hover{opacity:.9}.gpdp-images.grid-1 .gpdp-img{height:auto;max-height:500px}.gpdp-stats{color:#616161;color:var(--gpdp-text-2);font-size:13px;justify-content:space-between;padding:10px 16px}.gpdp-actions,.gpdp-stats{border-bottom:1px solid #c8e6c9;border-bottom:1px solid var(--gpdp-border);display:flex}.gpdp-actions{padding:4px 8px}.gpdp-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#616161;color:var(--gpdp-text-2);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:6px;justify-content:center;padding:10px 0;transition:all .2s ease;transition:var(--gpdp-tr)}.gpdp-action-btn:hover{background:#e8f5e9;background:var(--gpdp-green-lighter);color:#388e3c;color:var(--gpdp-green-dark)}.gpdp-action-btn.liked{color:#e53935;color:var(--gpdp-danger)}.gpdp-comments-section{background:#fdfdfd;padding:16px}.gpdp-comment-compose{display:flex;gap:10px;margin-bottom:20px}.gpdp-comment-input-wrap{align-items:center;background:#e8f5e9;background:var(--gpdp-green-lighter);border:1px solid #c8e6c9;border:1px solid var(--gpdp-border);border-radius:20px;display:flex;flex:1 1;padding:4px 14px}.gpdp-comment-input-wrap input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:8px 0}.gpdp-comment-submit{background:none;border:none;color:#4caf50;color:var(--gpdp-green);cursor:pointer;font-size:18px;padding:4px}.gpdp-comment-submit:disabled{color:#aaa;cursor:not-allowed}.gpdp-comment-list{display:flex;flex-direction:column;gap:12px}.gpdp-comment-item{display:flex;gap:10px}.gpdp-comment-bubble{background:#f1f5f9;border-radius:18px;border-top-left-radius:4px;flex:1 1;padding:10px 14px}.gpdp-comment-bubble.is-doctor{background-color:#f0fdf4;border:1px solid #bbf7d0;box-shadow:0 1px 2px #4caf500d}.gpdp-comment-bubble.is-doctor .gpdp-comment-author{color:#166534}.gpdp-comment-bubble.is-staff{background-color:#f8fafc;border:1px solid #e2e8f0}.gpdp-comment-bubble.is-staff .gpdp-comment-author{color:#334155}.gpdp-role-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:700;gap:3px;margin-left:6px;padding:1px 5px;vertical-align:middle}.gpdp-role-badge.doctor{background:#e8f5e9;color:#2e7d32}.gpdp-role-badge.staff{background:#e2e8f0;color:#475569}.gpdp-comment-author{font-size:13px;font-weight:700;margin-bottom:4px}.gpdp-comment-text{font-size:14px;line-height:1.5;margin:0}.gpdp-comment-time{font-size:11px;margin-top:4px;padding-left:10px}.gpdp-comment-time,.gpdp-loading{color:#616161;color:var(--gpdp-text-2)}.gpdp-loading{padding:100px;text-align:center}.gpdp-error{background:#ffebee;border-radius:8px;color:#e53935;color:var(--gpdp-danger);margin-top:20px;padding:50px;text-align:center}.Toastify__toast-container{bottom:96px!important;right:24px!important;z-index:40000!important}.Toastify__toast{border-radius:14px;box-shadow:0 14px 30px #0f172a2e;font-size:.95rem;min-height:56px}.app-toastify-toast{border-radius:10px!important;box-shadow:0 10px 30px #0206171f!important}.Toastify__toast-body{line-height:1.45;padding:2px 4px}.Toastify__toast--error{border-left:4px solid #ef4444}.Toastify__toast--success{border-left:4px solid #10b981}.Toastify__toast--warning{border-left:4px solid #f59e0b}.Toastify__toast--info{border-left:4px solid #3b82f6}@media (max-width:480px){.Toastify__toast-container{bottom:96px!important;left:12px!important;padding:0!important;right:12px!important;width:auto!important}.Toastify__toast{font-size:.9rem;margin-bottom:8px;width:100%!important}}.custom-toast-root{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:96px;z-index:999999!important}.custom-toast-item{align-items:center;animation:custom-toast-in .24s ease-out;background:#fff;border-left:4px solid #4f46e5;border-radius:8px;box-shadow:0 6px 18px #0000001f;display:flex;gap:12px;max-width:420px;min-width:260px;padding:12px 14px;pointer-events:auto}.custom-toast-info{border-left-color:#3b82f6}.custom-toast-success{border-left-color:#10b981}.custom-toast-error{border-left-color:#ef4444}.custom-toast-warning{border-left-color:#f59e0b}.custom-toast-message{color:#111827;flex:1 1;font-size:14px}.custom-toast-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:18px}@keyframes custom-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}body,html{margin:0;overflow-x:hidden;padding:0}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color-primary:#0ea5a4;--color-secondary:#2563eb;--color-accent:#7c3aed;--color-success:#16a34a;--color-danger:#ef4444;--color-warning:#f59e0b;--color-muted:#6b7280;--color-bg:#fff;--color-surface:#f8fafc;--text-color:#0f172a}.status-badge{align-items:center;border-radius:20px;color:#0f172a;color:var(--text-color);display:inline-flex;font-size:clamp(10px,1.1vw,11px);font-weight:600;gap:4px;line-height:1.3;max-width:100%;padding:4px 9px;white-space:nowrap}.status-pending{background:linear-gradient(90deg,#facc1514,#facc150a);border:1px solid #f59e0b26;color:#f59e0b;color:var(--color-warning)}.status-confirmed{background:linear-gradient(90deg,#2563eb0f,#2563eb08);border:1px solid #2563eb1f;color:#2563eb;color:var(--color-secondary)}.status-in-progress{background:linear-gradient(90deg,#0ea5a40f,#0ea5a408);border:1px solid #0ea5a41f;color:#0ea5a4;color:var(--color-primary)}.status-completed{background:linear-gradient(90deg,#10a37f0f,#10a37f08);border:1px solid #10a37f1f;color:#16a34a;color:var(--color-success)}.status-cancelled{background:linear-gradient(90deg,#ef44440f,#ef444408);border:1px solid #ef44441f;color:#ef4444;color:var(--color-danger)}.status-badge svg{flex-shrink:0;height:12px;width:12px}:root{--edp-green:#16a34a;--edp-green-dark:#15803d;--edp-green-deeper:#166534;--edp-green-light:#bbf7d0;--edp-green-bg:#f0fdf4;--edp-green-badge:#dcfce7;--edp-red:#ef4444;--edp-amber:#f59e0b;--edp-blue:#3b82f6;--edp-purple:#8b5cf6;--edp-pink:#ec4899;--edp-gold:#d97706;--edp-shadow-sm:0 1px 4px #0000000f;--edp-shadow-md:0 4px 16px #16a34a1a,0 1px 4px #0000000d;--edp-shadow-lg:0 12px 40px #16a34a24,0 2px 8px #00000014;--edp-radius-sm:8px;--edp-radius-md:12px;--edp-radius-lg:18px;--edp-radius-xl:24px;--edp-font-head:"Lexend","Segoe UI",sans-serif;--edp-font-body:"DM Sans","Segoe UI",system-ui,sans-serif;--edp-transition:0.22s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{margin:0;padding:0}.edp2-page{background:linear-gradient(170deg,#f0fdf4,#ecfdf5 40%,#f8fafc);background:linear-gradient(170deg,var(--edp-green-bg) 0,#ecfdf5 40%,#f8fafc 100%);color:#374151;color:var(--edp-neutral-700);min-height:100vh}.edp2-page,.edp2-splash{font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font-body)}.edp2-splash{align-items:center;color:#6b7280;color:var(--edp-neutral-500);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.edp2-splash__ring{animation:edpSpin .9s linear infinite;border:3px solid #bbf7d0;border-top-color:#16a34a;border:3px solid var(--edp-green-light);border-radius:50%;border-top-color:var(--edp-green);height:48px;width:48px}.edp2-error-page{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh;padding:32px;text-align:center}.edp2-error-page__icon{font-size:3rem}.edp2-error-page h2{color:#374151;color:var(--edp-neutral-700);font-family:Lexend,Segoe UI,sans-serif;font-family:var(--edp-font-head);font-size:1.2rem}.edp2-breadcrumb{background:#fff;background:var(--edp-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--edp-neutral-200)}.edp2-breadcrumb__inner{align-items:center;color:#6b7280;color:var(--edp-neutral-500);display:flex;font-size:.78rem;gap:8px;margin:0 auto;max-width:1280px;padding:10px 24px}.edp2-breadcrumb__inner a{color:#16a34a;color:var(--edp-green);font-weight:600;text-decoration:none;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--edp-transition)}.edp2-breadcrumb__inner a:hover{color:#15803d;color:var(--edp-green-dark)}.edp2-breadcrumb__current{color:#374151;color:var(--edp-neutral-700);font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edp2-hero{background:#f3f4f6;background:var(--edp-neutral-100);cursor:zoom-in;height:480px;overflow:hidden;position:relative;width:100%}.edp2-hero__img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.edp2-hero:hover .edp2-hero__img{transform:scale(1.02)}.edp2-hero__overlay{background:linear-gradient(180deg,#00000014 0,#00000073);inset:0;pointer-events:none;position:absolute}.edp2-hero__arrow{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 12px #0000002e;color:#374151;color:var(--edp-neutral-700);cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition);width:44px;z-index:4}.edp2-hero__arrow:hover{background:#fff;background:var(--edp-white);transform:translateY(-50%) scale(1.08)}.edp2-hero__arrow--left{left:16px}.edp2-hero__arrow--right{right:16px}.edp2-hero__dots{bottom:14px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:4}.edp2-hero__dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition);width:8px}.edp2-hero__dot--active{background:#fff;background:var(--edp-white);border-radius:4px;width:22px}.edp2-hero__badges{flex-wrap:wrap;gap:8px;left:16px}.edp2-btn-share-hero,.edp2-hero__badges{display:flex;position:absolute;top:16px;z-index:4}.edp2-btn-share-hero{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #fff9;border-radius:20px;color:#374151;color:var(--edp-neutral-700);cursor:pointer;font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font-body);font-size:.78rem;font-weight:700;gap:6px;padding:7px 16px;right:16px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition)}.edp2-btn-share-hero:hover{background:#fff;background:var(--edp-white);transform:scale(1.04)}.edp2-status-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:800;gap:5px;letter-spacing:.4px;padding:5px 12px;text-transform:uppercase}.edp2-status-pill--upcoming{background:#3b82f6d9;color:#fff}.edp2-status-pill--ongoing{animation:edpPulse 2s infinite;background:#16a34ae6;color:#fff}.edp2-status-pill--ended{background:#6b7280d9;color:#fff}@keyframes edpPulse{0%,to{box-shadow:0 0 0 0 #16a34a80}50%{box-shadow:0 0 0 6px #16a34a00}}.edp2-type-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 11px;text-transform:uppercase}.edp2-type-pill--event{background:#dcfce7f2;color:#166534}.edp2-type-pill--promotion{background:#fef3c7f2;color:#92400e}.edp2-type-pill--news{background:#dbeafef2;color:#1e40af}.edp2-type-pill--notification{background:#ede9fef2;color:#5b21b6}.edp2-type-pill--sm{font-size:.62rem;padding:2px 8px}.edp2-format-pill{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border-radius:20px;color:#374151;color:var(--edp-neutral-700);display:inline-flex;font-size:.7rem;font-weight:700;gap:5px;padding:4px 11px;text-transform:uppercase}.edp2-thumbstrip{background:#fff;background:var(--edp-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--edp-neutral-200);overflow-x:auto;padding:10px 24px}.edp2-thumbstrip__inner{display:flex;gap:8px;width:-webkit-max-content;width:max-content}.edp2-thumbstrip__item{background:none;border:2px solid #0000;border-radius:8px;border-radius:var(--edp-radius-sm);cursor:pointer;flex-shrink:0;height:52px;overflow:hidden;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition);width:72px}.edp2-thumbstrip__item img{height:100%;object-fit:cover;width:100%}.edp2-thumbstrip__item--active{border-color:#16a34a;border-color:var(--edp-green)}.edp2-thumbstrip__item:hover{border-color:#bbf7d0;border-color:var(--edp-green-light);transform:translateY(-2px)}.edp2-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1fr 340px;margin:0 auto;max-width:1280px;padding:28px 24px 60px}.edp2-main{display:flex;flex-direction:column;gap:24px}.edp2-btn-back{align-items:center;background:#fff;background:var(--edp-white);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);border-radius:8px;border-radius:var(--edp-radius-sm);box-shadow:0 1px 4px #0000000f;box-shadow:var(--edp-shadow-sm);color:#374151;color:var(--edp-neutral-700);cursor:pointer;display:inline-flex;font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font-body);font-size:.82rem;font-weight:600;gap:7px;padding:8px 16px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition);width:-webkit-fit-content;width:fit-content}.edp2-btn-back:hover{border-color:#16a34a;border-color:var(--edp-green);color:#16a34a;color:var(--edp-green);transform:translateX(-2px)}.edp2-title-block{display:flex;flex-direction:column;gap:12px}.edp2-title{color:#111827;color:var(--edp-neutral-900);font-family:Lexend,Segoe UI,sans-serif;font-family:var(--edp-font-head);font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.25}.edp2-meta-row{display:flex;flex-wrap:wrap;gap:8px}.edp2-meta-chip{align-items:center;background:#fff;background:var(--edp-white);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);border-radius:8px;border-radius:var(--edp-radius-sm);box-shadow:0 1px 4px #0000000f;box-shadow:var(--edp-shadow-sm);color:var(--edp-neutral-600);display:inline-flex;font-size:.78rem;gap:6px;padding:5px 12px}.edp2-meta-chip svg{color:#16a34a;color:var(--edp-green);font-size:.72rem}.edp2-meta-chip--view svg{color:#3b82f6;color:var(--edp-blue)}.edp2-meta-chip--cat svg{color:#f59e0b;color:var(--edp-amber)}.edp2-tags{display:flex;flex-wrap:wrap;gap:6px}.edp2-tag{background:#dcfce7;background:var(--edp-green-badge);border-radius:20px;color:#166534;color:var(--edp-green-deeper);font-size:.72rem;font-weight:600;padding:3px 10px}.edp2-tabs{background:#fff;background:var(--edp-white);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);border-radius:12px;border-radius:var(--edp-radius-md);box-shadow:0 1px 4px #0000000f;box-shadow:var(--edp-shadow-sm);display:flex;gap:4px;padding:5px;width:-webkit-fit-content;width:fit-content}.edp2-tab{background:#0000;border:none;border-radius:8px;border-radius:var(--edp-radius-sm);color:#6b7280;color:var(--edp-neutral-500);cursor:pointer;font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font-body);font-size:.82rem;font-weight:600;padding:8px 18px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition);white-space:nowrap}.edp2-tab--active{background:#16a34a;background:var(--edp-green);box-shadow:0 2px 8px #16a34a4d;color:#fff;color:var(--edp-white)}.edp2-tab:not(.edp2-tab--active):hover{background:#f0fdf4;background:var(--edp-green-bg);color:#16a34a;color:var(--edp-green)}.edp2-section{background:#fff;background:var(--edp-white);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);border-radius:18px;border-radius:var(--edp-radius-lg);box-shadow:0 1px 4px #0000000f;box-shadow:var(--edp-shadow-sm);display:flex;flex-direction:column;gap:20px;padding:24px}.edp2-desc-card{background:#f0fdf4;background:var(--edp-green-bg);border:1px solid #bbf7d0;border:1px solid var(--edp-green-light);border-radius:12px;border-radius:var(--edp-radius-md);display:flex;gap:14px;padding:16px}.edp2-desc-card__icon{color:#16a34a;color:var(--edp-green);flex-shrink:0;font-size:1.2rem;margin-top:2px}.edp2-desc-card__label{color:#16a34a;color:var(--edp-green);font-size:.72rem;font-weight:700;margin-bottom:6px;text-transform:uppercase}.edp2-desc-card__text{color:#374151;color:var(--edp-neutral-700);font-size:.9rem;line-height:1.7}.edp2-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.edp2-info-item{align-items:flex-start;background:#f9fafb;background:var(--edp-neutral-50);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);border-radius:12px;border-radius:var(--edp-radius-md);display:flex;gap:12px;padding:14px}.edp2-info-item__icon{color:#16a34a;color:var(--edp-green);flex-shrink:0;font-size:1rem;margin-top:2px}.edp2-info-item__icon--red{color:#ef4444;color:var(--edp-red)}.edp2-info-item__icon--orange{color:#f97316}.edp2-info-item__icon--blue{color:#3b82f6;color:var(--edp-blue)}.edp2-info-item__icon--purple{color:#8b5cf6;color:var(--edp-purple)}.edp2-info-item__icon--gold{color:#d97706;color:var(--edp-gold)}.edp2-info-item__icon--pink{color:#ec4899;color:var(--edp-pink)}.edp2-info-item__label{color:#9ca3af;color:var(--edp-neutral-400);font-size:.7rem;font-weight:600;margin-bottom:3px;text-transform:uppercase}.edp2-info-item__value{color:#111827;color:var(--edp-neutral-900);font-size:.84rem;font-weight:700}.edp2-info-item__value--fee{color:#15803d;color:var(--edp-green-dark)}.edp2-progress-block{display:flex;flex-direction:column;gap:8px}.edp2-progress-block__header{color:#374151;color:var(--edp-neutral-700);display:flex;font-size:.78rem;font-weight:600;justify-content:space-between}.edp2-progress-block__count{color:#111827;color:var(--edp-neutral-900);font-weight:800}.edp2-progress-bar{background:#f3f4f6;background:var(--edp-neutral-100);border-radius:4px;height:8px;overflow:hidden}.edp2-progress-bar__fill{border-radius:4px;height:100%;transition:width .6s ease}.edp2-progress-block__footer{font-size:.78rem;font-weight:600}.edp2-text--red{color:#ef4444;color:var(--edp-red)}.edp2-text--amber{color:#f59e0b;color:var(--edp-amber)}.edp2-text--green{color:#16a34a;color:var(--edp-green)}.edp2-deadline-banner{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;border-radius:var(--edp-radius-md);color:#92400e;display:flex;font-size:.82rem;font-weight:600;gap:10px;padding:12px 16px}.edp2-deadline-banner svg{color:#f59e0b;color:var(--edp-amber);flex-shrink:0}.edp2-html-content{color:#374151;color:var(--edp-neutral-700);font-size:.92rem;line-height:1.85}.edp2-html-content h2,.edp2-html-content h3{color:#111827;color:var(--edp-neutral-900);font-family:Lexend,Segoe UI,sans-serif;font-family:var(--edp-font-head);margin:1.4em 0 .6em}.edp2-html-content p{margin-bottom:1em}.edp2-html-content ol,.edp2-html-content ul{margin-bottom:1em;padding-left:1.4em}.edp2-html-content li{margin-bottom:.4em}.edp2-html-content img{border-radius:12px;border-radius:var(--edp-radius-md);margin:10px 0;max-width:100%}.edp2-html-content a{color:#16a34a;color:var(--edp-green);text-decoration:underline}.edp2-html-content blockquote{border-left:3px solid #bbf7d0;border-left:3px solid var(--edp-green-light);color:#6b7280;color:var(--edp-neutral-500);margin:1em 0;padding-left:16px}.edp2-online-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;border-radius:var(--edp-radius-md);display:flex;flex-direction:column;gap:14px;padding:20px}.edp2-online-card__header{align-items:center;color:#1d4ed8;display:flex;font-family:Lexend,Segoe UI,sans-serif;font-family:var(--edp-font-head);font-size:.9rem;font-weight:800;gap:8px}.edp2-online-card__pass{background:#fff;background:var(--edp-white);border:1px solid #bfdbfe;border-radius:8px;border-radius:var(--edp-radius-sm);color:#374151;color:var(--edp-neutral-700);font-size:.82rem;padding:10px 14px}.edp2-online-card__pass code{background:#dbeafe;border-radius:4px;color:#1e40af;font-weight:700;margin-left:6px;padding:2px 8px}.edp2-online-card__platform{color:#6b7280;color:var(--edp-neutral-500);font-size:.8rem}.edp2-empty-tab{color:#9ca3af;color:var(--edp-neutral-400);font-size:.88rem;font-style:italic;padding:32px;text-align:center}.edp2-related{display:flex;flex-direction:column;gap:16px}.edp2-related__title{color:#111827;color:var(--edp-neutral-900);font-family:Lexend,Segoe UI,sans-serif;font-family:var(--edp-font-head);font-size:1.1rem;font-weight:800}.edp2-related__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.edp2-related-card{background:#fff;background:var(--edp-white);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);border-radius:12px;border-radius:var(--edp-radius-md);box-shadow:0 1px 4px #0000000f;box-shadow:var(--edp-shadow-sm);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition)}.edp2-related-card:hover{border-color:#bbf7d0;border-color:var(--edp-green-light);box-shadow:0 4px 16px #16a34a1a,0 1px 4px #0000000d;box-shadow:var(--edp-shadow-md);transform:translateY(-3px)}.edp2-related-card__img-wrap{background:#f3f4f6;background:var(--edp-neutral-100);height:110px;overflow:hidden}.edp2-related-card__img-wrap img{height:100%;object-fit:cover;transition:transform .4s;width:100%}.edp2-related-card:hover .edp2-related-card__img-wrap img{transform:scale(1.06)}.edp2-related-card__body{display:flex;flex-direction:column;gap:6px;padding:12px}.edp2-related-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#111827;color:var(--edp-neutral-900);display:-webkit-box;font-size:.82rem;font-weight:700;line-height:1.45;overflow:hidden}.edp2-related-card__date{align-items:center;color:#9ca3af;color:var(--edp-neutral-400);display:flex;font-size:.7rem;gap:5px}.edp2-sidebar{display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:24px}.edp2-sidebar-card{background:#fff;background:var(--edp-white);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);border-radius:18px;border-radius:var(--edp-radius-lg);box-shadow:0 1px 4px #0000000f;box-shadow:var(--edp-shadow-sm);padding:20px}.edp2-countdown-card{background:linear-gradient(135deg,#166534,#16a34a);background:linear-gradient(135deg,var(--edp-green-deeper) 0,var(--edp-green) 100%);border-color:#0000}.edp2-countdown-card__label{color:#fffc;font-size:.72rem;font-weight:800;letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.edp2-countdown{display:flex;gap:8px;justify-content:center}.edp2-countdown__unit{background:#ffffff1f;border-radius:8px;border-radius:var(--edp-radius-sm);flex:1 1;padding:10px 8px;text-align:center}.edp2-countdown__num{color:#fff;color:var(--edp-white);display:block;font-family:Lexend,Segoe UI,sans-serif;font-family:var(--edp-font-head);font-size:1.6rem;font-weight:900;line-height:1}.edp2-countdown__label{color:#ffffffb3;display:block;font-size:.6rem;font-weight:600;margin-top:4px;text-transform:uppercase}.edp2-reg-card{display:flex;flex-direction:column;gap:12px}.edp2-reg-card__urgency{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;border-radius:var(--edp-radius-sm);color:#92400e;font-size:.78rem;font-weight:700;padding:8px 12px;text-align:center}.edp2-reg-card__fee{color:#15803d;color:var(--edp-green-dark);font-size:.78rem;font-weight:600;text-align:center}.edp2-reg-card__ended,.edp2-reg-card__full{align-items:center;border-radius:12px;border-radius:var(--edp-radius-md);display:flex;font-size:.84rem;font-weight:700;gap:8px;justify-content:center;padding:14px}.edp2-reg-card__ended{background:#f3f4f6;background:var(--edp-neutral-100);color:#6b7280;color:var(--edp-neutral-500)}.edp2-reg-card__full{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;color:var(--edp-red)}.edp2-reg-card__hint{color:#9ca3af;color:var(--edp-neutral-400);font-size:.72rem;margin-top:4px;text-align:center}.edp2-quick-info__title{color:#111827;color:var(--edp-neutral-900);font-family:Lexend,Segoe UI,sans-serif;font-family:var(--edp-font-head);font-size:.88rem;font-weight:800;margin-bottom:14px}.edp2-quick-info__list{display:flex;flex-direction:column;gap:11px;list-style:none}.edp2-quick-info__list li{align-items:flex-start;display:flex;font-size:.78rem;gap:10px}.edp2-quick-info__list li div{display:flex;flex-direction:column;gap:1px}.edp2-quick-info__list li span{color:#9ca3af;color:var(--edp-neutral-400);font-size:.68rem;text-transform:uppercase}.edp2-quick-info__list li strong{color:var(--edp-neutral-800);font-weight:700}.qi-icon{color:#16a34a;color:var(--edp-green);flex-shrink:0;font-size:.9rem;margin-top:2px}.qi-icon--red{color:#ef4444;color:var(--edp-red)}.qi-icon--blue{color:#3b82f6;color:var(--edp-blue)}.qi-icon--purple{color:#8b5cf6;color:var(--edp-purple)}.qi-icon--gold{color:#d97706;color:var(--edp-gold)}.edp2-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--edp-radius-md);cursor:pointer;display:inline-flex;font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font-body);font-size:.88rem;font-weight:700;gap:8px;justify-content:center;padding:10px 22px;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition)}.edp2-btn--primary{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--edp-green) 0,var(--edp-green-dark) 100%);box-shadow:0 4px 14px #16a34a4d;color:#fff;color:var(--edp-white)}.edp2-btn--primary:hover{box-shadow:0 8px 20px #16a34a66;transform:translateY(-2px)}.edp2-btn--outline{background:#0000;border:2px solid #16a34a;border:2px solid var(--edp-green);color:#16a34a;color:var(--edp-green)}.edp2-btn--outline:hover{background:#f0fdf4;background:var(--edp-green-bg)}.edp2-btn--ghost{background:#f3f4f6;background:var(--edp-neutral-100);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);color:#374151;color:var(--edp-neutral-700)}.edp2-btn--ghost:hover{background:#e5e7eb;background:var(--edp-neutral-200)}.edp2-btn--lg{font-size:.95rem;padding:13px 26px}.edp2-btn--full{width:100%}.edp2-lightbox{align-items:center;animation:edpFadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000eb;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}@keyframes edpFadeIn{0%{opacity:0}to{opacity:1}}.edp2-lightbox img{animation:edpZoomIn .25s cubic-bezier(.34,1.4,.64,1);border-radius:18px;border-radius:var(--edp-radius-lg);box-shadow:0 40px 80px #0009;max-height:88vh;max-width:90vw;object-fit:contain}@keyframes edpZoomIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.edp2-lightbox__close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:42px;justify-content:center;position:absolute;right:20px;top:16px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition);width:42px}.edp2-lightbox__close:hover{background:#ffffff47;transform:rotate(90deg)}.edp2-lightbox__next,.edp2-lightbox__prev{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition);width:50px}.edp2-lightbox__next:hover,.edp2-lightbox__prev:hover{background:#ffffff38}.edp2-lightbox__prev{left:16px}.edp2-lightbox__next{right:16px}.edp2-modal-overlay{align-items:center;animation:edpFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.edp2-modal{animation:edpZoomIn .3s cubic-bezier(.34,1.4,.64,1);background:#fff;background:var(--edp-white);border-radius:24px;border-radius:var(--edp-radius-xl);box-shadow:0 24px 60px #0003;max-height:90vh;max-width:460px;overflow-y:auto;padding:28px;position:relative;width:100%}.edp2-modal__close{align-items:center;background:#f3f4f6;background:var(--edp-neutral-100);border:none;border-radius:50%;color:#6b7280;color:var(--edp-neutral-500);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition);width:32px}.edp2-modal__close:hover{background:#e5e7eb;background:var(--edp-neutral-200);transform:rotate(90deg)}.edp2-modal__title{color:#111827;color:var(--edp-neutral-900);font-family:Lexend,Segoe UI,sans-serif;font-family:var(--edp-font-head);font-size:1.1rem;font-weight:800;margin-bottom:4px}.edp2-modal__sub{color:#6b7280;color:var(--edp-neutral-500);font-size:.8rem;margin-bottom:20px}.edp2-reg-form{gap:14px}.edp2-field,.edp2-reg-form{display:flex;flex-direction:column}.edp2-field{gap:5px}.edp2-field__label{color:#374151;color:var(--edp-neutral-700);font-size:.78rem;font-weight:700}.edp2-field__input{background:#f9fafb;background:var(--edp-neutral-50);border:1px solid #e5e7eb;border:1px solid var(--edp-neutral-200);border-radius:8px;border-radius:var(--edp-radius-sm);color:#111827;color:var(--edp-neutral-900);font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font-body);font-size:.84rem;outline:none;padding:10px 13px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--edp-transition)}.edp2-field__input:focus{background:#fff;background:var(--edp-white);border-color:#16a34a;border-color:var(--edp-green);box-shadow:0 0 0 3px #16a34a1a}.edp2-reg-form__actions{display:flex;gap:10px;margin-top:6px}.edp2-reg-form__actions .edp2-btn{flex:1 1}.edp2-reg-form__actions .edp2-btn--primary{flex:2 1}.edp2-reg-result{align-items:center;display:flex;flex-direction:column;gap:12px;padding:10px 0;text-align:center}.edp2-reg-result__icon{font-size:2.4rem}.edp2-reg-result__msg{font-size:.9rem;font-weight:700}.edp2-reg-result__msg--success{color:#16a34a;color:var(--edp-green)}.edp2-reg-result__msg--fail{color:#ef4444;color:var(--edp-red)}.edp2-reg-result__actions{display:flex;gap:10px;width:100%}.edp2-ticket-box{align-items:center;background:#f0fdf4;background:var(--edp-green-bg);border:1px solid #bbf7d0;border:1px solid var(--edp-green-light);border-radius:12px;border-radius:var(--edp-radius-md);display:flex;flex-direction:column;gap:12px;padding:20px;width:100%}.edp2-ticket-box__label{color:#16a34a;color:var(--edp-green);font-size:.72rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.edp2-ticket-box__qr{background:#fff;background:var(--edp-white);border-radius:12px;border-radius:var(--edp-radius-md);box-shadow:0 4px 12px #00000014;padding:12px}.edp2-ticket-box__code{color:#166534;color:var(--edp-green-deeper);font-family:Courier New,monospace;font-size:1.1rem;font-weight:800;letter-spacing:3px}.edp2-ticket-box__hint{color:#6b7280;color:var(--edp-neutral-500);font-size:.72rem;line-height:1.6;text-align:center}@media (max-width:1024px){.edp2-layout{grid-template-columns:1fr}.edp2-sidebar{position:static}.edp2-hero{height:380px}}@media (max-width:768px){.edp2-hero{height:280px}.edp2-layout{gap:18px;padding:16px 14px 40px}.edp2-title{font-size:1.4rem}.edp2-info-grid{grid-template-columns:1fr 1fr}.edp2-tabs{flex-wrap:wrap;width:100%}.edp2-tab{flex:1 1;text-align:center}.edp2-related__grid{grid-template-columns:repeat(2,1fr)}.edp2-countdown{gap:5px}.edp2-countdown__num{font-size:1.3rem}}@media (max-width:480px){.edp2-hero{height:220px}.edp2-title{font-size:1.2rem}.edp2-info-grid,.edp2-related__grid{grid-template-columns:1fr}.edp2-section{padding:16px}.edp2-hero__arrow{font-size:.85rem;height:36px;width:36px}}:root{--edp-primary:#16a34a;--edp-primary-dark:#15803d;--edp-primary-light:#bbf7d0;--edp-primary-bg:#f0fdf4;--edp-badge-bg:#dcfce7;--edp-badge-text:#166534;--edp-white:#fff;--edp-border:#d1fae5;--edp-border-soft:#e5e7eb;--edp-neutral-50:#f9fafb;--edp-neutral-100:#f3f4f6;--edp-neutral-200:#e5e7eb;--edp-neutral-400:#9ca3af;--edp-neutral-500:#6b7280;--edp-neutral-700:#374151;--edp-neutral-900:#111827;--edp-shadow-sm:0 1px 3px #0000000f;--edp-shadow-md:0 4px 14px #16a34a1a,0 1px 4px #0000000d;--edp-radius-sm:6px;--edp-radius-md:10px;--edp-radius-lg:14px;--edp-font:"Be Vietnam Pro","Segoe UI",system-ui,sans-serif;--edp-fs-xs:0.7rem;--edp-fs-sm:0.78rem;--edp-fs-base:0.84rem;--edp-fs-md:0.92rem;--edp-fs-lg:1.05rem}.edp-page{background:linear-gradient(160deg,#f0fdf4,#ecfdf5 50%,#f9fafb);background:linear-gradient(160deg,var(--edp-primary-bg) 0,#ecfdf5 50%,#f9fafb 100%);color:#374151;color:var(--edp-neutral-700);font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font);font-size:.84rem;font-size:var(--edp-fs-base);min-height:100vh;padding:16px 0 48px}.edp-breadcrumb{align-items:center;color:#6b7280;color:var(--edp-neutral-500);display:flex;flex-wrap:wrap;font-size:.7rem;font-size:var(--edp-fs-xs);gap:6px;margin:0 auto 14px;max-width:1100px;padding:0 18px}.edp-breadcrumb__link{color:#16a34a;color:var(--edp-primary);text-decoration:none}.edp-breadcrumb__link:hover{text-decoration:underline}.edp-breadcrumb__sep{color:#9ca3af;color:var(--edp-neutral-400)}.edp-container{background:#fff;background:var(--edp-white);border-radius:14px;border-radius:var(--edp-radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--edp-shadow-sm);margin:0 auto;max-width:1100px;padding:26px}.edp-btn-back,.edp-container{border:1px solid #d1fae5;border:1px solid var(--edp-border)}.edp-btn-back{align-items:center;background:#f0fdf4;background:var(--edp-primary-bg);border-radius:6px;border-radius:var(--edp-radius-sm);color:#374151;color:var(--edp-neutral-700);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font);font-size:.78rem;font-size:var(--edp-fs-sm);font-weight:600;gap:6px;margin-bottom:20px;padding:7px 13px;transition:all .2s}.edp-btn-back:hover{background:#dcfce7;background:var(--edp-badge-bg);border-color:#bbf7d0;border-color:var(--edp-primary-light);color:#16a34a;color:var(--edp-primary)}.edp-btn-back svg{color:inherit;font-size:.7rem}.edp-event-header{margin-bottom:24px}.edp-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.edp-type-badge{border-radius:20px;display:inline-block;font-size:.7rem;font-size:var(--edp-fs-xs);font-weight:700;letter-spacing:.3px;padding:3px 11px;text-transform:uppercase}.edp-type-badge--event{background:#dcfce7;background:var(--edp-badge-bg);color:#166534;color:var(--edp-badge-text)}.edp-type-badge--promotion{background:#fef3c7;color:#92400e}.edp-type-badge--news{background:#dbeafe;color:#1e40af}.edp-type-badge--notification{background:#ede9fe;color:#5b21b6}.edp-status-badge--ended{background:#fee2e2;border-radius:20px;color:#991b1b;display:inline-block;font-size:.7rem;font-size:var(--edp-fs-xs);font-weight:700;padding:3px 11px;text-transform:uppercase}.edp-event-title{color:#111827;color:var(--edp-neutral-900);font-size:1.5rem;font-weight:800;line-height:1.3;margin:0 0 18px}.edp-meta{border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--edp-border);border-top:1px solid #d1fae5;border-top:1px solid var(--edp-border);flex-wrap:wrap;gap:14px;padding:12px 0}.edp-meta,.edp-meta__item{align-items:center;display:flex}.edp-meta__item{color:#6b7280;color:var(--edp-neutral-500);font-size:.78rem;font-size:var(--edp-fs-sm);gap:5px}.edp-meta__icon{color:#16a34a;color:var(--edp-primary);font-size:.75rem}.edp-btn-share{align-items:center;background:#16a34a;background:var(--edp-primary);border:none;border-radius:6px;border-radius:var(--edp-radius-sm);color:#fff;color:var(--edp-white);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font);font-size:.78rem;font-size:var(--edp-fs-sm);font-weight:600;gap:6px;margin-left:auto;padding:7px 15px;transition:background .2s}.edp-btn-share:hover{background:#15803d;background:var(--edp-primary-dark)}.edp-btn-share svg{color:inherit;font-size:.75rem}.edp-image-section{margin:22px 0}.edp-main-image{background:#f0fdf4;background:var(--edp-primary-bg);border-radius:10px;border-radius:var(--edp-radius-md);height:400px;margin-bottom:10px;overflow:hidden;width:100%}.edp-main-image__img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.edp-main-image:hover .edp-main-image__img{transform:scale(1.02)}.edp-thumbs{display:flex;flex-wrap:wrap;gap:8px}.edp-thumb{background:#f0fdf4;background:var(--edp-primary-bg);border:2px solid #0000;border-radius:6px;border-radius:var(--edp-radius-sm);cursor:pointer;height:54px;object-fit:cover;transition:all .2s;width:76px}.edp-thumb:hover{opacity:.8;transform:scale(1.04)}.edp-thumb--active{border-color:#16a34a;border-color:var(--edp-primary);box-shadow:0 0 0 1px #16a34a;box-shadow:0 0 0 1px var(--edp-primary)}.edp-content{line-height:1.8}.edp-desc-box{background:#f0fdf4;background:var(--edp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--edp-border);border-radius:10px;border-radius:var(--edp-radius-md);margin-bottom:22px;padding:16px}.edp-desc-box__title{color:#374151;color:var(--edp-neutral-700);font-weight:700;margin-bottom:7px}.edp-desc-box__text,.edp-desc-box__title{font-size:.78rem;font-size:var(--edp-fs-sm)}.edp-desc-box__text{color:#6b7280;color:var(--edp-neutral-500);margin:0}.edp-full-content__title{color:#111827;color:var(--edp-neutral-900);font-size:1.05rem;font-size:var(--edp-fs-lg);font-weight:700;margin-bottom:14px}.edp-html-content{color:#374151;color:var(--edp-neutral-700);font-size:.92rem;font-size:var(--edp-fs-md);line-height:1.8}.edp-html-content p{margin-bottom:12px}.edp-html-content img{border-radius:6px;border-radius:var(--edp-radius-sm);margin:14px 0;max-width:100%}.edp-cta{background:#f0fdf4;background:var(--edp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--edp-border);border-radius:14px;border-radius:var(--edp-radius-lg);margin:36px 0 26px;padding:26px;text-align:center}.edp-cta__btn{background:#16a34a;background:var(--edp-primary);border:none;border-radius:10px;border-radius:var(--edp-radius-md);color:#fff;color:var(--edp-white);cursor:pointer;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font);font-size:.92rem;font-size:var(--edp-fs-md);font-weight:700;padding:12px 38px;transition:all .2s}.edp-cta__btn:hover{background:#15803d;background:var(--edp-primary-dark);box-shadow:0 6px 16px #16a34a47;transform:translateY(-2px)}.edp-related{margin-top:26px}.edp-related__title{color:#111827;color:var(--edp-neutral-900);font-size:1.05rem;font-size:var(--edp-fs-lg);font-weight:700;margin-bottom:12px}.edp-loading{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:340px}.edp-spinner{animation:edpSpin .85s linear infinite;border:3px solid #d1fae5;border-top-color:#16a34a;border:3px solid var(--edp-border);border-radius:50%;border-top-color:var(--edp-primary);height:38px;width:38px}@keyframes edpSpin{to{transform:rotate(1turn)}}.edp-loading__text{color:#6b7280;color:var(--edp-neutral-500);font-size:.78rem;font-size:var(--edp-fs-sm)}.edp-error{padding:60px 20px;text-align:center}.edp-error__title{color:#374151;color:var(--edp-neutral-700);font-size:1.05rem;font-size:var(--edp-fs-lg);font-weight:700;margin-bottom:14px}.edp-error__link{background:#16a34a;background:var(--edp-primary);border-radius:6px;border-radius:var(--edp-radius-sm);color:#fff;color:var(--edp-white);display:inline-block;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--edp-font);font-size:.78rem;font-size:var(--edp-fs-sm);font-weight:600;padding:9px 20px;text-decoration:none}@media (max-width:768px){.edp-container{padding:16px}.edp-event-title{font-size:1.2rem}.edp-main-image{height:240px}.edp-thumbs{gap:6px}.edp-thumb{height:40px;width:58px}.edp-cta{padding:18px}.edp-cta__btn{font-size:.78rem;font-size:var(--edp-fs-sm);padding:10px 26px}}@media (max-width:480px){.edp-page{padding:8px 0 32px}.edp-breadcrumb{padding:0 12px}.edp-container{border-left:none;border-radius:0;border-right:none;padding:12px}.edp-event-title{font-size:1.05rem}.edp-main-image{height:190px}.edp-meta{gap:10px}.edp-btn-share{justify-content:center;margin-left:0;width:100%}}:root{--emp-primary:#16a34a;--emp-primary-dark:#15803d;--emp-primary-light:#bbf7d0;--emp-primary-bg:#f0fdf4;--emp-badge-bg:#dcfce7;--emp-badge-text:#166534;--emp-white:#fff;--emp-border:#d1fae5;--emp-border-soft:#e5e7eb;--emp-neutral-50:#f9fafb;--emp-neutral-100:#f3f4f6;--emp-neutral-200:#e5e7eb;--emp-neutral-400:#9ca3af;--emp-neutral-500:#6b7280;--emp-neutral-700:#374151;--emp-neutral-900:#111827;--emp-shadow-sm:0 1px 3px #0000000f;--emp-shadow-md:0 4px 14px #16a34a1a,0 1px 4px #0000000d;--emp-radius-sm:6px;--emp-radius-md:10px;--emp-radius-lg:14px;--emp-font:"Be Vietnam Pro","Segoe UI",system-ui,sans-serif;--emp-fs-xs:0.7rem;--emp-fs-sm:0.78rem;--emp-fs-base:0.84rem;--emp-fs-md:0.92rem;--emp-fs-lg:1.05rem}.emp-page{background:linear-gradient(160deg,#f0fdf4,#ecfdf5 50%,#f9fafb);background:linear-gradient(160deg,var(--emp-primary-bg) 0,#ecfdf5 50%,#f9fafb 100%);color:#374151;color:var(--emp-neutral-700);font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--emp-font);font-size:.84rem;font-size:var(--emp-fs-base);min-height:100vh;padding:18px}.emp-header{align-items:center;background:#fff;background:var(--emp-white);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:14px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--emp-shadow-sm);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px;overflow:hidden;padding:14px 18px;position:relative}.emp-header:before{background:linear-gradient(90deg,#16a34a,#059669,#34d399);background:linear-gradient(90deg,var(--emp-primary),#059669,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.emp-header__title{color:#111827;color:var(--emp-neutral-900);font-size:1.05rem;font-size:var(--emp-fs-lg);font-weight:700;margin:0}.emp-header__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.emp-view-switcher{background:#f0fdf4;background:var(--emp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);display:flex;padding:3px}.emp-view-switcher__btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--emp-radius-sm);color:#6b7280;color:var(--emp-neutral-500);cursor:pointer;display:flex;font-size:.78rem;font-size:var(--emp-fs-sm);padding:5px 9px;transition:all .2s}.emp-view-switcher__btn--active{background:#fff;background:var(--emp-white);box-shadow:0 1px 3px #0000000f;box-shadow:var(--emp-shadow-sm);color:#16a34a;color:var(--emp-primary)}.emp-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--emp-radius-sm);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--emp-font);font-size:.78rem;font-size:var(--emp-fs-sm);font-weight:600;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.emp-btn--primary{background:#16a34a;background:var(--emp-primary);color:#fff;color:var(--emp-white)}.emp-btn--primary:hover{background:#15803d;background:var(--emp-primary-dark);box-shadow:0 4px 12px #16a34a47}.emp-btn--secondary{background:#f0fdf4;background:var(--emp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--emp-border);color:#16a34a;color:var(--emp-primary)}.emp-btn--secondary:hover{background:#dcfce7;background:var(--emp-badge-bg);border-color:#bbf7d0;border-color:var(--emp-primary-light)}.emp-btn--ghost{background:#0000;color:#6b7280;color:var(--emp-neutral-500);padding:5px 9px}.emp-btn--ghost:hover{background:#f0fdf4;background:var(--emp-primary-bg);color:#111827;color:var(--emp-neutral-900)}.emp-btn--danger:hover{background:#fee2e2;color:#dc2626}.emp-btn svg{color:inherit;font-size:.75rem}.emp-filter-bar{align-items:center;background:#fff;background:var(--emp-white);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:10px;border-radius:var(--emp-radius-md);box-shadow:0 1px 3px #0000000f;box-shadow:var(--emp-shadow-sm);display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px;padding:11px 14px}.emp-filter-bar__input,.emp-filter-bar__select{background:#f0fdf4;background:var(--emp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);color:#374151;color:var(--emp-neutral-700);font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--emp-font);font-size:.78rem;font-size:var(--emp-fs-sm);min-width:0;outline:none;padding:7px 11px;transition:all .2s}.emp-filter-bar__input:focus,.emp-filter-bar__select:focus{background:#fff;background:var(--emp-white);border-color:#16a34a;border-color:var(--emp-primary);box-shadow:0 0 0 3px #16a34a1a}.emp-filter-bar__input{flex:1 1;min-width:150px}.emp-filter-bar__date-group{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.emp-filter-bar__date-sep{color:#9ca3af;color:var(--emp-neutral-400);font-size:.7rem;font-size:var(--emp-fs-xs)}.emp-loading{color:#6b7280;color:var(--emp-neutral-500);font-size:.92rem;font-size:var(--emp-fs-md);padding:44px;text-align:center}.emp-table-wrap{background:#fff;background:var(--emp-white);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:14px;border-radius:var(--emp-radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--emp-shadow-sm);overflow:hidden;overflow-x:auto}.emp-table{border-collapse:collapse;min-width:760px;width:100%}.emp-table thead{background:#f0fdf4;background:var(--emp-primary-bg)}.emp-table th{border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--emp-border);color:#16a34a;color:var(--emp-primary);font-size:.7rem;font-size:var(--emp-fs-xs);font-weight:700;letter-spacing:.5px;padding:11px 13px;text-align:left;text-transform:uppercase}.emp-table td{color:#374151;color:var(--emp-neutral-700);font-size:.78rem;font-size:var(--emp-fs-sm);padding:11px 13px;vertical-align:middle}.emp-table tbody tr{transition:background .15s}.emp-table tbody tr:hover{background:#f0fdf4;background:var(--emp-primary-bg)}.emp-table__divider td{border-top:1px solid #d1fae5;border-top:1px solid var(--emp-border)}.emp-table__thumb{background:#f0fdf4;background:var(--emp-primary-bg);border-radius:6px;border-radius:var(--emp-radius-sm);display:block;height:40px;object-fit:cover;width:56px}.emp-table__title{color:#111827;color:var(--emp-neutral-900);display:block;font-weight:600;margin-bottom:2px}.emp-table__sub{color:#9ca3af;color:var(--emp-neutral-400)}.emp-badge,.emp-table__sub{font-size:.7rem;font-size:var(--emp-fs-xs)}.emp-badge{border-radius:20px;display:inline-block;font-weight:700;letter-spacing:.3px;padding:2px 9px;text-transform:uppercase}.emp-badge--event{background:#dcfce7;background:var(--emp-badge-bg);color:#166534;color:var(--emp-badge-text)}.emp-badge--promotion{background:#fef3c7;color:#92400e}.emp-badge--news{background:#dbeafe;color:#1e40af}.emp-badge--notification{background:#ede9fe;color:#5b21b6}.emp-toggle{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--emp-font);font-size:.7rem;font-size:var(--emp-fs-xs);font-weight:600;gap:4px;padding:3px 9px;transition:all .2s}.emp-toggle svg{color:inherit;font-size:.7rem}.emp-toggle--on{background:#dcfce7;background:var(--emp-badge-bg);color:#166534;color:var(--emp-badge-text)}.emp-toggle--off{background:#f3f4f6;background:var(--emp-neutral-100);color:#6b7280;color:var(--emp-neutral-500)}.emp-actions{align-items:center;display:flex;gap:4px}.emp-action-btn{align-items:center;background:#f0fdf4;background:var(--emp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);color:#6b7280;color:var(--emp-neutral-500);cursor:pointer;display:inline-flex;font-size:.75rem;height:29px;justify-content:center;transition:all .2s;width:29px}.emp-action-btn:hover{background:#dcfce7;background:var(--emp-badge-bg);border-color:#bbf7d0;border-color:var(--emp-primary-light);color:#16a34a;color:var(--emp-primary)}.emp-action-btn--delete:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.emp-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:14px}.emp-pagination__btn{background:#fff;background:var(--emp-white);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);color:#374151;color:var(--emp-neutral-700);cursor:pointer;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--emp-font);font-size:.78rem;font-size:var(--emp-fs-sm);font-weight:600;padding:5px 13px;transition:all .2s}.emp-pagination__btn:hover:not(:disabled){background:#dcfce7;background:var(--emp-badge-bg);border-color:#bbf7d0;border-color:var(--emp-primary-light);color:#16a34a;color:var(--emp-primary)}.emp-pagination__btn--active{background:#16a34a;background:var(--emp-primary);border-color:#16a34a;border-color:var(--emp-primary);color:#fff;color:var(--emp-white)}.emp-pagination__btn:disabled{cursor:not-allowed;opacity:.4}.emp-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:1000}.emp-modal{animation:empModalIn .22s ease-out;background:#fff;background:var(--emp-white);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:14px;border-radius:var(--emp-radius-lg);box-shadow:0 20px 40px #00000024;margin:auto;max-width:740px;width:100%}@keyframes empModalIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.emp-modal__header{align-items:center;background:#fff;background:var(--emp-white);border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--emp-border);border-radius:14px 14px 0 0;border-radius:var(--emp-radius-lg) var(--emp-radius-lg) 0 0;display:flex;justify-content:space-between;padding:14px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.emp-modal__title{color:#111827;color:var(--emp-neutral-900);font-weight:700;margin:0}.emp-modal__close,.emp-modal__title{font-size:.92rem;font-size:var(--emp-fs-md)}.emp-modal__close{align-items:center;background:#f0fdf4;background:var(--emp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);color:#6b7280;color:var(--emp-neutral-500);cursor:pointer;display:flex;height:29px;justify-content:center;transition:all .2s;width:29px}.emp-modal__close:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.emp-modal__body{max-height:68vh;overflow-y:auto;padding:18px}.emp-form-section{border-bottom:1px solid #d1fae5;border-bottom:1px solid var(--emp-border);margin-bottom:18px;padding-bottom:18px}.emp-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.emp-form-section__title{align-items:center;color:#16a34a;color:var(--emp-primary);display:flex;font-size:.7rem;font-size:var(--emp-fs-xs);font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:13px;text-transform:uppercase}.emp-form-section__title svg{color:inherit;font-size:.75rem}.emp-form-group{margin-bottom:12px}.emp-form-group:last-child{margin-bottom:0}.emp-form-label{color:#374151;color:var(--emp-neutral-700);display:block;font-size:.7rem;font-size:var(--emp-fs-xs);font-weight:600;margin-bottom:5px}.emp-form-label--required:after{color:#ef4444;content:" *"}.emp-form-input,.emp-form-select,.emp-form-textarea{background:#f0fdf4;background:var(--emp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);box-sizing:border-box;color:#111827;color:var(--emp-neutral-900);font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--emp-font);font-size:.78rem;font-size:var(--emp-fs-sm);outline:none;padding:8px 11px;transition:all .2s;width:100%}.emp-form-input:focus,.emp-form-select:focus,.emp-form-textarea:focus{background:#fff;background:var(--emp-white);border-color:#16a34a;border-color:var(--emp-primary);box-shadow:0 0 0 3px #16a34a1a}.emp-form-textarea{min-height:76px;resize:vertical}.emp-form-row{grid-gap:11px;display:grid;gap:11px;grid-template-columns:1fr 1fr}.emp-checkbox-label{align-items:center;color:#374151;color:var(--emp-neutral-700);cursor:pointer;display:flex;font-size:.78rem;font-size:var(--emp-fs-sm);font-weight:600;gap:8px}.emp-checkbox-label input[type=checkbox]{accent-color:#16a34a;accent-color:var(--emp-primary);cursor:pointer;height:15px;width:15px}.emp-upload-area{position:relative}.emp-upload-label{align-items:center;background:#f0fdf4;background:var(--emp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);color:#16a34a;color:var(--emp-primary);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--emp-font);font-size:.7rem;font-size:var(--emp-fs-xs);font-weight:600;gap:6px;padding:6px 13px;transition:all .2s}.emp-upload-label:hover{background:#dcfce7;background:var(--emp-badge-bg);border-color:#bbf7d0;border-color:var(--emp-primary-light)}.emp-upload-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.emp-image-preview{display:inline-block;margin-top:9px;position:relative}.emp-image-preview__img{border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);display:block;max-height:125px;max-width:190px;object-fit:cover}.emp-image-preview__remove{background:#dc2626e0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;font-size:var(--emp-fs-xs);font-weight:600;padding:2px 7px;position:absolute;right:5px;top:5px}.emp-gallery-preview{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));margin-top:9px}.emp-gallery-item{aspect-ratio:1;background:#f0fdf4;background:var(--emp-primary-bg);border:1px solid #d1fae5;border:1px solid var(--emp-border);border-radius:6px;border-radius:var(--emp-radius-sm);overflow:hidden;position:relative}.emp-gallery-item__img{height:100%;object-fit:cover;width:100%}.emp-gallery-item__remove{align-items:center;background:#dc2626d6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:13px;height:21px;justify-content:center;position:absolute;right:3px;top:3px;width:21px}.emp-uploading-text{animation:empPulse 1.5s infinite;color:#16a34a;color:var(--emp-primary);font-size:.7rem;font-size:var(--emp-fs-xs);font-weight:600;margin-top:7px}@keyframes empPulse{0%,to{opacity:1}50%{opacity:.5}}.emp-modal__footer{background:#f0fdf4;background:var(--emp-primary-bg);border-radius:0 0 14px 14px;border-radius:0 0 var(--emp-radius-lg) var(--emp-radius-lg);border-top:1px solid #d1fae5;border-top:1px solid var(--emp-border);display:flex;gap:9px;justify-content:flex-end;padding:12px 18px}@media (max-width:768px){.emp-page{padding:10px}.emp-header{padding:11px 13px}.emp-header__title{font-size:.92rem;font-size:var(--emp-fs-md)}.emp-filter-bar{gap:8px}.emp-filter-bar__input{min-width:100%}.emp-filter-bar__date-group{width:100%}.emp-table{min-width:580px}.emp-table td,.emp-table th{font-size:.72rem;padding:9px 10px}.emp-table__thumb{height:32px;width:44px}.emp-form-row{grid-template-columns:1fr}.emp-modal__body{max-height:58vh}.emp-image-preview__img{max-width:100%}}@media (max-width:480px){.emp-header__actions{gap:6px}.emp-btn{font-size:.7rem;font-size:var(--emp-fs-xs);padding:6px 10px}.emp-modal{border-radius:0;margin:0;min-height:100vh}.emp-modal__body{max-height:none}.emp-gallery-preview{grid-template-columns:repeat(3,1fr)}.emp-modal__footer{flex-direction:column}.emp-modal__footer .emp-btn{justify-content:center}}.emp-workflow-badge{border-radius:20px;display:inline-block;font-size:.68rem;font-weight:700;padding:3px 10px;white-space:nowrap}.emp-priority{align-items:center;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:700;gap:3px;padding:2px 8px;text-transform:uppercase}.emp-priority--low{background:#f3f4f6;color:#6b7280}.emp-priority--normal{background:#dbeafe;color:#1d4ed8}.emp-priority--high{background:#fef3c7;color:#d97706}.emp-priority--urgent{background:#fee2e2;color:#dc2626}.emp-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.emp-stat-card{align-items:center;background:#fff;background:var(--emp-white,#fff);border:1px solid #d1fae5;border:1px solid var(--emp-border,#d1fae5);border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;padding:14px 16px;transition:box-shadow .2s,transform .18s}.emp-stat-card:hover{box-shadow:0 4px 14px #16a34a1f;transform:translateY(-2px)}.emp-stat-card__icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.emp-stat-card__icon--green{background:#dcfce7;color:#16a34a}.emp-stat-card__icon--blue{background:#dbeafe;color:#2563eb}.emp-stat-card__icon--amber{background:#fef3c7;color:#d97706}.emp-stat-card__icon--gray{background:#f3f4f6;color:#6b7280}.emp-stat-card__icon--red{background:#fee2e2;color:#dc2626}.emp-stat-card__label{color:#6b7280;font-size:.68rem;font-weight:600;margin-bottom:2px;text-transform:uppercase}.emp-stat-card__num{color:#111827;font-size:1.4rem;font-weight:800;line-height:1}.emp-stat-card__sub{color:#9ca3af;font-size:.65rem;margin-top:1px}.emp-kanban{display:flex;gap:12px;min-height:400px;overflow-x:auto;padding-bottom:12px}.emp-kanban-col{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex:0 0 220px;flex-direction:column}.emp-kanban-col__header{align-items:center;border-radius:10px 10px 0 0;display:flex;font-size:.72rem;font-weight:700;justify-content:space-between;letter-spacing:.4px;padding:10px 12px;text-transform:uppercase}.emp-kanban-col__count{background:#ffffff80;border-radius:20px;font-size:.65rem;font-weight:700;padding:1px 7px}.emp-kanban-col__body{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding:8px}.emp-kanban-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000012;cursor:pointer;padding:10px;transition:box-shadow .18s,transform .15s}.emp-kanban-card:hover{box-shadow:0 3px 10px #16a34a24;transform:translateY(-1px)}.emp-kanban-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#111827;display:-webkit-box;font-size:.78rem;font-weight:600;line-height:1.35;margin-bottom:6px;overflow:hidden}.emp-kanban-card__meta{color:#9ca3af;display:flex;flex-direction:column;font-size:.65rem;gap:2px}.emp-kanban-card__actions{border-top:1px solid #f3f4f6;display:flex;gap:4px;margin-top:8px;padding-top:6px}.emp-kanban-card__btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.62rem;font-weight:600;padding:4px;text-align:center;transition:all .15s}.emp-kanban-card__btn:hover{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.emp-kanban-card__btn--danger:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.emp-view-tabs{background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;display:flex;gap:4px;padding:3px}.emp-view-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.72rem;font-weight:600;gap:5px;padding:5px 12px;transition:all .18s}.emp-view-tab--active{background:#fff;box-shadow:0 1px 3px #00000014;color:#16a34a}.emp-view-tab:hover:not(.emp-view-tab--active){color:#374151}@media (max-width:1024px){.emp-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.emp-stats-row{gap:8px;grid-template-columns:repeat(2,1fr)}.emp-kanban{flex-direction:column}.emp-kanban-col{flex:none;width:100%}}.emp-wizard-header{background:#f9fafb;background:var(--emp-neutral-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--emp-border-soft);display:flex}.emp-wizard-step{color:#9ca3af;color:var(--emp-neutral-400);flex:1 1;font-size:.72rem;font-weight:600;padding:12px 5px;position:relative;text-align:center;transition:all .3s}.emp-wizard-step.active{background:#fff;background:var(--emp-white);border-bottom:3px solid #16a34a;border-bottom:3px solid var(--emp-primary);color:#16a34a;color:var(--emp-primary)}.emp-wizard-content{min-height:300px}.slide-in{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.emp-form-input--large{border-color:#cbd5e1;font-size:1.1rem;font-weight:600;padding:12px 14px}.emp-type-cards{display:flex;flex-wrap:wrap;gap:10px}.emp-type-card{align-items:center;background:#fff;background:var(--emp-white);border:2px solid #e5e7eb;border:2px solid var(--emp-border-soft);border-radius:8px;color:#374151;color:var(--emp-neutral-700);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:8px;padding:10px 14px;transition:all .2s}.emp-type-card .icon{font-size:1.1rem}.emp-type-card:hover{border-color:#bbf7d0;border-color:var(--emp-primary-light)}.emp-type-card.selected,.emp-type-card:hover{background:#f0fdf4;background:var(--emp-primary-bg)}.emp-type-card.selected{border-color:#16a34a;border-color:var(--emp-primary);box-shadow:0 0 0 1px #16a34a;box-shadow:0 0 0 1px var(--emp-primary);color:#15803d;color:var(--emp-primary-dark)}.emp-format-selector{display:flex;gap:20px}.emp-format-selector label{align-items:center;cursor:pointer;display:flex;font-size:.84rem;font-weight:600;gap:6px}.emp-smart-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin-top:10px;padding:14px}.emp-smart-box.gift-box{background:#fffbeb;border-color:#fcd34d}.emp-smart-box.online{background:#f0fdf4;border-color:#86efac}.emp-upload-input-file{border:1px solid #e5e7eb;border:1px solid var(--emp-border-soft);border-radius:4px;display:block;font-size:.75rem;padding:6px;width:100%}.emp-preview-mini{border:1px solid #e2e8f0;border-radius:4px;height:40px;margin-top:8px}.emp-text-primary{color:#15803d;color:var(--emp-primary-dark)}.emp-select-status{color:#1e293b;font-weight:700}.ecc-layout{background:#f1f5f9;display:flex;font-family:Be Vietnam Pro,sans-serif;gap:20px;height:calc(100vh - 70px);padding:20px}.ecc-reception-zone{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #00000014;display:flex;flex:7 1;flex-direction:column;overflow:hidden}.ecc-header{align-items:center;background:#1e293b;color:#fff;display:flex;gap:15px;padding:20px}.ecc-header h2{font-size:1.4rem;font-weight:700;letter-spacing:1px;margin:0}.ecc-btn-back{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.ecc-btn-back:hover{background:#fff3}.ecc-scan-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px}.ecc-camera-placeholder{color:#64748b;margin-bottom:40px;text-align:center}.ecc-big-icon{color:#cbd5e1;font-size:6rem;margin-bottom:20px}.ecc-btn-huge{align-items:center;background:#2563eb;border:none;border-radius:50px;box-shadow:0 10px 20px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:10px;padding:18px 40px;transition:transform .2s}.ecc-btn-huge:hover{transform:scale(1.05)}.ecc-camera-active{max-width:500px;text-align:center;width:100%}.ecc-btn-cancel{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:15px;padding:10px 20px}.ecc-manual-input{margin-top:auto;max-width:400px;text-align:center;width:100%}.ecc-manual-input p{color:#94a3b8;font-size:.9rem;margin-bottom:10px}.ecc-manual-input form{display:flex;gap:10px}.ecc-manual-input input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:1.1rem;letter-spacing:2px;padding:15px;text-align:center;text-transform:uppercase}.ecc-manual-input button{background:#0f172a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:0 25px}.ecc-result{align-items:center;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ecc-result-icon{font-size:6rem;margin-bottom:20px}.ecc-result-title{font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 30px;text-transform:uppercase}.ecc-result--success{background:#f0fdf4;color:#166534}.ecc-result--success .ecc-result-icon{color:#22c55e}.ecc-result--warning{background:#fffbeb;color:#92400e}.ecc-result--warning .ecc-result-icon{color:#f59e0b}.ecc-result--error{background:#fef2f2;color:#991b1b}.ecc-result--error .ecc-result-icon{color:#ef4444}.ecc-guest-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;max-width:500px;padding:30px;width:100%}.ecc-guest-name{color:#0f172a;font-size:2rem;font-weight:800;margin-bottom:10px}.ecc-guest-info{color:#475569;font-size:1.2rem;margin-bottom:5px}.ecc-guest-time{color:#94a3b8;font-size:1rem;font-style:italic;margin-top:15px}.ecc-btn-gift-huge{align-items:center;animation:pulseBtn 2s infinite;background:linear-gradient(135deg,#a855f7,#7e22ce);border:none;border-radius:100px;box-shadow:0 10px 30px #a855f766;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;font-weight:800;gap:15px;padding:25px 50px;transition:transform .2s}@keyframes pulseBtn{0%{box-shadow:0 0 0 0 #a855f7b3}70%{box-shadow:0 0 0 20px #a855f700}to{box-shadow:0 0 0 0 #a855f700}}.ecc-gift-done{align-items:center;color:#16a34a;display:flex;font-size:1.5rem;font-weight:800;gap:10px}.ecc-gift-none{color:#94a3b8;font-size:1.2rem}.ecc-footer-actions{display:flex;gap:20px;margin-top:40px;max-width:500px;width:100%}.ecc-btn-next{background:#0f172a;border:none;border-radius:12px;color:#fff;flex:2 1;font-size:1.2rem}.ecc-btn-next,.ecc-btn-outline{cursor:pointer;font-weight:700;padding:20px}.ecc-btn-outline{background:#0000;border:2px solid #0f172a;border-radius:12px;color:#0f172a;flex:1 1;font-size:1.1rem}.ecc-dashboard-zone{background:#1e293b;border-radius:16px;color:#fff;display:flex;flex:3 1;flex-direction:column;padding:25px}.ecc-dash-header{align-items:center;border-bottom:1px solid #334155;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.ecc-dash-header h3{color:#cbd5e1;font-size:1.2rem;letter-spacing:1px;margin:0;text-transform:uppercase}.ecc-live-badge{align-items:center;background:#ef444433;border-radius:6px;color:#ef4444;display:flex;font-size:.8rem;font-weight:800;gap:6px;padding:5px 10px}.pulse{animation:blink 1s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes blink{50%{opacity:0}}.ecc-stats-grid{display:flex;flex-direction:column;gap:15px}.ecc-stat-box{align-items:center;background:#334155;border-radius:12px;display:flex;justify-content:space-between;padding:20px}.ecc-stat-box.highlight{background:#0f172a;border:1px solid #475569}.ecc-stat-label{color:#94a3b8;font-size:.9rem;font-weight:600;text-transform:uppercase}.ecc-stat-value{font-size:2rem;font-weight:800}.text-green{color:#4ade80}.text-orange{color:#fbbf24}.text-purple{color:#c084fc}.ecc-progress-section{background:#0f172a;border-radius:12px;margin-top:auto;padding:20px}.ecc-prog-header{color:#94a3b8;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:10px}.ecc-prog-header strong{color:#fff;font-size:1.1rem}.ecc-prog-bar{background:#334155;border-radius:10px;height:10px;overflow:hidden}.ecc-prog-fill{background:linear-gradient(90deg,#3b82f6,#2dd4bf);height:100%;transition:width .5s ease-out}.loader{animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;margin-bottom:20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--upp-primary:#16a34a;--upp-primary-dark:#15803d;--upp-primary-mid:#22c55e;--upp-primary-light:#bbf7d0;--upp-primary-bg:#f0fdf4;--upp-badge-bg:#dcfce7;--upp-badge-text:#166534;--upp-accent:#059669;--upp-gold:#d97706;--upp-gold-dark:#b45309;--upp-gold-bg:#fef3c7;--upp-gold-border:#fde68a;--upp-orange:#ea580c;--upp-orange-bg:#fff7ed;--upp-white:#fff;--upp-bg:#f8fafc;--upp-border:#d1fae5;--upp-border-soft:#e5e7eb;--upp-n50:#f9fafb;--upp-n100:#f3f4f6;--upp-n200:#e5e7eb;--upp-n400:#9ca3af;--upp-n500:#6b7280;--upp-n600:#4b5563;--upp-n700:#374151;--upp-n900:#111827;--upp-sh-sm:0 1px 4px #0000000f;--upp-sh-md:0 4px 14px #16a34a1a,0 1px 4px #0000000d;--upp-sh-hover:0 8px 24px #16a34a29,0 2px 8px #00000012;--upp-sh-gold:0 4px 14px #d977062e;--upp-sh-modal:0 24px 64px #0000002e;--upp-r-sm:6px;--upp-r-md:10px;--upp-r-lg:14px;--upp-r-xl:20px;--upp-r-2xl:28px;--upp-font:"Be Vietnam Pro","Segoe UI",system-ui,sans-serif;--upp-content-max:100%;--upp-pad-h:16px}.upp-page{background:#f8fafc;background:var(--upp-bg);box-sizing:border-box;color:#374151;color:var(--upp-n700);font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--upp-font);font-size:14px;margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:0;width:100%}.upp-marquee{align-items:center;background:#fef3c7;background:var(--upp-gold-bg);border-bottom:1px solid #fde68a;border-bottom:1px solid var(--upp-gold-border);display:flex;gap:0;overflow:hidden;padding:8px 0;width:100%}.upp-marquee__icon{align-items:center;color:#d97706;color:var(--upp-gold);display:flex;flex-shrink:0;font-size:14px;padding:0 12px}.upp-marquee__track{flex:1 1;min-width:0;overflow:hidden;position:relative}.upp-marquee__inner{animation:uppMarquee 28s linear infinite;color:#ea580c;color:var(--upp-orange);display:inline-block;font-size:12px;font-weight:600;white-space:nowrap}@keyframes uppMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.upp-header{background:linear-gradient(140deg,#064e3b,#065f46 40%,#16a34a);box-sizing:border-box;color:#fff;color:var(--upp-white);overflow:hidden;padding:32px 16px 26px;padding:32px var(--upp-pad-h) 26px;position:relative;text-align:center;width:100%}.upp-header:before{background:#ffffff0d;border-radius:50%;content:"";height:280px;pointer-events:none;position:absolute;right:-10%;top:-40%;width:280px}.upp-header:after{background:linear-gradient(90deg,#0000,#6ee7b7,#34d399,#6ee7b7,#0000);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.upp-header__title{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:800;letter-spacing:-.4px;margin:0 0 6px}.upp-header__sub{font-size:13px;margin:0;opacity:.85}.upp-content{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px;width:100%}.upp-tabs{background:#fff;background:var(--upp-white);border:1px solid #d1fae5;border:1px solid var(--upp-border);border-radius:28px;border-radius:var(--upp-r-2xl);box-shadow:0 4px 14px #16a34a1a,0 1px 4px #0000000d;box-shadow:var(--upp-sh-md);margin:18px auto;max-width:500px;padding:6px;position:-webkit-sticky;position:sticky;top:8px;width:calc(100% - 32px);z-index:100}.upp-tab,.upp-tabs{display:flex;justify-content:center}.upp-tab{align-items:center;background:#0000;border:none;border-radius:28px;border-radius:var(--upp-r-2xl);color:#6b7280;color:var(--upp-n500);cursor:pointer;flex:1 1;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--upp-font);font-size:12px;font-weight:700;gap:5px;letter-spacing:.01em;padding:9px 12px;transition:all .22s;white-space:nowrap}.upp-tab svg{color:inherit;font-size:12px}.upp-tab--active{background:#16a34a;background:var(--upp-primary);box-shadow:0 3px 10px #16a34a4d;color:#fff;color:var(--upp-white)}.upp-tab:hover:not(.upp-tab--active){background:#f0fdf4;background:var(--upp-primary-bg);color:#16a34a;color:var(--upp-primary)}.upp-subtab-nav{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--upp-n200);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding-bottom:0}.upp-subtab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;border-radius:var(--upp-r-sm) var(--upp-r-sm) 0 0;color:#6b7280;color:var(--upp-n500);cursor:pointer;display:flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--upp-font);font-size:13px;font-weight:600;gap:5px;margin-bottom:-2px;padding:9px 16px;transition:all .2s;white-space:nowrap}.upp-subtab svg{color:inherit;font-size:11px}.upp-subtab:hover{background:#f0fdf4;background:var(--upp-primary-bg)}.upp-subtab--active,.upp-subtab:hover{color:#16a34a;color:var(--upp-primary)}.upp-subtab--active{border-bottom-color:#16a34a;border-bottom-color:var(--upp-primary)}.upp-voucher-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr))}.upp-voucher-card{background:#fff;background:var(--upp-white);border:1px solid #d1fae5;border:1px solid var(--upp-border);border-radius:14px;border-radius:var(--upp-r-lg);box-shadow:0 1px 4px #0000000f;box-shadow:var(--upp-sh-sm);overflow:hidden;position:relative;transition:box-shadow .22s,transform .2s,border-color .2s}.upp-voucher-card:hover{border-color:#bbf7d0;border-color:var(--upp-primary-light);box-shadow:0 8px 24px #16a34a29,0 2px 8px #00000012;box-shadow:var(--upp-sh-hover);transform:translateY(-4px)}.upp-voucher-card__topbar{background:linear-gradient(90deg,#16a34a,#059669);background:linear-gradient(90deg,var(--upp-primary),var(--upp-accent));height:5px}.upp-voucher-card:after,.upp-voucher-card:before{background:#f8fafc;background:var(--upp-bg);border:1px solid #e5e7eb;border:1px solid var(--upp-n200);border-radius:50%;bottom:62px;content:"";height:16px;position:absolute;width:16px}.upp-voucher-card:before{border-left-color:#0000;left:-8px}.upp-voucher-card:after{border-right-color:#0000;right:-8px}.upp-voucher-card__body{padding:16px 16px 14px;text-align:center}.upp-voucher-card__icon{align-items:center;background:#fef3c7;background:var(--upp-gold-bg);border:2px solid #fde68a;border:2px solid var(--upp-gold-border);border-radius:50%;display:flex;height:50px;justify-content:center;margin:0 auto 10px;width:50px}.upp-voucher-card__icon svg{color:#d97706;color:var(--upp-gold);font-size:20px}.upp-voucher-card__name{color:#111827;color:var(--upp-n900);font-size:14px;font-weight:700;line-height:1.4;margin:0 0 7px}.upp-voucher-card__code{background:#f0fdf4;background:var(--upp-primary-bg);border:1.5px dashed #d1fae5;border:1.5px dashed var(--upp-border);border-radius:6px;border-radius:var(--upp-r-sm);color:#16a34a;color:var(--upp-primary);display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;padding:4px 12px}.upp-voucher-card__expiry{align-items:center;color:#ea580c;color:var(--upp-orange);display:flex;font-size:11px;font-weight:600;gap:4px;justify-content:center}.upp-voucher-card__expiry svg{font-size:10px}.upp-voucher-card__progress{margin:10px 0 0;text-align:left}.upp-voucher-card__progress-label{align-items:center;color:#6b7280;color:var(--upp-n500);display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.upp-voucher-card__progress-bar{background:#f3f4f6;background:var(--upp-n100);border-radius:3px;height:5px;overflow:hidden;width:100%}.upp-voucher-card__progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.upp-voucher-card__progress-fill--normal{background:linear-gradient(90deg,#16a34a,#22c55e);background:linear-gradient(90deg,var(--upp-primary),var(--upp-primary-mid))}.upp-voucher-card__progress-fill--hot{background:linear-gradient(90deg,#dc2626,#ef4444)}.upp-voucher-card__actions{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--upp-n200);display:flex;gap:7px;margin-top:12px;padding-top:12px}.upp-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--upp-r-md);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--upp-font);font-weight:700;gap:5px;justify-content:center;letter-spacing:.01em;transition:all .2s;white-space:nowrap}.upp-btn svg{color:inherit;font-size:11px}.upp-btn--sm{flex:1 1;font-size:11px;padding:7px 10px}.upp-btn--md{font-size:13px;padding:10px 18px}.upp-btn--full{font-size:13px;padding:11px;width:100%}.upp-btn--outline{background:#f3f4f6;background:var(--upp-n100);border:1px solid #e5e7eb;border:1px solid var(--upp-n200);color:#374151;color:var(--upp-n700)}.upp-btn--outline:hover{background:#dcfce7;background:var(--upp-badge-bg);border-color:#bbf7d0;border-color:var(--upp-primary-light);color:#16a34a;color:var(--upp-primary)}.upp-btn--primary{background:#16a34a;background:var(--upp-primary);box-shadow:0 2px 8px #16a34a47;color:#fff;color:var(--upp-white)}.upp-btn--primary:hover{background:#15803d;background:var(--upp-primary-dark);box-shadow:0 4px 14px #16a34a61}.upp-btn--orange{background:#ea580c;background:var(--upp-orange);box-shadow:0 2px 8px #ea580c40;color:#fff;color:var(--upp-white)}.upp-btn--orange:hover{background:#c2410c}.upp-btn--disabled{background:#f3f4f6;background:var(--upp-n100);color:#9ca3af;color:var(--upp-n400);cursor:not-allowed;opacity:.72}.upp-ribbon{animation:uppRibbonPulse 1.8s infinite alternate;background:#dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff;color:var(--upp-white);font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 36px;position:absolute;right:-30px;text-transform:uppercase;top:16px;transform:rotate(45deg);z-index:5}@keyframes uppRibbonPulse{0%{background:#dc2626}to{background:#ef4444}}.upp-game-area{background:#fff;background:var(--upp-white);border:1px solid #d1fae5;border:1px solid var(--upp-border);border-radius:14px;border-radius:var(--upp-r-lg);box-shadow:0 1px 4px #0000000f;box-shadow:var(--upp-sh-sm);box-sizing:border-box;margin:auto;max-width:100%;overflow:hidden;padding:32px 20px;position:relative;text-align:center;width:100%}.upp-game-area:before{animation:uppSpinSlow 80s linear infinite;background:repeating-conic-gradient(from 0deg,#16a34a08 0deg 20deg,#0000 20deg 40deg);content:"";height:220%;left:-60%;pointer-events:none;position:absolute;top:-60%;width:220%;z-index:0}.upp-game-content{flex-direction:column;overflow:hidden;z-index:1}.upp-game-content,.upp-wheel-stage{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.upp-wheel-stage{aspect-ratio:1/1;margin:20px auto;max-width:320px}.upp-wheel-pointer{background:#ea580c;background:var(--upp-orange);-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 3px 5px rgba(0,0,0,.3));height:38px;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:30px;z-index:10}.upp-wheel-wrap{border-radius:50%;box-shadow:0 4px 15px #0000001a;flex-shrink:0;height:100%;margin:auto;overflow:hidden;width:100%}.upp-wheel-center{background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000002e;color:#16a34a;color:var(--upp-primary);font-size:11px;font-weight:900;height:52px;justify-content:center;letter-spacing:.5px;top:50%;transform:translate(-50%,-50%);width:52px;z-index:5}.upp-wheel-center,.upp-wheel-text{align-items:center;display:flex;left:50%;position:absolute}.upp-wheel-text{box-sizing:border-box;height:100%;justify-content:flex-end;padding-right:18px;pointer-events:none;top:0;transform-origin:left center;width:50%}.upp-wheel-text span{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--upp-white);display:-webkit-box;font-size:11.5px;font-weight:700;line-height:1.3;overflow:hidden;text-align:right;text-shadow:1px 1px 3px #0009;white-space:normal}.upp-game-title{color:#111827;color:var(--upp-n900);font-size:18px;font-weight:800;margin:0 0 6px}.upp-game-sub{color:#6b7280;color:var(--upp-n500);font-size:13px;margin:0 0 20px}.upp-game-sub b{color:#16a34a;color:var(--upp-primary)}.upp-btn--spin{background:linear-gradient(135deg,#ea580c,#f97316);background:linear-gradient(135deg,var(--upp-orange),#f97316);border:none;border-radius:28px;border-radius:var(--upp-r-2xl);box-shadow:0 6px 18px #ea580c52;color:#fff;color:var(--upp-white);cursor:pointer;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--upp-font);font-size:15px;font-weight:800;letter-spacing:.02em;padding:13px 40px;transition:all .25s}.upp-btn--spin:hover:not(:disabled){box-shadow:0 10px 24px #ea580c6b;transform:scale(1.05)}.upp-btn--spin:disabled{cursor:not-allowed;opacity:.65;transform:none}.upp-spin-cost{align-items:center;background:#fef3c7;background:var(--upp-gold-bg);border:1px solid #fde68a;border:1px solid var(--upp-gold-border);border-radius:20px;color:#d97706;color:var(--upp-gold);display:inline-flex;font-size:12px;font-weight:700;gap:5px;margin-bottom:14px;padding:4px 12px}.upp-spin-cost svg{font-size:11px}.upp-game-result{align-items:center;animation:uppPopIn .5s cubic-bezier(.68,-.55,.265,1.55);border-radius:10px;border-radius:var(--upp-r-md);display:flex;gap:10px;justify-content:center;margin-top:20px;padding:14px 18px}.upp-game-result--win{background:#dcfce7;background:var(--upp-badge-bg);border:2px solid #bbf7d0;border:2px solid var(--upp-primary-light);color:#166534;color:var(--upp-badge-text)}.upp-game-result--miss{background:#fef3c7;border:2px solid #fde68a;border:2px solid var(--upp-gold-border);color:#92400e}.upp-game-result svg{flex-shrink:0;font-size:18px}.upp-game-result p{font-size:13px;font-weight:700;margin:0}.upp-history-list{display:flex;flex-direction:column;gap:10px}.upp-history-card{align-items:center;background:#fff;background:var(--upp-white);border:1px solid #d1fae5;border:1px solid var(--upp-border);border-radius:10px;border-radius:var(--upp-r-md);box-shadow:0 1px 4px #0000000f;box-shadow:var(--upp-sh-sm);display:flex;gap:14px;padding:14px 16px;transition:all .2s}.upp-history-card:hover{border-color:#bbf7d0;border-color:var(--upp-primary-light);box-shadow:0 4px 14px #16a34a1a,0 1px 4px #0000000d;box-shadow:var(--upp-sh-md)}.upp-history-card--card{background:#fffbeb;border-color:#fde68a;border-color:var(--upp-gold-border)}.upp-history-card--voucher{background:#f0fdf4;background:var(--upp-primary-bg)}.upp-history-card__img{border:2px solid #d1fae5;border:2px solid var(--upp-border);border-radius:10px;border-radius:var(--upp-r-md);flex-shrink:0;height:56px;object-fit:cover;width:56px}.upp-history-card__icon-wrap{align-items:center;background:#dcfce7;background:var(--upp-badge-bg);border:2px solid #bbf7d0;border:2px solid var(--upp-primary-light);border-radius:10px;border-radius:var(--upp-r-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.upp-history-card__icon-wrap svg{color:#16a34a;color:var(--upp-primary);font-size:22px}.upp-history-card__name{color:#111827;color:var(--upp-n900);display:block;font-size:13px;font-weight:700;margin-bottom:3px}.upp-history-card__date{align-items:center;color:#6b7280;color:var(--upp-n500);display:flex;font-size:11px;gap:4px}.upp-history-card__date svg{font-size:10px}.upp-history-card__code{background:#ea580c;background:var(--upp-orange);border-radius:6px;border-radius:var(--upp-r-sm);color:#fff;color:var(--upp-white);display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:6px;padding:3px 10px}.upp-history-card__saved{align-items:center;color:#16a34a;color:var(--upp-primary);display:flex;font-size:11px;font-weight:600;gap:4px;margin-top:5px}.upp-checkin-box{background:linear-gradient(135deg,#064e3b,#065f46);border-radius:14px;border-radius:var(--upp-r-lg);color:#fff;color:var(--upp-white);margin-bottom:22px;overflow:hidden;padding:24px;position:relative;text-align:center}.upp-checkin-box:before{background:#ffffff0f;border-radius:50%;content:"";height:160px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:160px}.upp-checkin-box__title{color:#fff;color:var(--upp-white);font-size:16px;font-weight:800;margin:0 0 6px}.upp-checkin-box__points{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fde68a;display:inline-flex;font-size:16px;font-weight:800;gap:6px;margin-bottom:18px;padding:5px 16px}.upp-checkin-box__points svg{font-size:14px}.upp-checkin-row{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:22px;max-width:500px;position:relative}.upp-checkin-row:before{background:#fff3;border-radius:2px;content:"";height:3px;left:7%;position:absolute;right:7%;top:20px;z-index:1}.upp-checkin-item{align-items:center;display:flex;flex-direction:column;gap:7px;position:relative;z-index:2}.upp-checkin-circle{align-items:center;background:#ffffff1f;border:2px solid #ffffff40;border-radius:50%;color:#ffffffb3;display:flex;font-size:11px;font-weight:700;height:42px;justify-content:center;transition:all .3s;width:42px}.upp-checkin-circle svg{font-size:16px}.upp-checkin-circle--done{background:#22c55e;background:var(--upp-primary-mid);border-color:#6ee7b7;box-shadow:0 0 12px #22c55e80;color:#fff;color:var(--upp-white)}.upp-checkin-circle--today{animation:uppPulse 2s infinite;background:#d97706;background:var(--upp-gold);border-color:#fde68a;box-shadow:0 0 14px #d9770680;color:#fff;color:var(--upp-white)}@keyframes uppPulse{0%,to{box-shadow:0 0 10px #d9770666}50%{box-shadow:0 0 20px #d97706b3}}.upp-checkin-label{color:#ffffffb3;font-size:10px;font-weight:600}.upp-store-title{align-items:center;color:#111827;color:var(--upp-n900);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 14px}.upp-store-title svg{color:#16a34a;color:var(--upp-primary);font-size:14px}.upp-store-filters{display:flex;gap:7px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.upp-store-filters::-webkit-scrollbar{display:none}.upp-store-filter{background:#fff;background:var(--upp-white);border:1px solid #d1fae5;border:1px solid var(--upp-border);border-radius:20px;color:#4b5563;color:var(--upp-n600);cursor:pointer;flex-shrink:0;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--upp-font);font-size:12px;font-weight:600;padding:6px 16px;transition:all .2s;white-space:nowrap}.upp-store-filter:hover{background:#dcfce7;background:var(--upp-badge-bg);border-color:#bbf7d0;border-color:var(--upp-primary-light);color:#16a34a;color:var(--upp-primary)}.upp-store-filter--active{background:#16a34a;background:var(--upp-primary);border-color:#16a34a;border-color:var(--upp-primary);box-shadow:0 2px 6px #16a34a47;color:#fff;color:var(--upp-white)}.upp-store-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.upp-store-card{background:#fff;background:var(--upp-white);border:1px solid #d1fae5;border:1px solid var(--upp-border);border-radius:10px;border-radius:var(--upp-r-md);box-shadow:0 1px 4px #0000000f;box-shadow:var(--upp-sh-sm);display:flex;flex-direction:column;overflow:hidden;padding:18px;position:relative;transition:all .22s}.upp-store-card:hover{border-color:#bbf7d0;border-color:var(--upp-primary-light);box-shadow:0 8px 24px #16a34a29,0 2px 8px #00000012;box-shadow:var(--upp-sh-hover);transform:translateY(-4px)}.upp-store-card__cost{align-items:center;background:#fef3c7;background:var(--upp-gold-bg);border-bottom:1px solid #fde68a;border-bottom:1px solid var(--upp-gold-border);border-bottom-left-radius:10px;border-bottom-left-radius:var(--upp-r-md);border-left:1px solid #fde68a;border-left:1px solid var(--upp-gold-border);color:#b45309;color:var(--upp-gold-dark);display:flex;font-size:11px;font-weight:800;gap:4px;padding:5px 13px;position:absolute;right:0;top:0}.upp-store-card__cost svg{font-size:10px}.upp-store-card__name{color:#111827;color:var(--upp-n900);font-size:14px;font-weight:700;line-height:1.4;margin:26px 0 7px}.upp-store-card__discount{color:#16a34a;color:var(--upp-primary);font-size:15px;font-weight:800;margin:0 0 8px}.upp-store-card__meta{color:#6b7280;color:var(--upp-n500);flex:1 1;font-size:11px;line-height:1.8;margin:0 0 12px}.upp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.upp-modal{animation:uppPopIn .32s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--upp-white);border:1px solid #d1fae5;border:1px solid var(--upp-border);border-radius:20px;border-radius:var(--upp-r-xl);box-shadow:0 24px 64px #0000002e;box-shadow:var(--upp-sh-modal);max-width:400px;overflow:hidden;width:100%}.upp-win-modal{max-width:340px}.upp-win-modal__header{background:linear-gradient(135deg,#b45309,#d97706,#ea580c);background:linear-gradient(135deg,#b45309,var(--upp-gold),#ea580c);color:#fff;color:var(--upp-white);overflow:hidden;padding:26px 20px 20px;position:relative;text-align:center}.upp-win-modal__header:before{content:"🎉";font-size:80px;opacity:.1;pointer-events:none;position:absolute;right:-10px;top:-10px}.upp-win-modal__header-icon{display:flex;font-size:36px;justify-content:center;margin-bottom:8px}.upp-win-modal__header-icon svg{color:#fff;color:var(--upp-white)}.upp-win-modal__title{font-size:20px;font-weight:800;letter-spacing:1px;margin:0;text-shadow:0 1px 3px #0003;text-transform:uppercase}.upp-win-modal__body{padding:22px;text-align:center}.upp-win-modal__reward-img{box-shadow:0 4px 16px #00000026;display:block;object-fit:cover}.upp-win-modal__reward-icon,.upp-win-modal__reward-img{border:4px solid #fff;border:4px solid var(--upp-white);border-radius:50%;height:88px;margin:0 auto 12px;width:88px}.upp-win-modal__reward-icon{align-items:center;background:#dcfce7;background:var(--upp-badge-bg);box-shadow:0 4px 16px #0000001a;display:flex;justify-content:center}.upp-win-modal__reward-icon svg{color:#16a34a;color:var(--upp-primary);font-size:36px}.upp-win-modal__name{color:#111827;color:var(--upp-n900);font-size:16px;font-weight:700;margin:0 0 14px}.upp-win-modal__code-box{background:#fff7ed;background:var(--upp-orange-bg);border:2px dashed #ea580c;border:2px dashed var(--upp-orange);border-radius:10px;border-radius:var(--upp-r-md);margin:0 0 12px;padding:14px;position:relative}.upp-win-modal__code-label{color:#ea580c;color:var(--upp-orange);font-size:11px;font-weight:600;margin:0 0 5px}.upp-win-modal__code-value{color:#ea580c;color:var(--upp-orange);font-size:20px;font-weight:800;letter-spacing:2px;margin:0;word-break:break-all}.upp-win-modal__confetti--left{left:10px}.upp-win-modal__confetti--right{right:10px}.upp-win-modal__confetti svg{animation:uppBounce 1s infinite alternate;color:#d97706;color:var(--upp-gold)}.upp-win-modal__note{color:#9ca3af;color:var(--upp-n400);font-size:11px;margin:0 0 16px}.upp-detail-modal__header{align-items:center;background:linear-gradient(135deg,#15803d,#059669);background:linear-gradient(135deg,var(--upp-primary-dark),var(--upp-accent));color:#fff;color:var(--upp-white);display:flex;justify-content:space-between;padding:18px 20px}.upp-detail-modal__title{font-size:15px;font-weight:700;margin:0;text-transform:uppercase}.upp-detail-modal__close{align-items:center;background:#fff3;border:none;border-radius:6px;border-radius:var(--upp-r-sm);color:#fff;color:var(--upp-white);cursor:pointer;display:flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--upp-font);font-size:16px;height:28px;justify-content:center;transition:background .2s;width:28px}.upp-detail-modal__close:hover{background:#ffffff59}.upp-detail-modal__body{padding:20px}.upp-detail-modal__name{color:#111827;color:var(--upp-n900);font-size:15px;font-weight:700;margin:0 0 14px;text-align:center}.upp-detail-modal__code-box{background:#f0fdf4;background:var(--upp-primary-bg);border:1.5px dashed #bbf7d0;border:1.5px dashed var(--upp-primary-light);border-radius:10px;border-radius:var(--upp-r-md);margin-bottom:16px;padding:14px;text-align:center}.upp-detail-modal__code-label{color:#6b7280;color:var(--upp-n500);font-size:11px;margin:0 0 5px}.upp-detail-modal__code-value{color:#16a34a;color:var(--upp-primary);font-size:20px;font-weight:800;letter-spacing:1.5px;margin:0}.upp-detail-modal__info{color:#374151;color:var(--upp-n700);font-size:13px;line-height:1.9}.upp-detail-modal__info-row{align-items:flex-start;display:flex;gap:7px;margin-bottom:4px}.upp-detail-modal__info-row svg{color:#16a34a;color:var(--upp-primary);flex-shrink:0;font-size:11px;margin-top:4px}.upp-detail-modal__desc{background:#f3f4f6;background:var(--upp-n100);border-radius:6px;border-radius:var(--upp-r-sm);color:#6b7280;color:var(--upp-n500);font-size:12px;line-height:1.6;margin-top:10px;padding:10px}.upp-empty{background:#fff;background:var(--upp-white);border:1px solid #d1fae5;border:1px solid var(--upp-border);border-radius:14px;border-radius:var(--upp-r-lg);padding:44px 16px;text-align:center}.upp-empty__icon{color:#e5e7eb;color:var(--upp-n200);display:flex;font-size:36px;justify-content:center;margin-bottom:12px}.upp-empty__icon svg{color:#9ca3af;color:var(--upp-n400)}.upp-empty__title{color:#374151;color:var(--upp-n700);font-size:14px;font-weight:700;margin:0 0 5px}.upp-empty__sub{margin:0}.upp-empty__sub,.upp-loading{color:#6b7280;color:var(--upp-n500);font-size:13px}.upp-loading{padding:40px;text-align:center}.upp-spinner{animation:uppSpin .85s linear infinite;border:3px solid #d1fae5;border-top-color:#16a34a;border:3px solid var(--upp-border);border-radius:50%;border-top-color:var(--upp-primary);height:36px;margin:0 auto 12px;width:36px}.upp-toast{align-items:center;animation:uppToastIn .3s ease;border-radius:10px;border-radius:var(--upp-r-md);box-shadow:0 8px 24px #00000026;display:flex;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif;font-family:var(--upp-font);font-size:13px;font-weight:600;gap:8px;max-width:300px;padding:12px 18px;position:fixed;right:18px;top:18px;z-index:99999}.upp-toast--success{background:#dcfce7;border-left:4px solid #16a34a;border-left:4px solid var(--upp-primary);color:#166534}.upp-toast--error{background:#fee2e2;border-left:4px solid #dc2626;color:#991b1b}@keyframes uppToastIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes uppSpin{to{transform:rotate(1turn)}}@keyframes uppSpinSlow{to{transform:rotate(1turn)}}@keyframes uppPopIn{0%{opacity:0;transform:scale(.78)}78%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes uppBounce{0%{transform:translateY(0)}to{transform:translateY(-7px)}}@media (max-width:768px){.upp-header{padding:24px 14px 20px}.upp-tabs{margin:14px 12px;max-width:100%;width:calc(100% - 24px)}.upp-tab{font-size:11px;padding:8px 10px}.upp-content{padding:16px 12px 36px}.upp-voucher-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.upp-store-grid{grid-template-columns:1fr}.upp-checkin-circle{height:36px;width:36px}.upp-wheel-stage{max-width:260px}}@media (max-width:480px){.upp-voucher-grid{grid-template-columns:1fr}.upp-tabs{border-radius:14px;border-radius:var(--upp-r-lg);flex-wrap:wrap}.upp-tab{border-radius:10px;border-radius:var(--upp-r-md);flex:1 1 40%}.upp-checkin-row{gap:2px}.upp-checkin-circle{font-size:10px;height:30px;width:30px}.upp-checkin-label{font-size:9px}.upp-modal{border-radius:14px 14px 0 0;border-radius:var(--upp-r-lg) var(--upp-r-lg) 0 0;margin-top:auto;max-width:100%}.upp-store-filters{flex-wrap:wrap}.upp-store-filter{flex:1 1 auto;text-align:center}}@media (min-width:1200px){.upp-content{padding-left:30px;padding-right:30px}}:root{--dmp-primary:#22c55e;--dmp-primary-dark:#16a34a;--dmp-primary-deeper:#15803d;--dmp-primary-bg:#f0fdf4;--dmp-primary-soft:#dcfce7;--dmp-primary-light:#bbf7d0;--dmp-primary-glow:#22c55e2e;--dmp-accent:#059669;--dmp-accent-teal:#0d9488;--dmp-gold:#f59e0b;--dmp-gold-bg:#fffbeb;--dmp-gold-light:#fef3c7;--dmp-blue:#3b82f6;--dmp-blue-bg:#eff6ff;--dmp-blue-light:#dbeafe;--dmp-red:#ef4444;--dmp-red-bg:#fef2f2;--dmp-purple:#8b5cf6;--dmp-purple-bg:#f5f3ff;--dmp-white:#fff;--dmp-bg:#f4fdf7;--dmp-bg-card:#fff;--dmp-bg-subtle:#f8fffe;--dmp-bg-muted:#f1fdf6;--dmp-border:#d1fae5;--dmp-border-light:#e6fff1;--dmp-border-focus:#4ade80;--dmp-border-card:#c6f6d5;--dmp-text-900:#0f2d1a;--dmp-text-800:#1a3d27;--dmp-text-700:#2d5a3d;--dmp-text-500:#5a8a6a;--dmp-text-400:#86b89a;--dmp-text-300:#b2d8bd;--dmp-shadow-xs:0 1px 2px #16a34a0f;--dmp-shadow-sm:0 2px 8px #16a34a14;--dmp-shadow-md:0 4px 16px #16a34a1a;--dmp-shadow-lg:0 8px 28px #16a34a24;--dmp-shadow-modal:0 20px 60px #0f2d1a2e;--dmp-shadow-glow:0 0 0 3px #22c55e2e;--dmp-radius-xs:4px;--dmp-radius-sm:7px;--dmp-radius-md:11px;--dmp-radius-lg:16px;--dmp-radius-xl:22px;--dmp-radius-pill:999px;--dmp-font:"DM Sans","Nunito",system-ui,sans-serif;--dmp-font-display:"Nunito","DM Sans",system-ui,sans-serif;--dmp-ease:cubic-bezier(0.34,1.56,0.64,1);--dmp-ease-out:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box}.discount-management-page{background:#f4fdf7;background:var(--dmp-bg);background-image:radial-gradient(ellipse 600px 400px at 0 0,#bbf7d040 0,#0000 60%),radial-gradient(ellipse 500px 300px at 100% 100%,#a7f3d02e 0,#0000 60%);color:#2d5a3d;color:var(--dmp-text-700);font-family:DM Sans,Nunito,system-ui,sans-serif;font-family:var(--dmp-font);font-size:13.5px;min-height:100vh;padding:0 0 48px}.discount-management-page-header{align-items:center;background:linear-gradient(135deg,#fff,#f0fdf4 60%,#e6fff1);border-bottom:1.5px solid #d1fae5;border-bottom:1.5px solid var(--dmp-border);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;overflow:hidden;padding:18px 24px;position:relative}.discount-management-page-header:before{background:linear-gradient(180deg,#22c55e,#0d9488);background:linear-gradient(to bottom,var(--dmp-primary),var(--dmp-accent-teal));border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.discount-management-page-header:after{content:"⚕️";font-size:52px;opacity:.05;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.discount-management-page-header-left{align-items:center;display:flex;gap:14px}.discount-management-page-header-icon{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);background:linear-gradient(135deg,var(--dmp-primary-soft),var(--dmp-primary-light));border:1.5px solid #d1fae5;border:1.5px solid var(--dmp-border);border-radius:11px;border-radius:var(--dmp-radius-md);box-shadow:0 2px 8px #16a34a14;box-shadow:var(--dmp-shadow-sm);display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.discount-management-page-title{color:#0f2d1a;color:var(--dmp-text-900);font-family:Nunito,DM Sans,system-ui,sans-serif;font-family:var(--dmp-font-display);font-size:18px;font-weight:800;letter-spacing:-.3px;margin:0 0 2px}.discount-management-page-sub{color:#5a8a6a;color:var(--dmp-text-500);font-size:12px;font-weight:500;margin:0}.discount-management-page-header-stats{display:flex;flex-shrink:0;gap:10px}.discount-management-page-stat{background:#fff;background:var(--dmp-white);border:1.5px solid #c6f6d5;border:1.5px solid var(--dmp-border-card);border-radius:11px;border-radius:var(--dmp-radius-md);box-shadow:0 1px 2px #16a34a0f;box-shadow:var(--dmp-shadow-xs);cursor:default;min-width:64px;padding:8px 14px;text-align:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;transition:transform .2s var(--dmp-ease),box-shadow .2s}.discount-management-page-stat:hover{box-shadow:0 4px 16px #16a34a1a;box-shadow:var(--dmp-shadow-md);transform:translateY(-2px)}.discount-management-page-stat--gold{background:#fffbeb;background:var(--dmp-gold-bg);border-color:#fde68a}.discount-management-page-stat--blue{background:#eff6ff;background:var(--dmp-blue-bg);border-color:#dbeafe;border-color:var(--dmp-blue-light)}.discount-management-page-stat-num{color:#22c55e;color:var(--dmp-primary);display:block;font-family:Nunito,DM Sans,system-ui,sans-serif;font-family:var(--dmp-font-display);font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.discount-management-page-stat--gold .discount-management-page-stat-num{color:#f59e0b;color:var(--dmp-gold)}.discount-management-page-stat--blue .discount-management-page-stat-num{color:#3b82f6;color:var(--dmp-blue)}.discount-management-page-stat-label{color:#86b89a;color:var(--dmp-text-400);display:block;font-size:10.5px;font-weight:600;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.discount-management-page-tabs{background:#fff;background:var(--dmp-white);border-bottom:1.5px solid #d1fae5;border-bottom:1.5px solid var(--dmp-border);box-shadow:0 1px 2px #16a34a0f;box-shadow:var(--dmp-shadow-xs);display:flex;gap:0;overflow-x:auto;padding:0 24px;scrollbar-width:none}.discount-management-page-tabs::-webkit-scrollbar{display:none}.discount-management-page-tab{align-items:center;background:#0000;border:none;border-bottom:2.5px solid #0000;color:#86b89a;color:var(--dmp-text-400);cursor:pointer;display:flex;font-family:DM Sans,Nunito,system-ui,sans-serif;font-family:var(--dmp-font);font-size:13px;font-weight:700;gap:6px;letter-spacing:.01em;margin-bottom:-1.5px;padding:12px 18px;position:relative;transition:all .22s;white-space:nowrap}.discount-management-page-tab:hover:not(.discount-management-page-tab--active){background:#f0fdf4;background:var(--dmp-primary-bg);color:#22c55e;color:var(--dmp-primary)}.discount-management-page-tab--active{background:#f0fdf4;background:var(--dmp-primary-bg);border-bottom-color:#22c55e;border-bottom-color:var(--dmp-primary);color:#16a34a;color:var(--dmp-primary-dark)}.discount-management-page-tab-icon{font-size:15px}.discount-management-page-tab-count{background:#d1fae5;background:var(--dmp-border);border-radius:999px;border-radius:var(--dmp-radius-pill);color:#5a8a6a;color:var(--dmp-text-500);font-size:10.5px;font-weight:800;min-width:20px;padding:1px 7px;text-align:center;transition:all .2s}.discount-management-page-tab--active .discount-management-page-tab-count{background:#dcfce7;background:var(--dmp-primary-soft);color:#16a34a;color:var(--dmp-primary-dark)}.discount-management-page-loyalty-config-zone{background:#fff;background:var(--dmp-white);border:1.5px solid #c6f6d5;border:1.5px solid var(--dmp-border-card);border-radius:16px;border-radius:var(--dmp-radius-lg);box-shadow:0 2px 8px #16a34a14;box-shadow:var(--dmp-shadow-sm);margin:16px 24px 12px;padding:16px 20px}.discount-management-page-loyalty-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.discount-management-page-loyalty-card{background:#f1fdf6;background:var(--dmp-bg-muted);border:1.5px solid #d1fae5;border:1.5px solid var(--dmp-border);border-radius:11px;border-radius:var(--dmp-radius-md);display:flex;flex-direction:column;gap:7px;padding:14px;transition:box-shadow .2s}.discount-management-page-loyalty-card:hover{box-shadow:0 4px 16px #16a34a1a;box-shadow:var(--dmp-shadow-md)}.discount-management-page-loyalty-card-header{align-items:center;display:flex;gap:9px}.discount-management-page-loyalty-icon{font-size:18px}.discount-management-page-loyalty-card-header h4{color:#0f2d1a;color:var(--dmp-text-900);font-family:Nunito,DM Sans,system-ui,sans-serif;font-family:var(--dmp-font-display);font-size:13px;font-weight:700;margin:0}.discount-management-page-loyalty-card-body{color:#2d5a3d;color:var(--dmp-text-700);font-size:12.5px;line-height:1.6}.discount-management-page-loyalty-card-body p{margin:3px 0}.discount-management-page-highlight-text{color:#16a34a;color:var(--dmp-primary-dark);font-weight:700}.discount-management-page-text-muted{color:#5a8a6a;color:var(--dmp-text-500)}.discount-management-page-card-status{align-items:center;color:#059669;color:var(--dmp-accent);display:flex;font-size:10.5px;font-weight:700;gap:5px;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.discount-management-page-dot-running{animation:dmpPulseGreen 2s infinite;background:#059669;background:var(--dmp-accent);border-radius:50%;display:inline-block;height:6px;width:6px}.discount-management-page-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 24px}.discount-management-page-search-wrap{flex:1 1;max-width:340px;position:relative}.discount-management-page-search-icon{font-size:13px;left:11px;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.discount-management-page-search{background:#fff;background:var(--dmp-white);border:1.5px solid #d1fae5;border:1.5px solid var(--dmp-border);border-radius:999px;border-radius:var(--dmp-radius-pill);box-shadow:0 1px 2px #16a34a0f;box-shadow:var(--dmp-shadow-xs);color:#2d5a3d;color:var(--dmp-text-700);font-family:DM Sans,Nunito,system-ui,sans-serif;font-family:var(--dmp-font);font-size:12.5px;padding:8px 12px 8px 34px;transition:border-color .2s,box-shadow .2s;width:100%}.discount-management-page-search:focus{border-color:#22c55e;border-color:var(--dmp-primary);box-shadow:0 0 0 3px #22c55e2e;box-shadow:var(--dmp-shadow-glow);outline:none}.discount-management-page-toolbar-actions{display:flex;flex-shrink:0;gap:8px}.dmp-btn{align-items:center;border:1.5px solid #0000;border-radius:999px;border-radius:var(--dmp-radius-pill);cursor:pointer;display:inline-flex;font-family:DM Sans,Nunito,system-ui,sans-serif;font-family:var(--dmp-font);font-size:12.5px;font-weight:700;gap:5px;letter-spacing:.01em;padding:7.5px 16px;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all .22s var(--dmp-ease-out);white-space:nowrap}.dmp-btn--primary{background:linear-gradient(135deg,#22c55e,#059669);background:linear-gradient(135deg,var(--dmp-primary) 0,var(--dmp-accent) 100%);box-shadow:0 3px 12px #22c55e4d;color:#fff}.dmp-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.dmp-btn--primary:active:not(:disabled){transform:translateY(0)}.dmp-btn--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.dmp-btn--ghost{background:#fff;background:var(--dmp-white);border-color:#d1fae5;border-color:var(--dmp-border);box-shadow:0 1px 2px #16a34a0f;box-shadow:var(--dmp-shadow-xs);color:#2d5a3d;color:var(--dmp-text-700)}.dmp-btn--ghost:hover{background:#f0fdf4;background:var(--dmp-primary-bg);border-color:#22c55e;border-color:var(--dmp-primary);color:#16a34a;color:var(--dmp-primary-dark)}.dmp-btn--outline{background:#fff;background:var(--dmp-white);border-color:#d1fae5;border-color:var(--dmp-border);color:#2d5a3d;color:var(--dmp-text-700)}.dmp-btn--outline:hover{border-color:#22c55e;border-color:var(--dmp-primary);color:#22c55e;color:var(--dmp-primary)}.dmp-btn--danger{background:#ef4444;background:var(--dmp-red);box-shadow:0 2px 8px #ef444440;color:#fff}.dmp-btn--danger:hover{background:#dc2626;transform:translateY(-1px)}.dmp-btn--xs{border-radius:7px;border-radius:var(--dmp-radius-sm);font-size:11.5px;padding:4.5px 10px}.dmp-btn--green{background:linear-gradient(135deg,#22c55e,#059669);background:linear-gradient(135deg,var(--dmp-primary),var(--dmp-accent));box-shadow:0 2px 8px #22c55e40;color:#fff}.dmp-btn--red{background:#ef4444;background:var(--dmp-red);color:#fff}.discount-management-page-table-wrap{background:#fff;background:var(--dmp-white);border:1.5px solid #c6f6d5;border:1.5px solid var(--dmp-border-card);border-radius:16px;border-radius:var(--dmp-radius-lg);box-shadow:0 4px 16px #16a34a1a;box-shadow:var(--dmp-shadow-md);margin:0 24px;overflow:hidden}.discount-management-page-table{border-collapse:collapse;width:100%}.discount-management-page-table thead tr{background:linear-gradient(90deg,#f0fdf4,#eefff4);background:linear-gradient(90deg,var(--dmp-primary-bg) 0,#eefff4 100%);border-bottom:1.5px solid #d1fae5;border-bottom:1.5px solid var(--dmp-border)}.discount-management-page-table th{color:#16a34a;color:var(--dmp-primary-dark);font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:10px 13px;text-align:left;text-transform:uppercase;white-space:nowrap}.discount-management-page-table td{border-bottom:1px solid #f0fdf4;font-size:12.5px;padding:11px 13px;vertical-align:middle}.discount-management-page-table tbody tr:last-child td{border-bottom:none}.discount-management-page-table tbody tr{transition:background .15s}.discount-management-page-table tbody tr:hover{background:#f8fffe;background:var(--dmp-bg-subtle)}.discount-management-page-row-inactive{opacity:.5}.discount-management-page-table-empty{align-items:center;color:#b2d8bd;color:var(--dmp-text-300);display:flex;flex-direction:column;font-size:13px;gap:7px;padding:36px 20px!important;text-align:center}.discount-management-page-empty-icon{font-size:26px;opacity:.6}.discount-management-page-center{text-align:center}.discount-management-page-code{background:#eff6ff;background:var(--dmp-blue-bg);border:1px solid #dbeafe;border:1px solid var(--dmp-blue-light);border-radius:4px;border-radius:var(--dmp-radius-xs);color:#3b82f6;color:var(--dmp-blue);font-family:DM Mono,Courier New,monospace;font-size:12px;font-weight:800;letter-spacing:.8px;padding:2px 7px;white-space:nowrap}.discount-management-page-tag{border-radius:999px;border-radius:var(--dmp-radius-pill);display:inline-block;font-size:9.5px;font-weight:800;margin-left:5px;padding:1px 6px;text-transform:uppercase}.discount-management-page-tag--game{background:#dcfce7;background:var(--dmp-primary-soft);border:1px solid #bbf7d0;border:1px solid var(--dmp-primary-light);color:#16a34a;color:var(--dmp-primary-dark)}.discount-management-page-tag--star{background:#fef3c7;background:var(--dmp-gold-light);border:1px solid #fde68a;color:#f59e0b;color:var(--dmp-gold)}.discount-management-page-name{color:#0f2d1a;color:var(--dmp-text-900);font-size:13px;font-weight:700}.discount-management-page-desc{color:#86b89a;color:var(--dmp-text-400);font-size:11.5px;margin-top:2px}.discount-management-page-disc{color:#16a34a;color:var(--dmp-primary-dark);font-size:13px;font-weight:800}.discount-management-page-points{color:#f59e0b;color:var(--dmp-gold);font-weight:700}.discount-management-page-prob{color:#3b82f6;color:var(--dmp-blue);font-weight:700}.discount-management-page-usage{color:#5a8a6a;color:var(--dmp-text-500);font-size:11.5px;margin-bottom:3px}.discount-management-page-progress-bar{background:#e6fff1;border-radius:999px;border-radius:var(--dmp-radius-pill);height:4px;overflow:hidden;width:72px}.discount-management-page-progress-fill{border-radius:999px;border-radius:var(--dmp-radius-pill);height:100%;transition:width .4s ease}.discount-management-page-dates{color:#5a8a6a;color:var(--dmp-text-500);font-size:11.5px;line-height:1.6;white-space:nowrap}.dmp-badge{align-items:center;border-radius:999px;border-radius:var(--dmp-radius-pill);display:inline-flex;font-size:10.5px;font-weight:800;gap:4px;letter-spacing:.03em;padding:3px 9px;white-space:nowrap}.dmp-badge--green{background:#dcfce7;background:var(--dmp-primary-soft);color:#15803d}.dmp-badge--blue{background:#dbeafe;background:var(--dmp-blue-light);color:#1d4ed8}.dmp-badge--red{background:#fee2e2;color:#991b1b}.dmp-badge--gray{background:#f1f5f9;color:#64748b}.discount-management-page-toggle{border:none;border-radius:999px;border-radius:var(--dmp-radius-pill);cursor:pointer;display:inline-block;flex-shrink:0;height:20px;position:relative;transition:background .25s;width:36px}.discount-management-page-toggle--on{background:#22c55e;background:var(--dmp-primary);box-shadow:0 0 0 2px #dcfce7;box-shadow:0 0 0 2px var(--dmp-primary-soft)}.discount-management-page-toggle--off{background:#b2d8bd;background:var(--dmp-text-300)}.discount-management-page-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000002e;height:16px;left:2px;position:absolute;top:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);transition:transform .25s var(--dmp-ease);width:16px}.discount-management-page-toggle--on .discount-management-page-toggle-knob{transform:translateX(16px)}.discount-management-page-actions{display:flex;gap:5px;justify-content:center}.discount-management-page-icon-btn{align-items:center;border:1.5px solid #0000;border-radius:7px;border-radius:var(--dmp-radius-sm);cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);transition:all .2s var(--dmp-ease);width:28px}.discount-management-page-icon-btn--edit{background:#eff6ff;background:var(--dmp-blue-bg);border-color:#dbeafe;border-color:var(--dmp-blue-light)}.discount-management-page-icon-btn--edit:hover{background:#dbeafe;background:var(--dmp-blue-light);transform:scale(1.12)}.discount-management-page-icon-btn--del{background:#fef2f2;background:var(--dmp-red-bg);border-color:#fecaca}.discount-management-page-icon-btn--del:hover{background:#fee2e2;transform:scale(1.12)}.discount-management-page-spinner{animation:dmpSpin .75s linear infinite;border:3px solid #d1fae5;border-top-color:#22c55e;border:3px solid var(--dmp-border);border-radius:50%;border-top-color:var(--dmp-primary);height:26px;margin:0 auto 8px;width:26px}.dmp-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0a1e1280;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px 16px;position:fixed;z-index:9999}.dmp-modal{animation:dmpSlideUp .3s cubic-bezier(.34,1.56,.64,1);animation:dmpSlideUp .3s var(--dmp-ease);background:#fff;background:var(--dmp-white);border-radius:22px;border-radius:var(--dmp-radius-xl);box-shadow:0 20px 60px #0f2d1a2e,0 0 0 1px #c6f6d5;box-shadow:var(--dmp-shadow-modal),0 0 0 1px var(--dmp-border-card);display:flex;flex-direction:column;margin:auto;max-height:calc(100vh - 40px);max-width:660px;min-height:0;overflow:hidden;width:100%}.dmp-modal__header{align-items:center;background:linear-gradient(90deg,#f0fdf4,#fff);background:linear-gradient(90deg,var(--dmp-primary-bg) 0,#fff 100%);border-bottom:1.5px solid #d1fae5;border-bottom:1.5px solid var(--dmp-border);display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.dmp-modal__header h3{color:#0f2d1a;color:var(--dmp-text-900);font-family:Nunito,DM Sans,system-ui,sans-serif;font-family:var(--dmp-font-display);font-size:15px;font-weight:800;letter-spacing:-.2px;margin:0}.dmp-modal__close{align-items:center;background:#fff;background:var(--dmp-white);border:1.5px solid #d1fae5;border:1.5px solid var(--dmp-border);border-radius:7px;border-radius:var(--dmp-radius-sm);color:#5a8a6a;color:var(--dmp-text-500);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px}.dmp-modal__close:hover{background:#fef2f2;background:var(--dmp-red-bg);border-color:#fecaca;color:#ef4444;color:var(--dmp-red)}.dmp-modal__body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:18px 20px;scrollbar-color:#d1fae5 #0000;scrollbar-color:var(--dmp-border) #0000;scrollbar-width:thin}.dmp-modal__footer{background:#f1fdf6;background:var(--dmp-bg-muted);border-top:1.5px solid #d1fae5;border-top:1.5px solid var(--dmp-border);bottom:0;display:flex;flex-shrink:0;gap:9px;justify-content:flex-end;padding:13px 20px;position:-webkit-sticky;position:sticky}.dmp-section-title{background:#f0fdf4;background:var(--dmp-primary-bg);border-left:3px solid #22c55e;border-left:3px solid var(--dmp-primary);border-radius:0 7px 7px 0;border-radius:0 var(--dmp-radius-sm) var(--dmp-radius-sm) 0;color:#16a34a;color:var(--dmp-primary-dark);font-size:10.5px;font-weight:800;letter-spacing:.07em;margin:0 0 12px;padding:6px 10px;text-transform:uppercase}.dmp-section-title+.dmp-section-title{margin-top:18px}.dmp-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:14px}.dmp-field{display:flex;flex-direction:column;gap:4px}.dmp-field--full{grid-column:1/-1}.dmp-field label{color:#2d5a3d;color:var(--dmp-text-700);font-size:11.5px;font-weight:700;letter-spacing:.01em}.dmp-req{color:#ef4444;color:var(--dmp-red)}.dmp-hint{color:#86b89a;color:var(--dmp-text-400);font-size:10.5px;font-weight:500}.dmp-input{background:#fff;background:var(--dmp-white);border:1.5px solid #d1fae5;border:1.5px solid var(--dmp-border);border-radius:11px;border-radius:var(--dmp-radius-md);color:#0f2d1a;color:var(--dmp-text-900);font-family:DM Sans,Nunito,system-ui,sans-serif;font-family:var(--dmp-font);font-size:12.5px;padding:8px 11px;transition:border-color .2s,box-shadow .2s;width:100%}.dmp-input:focus{border-color:#22c55e;border-color:var(--dmp-primary);box-shadow:0 0 0 3px #22c55e2e;box-shadow:var(--dmp-shadow-glow);outline:none}.dmp-input:disabled{background:#f1fdf6;background:var(--dmp-bg-muted);border-color:#e6fff1;border-color:var(--dmp-border-light);color:#86b89a;color:var(--dmp-text-400);cursor:not-allowed}.dmp-input--sm{font-size:11.5px;padding:6px 9px}.dmp-textarea{min-height:56px;resize:vertical}.dmp-input-group{align-items:stretch;border:1.5px solid #d1fae5;border:1.5px solid var(--dmp-border);border-radius:11px;border-radius:var(--dmp-radius-md);display:flex;overflow:hidden;transition:border-color .2s,box-shadow .2s}.dmp-input-group:focus-within{border-color:#22c55e;border-color:var(--dmp-primary);box-shadow:0 0 0 3px #22c55e2e;box-shadow:var(--dmp-shadow-glow)}.dmp-input-group .dmp-input{border:none;border-radius:0;box-shadow:none;flex:1 1}.dmp-input-group .dmp-input:focus{box-shadow:none}.dmp-input-suffix{align-items:center;background:#f0fdf4;background:var(--dmp-primary-bg);border-left:1.5px solid #d1fae5;border-left:1.5px solid var(--dmp-border);color:#16a34a;color:var(--dmp-primary-dark);display:flex;font-size:11px;font-weight:700;padding:0 10px;white-space:nowrap}.discount-management-page-selection-box{background:#f0fdf4;background:var(--dmp-primary-bg);border:1.5px solid #bbf7d0;border:1.5px solid var(--dmp-primary-light);border-radius:11px;border-radius:var(--dmp-radius-md);margin-bottom:14px;padding:12px}.discount-management-page-selection-header{align-items:center;color:#2d5a3d;color:var(--dmp-text-700);display:flex;font-size:12.5px;font-weight:700;justify-content:space-between;margin-bottom:8px}.discount-management-page-selection-count{background:#22c55e;background:var(--dmp-primary);border-radius:999px;border-radius:var(--dmp-radius-pill);color:#fff;font-size:11px;font-weight:800;padding:2px 8px}.discount-management-page-selection-search{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.discount-management-page-selection-list{background:#fff;background:var(--dmp-white);border:1.5px solid #d1fae5;border:1.5px solid var(--dmp-border);border-radius:7px;border-radius:var(--dmp-radius-sm);max-height:160px;overflow-y:auto;scrollbar-color:#d1fae5 #0000;scrollbar-color:var(--dmp-border) #0000;scrollbar-width:thin}.discount-management-page-loading-row{color:#86b89a;color:var(--dmp-text-400);font-size:12.5px;padding:11px;text-align:center}.discount-management-page-selection-item{align-items:center;border-bottom:1px solid #f0fdf4;cursor:pointer;display:flex;gap:9px;padding:7px 10px;transition:background .12s}.discount-management-page-selection-item:last-child{border-bottom:none}.discount-management-page-selection-item:hover{background:#f0fdf4;background:var(--dmp-primary-bg)}.discount-management-page-selection-item input[type=checkbox]{accent-color:#22c55e;accent-color:var(--dmp-primary);flex-shrink:0;height:14px;width:14px}.discount-management-page-selection-item-name{color:#2d5a3d;color:var(--dmp-text-700);flex:1 1;font-size:12.5px;font-weight:500}.discount-management-page-selection-item-price{color:#86b89a;color:var(--dmp-text-400);font-size:11.5px;font-weight:700;white-space:nowrap}.discount-management-page-game-config{background:linear-gradient(135deg,#fffbeb,#fff9f0);border:1.5px dashed #fbbf24;border-radius:11px;border-radius:var(--dmp-radius-md);margin-bottom:14px;padding:12px}.discount-management-page-checkbox-row{align-items:center;color:#2d5a3d;color:var(--dmp-text-700);cursor:pointer;display:flex;font-size:12.5px;font-weight:700;gap:8px}.discount-management-page-checkbox-row input[type=checkbox]{accent-color:#22c55e;accent-color:var(--dmp-primary);flex-shrink:0;height:14px;width:14px}.discount-management-page-game-fields{margin-top:12px}.discount-management-page-confirm{animation:dmpSlideUp .25s cubic-bezier(.34,1.56,.64,1);animation:dmpSlideUp .25s var(--dmp-ease);background:#fff;background:var(--dmp-white);border:1.5px solid #c6f6d5;border:1.5px solid var(--dmp-border-card);border-radius:22px;border-radius:var(--dmp-radius-xl);box-shadow:0 20px 60px #0f2d1a2e;box-shadow:var(--dmp-shadow-modal);max-width:340px;padding:26px 24px;text-align:center;width:100%}.discount-management-page-confirm-icon{font-size:32px;margin-bottom:10px}.discount-management-page-confirm h3{color:#0f2d1a;color:var(--dmp-text-900);font-family:Nunito,DM Sans,system-ui,sans-serif;font-family:var(--dmp-font-display);font-size:15px;font-weight:800;margin:0 0 7px}.discount-management-page-confirm p{color:#5a8a6a;color:var(--dmp-text-500);font-size:12.5px;line-height:1.6;margin:0 0 18px}.discount-management-page-confirm-actions{display:flex;gap:9px;justify-content:center}.discount-management-page-wheel-section{padding:16px 24px}.discount-management-page-wheel-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.discount-management-page-wheel-title{align-items:center;color:#0f2d1a;color:var(--dmp-text-900);display:flex;font-family:Nunito,DM Sans,system-ui,sans-serif;font-family:var(--dmp-font-display);font-size:15px;font-weight:800;gap:7px}.discount-management-page-wheel-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.discount-management-page-wheel-card{background:#fff;background:var(--dmp-white);border:1.5px solid #c6f6d5;border:1.5px solid var(--dmp-border-card);border-radius:16px;border-radius:var(--dmp-radius-lg);box-shadow:0 2px 8px #16a34a14;box-shadow:var(--dmp-shadow-sm);overflow:hidden;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;transition:transform .22s var(--dmp-ease),box-shadow .22s}.discount-management-page-wheel-card:hover{box-shadow:0 8px 28px #16a34a24;box-shadow:var(--dmp-shadow-lg);transform:translateY(-3px)}.discount-management-page-wheel-card-banner{align-items:center;background:linear-gradient(135deg,#16a34a,#0d9488);display:flex;font-size:32px;height:80px;justify-content:center;overflow:hidden;position:relative}.discount-management-page-wheel-card-banner:after{background:linear-gradient(135deg,#ffffff1a,#0000 60%);content:"";inset:0;position:absolute}.discount-management-page-wheel-card-banner img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.discount-management-page-wheel-card-body{padding:12px 14px}.discount-management-page-wheel-card-name{color:#0f2d1a;color:var(--dmp-text-900);font-family:Nunito,DM Sans,system-ui,sans-serif;font-family:var(--dmp-font-display);font-size:13px;font-weight:800;margin-bottom:5px}.discount-management-page-wheel-card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.discount-management-page-wheel-card-meta-item{align-items:center;color:#5a8a6a;color:var(--dmp-text-500);display:flex;font-size:11.5px;font-weight:500;gap:4px}.discount-management-page-wheel-card-footer{align-items:center;background:#f1fdf6;background:var(--dmp-bg-muted);border-top:1px solid #f0fdf4;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 14px}.discount-management-page-wheel-card-actions{display:flex;flex-wrap:wrap;gap:6px}.discount-management-page-wheel-preview{animation:dmpSlideUp .3s cubic-bezier(.34,1.56,.64,1);animation:dmpSlideUp .3s var(--dmp-ease);background:#fff;background:var(--dmp-white);border:1.5px solid #c6f6d5;border:1.5px solid var(--dmp-border-card);border-radius:22px;border-radius:var(--dmp-radius-xl);box-shadow:0 20px 60px #0f2d1a2e;box-shadow:var(--dmp-shadow-modal);max-width:420px;overflow:hidden;width:100%}.discount-management-page-wheel-preview-header{align-items:center;background:#f0fdf4;background:var(--dmp-primary-bg);border-bottom:1.5px solid #d1fae5;border-bottom:1.5px solid var(--dmp-border);display:flex;justify-content:space-between;padding:14px 18px}.discount-management-page-wheel-preview-header h3{color:#0f2d1a;color:var(--dmp-text-900);font-family:Nunito,DM Sans,system-ui,sans-serif;font-family:var(--dmp-font-display);font-size:14px;font-weight:800;margin:0}.discount-management-page-wheel-preview-body{padding:20px;text-align:center}.discount-management-page-preview-empty{color:#86b89a;color:var(--dmp-text-400);font-size:12.5px;padding:18px 0}.discount-management-page-wheel-circle{border:5px solid #fff;border:5px solid var(--dmp-white);border-radius:50%;box-shadow:0 6px 24px #00000029;height:180px;margin:0 auto 18px;position:relative;width:180px}.discount-management-page-wheel-circle-center{align-items:center;background:#fff;background:var(--dmp-white);border-radius:50%;box-shadow:0 2px 8px #00000029;color:#f59e0b;color:var(--dmp-gold);display:flex;font-size:9px;font-weight:800;height:36px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:36px}.discount-management-page-wheel-legend{text-align:left}.discount-management-page-wheel-legend-item{align-items:center;border-bottom:1px solid #f0fdf4;display:flex;font-size:12.5px;gap:7px;padding:5px 0}.discount-management-page-wheel-legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.discount-management-page-wheel-legend-prob{color:#16a34a;color:var(--dmp-primary-dark);font-size:11.5px;font-weight:800;margin-left:auto}.discount-management-page-image-upload-wrapper{align-items:stretch;display:flex;gap:7px}.discount-management-page-image-preview{background:#f1fdf6;background:var(--dmp-bg-muted);border:1.5px dashed #d1fae5;border:1.5px dashed var(--dmp-border);border-radius:11px;border-radius:var(--dmp-radius-md);display:inline-block;margin-top:7px;padding:7px;text-align:center}.discount-management-page-image-preview img{border-radius:7px;border-radius:var(--dmp-radius-sm);max-height:70px;max-width:100%;object-fit:contain}.discount-management-page-toast{align-items:center;animation:dmpToastIn .3s cubic-bezier(.22,1,.36,1);animation:dmpToastIn .3s var(--dmp-ease-out);border-radius:16px;border-radius:var(--dmp-radius-lg);box-shadow:0 8px 28px #16a34a24;box-shadow:var(--dmp-shadow-lg);display:flex;font-size:12.5px;font-weight:700;gap:7px;max-width:300px;padding:11px 18px;position:fixed;right:18px;top:18px;z-index:99999}.discount-management-page-toast--success{background:#dcfce7;border-left:4px solid #22c55e;border-left:4px solid var(--dmp-primary);color:#14532d}.discount-management-page-toast--error{background:#fee2e2;border-left:4px solid #ef4444;border-left:4px solid var(--dmp-red);color:#991b1b}.discount-management-page-prizes-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.discount-management-page-prize-card{background:#fff;background:var(--dmp-white);border:1.5px solid #c6f6d5;border:1.5px solid var(--dmp-border-card);border-radius:11px;border-radius:var(--dmp-radius-md);padding:12px;transition:box-shadow .15s}.discount-management-page-prize-card:hover{box-shadow:0 2px 8px #16a34a14;box-shadow:var(--dmp-shadow-sm)}@keyframes dmpSpin{to{transform:rotate(1turn)}}@keyframes dmpSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dmpToastIn{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes dmpPulseGreen{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}@keyframes dmpShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:900px){.discount-management-page-header,.discount-management-page-tabs,.discount-management-page-toolbar,.discount-management-page-wheel-section{padding-left:14px;padding-right:14px}.discount-management-page-table-wrap{margin:0 14px}.discount-management-page-loyalty-config-zone{margin:12px 14px 10px}.discount-management-page-header-stats{display:none}}@media (max-width:640px){.dmp-grid-2{grid-template-columns:1fr}.discount-management-page-toolbar{align-items:stretch;flex-direction:column}.discount-management-page-search-wrap{max-width:100%}.discount-management-page-toolbar-actions{justify-content:flex-end}.discount-management-page-table-wrap{border-radius:11px;border-radius:var(--dmp-radius-md);margin:0 8px}.discount-management-page-table td,.discount-management-page-table th{font-size:11.5px;padding:9px}.dmp-modal{border-radius:16px 16px 0 0;border-radius:var(--dmp-radius-lg) var(--dmp-radius-lg) 0 0;margin-top:auto;max-width:100%}.discount-management-page-wheel-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.b04bbd76.css.map*/