:root{--color-primary: #25988b;--color-primary-dark: #1e7a70;--color-primary-extra-light: #dcfdf5;--color-red: #982525;--color-red-dark: #7a1e1e;--topbar-height: 48px;--sidebar-width: 240px}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{font-family:Alata,sans-serif;background:#f3f3f3}main{background:#f3f3f3;min-height:calc(100vh - var(--topbar-height))}h1,h2,h3,h4,h5,h6{cursor:default}#centered-form{position:absolute;top:50vh;left:calc(50vw + calc(var(--sidebar-width) / 2));transform:translate(-50%,-50%);margin:12px;background:#fff;border-radius:8px;overflow:hidden;width:100%;max-width:420px}.login-form{left:50vw!important}.form-container{background:#fff;border-radius:8px;overflow:hidden}#centered-form h1,.form-container h1{background:var(--color-primary);color:#fff;text-align:center;padding:16px}#centered-form .centered-form-content,.form-container .centered-form-content{padding:16px}#centered-form input,#centered-form select,#centered-form textarea,.form-container input,.form-container select,.form-container textarea{width:100%}.form-label{display:block;cursor:pointer}.input-wrapper{margin-top:16px}.form-input{margin:4px 0;display:block;border:none;border-bottom:1px solid var(--color-primary);padding:8px;background:#fafafa}.form-input:focus{outline:2px solid var(--color-primary);border-radius:4px}.form-submit,.btn-primary{display:block;border:1px solid var(--color-primary-dark);background:var(--color-primary);padding:8px;color:#fff;width:100%;border-radius:8px;cursor:pointer}.form-submit:hover,.form-submit:focus,.btn-primary:hover,.btn-primary:focus{background:var(--color-primary-dark)}.btn{width:unset;display:inline-block}.auth{display:grid;grid-template-columns:240px auto}section#sidebar{min-height:100vh;background:var(--color-primary)}#sidebar__title{display:block;color:#fff;text-align:center;text-decoration:none;height:var(--topbar-height);line-height:var(--topbar-height);font-size:calc(var(--topbar-height) / 2);background:var(--color-primary-dark)}#topbar{height:var(--topbar-height);background:var(--color-primary);max-width:calc(100vw - var(--sidebar-width));display:flex;flex-direction:row;align-items:center;justify-content:flex-end;color:#fff}.topbar-item{padding:0 16px;align-self:stretch;display:flex;align-items:center;justify-content:center;cursor:pointer}.topbar-item:hover{background:var(--color-primary-dark)}.sidebar-link{display:block;padding:12px;color:#fff;text-decoration:none}.sidebar-link:hover{background:var(--color-primary-dark)}.sidebar-link.active{background:#fff;color:var(--color-primary)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background:#fff;min-width:160px;padding:4px 0;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:999}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a,.dropdown-menu button{display:block;padding:10px 16px;text-decoration:none;color:var(--color-primary-dark);white-space:nowrap;border:none;background:#fff}.dropdown-menu button{all:unset;display:block;width:calc(100% - 32px);padding:10px 16px;color:var(--color-primary-dark);cursor:pointer;white-space:nowrap}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--color-primary);color:#fff}.dropdown-menu a.logout,.dropdown-menu button.logout{color:var(--color-red)}.dropdown-menu a.logout:hover,.dropdown-menu button.logout:hover{color:#fff;background:var(--color-red)}.styled-table{margin:24px;width:calc(100% - 48px);border-collapse:collapse;font-size:14px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.styled-table thead{background:var(--color-primary);color:#fff;text-align:left}.styled-table thead th{padding:12px 16px;font-weight:600;cursor:default}.styled-table tbody td{padding:10px 16px;border-bottom:1px solid #ddd}.styled-table tbody tr:nth-child(2n){background:#f9f9f9}.styled-table tbody tr:hover{background:var(--color-primary-extra-light)}.styled-table tbody td:first-child{font-weight:500;color:var(--color-primary-dark)}.btn-danger{background-color:var(--color-red);border-color:var(--color-red-dark)}.btn-danger:hover{background-color:var(--color-red-dark)}