.floating-appointment-button{z-index:1200;color:#fff;cursor:pointer;letter-spacing:0;background:linear-gradient(135deg,#001435 0%,#05255b 100%);border:0;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:13px 18px;font-size:.96rem;font-weight:400;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 34px #00143557}.floating-appointment-button:hover{background:linear-gradient(135deg,#00102b 0%,#041d48 100%);transform:translateY(-3px);box-shadow:0 18px 42px #0014356b}.floating-appointment-button:focus-visible{outline-offset:3px;outline:3px solid #00143573}.floating-appointment-icon{background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;line-height:1;display:inline-flex}@media (max-width:560px){.floating-appointment-button{justify-content:center;width:calc(100% - 32px);bottom:16px;left:16px;right:16px}}
:root{--sidebar-width:300px;--primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-dark:linear-gradient(135deg, #5568d3 0%, #6a3f8a 100%);--bg-primary:#0f0f1f;--bg-secondary:#16192a;--bg-tertiary:#1f2643;--text-primary:#fff;--text-secondary:#a0aec0;--accent:#667eea;--accent-light:#9fb3ff;--success:#48bb78;--border-color:#667eea1a;--transition:.35s cubic-bezier(.4, 0, .2, 1)}.mobile-header{border-bottom:1px solid var(--border-color);z-index:999;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);justify-content:space-between;align-items:center;gap:1rem;width:100%;height:70px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}@media (max-width:768px){.mobile-header{display:flex}}.mobile-logo-wrapper{border:1px solid var(--border-color);background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:visible}.mobile-logo-wrapper img,.mobile-logo-wrapper picture,.mobile-logo-wrapper span{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:relative!important}.mobile-logo-wrapper img{object-fit:contain!important}.toggle-btn{background:var(--primary);cursor:pointer;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:52px;height:52px;padding:0;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 8px 32px #667eea4d}@media (max-width:768px){.toggle-btn{position:fixed;top:.85rem;right:1rem}}.toggle-btn:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 48px #667eea80}.toggle-btn:active{transform:translateY(-2px)scale(.98)}.toggle-btn span{background-color:#fff;border-radius:2px;width:24px;height:2.5px;transition:all .35s cubic-bezier(.4,0,.2,1);display:block}.toggle-btn.open span:first-child{transform:rotate(45deg)translate(9px,9px)}.toggle-btn.open span:nth-child(2){opacity:0;transform:translate(-10px)}.toggle-btn.open span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.sidebar{width:var(--sidebar-width);z-index:2000;border-left:1px solid var(--border-color);background:linear-gradient(#0f0f1f 0%,#16192a 50%,#1a1f35 100%);flex-direction:column;height:100vh;padding:2rem 0;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 40px #0006}@media (max-width:768px){.sidebar{height:calc(100vh - 70px);top:70px}}.sidebar.open{transform:translate(0);box-shadow:-8px 0 50px #667eea33,-4px 0 40px #0006}.sidebar-header{z-index:1000;display:none;position:fixed;top:20px;left:20px}@media (min-width:769px){.sidebar-header{display:block}}.sidebar-overlay{z-index:1999}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#ffffff05}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#667eea,#764ba2);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7c8aff,#8a5ab8)}.sidebar .sidebar-header{justify-content:center;align-items:center;z-index:auto!important;padding:2rem 1.5rem!important;display:flex!important;position:static!important;top:auto!important;left:auto!important}.sidebar-logo-mobile{justify-content:center;align-items:center;width:100%;padding:2rem 1.5rem;display:flex;position:relative}@media (min-width:769px){.sidebar-logo-mobile{display:none}}.logo-wrapper{border:1px solid var(--border-color);width:150px;height:150px;transition:all var(--transition);background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible;box-shadow:inset 0 0 30px #667eea0d}.logo-wrapper img,.logo-wrapper picture,.logo-wrapper span{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:relative!important}.logo-wrapper img{filter:drop-shadow(0 4px 15px #667eea33);transition:all var(--transition);object-fit:contain!important}.logo-wrapper:hover{border-color:var(--accent-light);transform:scale(1.02);box-shadow:inset 0 0 40px #667eea1a,0 0 20px #667eea33}.logo-wrapper:hover img{filter:drop-shadow(0 8px 25px #667eea66);transform:scale(1.05)}.sidebar-divider{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.3;height:1px;margin:0 1.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:.8rem;padding:2rem 1rem;display:flex}.nav-list{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.nav-items{cursor:pointer;transition:all var(--transition);color:var(--text-primary);letter-spacing:.3px;background-color:#0000;border:1px solid #0000;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-items:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-items:hover:before{left:100%}.nav-items:hover{color:var(--accent-light);background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border-color:#667eea4d;transform:translate(-8px);box-shadow:0 0 20px #667eea26,inset 0 0 15px #667eea0d}.nav-items:active{transform:translate(-4px)}.nav-icon{transition:all var(--transition);background:#667eea1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.4rem;display:inline-flex}.nav-items:hover .nav-icon{background:#667eea40;transform:scale(1.15)}.nav-label{transition:all var(--transition);flex:1}.nav-arrow{opacity:0;transition:all var(--transition);font-size:1.2rem;transform:translate(-8px)}.nav-items:hover .nav-arrow{opacity:1;transform:translate(0)}.sidebar-footer{border-top:1px solid var(--border-color);text-align:center;margin-top:auto;padding:1.5rem}.footer-text{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;opacity:.7;transition:all var(--transition);margin:0;font-size:.75rem}.sidebar-footer:hover .footer-text{opacity:1;color:var(--accent)}.sidebar-overlay{z-index:998;opacity:0;visibility:hidden;pointer-events:none;background-color:#0000;width:100%;height:100%;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1),background-color .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.sidebar-overlay.open{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background-color:#0009}@media (max-width:768px){:root{--sidebar-width:280px}.toggle-btn{width:48px;height:48px;top:1.25rem;right:1.25rem}.toggle-btn span{width:22px}.sidebar-header{padding:1.5rem 1rem}.logo-wrapper{width:130px;height:130px}.logo-wrapper img{width:120px;height:120px}.nav-items{padding:.9rem 1rem;font-size:.9rem}.nav-icon{width:28px;height:28px;font-size:1.2rem}.nav-items:hover{transform:translate(-6px)}}@media (max-width:480px){:root{--sidebar-width:100%}.toggle-btn{gap:4px;width:44px;height:44px;top:1rem;right:1rem}.toggle-btn span{width:20px;height:2px}.sidebar{padding:1.5rem 0}.sidebar-header{padding:1.25rem 1rem}.logo-wrapper{width:110px;height:110px}.logo-wrapper img{width:100px;height:100px}.sidebar-nav{gap:.6rem;padding:1.5rem .75rem}.nav-items{padding:.8rem .9rem;font-size:.85rem}.nav-icon{width:26px;height:26px;font-size:1rem}.sidebar-divider{margin:0 1rem}.sidebar-footer{padding:1rem .75rem}.footer-text{font-size:.65rem}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{scrollbar-color:#667eea66 #ffffff05;scrollbar-width:thin}@media (prefers-reduced-motion:reduce){.sidebar,.toggle-btn,.nav-items,.sidebar-overlay{transition:none}.nav-items:hover{transform:none}}