.logo{width:34px;border-radius:19px;border:1px solid var(--color-gray-500);padding:1px}.logo-footer{width:30px;border-radius:50%}.header{background-color:var(--bg-body-nav);position:sticky;top:0;z-index:100;transition:background-color var(--transition-normal);box-shadow: 0px 9px 40px rgb(51 51 51 / 69%)}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-16);flex-wrap:nowrap}.navbar__brand{flex:1;display:flex;align-items:center;height:51px}.navbar__logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:inherit;display:flex;align-items:center;gap:var(--space-8);text-wrap:nowrap}.navbar__menu{display:flex;gap:var(--space-16);align-items:center;flex-wrap:nowrap;height:51px}.navbar__group{display:flex;align-items:center;flex-wrap:nowrap}.navbar__item{color:var(--text-color);display:flex;align-items:center;gap:0;padding:var(--space-16) var(--space-16);transition:all var(--transition-fast);cursor:pointer;border:none;flex-wrap:nowrap;text-wrap-mode:nowrap}.navbar__item.navbar__item--button{background:var(--bg-body-nav)}.icon{padding-right:12px}.icon i{font-size:19px}.navbar__item:hover{color:var(--color-primary);background-color:var(--bg-color-hover)}.navbar__toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:8px}.navbar__toggle span{display:block;width:24px;height:2px;background-color:var(--color-text);margin:3px 0;transition:all var(--transition-normal)}@media (max-width:768px){.header{padding:.5rem 0}.navbar{padding:0 var(--space-12);min-height:60px}.navbar__toggle{display:flex;flex-shrink:0;margin-left:auto}.navbar__brand{flex:0 1 auto;min-width:0}.navbar__logo{gap:var(--space-6);margin-right:var(--space-8)}.navbar__logo .logo{width:32px;height:32px;min-width:32px}.navbar__logo span{font-size:var(--font-size-lg);max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar__menu{position:fixed;top:60px;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);flex-direction:column;padding:var(--space-16);gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:99;max-height:calc(100vh - 60px);overflow-y:auto}.navbar__menu.active{transform:translateY(0);opacity:1;visibility:visible}.navbar__group{width:100%;flex-direction:column;gap:0}.navbar__group--top{}.navbar__item{width:100%;padding:var(--space-12) var(--space-16);justify-content:flex-start}.navbar__item--small{font-size:var(--font-size-sm);padding:var(--space-8) var(--space-16)}.navbar__item .icon{min-width:24px;text-align:center}.navbar__item .icon i{font-size:18px}.navbar__toggle[aria-expanded="true"] span:nth-child(1) {transform:rotate(45deg) translate(6px,6px)}.navbar__toggle[aria-expanded="true"] span:nth-child(2) {opacity:0;transform:translateX(-10px)}.navbar__toggle[aria-expanded="true"] span:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px)}.navbar__toggle span{transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (max-width:480px){.navbar{padding:0 var(--space-8);min-height:56px}.navbar__logo .logo{width:28px;height:28px;min-width:28px}.navbar__logo span{font-size:var(--font-size-md);max-width:80px}.navbar__toggle{width:36px;height:36px;padding:6px}.navbar__menu{top:56px;padding:var(--space-12)}.navbar__item{padding:var(--space-10) var(--space-12);font-size:var(--font-size-sm)}.navbar__item .icon i{font-size:16px}}@media (max-width:768px) and (orientation:landscape){.navbar__menu{max-height:60vh}.navbar__item{padding:var(--space-8) var(--space-16)}}@media (min-width:769px){.navbar{padding:0 var(--space-16)}.navbar__menu{gap:var(--space-8)}.navbar__group{gap:var(--space-4)}.navbar__item{padding:var(--space-12) var(--space-16);transition:all var(--transition-slow)}.navbar__item:hover{background-color:var(--color-secondary)}.navbar__item--button:hover{background-color:var(--color-secondary)}}.navbar__toggle[aria-expanded="true"] span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}.navbar__toggle[aria-expanded="true"] span:nth-child(2) {opacity:0}.navbar__toggle[aria-expanded="true"] span:nth-child(3) {transform:rotate(-45deg) translate(7px,-6px)}.navbar__item:focus-visible,.navbar__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-base)}@media (max-width:768px){body.menu-open{overflow:hidden}.navbar__menu.active~.main-content {filter:blur(2px);pointer-events:none}}.navbar__backdrop{display:none}@media (max-width:768px){.navbar__backdrop{display:block;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:98;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.navbar__toggle{display:flex!important;position:relative;z-index:101}.navbar__menu{position:fixed;top:60px;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);flex-direction:column;padding:var(--space-16);gap:0;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:99;max-height:calc(100vh - 60px);overflow-y:auto;pointer-events:none}.navbar__menu.active{transform:translateY(0);opacity:1;visibility:visible;pointer-events:all;height:inherit}.navbar__backdrop{position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:98;opacity:0;visibility:hidden;transition:all var(--transition-normal);pointer-events:none}.navbar__backdrop.active{opacity:1;visibility:visible;pointer-events:all}}navtap{display:block;position:fixed;bottom:24px;right:24px;z-index:999}.fixed-action-btn .btn-floating{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:3px;background-color:var(--icon-primary);color:var(--color-btn-primary-text);cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--duration-normal) var(--ease-standard);border:none;font-size:19px;position:relative;z-index:1000}.fixed-action-btn .btn-floating:hover{background-color:var(--icon-primary-hover);box-shadow:var(--shadow-lg);transform:scale(1.1)}.fixed-action-btn .btn-floating:active{background-color:var(--color-primary-active);transform:scale(.95)}.fixed-action-btn .btn-floating.btn-large{width:46px;height:46px}.fixed-action-btn i{color:var(--icon-cyan)}.fixed-action-btn .action{list-style:none;display:flex;margin:0;padding:0;width:-webkit-fill-available;position:absolute;bottom:50px;right:0;visibility:hidden;opacity:0;transition:all var(--duration-normal) var(--ease-standard);flex-direction:column;align-items:center;align-content:center}.fixed-action-btn .action{visibility:visible;opacity:1}.fixed-action-btn:not(:hover) .action {visibility:hidden;opacity:0}.fixed-action-btn:not(:hover) .action li {animation:none;opacity:0}.fixed-action-btn .action li{margin:0;padding:0;height:33px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;animation:slideIn var(--duration-normal) var(--ease-standard) forwards;opacity:0}.fixed-action-btn .action li:nth-child(1) {animation-delay:0ms}.fixed-action-btn .action li:nth-child(2) {animation-delay:30ms}.fixed-action-btn .action li:nth-child(3) {animation-delay:60ms}@keyframes slideIn {
    from {
        opacity: 0;
        transform: scale(0.5) translateY(20px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}.fixed-action-btn .action a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:1px;font-size:16px;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-standard);text-decoration:none;color:var(--color-btn-primary-text)}.fixed-action-btn .action a:hover{transform:scale(1.06);box-shadow:var(--shadow-lg)}.fixed-action-btn .action a:active{transform:scale(.9)}.fixed-action-btn .action a.red{background-color:var(--color-error)}.fixed-action-btn .action a.red:hover{background-color:rgba(var(--color-error-rgb),.9)}.fixed-action-btn .action a.blue-light{background-color:var(--color-primary)}.fixed-action-btn .action a.blue-light:hover{background-color:var(--color-primary-hover)}.fixed-action-btn .action a.blue-light.darken-1{background-color:var(--color-primary-active)}.fixed-action-btn .action a.blue-light.darken-1:hover{background-color:rgba(var(--color-teal-500-rgb),.8)}.fixed-action-btn .action a.green{background-color:var(--color-success)}.fixed-action-btn .action a.green:hover{background-color:rgba(var(--color-success-rgb),.9)}.fixed-action-btn .action a.orange{background-color:var(--color-warning)}.fixed-action-btn .action a.orange:hover{background-color:rgba(var(--color-warning-rgb),.9)}.fixed-action-btn .action a.tippyLeft{background-color:var(--color-orange-500)}@media (max-width:480px){navtap.fixed-action-btn{bottom:16px;right:16px}.fixed-action-btn .btn-floating{width:48px;height:48px;font-size:20px}.fixed-action-btn .action{bottom:60px}.fixed-action-btn .action li{height:48px;margin-bottom:8px}.fixed-action-btn .action a{width:48px;height:48px;font-size:18px}}.fixed-action-btn .btn-floating:focus-visible{outline:none;box-shadow:var(--focus-ring) , var(--shadow-lg)}.fixed-action-btn .action a:focus-visible{outline:none;box-shadow:var(--focus-ring) , var(--shadow-md)}