.home{padding:16px 0 16px 16px}.view__title{text-align:center;margin:16px}.nav-buttons{position:sticky;top:2px;padding:24px;margin:12px 0}.btn{padding:10px 20px;border:none;border-radius:10px;color:#fff;text-decoration:none;background-color:#5f9ea0;box-shadow:0 0 15px 2px #0003;cursor:pointer}.btn--update{padding:2px 10px;background-color:#6495ed;font-size:12px}.btn--delete{padding:2px 10px;background-color:#dc143c;font-size:12px}.members{display:flex;flex-direction:column;gap:10px}.member{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 18px;border-radius:6px;background-color:#ddd}.details-group{display:flex;flex-direction:column;padding:8px 4px;border:1px solid lightgray;border-radius:6px;box-shadow:0 0 15px 1px #0000001a;background-color:#fffeff}.details-group h3{text-align:center}.details-group .details-group__data{display:flex;gap:10px}.details-group .details-group__data p{display:flex;flex-direction:column;padding:10px}.details-group .details-group__data p span{padding:2px 6px;border:1px solid #bbb;background-color:#fff;box-shadow:0 0 15px 1px #0000001a}.container--group{display:flex;gap:16px}.container--buttons{display:flex;gap:16px;justify-content:center}.table--members__row{display:grid;grid-template-columns:200px 120px 160px 160px 150px 100px 100px 100px 100px 100px 100px;grid-template-rows:1fr}.table--members__column{display:flex;flex-flow:wrap;align-items:center;justify-content:center;padding:4px 7px 6px;font-weight:700;border:1px solid #333}.page{display:flex;align-items:center;justify-content:center;height:100vh}.page .container{width:100%;max-width:800px;margin:36px auto;padding:24px;background-color:#d3d3d3;border-radius:12px}.page .container h1{margin-bottom:24px;text-align:center}.page .container .form{display:grid;grid-gap:10px}.page .container .form-group{display:flex}.page .container .form-group div{display:flex;flex:1;gap:10px}.page .container .form-group div label{display:inline-block;min-width:150px}.page .container .form-group div input{padding:4px 10px;min-width:200px}.page .container .container--btns{display:flex;justify-content:center;gap:48px;padding:24px 0 10px}.page .container .container--btns .btn a{text-decoration:none}.page .container .container--btns .btn--secondary{background-color:#6495ed}.page-login .card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:120px;padding:24px 4px;border:1px solid lightgray;border-radius:6px;background-color:#fffeff}.page-login form{display:grid;gap:16px;width:300px}.page-login form div{display:flex;align-items:center;justify-content:space-between}.page-login form div input{width:220px;padding:8px 6px}.page-login form .msg--error{color:red}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.u-text-center{text-align:center}.bgc-lt-blue{background-color:#add8e6}.container--form-sm{height:100vh;width:100%;max-width:350px;margin:0 auto}
