.app-wrapper{background-color:#edf2f7;min-height:100vh}.dashboard-layout,.main-area{display:flex;min-height:100vh}.main-area{flex:1;flex-direction:column;margin-left:320px;width:calc(100% - 320px)}.main-header{flex-shrink:0}.main-content{background-color:#edf2f7;flex:1;overflow-y:auto;padding:20px}.landing-wrapper{min-height:100vh}.clock-banner{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:9999}.clock-banner__content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1330px}.clock-banner__text{font-size:14px;font-weight:500}.clock-banner__close{background:hsla(0,0%,100%,.2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;height:28px;transition:background .2s;width:28px}.clock-banner__close:hover{background:hsla(0,0%,100%,.3)}.slide-down-enter-active,.slide-down-leave-active{transition:transform .25s ease,opacity .25s ease}.slide-down-enter,.slide-down-leave-to{opacity:0;transform:translateY(-100%)}.modal-overlay{background:rgba(0,0,0,.15);cursor:pointer;height:100vh;left:0;opacity:0;position:fixed;top:0;transition-duration:.3s;visibility:hidden;width:100%;z-index:111}.modal-overlay.active{opacity:1;visibility:visible}@media (max-width:1023px){.main-area{margin-left:0;width:100%}.main-content{padding:15px}}