.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.ml-4{margin-left:1.5rem}.ml-5{margin-left:3rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.mr-4{margin-right:1.5rem}.mr-5{margin-right:3rem}.gap-0{gap:0rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}header{width:100%;background-color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;left:0;z-index:1000}header img{max-height:30px}header button{background-color:#fff;border-width:0px;color:#141414;padding:5px 20px;font-size:18px;cursor:pointer}header button:hover{text-decoration:underline}.form-control,.form-select,.form-textbox{padding:.25rem;border:1px solid #9ca3af;border-radius:.25rem;background:#fff}.form-control:focus,.form-select:focus,.form-textbox:focus{outline:none;border-color:#1a6ef9;box-shadow:0 0 0 3px #4299e11a}.form-textarea{flex:1;width:100%;max-width:30rem;padding:.25rem;border:1px solid #9ca3af;border-radius:.25rem}.form-textarea:focus{outline:none;border-color:#1a6ef9;box-shadow:0 0 0 3px #4299e11a}.border{border:1px solid #e5e7eb}.form-card{padding:.75rem;background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.form-card .card-body{margin:1rem 0}.bg-red{background-color:#ffa9a9}.bg-yellow{background-color:#ffff80}.bg-green{background-color:#a9ffa9}.bg-default{background-color:#fff}body{font-family:Roboto,sans-serif;margin-top:80px;padding:20px;background-color:#f2f4f7}.card{border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a;padding:.75rem}h1{font-size:32px;font-weight:500;margin-bottom:30px}h2{font-size:24px;font-weight:500;margin-bottom:20px}h3{font-size:20px;font-weight:500;margin-bottom:15px}.align-vertical{display:flex;align-items:center}.align-horizontal{display:flex;flex-direction:row}.btn-primary{background-color:#1877f5;font-family:Roboto,sans-serif;font-weight:500;padding:.25rem .5rem;border-radius:5px;border:0px;color:#fff;font-size:1em;cursor:pointer}.btn-primary:hover{background-color:#0f5ff5}.btn-primary:disabled{background-color:#0e47b1ce;color:#ccccccef;cursor:not-allowed}.btn-secondary{font-family:Roboto,sans-serif;padding:.25em .5em;border-radius:5px;box-shadow:0;color:#000;font-weight:400;background-color:#f0f0f0;border:1px solid #ccc;font-size:1em;cursor:pointer}.btn-secondary:hover{background-color:#e6e4e4}.btn-secondary:disabled{background-color:#ccc;cursor:not-allowed}a{color:#0867d2;text-decoration:none}a:hover,a:focus{color:#074d9d;text-decoration:underline}a:active{color:#05356c}a:disabled{color:#05366d;cursor:not-allowed;pointer-events:none}.search{font-family:Roboto,sans-serif;height:2em;display:block;padding:.25em 30px .25em .5em;font-size:.875em;font-family:inherit;background-color:#fff;border:1px solid #8a9096;border-radius:4px}.search:hover{border-color:#cbd5e0;transition:.25s}.search:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;transition:.25s}.textbox{font-family:Roboto,sans-serif;height:2em;display:block;padding:.25em .5em;font-size:.875em;font-family:inherit;background-color:#fff;border:1px solid #8a9096;border-radius:4px}.textbox:hover{border-color:#cbd5e0;transition:.25s}.textbox:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;transition:.25s}.num-input{font-family:Roboto,sans-serif;height:2em;display:block;padding:.25em .5em;font-size:.875em;font-family:inherit;background-color:#fff;border:1px solid #8a9096;border-radius:4px}.num-input:hover{border-color:#cbd5e0;transition:.25s}.num-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;transition:.25s}.select{font-family:Roboto,sans-serif;height:2em;display:block;padding:.25em 30px .25em .5em;font-size:.875em;font-family:inherit;background-color:#fff;border:1px solid #8a9096;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px auto;cursor:pointer}.select:hover{border-color:#cbd5e0;transition:.25s}.select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;transition:.25s}.select option{padding:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{background-color:#fff;color:#969696;font-size:small;padding:40px 0;text-align:center;position:fixed;width:100%;bottom:0}footer a{color:#555;text-decoration:none;margin:0 10px}footer a:hover{text-decoration:underline}body{font-family:Roboto,sans-serif;background-color:#f2f4f7;display:flex;align-items:center;justify-content:center;flex-direction:column;scrollbar-width:1;padding-top:30px}img{max-width:350px;mix-blend-mode:multiply;width:80%;padding:20px}h2{font-weight:400;text-align:center;padding-top:0;margin-top:0;width:100%}.invalid-pass{font-size:14px;background-color:#ffd8de;border:1px solid red;padding:5px;border-radius:4px}.wrapper{max-width:350px;width:80%;background-color:#fff;padding:20px;border-radius:8px;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a}form{width:100%;margin:0 auto}#email,#password{border-radius:6px;padding:14px 16px;width:100%;box-sizing:border-box;border:1px solid #ccc;margin-bottom:20px;transition:all .3s ease;outline:none}#username:focus,#password:focus{border-color:#1877f5;border-width:1px;box-shadow:0 0 0 1px #1877f5}#button{font-weight:700;padding:10px 20px;border-radius:5px;background-color:#1877f5;color:#fff;border:0px;font-size:16px;cursor:pointer;width:100%;height:40px}#button:hover{background-color:#0f5ff5}