.bg-thai-turquoise{background-color:#14B8A6}.bg-thai-turquoise-dark{background-color:#0d9488}.text-thai-turquoise{color:#14B8A6}.border-thai-turquoise{border-color:#14B8A6}.ring-thai-turquoise{--tw-ring-color:#14B8A6}.focus\:ring-thai-turquoise:focus{--tw-ring-color:#14B8A6}.focus\:border-thai-turquoise:focus{border-color:#14B8A6}.hover\:bg-thai-turquoise:hover{background-color:#14B8A6}.hover\:text-thai-turquoise:hover{color:#14B8A6}.bg-thai-coral{background-color:#FF6B6B}.text-thai-coral{color:#FF6B6B}.border-thai-coral{border-color:#FF6B6B}.bg-thai-gold{background-color:#FFD700}.text-thai-gold{color:#FFD700}.bg-thai-sand{background-color:#FFF9F0}.text-thai-xs{font-size:0.875rem;line-height:1.5}.text-thai-sm{font-size:1rem;line-height:1.75}.text-thai-base{font-size:1.125rem;line-height:1.75}.text-thai-lg{font-size:1.25rem;line-height:1.75}.text-thai-xl{font-size:1.5rem;line-height:1.5}.text-thai-2xl{font-size:2rem;line-height:1.25}.text-thai-3xl{font-size:2.5rem;line-height:1.25}.text-thai-4xl{font-size:3rem;line-height:1.25}.font-thai{font-family:'Sarabun',sans-serif}.font-thai-display{font-family:'Kanit',sans-serif}.font-sarabun{font-family:'Sarabun',sans-serif}.bg-medical-green{background-color:#00A86B}.text-medical-green{color:#00A86B}.border-medical-green{border-color:#00A86B}.bg-medical-blue{background-color:#0056B3}.border-medical-blue{border-color:#0056B3}.bg-medical-primary{background-color:#0284C7}.text-medical-primary{color:#0284C7}.border-medical-primary{border-color:#0284C7}.bg-medical-secondary{background-color:#059669}.text-medical-secondary{color:#059669}.border-medical-secondary{border-color:#059669}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-100%);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}.animate-slide-in{animation:slideIn 0.8s cubic-bezier(0.34,1.56,0.64,1)}.animate-slide-out{animation:slideOut 0.8s cubic-bezier(0.34,1.56,0.64,1)}.animate-fade-in{animation:fadeIn 1s ease-out}.header-gradient{background:linear-gradient(135deg,var(--color-primary-dark,#0A5A5D) 0%,var(--color-primary-light,#14A3A8) 50%,var(--color-primary,#0D7377) 100%);color:white}.nav-medical{background:var(--color-bg-card,white);border-bottom:2px solid var(--color-border,#e5e7eb);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,0.08))}.nav-item-medical{display:inline-flex;align-items:center;padding:0.75rem 1rem;font-family:var(--font-primary,'Sarabun',sans-serif);font-size:1rem;font-weight:500;color:var(--color-text-secondary,#4b5563);border-bottom:3px solid transparent;transition:all 0.2s ease;text-decoration:none}.nav-item-medical:hover{color:var(--color-primary,#0D7377);background-color:var(--color-primary-50,#E8F6F6);border-bottom-color:var(--color-accent-light,#E2C97A)}.nav-item-medical.active{color:var(--color-primary,#0D7377);font-weight:600;border-bottom-color:var(--color-primary-light,#14A3A8)}.nav-item-booking{color:var(--color-primary,#0D7377);font-weight:600}.bg-white\/5{background-color:rgba(255,255,255,0.05)}.bg-white\/10{background-color:rgba(255,255,255,0.1)}.bg-white\/20{background-color:rgba(255,255,255,0.2)}.bg-white\/30{background-color:rgba(255,255,255,0.3)}.bg-white\/70{background-color:rgba(255,255,255,0.7)}.bg-red-500\/90{background-color:rgba(239,68,68,0.9)}.bg-thai-turquoise\/10{background-color:rgba(20,184,166,0.1)}.hover\:bg-white\/20:hover{background-color:rgba(255,255,255,0.2)}.hover\:bg-white\/30:hover{background-color:rgba(255,255,255,0.3)}.hover\:bg-thai-turquoise\/20:hover{background-color:rgba(20,184,166,0.2)}.text-white\/60{color:rgba(255,255,255,0.6)}.text-white\/70{color:rgba(255,255,255,0.7)}.text-white\/80{color:rgba(255,255,255,0.8)}.text-white\/90{color:rgba(255,255,255,0.9)}.border-white\/20{border-color:rgba(255,255,255,0.2)}.border-white\/30{border-color:rgba(255,255,255,0.3)}.border-white\/40{border-color:rgba(255,255,255,0.4)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.h-18{height:4.5rem}.file\:mr-3::file-selector-button{margin-right:0.75rem}.file\:py-2::file-selector-button{padding-top:0.5rem;padding-bottom:0.5rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:rounded-lg::file-selector-button{border-radius:0.5rem}.file\:border-0::file-selector-button{border-width:0}.file\:text-sm::file-selector-button{font-size:0.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:bg-thai-turquoise\/10::file-selector-button{background-color:rgba(20,184,166,0.1)}.file\:text-thai-turquoise::file-selector-button{color:#14B8A6}.hover\:file\:bg-thai-turquoise\/20:hover::file-selector-button{background-color:rgba(20,184,166,0.2)}.peer:checked ~ .peer-checked\:ring-2{box-shadow:0 0 0 2px var(--tw-ring-color,#3b82f6)}.peer:checked ~ .peer-checked\:ring-blue-500{--tw-ring-color:#3b82f6}.peer:checked ~ .peer-checked\:ring-teal-500{--tw-ring-color:#14b8a6}.peer:checked ~ .peer-checked\:ring-orange-500{--tw-ring-color:#f97316}.peer:checked ~ .peer-checked\:ring-offset-2{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--tw-ring-color,#3b82f6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:150ms}.heading-1{font-family:var(--font-primary,'Sarabun',sans-serif);font-size:var(--text-4xl,2.25rem);font-weight:700;line-height:1.2;color:var(--color-text,#1A2332)}.heading-2{font-family:var(--font-primary,'Sarabun',sans-serif);font-size:var(--text-2xl,1.5rem);font-weight:600;line-height:1.3;color:var(--color-text,#1A2332)}.heading-3{font-family:var(--font-primary,'Sarabun',sans-serif);font-size:var(--text-xl,1.25rem);font-weight:600;line-height:1.4;color:var(--color-text,#1A2332)}.heading-4{font-family:var(--font-primary,'Sarabun',sans-serif);font-size:var(--text-lg,1.125rem);font-weight:600;line-height:1.4;color:var(--color-text,#1A2332)}.heading-5{font-family:var(--font-primary,'Sarabun',sans-serif);font-size:var(--text-base,1rem);font-weight:600;line-height:1.5;color:var(--color-text-secondary,#4A5568)}.btn-enhanced{display:inline-flex;align-items:center;padding:0.5rem 1rem;border-radius:0.5rem;font-size:0.875rem;font-weight:500;transition:all 0.15s ease}.btn-primary{background-color:var(--color-primary,#0d9488);color:white;font-weight:500;padding:0.5rem 1rem;border-radius:var(--border-radius-sm,0.5rem);transition:background-color 0.2s ease;display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;border:none;font-size:0.875rem;line-height:1.25rem;text-decoration:none}.btn-primary:hover{background-color:var(--color-primary-dark,#0f766e)}.btn-primary:disabled,.btn-primary[disabled]{opacity:0.5;cursor:not-allowed}.btn-danger{background-color:var(--color-danger,#dc2626);color:white;font-weight:500;padding:0.5rem 1rem;border-radius:var(--border-radius-sm,0.5rem);transition:background-color 0.2s ease;display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;border:none;font-size:0.875rem;line-height:1.25rem;text-decoration:none}.btn-danger:hover{background-color:#b91c1c}.btn-secondary{background-color:var(--color-bg-secondary,#f3f4f6);color:var(--color-text,#374151);font-weight:500;padding:0.5rem 1rem;border-radius:var(--border-radius-sm,0.5rem);transition:background-color 0.2s ease;display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;border:1px solid var(--color-border,#d1d5db);font-size:0.875rem;line-height:1.25rem;text-decoration:none}.btn-secondary:hover{background-color:var(--color-border,#e5e7eb)}.admin-nav-btn{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 0.625rem;font-size:0.8125rem;font-weight:500;color:var(--color-text-muted,#6b7280);border-bottom:3px solid transparent;border-radius:0.375rem 0.375rem 0 0;transition:all 0.15s ease;white-space:nowrap;text-decoration:none}.admin-nav-btn i{font-size:0.875rem}.admin-nav-btn:hover{color:var(--color-primary,#0D7377);background-color:var(--color-primary-50,#E8F6F6)}.admin-nav-btn.active{color:var(--color-primary,#0D7377);font-weight:600;border-bottom-color:var(--color-primary-light,#14A3A8);background-color:var(--color-primary-50,#E8F6F6)}.admin-nav-group{display:flex;align-items:center;padding-right:0.5rem;margin-right:0.5rem;border-right:2px solid var(--color-border,#e5e7eb)}.admin-nav-group:last-child{border-right:none;padding-right:0;margin-right:0}.admin-nav-group-label{font-size:0.625rem;font-weight:700;color:var(--color-text-muted,#6b7280);text-transform:uppercase;letter-spacing:0.05em;writing-mode:vertical-lr;transform:rotate(180deg);margin-right:0.25rem;user-select:none}.mobile-nav-card{display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.625rem 0.25rem;font-size:0.6875rem;font-weight:500;color:var(--color-text-secondary,#4b5563);background:var(--color-bg-secondary,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--border-radius-sm,0.5rem);text-decoration:none;transition:all 0.15s ease;text-align:center}.mobile-nav-card:hover,.mobile-nav-card:active{background:var(--color-primary-50,#f0fdfa);border-color:var(--color-primary-light,#99f6e4);color:var(--color-primary,#0D7377)}.mobile-nav-card.active{background:var(--color-primary-50,#f0fdfa);border-color:var(--color-primary,#14B8A6);color:var(--color-primary,#0D7377);font-weight:600}.mobile-nav-card i{color:var(--color-primary,#14B8A6)}.color-scheme-option{position:relative;padding:0.25rem;border-radius:0.75rem;border:3px solid transparent;transition:all 0.2s ease}.color-scheme-option .color-swatch{transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.15);height:3.5rem}.color-scheme-option:hover{border-color:#d1d5db}.color-scheme-option:hover .color-swatch{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.color-scheme-option.selected{border-color:var(--color-primary,#0D7377);background-color:var(--color-primary-50,#f0fdfa)}.color-scheme-option.selected .color-swatch{box-shadow:0 4px 12px rgba(13,115,119,0.35);transform:scale(1.02)}.color-scheme-option.selected::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:-0.5rem;right:-0.5rem;width:1.5rem;height:1.5rem;background:var(--color-primary,#0D7377);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.625rem;box-shadow:0 2px 4px rgba(0,0,0,0.2)}@media (max-width:767px){.header-gradient .header-inner{flex-wrap:wrap;height:auto;padding-top:0.75rem;padding-bottom:0.75rem;gap:0.5rem}.header-gradient .header-title{flex:1;min-width:0}.header-gradient .header-title h1{font-size:1.125rem}.header-gradient .header-title p{font-size:0.75rem}.header-gradient .header-mobile-actions{display:flex;align-items:center;gap:0.5rem}.mobile-hamburger{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:rgba(255,255,255,0.2);border-radius:0.5rem;color:white;font-size:1.25rem;border:none;cursor:pointer}.mobile-hamburger:hover{background:rgba(255,255,255,0.3)}}.nav-active{border-bottom:2px solid var(--color-primary,#14B8A6);color:var(--color-primary,#14B8A6)}.nav-item{padding:1rem 0.5rem;color:var(--color-text-muted,#6b7280);border-bottom:2px solid transparent;transition:all 0.15s ease;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem}.nav-item:hover{color:var(--color-text,#374151);background-color:var(--color-bg-secondary,#f9fafb)}.admin-card{background-color:var(--color-bg-card,white);border-radius:var(--border-radius,0.5rem);box-shadow:var(--shadow,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1));border:1px solid var(--color-border,#e5e7eb);transition:all 0.15s ease}.admin-card:hover{box-shadow:var(--shadow-md,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1))}.admin-form .form-group{margin-bottom:1.5rem}.admin-form label{display:block;font-size:0.875rem;font-weight:500;color:var(--color-text,#374151);margin-bottom:0.5rem}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:0.75rem 1rem;border:1px solid var(--color-border,#d1d5db);border-radius:var(--border-radius-sm,0.5rem);transition:all 0.15s ease}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light,#14A3A8);border-color:var(--color-primary-light,#14A3A8)}