*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}section.login{min-height:100vh}.login-header{background-color:#fff;height:100%;padding:20px}.login-body{background-color:#f5f5f5;padding:20px;display:flex;align-items:center;justify-content:center;height:calc(100vh - 80px)}.login-body-popup{width:446px;height:381px}#app{background-color:#f5f5f5;display:grid;grid-template-areas:"side header" "side main";grid-template-columns:255px auto}#banking{min-height:calc(100vh - 80px);padding-block:24px;padding-inline-end:50px;height:100%}@media (max-width: 768px){#app{grid-template-areas:"header" "main";grid-template-columns:100%}#banking{padding-block:24px;padding-inline:10px}}@media (min-width: 2200px){#banking{min-width:2000px;width:fit-content;padding-inline-end:0}main{display:flex;justify-content:center}}aside{background-color:#fff;color:#9d9d9d;display:flex;flex-direction:column;gap:50px;padding-inline-start:14px;position:fixed;height:100%}.logo-placeholder{padding-block-start:36px;display:flex;justify-content:space-between}nav{display:flex;flex-direction:column;padding-inline-end:34px;height:100%}nav a{color:#1853a3;padding:14px 22px;font-size:16px;font-style:normal;font-weight:400;line-height:20px;text-decoration:none;display:flex;gap:14px}nav a.logout{color:#1853a3}nav a.selected{border-left:#EB1C24 5px solid;padding-left:17px;font-weight:600}nav a.disabled{cursor:text;color:#1853a3;filter:blur(1.5px)}a.logout{padding-block:22px;border-top:1px solid #EB1C24;margin-top:auto}@media (max-width: 768px){aside{z-index:2;width:80%;height:100%}}header.user-header{display:flex;justify-content:space-between;align-items:center;padding-inline-end:24px;padding-block-start:24px;height:80px}header.user-header>.avatar{align-items:center;display:flex;gap:4px}header.user-header>.avatar>img{height:30px;width:30px;border-radius:30px}header.user-header>.avatar>span{font-size:16px;font-style:normal;font-weight:400;line-height:23px;color:#646285}@media (min-width: 768px){.burger{display:none}}@media (max-width: 768px){.search{display:none}header.user-header{padding-inline:24px}.burger{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:12px;gap:6px}.burger>hr{width:24px;height:3px;background-color:#131e40;border-radius:12px}}