body{margin:0;width:100vw;height:100vh;background-color:#dcdcd0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,:host{--color-primary: #426349;--bg-color-primary: white;--text-color: white;--text-color-dark: rgb(171, 171, 171);--text-color-darker: rgb(127, 127, 127);--string-color: #8bc34a;--number-color: #da653d;--boolean-color: #c851ec;--function-color: #308dd6;--text-size-xxs: 10px;--text-size-xs: 12px;--text-size-s: 14px;--text-size-m: 16px;--text-size-l: 18px;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 12px;--spacing-l: 16px;--spacing-xl: 20px;--border-radius: 4px}table{border-collapse:collapse}td,th{padding:5px 10px;text-align:left;border-collapse:collapse}tr{height:50px}tbody tr{background-color:#f4f6f5}tbody tr:nth-child(2n){background-color:transparent}.action{font-weight:500}.action--create{color:#3f51b5}.action--update{color:purple}.status{font-weight:500}.status--pending{color:orange}.status--approved{color:green}.status--rejected{color:red}.app{width:100vw;height:100vh;overflow:hidden;display:flex}.app-header{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:20px 10px;background-color:var(--color-primary);color:#fff}.app__menu{display:flex;flex-direction:column;width:210px;height:100%;background-color:var(--color-primary);color:#fff}.app__menu__content{flex:1}.app__sub-menu{display:flex;flex-direction:column;width:405px;height:100%;background-color:#f2f2ed;padding:15px;box-sizing:border-box}.nav-menu__item{display:flex;align-items:center;cursor:pointer;padding:15px;border-radius:15px;margin:10px;text-decoration:none;color:#fff}.page-wrapper{display:flex;flex-direction:row;flex:1;padding:var(--spacing-xl);box-sizing:border-box;background-color:#fff}.App{text-align:center}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}input:focus-visible,input:focus{outline:none}.input-wrapper{position:relative;display:flex;height:50px;background-color:#31553b1a;border-radius:5px;border-color:#ccc;border-width:1px;border-style:solid;box-sizing:border-box}.input-container--textarea .input-wrapper{width:100%;height:auto}.input-wrapper--error{border-color:red}.input-wrapper--disabled{background-color:#4747471f}.input{flex:1;outline-style:none;border:none;width:100%;background-color:transparent;color:#000;font-size:17px;padding:5px}.input--disabled{opacity:.5}.input__error{font-size:15px;color:red;margin-bottom:5px}label{display:inline-block;font-size:15px;font-weight:500;margin-bottom:5px}.tabs-header{display:flex;color:#000;box-sizing:border-box;margin-bottom:20px;border-radius:5px}.tabs-header__item{cursor:pointer;font-weight:500;padding:15px 25px;color:#bfbfbf}.tabs-header__item--active{background-color:var(--color-primary);color:#fff;border-radius:5px}.tab-content{height:calc(100% - 70px)}