.ant-layout-sider.hermi-sider-container{.hermi-sidebar-menu {background: transparent; .ant-menu-submenu {.ant-menu-submenu-title {font-weight: bold; color: rgba(0,0,0,.45); font-size: 12px; text-transform: uppercase; letter-spacing: .5px; margin-top: 8px; .ant-menu-title-content a {color: rgba(0,0,0,.45);}} .ant-menu-item {transition: background-color .2s; &:hover {background-color: #f5f5f5;}} .ant-menu-item-selected {background-color: #e6f4ff; color: #1677ff; font-weight: 500; border-left: 3px solid #1677ff; padding-left: 21px;}} .ant-menu.ant-menu-sub.ant-menu-inline {background: transparent;} &.ant-menu-root.ant-menu-inline {border-inline-end: 0;}}}.hermi-page-container{overflow-y:hidden;height:100vh;.hermi-admin-layout {margin-top: 72px; aside.hermi-sider-container.ant-layout-sider {background: #FFF; box-shadow: 2px 0 8px 0 rgba(29,35,41,.05); height: calc(100vh - 72px); overflow-y: auto;} .hermi-content-container {flex: 1; height: calc(100vh - 72px); overflow-y: auto; background: #F0F2F5; .ant-table {width: calc(100vw - 336px);} .ant-form {.ant-form-item {margin-bottom: 36px; &.form-buttons-container {.ant-form-item-control-input-content {display: flex; justify-content: flex-end;}}} width: calc(100vw - 336px);}}}}.admin-header-container{position:fixed;z-index:1;width:100vw;height:72px;padding:0 36px 0 20px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 1px 4px #00152914;.admin-header-logo {width: 160px; height: 51px;} .admin-info-container {display: flex; gap: 0; align-items: center; width: fit-content; .admin-username {font-size: 14px; color: rgba(0,0,0,.65); padding-right: 16px;} .admin-divider {width: 1px; height: 16px; background-color: rgba(0,0,0,.15); margin: 0 16px;} .admin-logout {width: fit-content; cursor: pointer; font-size: 14px; color: rgba(0,0,0,.65); padding: 4px 12px; border: 1px solid rgba(0,0,0,.15); border-radius: 6px; transition: all .2s; &:hover {color: #1677ff; border-color: #1677ff;}}}}.shiny-text{color:transparent;background:linear-gradient(120deg,rgba(0,0,0,1) 40%,rgba(255,255,255,1) 50%,rgba(0,0,0,1) 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.alert-container{display:flex;width:100vw;height:100vh;z-index:9999;justify-content:center;align-items:center;position:fixed;background-color:#00000080;.alert {width: 373px; height: 254px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; background-color: rgba(255,255,255,.2); padding: 16px; font-size: 20px; font-weight: 600; border-radius: 8px; box-sizing: border-box; color: #333; font-size: 20px; line-height: 22px; font-weight: 700; border-radius: 24px; &.error {background: linear-gradient(180deg,#FFE6E6 0%,#FFF 100%);} &.success {background: linear-gradient(180deg,#DCFFE4 0%,#FFF 100%);} .msg-container {display: flex; flex-direction: column; align-items: center; gap: 24px; height: -webkit-fill-available; .type-icon {width: 131px; height: 104px;}}} .close-container {width: 100%; display: flex; align-items: center; justify-content: flex-end; .close {width: 32px; height: 32px; cursor: pointer;}} @media (max-width: 1024px) {.alert {width: 283px; height: 192px; padding: 12px; font-size: 16px; line-height: 18px; gap: 0; .msg-container {gap: 24px; .type-icon {width: 97px; height: 78px;}} .close-container {.close {width: 24px; height: 24px;}}}}}@font-face{font-family:Comfortaa;src:url(/assets/Comfortaa.0fc3f45d.ttf) format("truetype")}@font-face{font-family:DaysOne;src:url(/assets/DaysOne-Regular.7b5a0e6d.ttf) format("truetype")}#root{font-family:Comfortaa,cursive;h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-family: inherit;} .days-one {font-family: "DaysOne",sans-serif;}}@keyframes reveal{0%{clip-path:inset(100% 0 0 0);opacity:.5}to{clip-path:inset(0 0 0 0);opacity:1}}.cta-background{background:linear-gradient(90deg,#ff64c9 0%,#fffb7a 100%);border-radius:46px;display:flex;align-items:center;justify-content:center}.pc-view{display:block;@media (max-width: 1024px){display:none}}.mobile-view{display:none;@media (max-width: 1024px){display:block}}