:root{--primary-color:#2C3E50;--secondary-color:#34495E;--accent-color:#007AFF!important;--hover-color:rgba(0,122,255,0.08);--text-color:#1D1D1F;--light-text:#86868B;--border-radius:16px;--transition-speed:0.25s;--menu-indent:2rem;--menu-bg:transparent;--menu-text:#1D1D1F;--menu-hover-bg:rgba(0,122,255,0.06);--menu-hover-text:#007AFF;--menu-active-bg:rgba(0,122,255,0.1);--menu-active-text:#007AFF;--menu-border:rgba(0,0,0,0.06);--menu-shadow:rgba(0,0,0,0.04);--submenu-bg:rgba(255,255,255,0.4);--submenu-text:#86868B;--submenu-hover-bg:rgba(0,122,255,0.05);--submenu-hover-text:#007AFF;--menu-icon-color:#86868B;--menu-scrollbar-thumb:rgba(0,0,0,0.2);--menu-scrollbar-track:transparent;--top-bar-bg:transparent;--backdrop-blur:blur(20px)}[data-bs-theme=dark]{--menu-bg:transparent;--menu-text:#F2F2F7;--menu-hover-bg:rgba(0,122,255,0.15);--menu-hover-text:#0A84FF;--menu-active-bg:rgba(0,122,255,0.2);--menu-active-text:#0A84FF;--menu-border:rgba(255,255,255,0.08);--menu-shadow:rgba(0,0,0,0.6);--submenu-bg:rgba(28,28,30,0.4);--submenu-text:#8E8E93;--submenu-hover-bg:rgba(0,122,255,0.1);--submenu-hover-text:#0A84FF;--menu-icon-color:#8E8E93;--menu-scrollbar-thumb:rgba(255,255,255,0.3);--menu-scrollbar-track:transparent;--top-bar-bg:transparent;--text-color:#F2F2F7;--accent-color:#0A84FF}[data-bs-theme=dark]{:root{--menu-bg:transparent;--menu-text:#F2F2F7;--menu-hover-bg:rgba(0,122,255,0.15);--menu-hover-text:#0A84FF;--menu-active-bg:rgba(0,122,255,0.2);--menu-active-text:#0A84FF;--menu-border:rgba(255,255,255,0.08);--menu-shadow:rgba(0,0,0,0.6);--submenu-bg:rgba(28,28,30,0.4);--submenu-text:#8E8E93;--submenu-hover-bg:rgba(0,122,255,0.1);--submenu-hover-text:#0A84FF;--menu-icon-color:#8E8E93;--menu-scrollbar-thumb:rgba(255,255,255,0.3);--menu-scrollbar-track:transparent;--top-bar-bg:transparent;--text-color:#F2F2F7;--accent-color:#0A84FF}}body{color:var(--text-color)}.sidebar{background:var(--menu-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);color:var(--menu-text);height:100vh;position:fixed!important;overflow:hidden!important;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);padding:1.5rem 1rem!important;width:300px;box-sizing:border-box}.sidebar-content{height:100%;display:flex;flex-direction:column;padding-top:.5rem;overflow:visible;gap:.5rem}.sidebar-nav{display:block!important;flex:1 1 auto;overflow-y:auto!important;overflow-x:hidden;min-height:0;max-height:100%;padding-right:8px;padding-bottom:1rem;word-wrap:break-word;-webkit-overflow-scrolling:touch}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}[data-bs-theme=dark]{.sidebar-nav::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}}.sidebar-logout{margin-top:auto;flex-shrink:0;padding-top:.5rem}.sidebar .logout-btn{padding:.875rem 1rem!important;text-decoration:none!important;color:var(--menu-text)!important;background:transparent!important;border:none!important;border-radius:12px!important;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1)!important;font-weight:400!important;font-size:.95rem!important}.drawer-footer .logout-btn,.sidebar .logout-btn{display:flex!important;align-items:center!important;width:100%!important}.drawer-footer .logout-btn{justify-content:center!important;gap:8px!important;padding:12px!important;background:rgba(220,53,69,.1)!important;border:1px solid rgba(220,53,69,.2)!important;border-radius:12px!important;color:#dc3545!important;font-weight:500!important;transition:all .2s ease!important;cursor:pointer!important}.sidebar .logout-btn:hover{background:var(--menu-hover-bg)!important;color:var(--menu-hover-text)!important;transform:translateX(4px)!important}.sidebar .logout-btn i{margin-right:.875rem!important;width:18px!important;height:18px!important;color:var(--menu-icon-color)!important;font-size:1.1rem!important;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1)!important}.sidebar .logout-btn:hover i{color:var(--accent-color)!important;opacity:1!important;transform:scale(1.05)!important}.sidebar .logout-btn span{color:inherit!important;font-weight:inherit!important}.drawer-footer .logout-btn:hover{background:rgba(220,53,69,.15)!important;border-color:rgba(220,53,69,.3)!important;transform:translateY(-1px)!important}.drawer-footer .logout-btn i,.drawer-footer .logout-btn span{color:#dc3545!important}.top-sm{position:fixed;top:0;left:0;right:0;z-index:1020;height:64px;background:var(--top-bar-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--menu-border);box-shadow:0 1px 20px var(--menu-shadow)}.container-fluid{border-bottom:none!important}.menu-logo-container{padding:4px 0 1.5rem;display:flex;justify-content:center;align-items:center}.menu-logo{max-height:40px;width:auto;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);content:url(/img/logo\ saas.png);filter:drop-shadow(0 2px 4px var(--menu-shadow))}[data-bs-theme=dark]{.menu-logo{content:url(/img/logo\ saas.png)}}.menu-logo:hover{transform:scale(1.03);filter:drop-shadow(0 4px 5px var(--menu-shadow))}.nav-item{margin-bottom:.25rem;border-radius:var(--border-radius);list-style:none;padding:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.nav{padding-left:0}.nav-link{color:var(--menu-text)!important;padding:.875rem 1.25rem!important;display:flex!important;white-space:nowrap;text-overflow:ellipsis;align-items:center;font-weight:500;font-size:.95rem;text-decoration:none;backdrop-filter:none}.nav-link,.submenu{border-radius:var(--border-radius);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);overflow:hidden;max-width:100%;width:100%;box-sizing:border-box;position:relative}.submenu{max-height:0;padding-left:calc(var(--menu-indent) - .25rem);margin:.375rem 0;opacity:0;background:var(--submenu-bg);border:none}[data-bs-theme=light] .submenu{background:rgba(255,255,255,.4)!important}[data-bs-theme=dark] .submenu{background:rgba(28,28,30,.4)!important}.submenu.show{max-height:2000px;opacity:1;padding:.5rem calc(var(--menu-indent) - .25rem);contain:layout}.submenu:before{display:none}.submenu .nav-item{position:relative;margin-bottom:.3rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.submenu .nav-item:before{display:none}.submenu .nav-link{padding:.625rem 1rem!important;color:var(--submenu-text)!important;font-weight:400;font-size:.9rem;margin-left:.75rem;border-radius:calc(var(--border-radius) - 4px);width:calc(100% - .75rem);max-width:calc(100% - .75rem);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submenu .menu-icon{font-size:.9rem}.nav>.nav-item>.nav-link{font-weight:600;padding:.875rem 1.25rem!important}.nav>.nav-item>.nav-link .menu-icon{font-size:1.1rem}.nav-link:hover{background:var(--menu-hover-bg);color:var(--menu-hover-text)!important;transform:translateX(4px);border-color:var(--menu-border)}.nav-link.active{background:var(--menu-active-bg);color:var(--menu-active-text)!important;box-shadow:0 4px 12px rgba(0,122,255,.15)}.submenu .nav-link:hover{background:var(--submenu-hover-bg);transform:translateX(6px);color:var(--submenu-hover-text)!important;box-shadow:0 2px 8px rgba(0,122,255,.1)}.arrow-icon{border:solid var(--menu-icon-color);border-width:0 1.5px 1.5px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);margin-left:auto;opacity:.7}.nav-link.active .arrow-icon{transform:rotate(-135deg)}.nav-link.active .arrow-icon,.nav-link:hover .arrow-icon{border-color:var(--accent-color);opacity:1}.menu-icon{margin-right:.875rem;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--menu-icon-color);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);opacity:.8}.nav-link:hover .menu-icon{transform:scale(1.05)}.nav-link.active .menu-icon,.nav-link:hover .menu-icon{color:var(--accent-color);opacity:1}.offcanvas-start{width:320px!important;background:rgba(255,255,255,.95)!important;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:none;box-shadow:0 8px 32px var(--menu-shadow)}[data-bs-theme=dark]{.offcanvas-start{background:rgba(28,28,30,.95)!important}}.offcanvas-header{padding:2rem 1.5rem 1.5rem;border-bottom:none}.offcanvas-header .btn-close{display:none}.offcanvas-body{padding:2rem 1.5rem;overflow-y:auto!important;overflow-x:hidden;height:100%;-webkit-overflow-scrolling:touch}.offcanvas-body .nav{max-height:none!important;overflow:visible!important}.offcanvas-body .nav.flex-column{min-height:auto!important}@media (min-width:1200px) and (max-height:700px){.sidebar{padding:1rem .75rem!important}.sidebar-content{padding-top:.25rem;gap:.25rem}.sidebar-nav{padding-bottom:.5rem}.nav-link{padding:.5rem .75rem!important;font-size:.9rem}.nav-link i{font-size:1rem}}@media (max-width:1199.98px){.sidebar,.top-sm{display:none!important}.main{width:100%!important;margin-left:0!important;padding-top:20px!important;padding-bottom:100px!important}.mobile-bottom-nav{display:block!important}}@media (min-width:1200px){.top-sm{display:none!important}.sidebar{width:300px!important;display:block!important;z-index:1030}.main{margin-left:300px!important;width:calc(100% - 300px);min-height:100vh;padding:2rem;transition:margin-left var(--transition-speed)}.mobile-bottom-nav{display:none!important}}@media (max-width:1199.98px){.offcanvas-start{width:320px!important}}@media (max-width:575.98px){.offcanvas-start{width:100%!important;max-width:100%!important}.menu-logo{max-height:36px}.nav-link{padding:.75rem 1rem!important;font-size:.9rem}.main{padding:1rem!important}}.offcanvas-body::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:4px}.offcanvas-body::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:var(--menu-scrollbar-track)}.offcanvas-body::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--menu-scrollbar-thumb);border-radius:8px;-webkit-transition:background var(--transition-speed);transition:background var(--transition-speed)}.offcanvas-body::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.navbar-toggler{border:none;padding:.625rem;border-radius:var(--border-radius);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);background:transparent}.navbar-toggler:hover{background:var(--menu-hover-bg);transform:scale(1.02)}.navbar-toggler-icon{width:20px;height:20px;background-image:url(/img/menus.png);background-size:contain;background-repeat:no-repeat;background-position:50%;transition:all var(--transition-speed)}[data-bs-theme=dark]{.navbar-toggler{border-color:var(--menu-border)}.navbar-toggler-icon{background-image:url(/img/menus-dark.png)}}.bd-placeholder-img{-o-object-fit:cover;object-fit:cover;height:60%}.main{padding:2rem;background:transparent;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1)}body{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.nav-item{opacity:0;animation:fadeInUp .4s ease-out forwards}.nav>li:first-child{animation-delay:.05s}.nav>li:nth-child(2){animation-delay:.1s}.nav>li:nth-child(3){animation-delay:.15s}.nav>li:nth-child(4){animation-delay:.2s}.nav>li:nth-child(5){animation-delay:.25s}.nav>li:nth-child(6){animation-delay:.3s}.nav>li:nth-child(7){animation-delay:.35s}.nav>li:nth-child(8){animation-delay:.4s}.nav>li:nth-child(9){animation-delay:.45s}.nav-divider{opacity:0;animation:fadeInUp .4s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.nav-item{will-change:opacity,transform}.menu-logo-container{opacity:0;animation:fadeInScale .5s ease-out .05s forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:0 20px 20px;pointer-events:none}.bottom-nav-container{background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:12px 16px;display:flex;justify-content:space-around;align-items:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);pointer-events:auto;transform:translateY(100px);animation:slideUpNav .8s cubic-bezier(.4,0,.2,1) forwards;position:relative;z-index:10}[data-bs-theme=dark]{.bottom-nav-container{background:rgba(28,28,30,.9);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}}@keyframes slideUpNav{to{transform:translateY(0)}}.nav-item-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;width:56px;height:56px;pointer-events:auto}.nav-item-mobile:hover{background:rgba(0,122,255,.1);transform:translateY(-2px) scale(1.05)}.nav-item-mobile.active{background:rgba(0,122,255,.15);transform:translateY(-6px) scale(1.15);box-shadow:0 8px 20px rgba(0,122,255,.3)}.nav-item-mobile.bounce{animation:navItemBounce .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes navItemBounce{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.2) translateY(-8px)}50%{transform:scale(1.1) translateY(-4px)}70%{transform:scale(1.15) translateY(-6px)}to{transform:scale(1.15) translateY(-6px)}}.nav-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:16px}.nav-icon,.nav-icon i{transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.nav-icon i{font-size:22px;color:var(--menu-icon-color)}.nav-item-mobile:hover .nav-icon i{color:var(--accent-color);transform:scale(1.1)}.mobile-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1040;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-drawer-overlay.show{opacity:1;visibility:visible}.mobile-drawer{position:absolute;bottom:0;left:0;right:0;max-height:calc(100vh - 120px);min-height:450px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;padding-bottom:100px}[data-bs-theme=dark]{.mobile-drawer{background:rgba(28,28,30,.95)}}.mobile-drawer-overlay.show .mobile-drawer{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--menu-border)}.drawer-header h5{margin:0;color:var(--menu-text);font-weight:600;font-size:18px}.drawer-close{background:none;border:none;color:var(--menu-icon-color);font-size:18px;padding:8px;border-radius:50%;transition:all .2s ease;cursor:pointer}.drawer-close:hover{background:var(--menu-hover-bg);color:var(--accent-color)}.drawer-content{padding:16px 0;flex:1;overflow-y:auto;max-height:none;position:relative;--scroll-indicator-opacity:1;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.drawer-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.drawer-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.drawer-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,rgba(255,255,255,.8));pointer-events:none;opacity:var(--scroll-indicator-opacity);transition:opacity .3s ease}[data-bs-theme=dark]{.drawer-content:after{background:linear-gradient(transparent,rgba(28,28,30,.8))}.drawer-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.drawer-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}.drawer-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}}.drawer-section{margin-bottom:24px}.drawer-section h6{margin:0 0 12px 24px;color:var(--light-text);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.drawer-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:0 16px}.drawer-item{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-radius:16px;text-decoration:none;color:var(--menu-text);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;opacity:0;transform:translateY(20px);animation:slideInDrawerItem .4s cubic-bezier(.4,0,.2,1) forwards}.mobile-drawer-overlay.show .drawer-item:first-child{animation-delay:.1s}.mobile-drawer-overlay.show .drawer-item:nth-child(2){animation-delay:.15s}.mobile-drawer-overlay.show .drawer-item:nth-child(3){animation-delay:.2s}.mobile-drawer-overlay.show .drawer-item:nth-child(4){animation-delay:.25s}.mobile-drawer-overlay.show .drawer-item:nth-child(5){animation-delay:.3s}.mobile-drawer-overlay.show .drawer-item:nth-child(6){animation-delay:.35s}@keyframes slideInDrawerItem{to{opacity:1;transform:translateY(0)}}.drawer-item:hover{background:var(--menu-hover-bg);color:var(--accent-color);text-decoration:none;transform:translateY(-4px) scale(1.05);border-color:var(--menu-border);box-shadow:0 8px 20px rgba(0,122,255,.15)}.drawer-item i{font-size:24px;margin-bottom:8px;color:var(--menu-icon-color);transition:all .2s ease}.drawer-item:hover i{color:var(--accent-color);transform:scale(1.1)}.drawer-item span{font-size:12px;font-weight:500;text-align:center}.drawer-footer{padding:16px 24px;border-top:1px solid var(--menu-border);margin-top:auto;flex-shrink:0;margin-bottom:0}.mobile-submenu-popup{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px) scale(.7);background:rgba(255,255,255,.95);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:24px;padding:20px;z-index:1035;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 60px rgba(0,0,0,.15),0 8px 25px rgba(0,0,0,.1);max-width:320px;width:85vw;border:1px solid rgba(255,255,255,.3)}[data-bs-theme=dark]{.mobile-submenu-popup{background:rgba(28,28,30,.95);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 25px rgba(0,0,0,.2)}}.mobile-submenu-popup.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}.mobile-submenu-popup .mobile-submenu-items a{opacity:0;transform:translateY(10px);animation:fadeInUpSubmenu .3s cubic-bezier(.175,.885,.32,1.275) forwards}.mobile-submenu-popup.show .mobile-submenu-items a:first-child{animation-delay:.1s}.mobile-submenu-popup.show .mobile-submenu-items a:nth-child(2){animation-delay:.15s}.mobile-submenu-popup.show .mobile-submenu-items a:nth-child(3){animation-delay:.2s}.mobile-submenu-popup.show .mobile-submenu-items a:nth-child(4){animation-delay:.25s}.mobile-submenu-popup.show .mobile-submenu-items a:nth-child(5){animation-delay:.3s}@keyframes fadeInUpSubmenu{to{opacity:1;transform:translateY(0)}}.mobile-submenu-popup h6{margin:0 0 16px;color:var(--menu-text);font-size:18px;font-weight:700;text-align:center;opacity:0;transform:translateY(-10px);animation:fadeInUpTitle .4s cubic-bezier(.175,.885,.32,1.275) .05s forwards}@keyframes fadeInUpTitle{to{opacity:1;transform:translateY(0)}}.mobile-submenu-items{display:flex;flex-direction:column;gap:4px}.mobile-submenu-items a{display:flex;align-items:center;padding:12px 16px;border-radius:12px;text-decoration:none;color:var(--menu-text);transition:all .2s ease}.mobile-submenu-items a:hover{background:var(--menu-hover-bg);color:var(--accent-color);text-decoration:none}.mobile-submenu-items a i{margin-right:12px;font-size:16px;color:var(--menu-icon-color);width:20px;text-align:center}.mobile-submenu-items a:hover i{color:var(--accent-color)}@media (max-width:480px){.mobile-bottom-nav{padding:0 15px 15px}.bottom-nav-container{padding:8px 10px;margin:0 10px;border-radius:20px}.nav-item-mobile{width:48px;height:48px;padding:10px}.nav-icon i{font-size:18px}.mobile-drawer{max-height:calc(100vh - 140px);min-height:400px;padding-bottom:90px}}@media (max-height:600px){.mobile-drawer{max-height:calc(100vh - 100px)!important;min-height:350px!important;padding-bottom:80px!important}.drawer-items{gap:8px}.drawer-item{padding:12px 8px}.drawer-item i{font-size:20px;margin-bottom:6px}.drawer-item span{font-size:11px}.drawer-header{padding:16px 24px 12px}.drawer-footer{padding:12px 24px}}@media (min-height:800px){.mobile-drawer{max-height:calc(80vh)!important;padding-bottom:100px!important}}