*{box-sizing:border-box}html,select,button{font-family:Lucida Console,Courier New,monospace;font-size:14px}@media (min-width: 768px){html,select,button{font-size:15px}}body{margin:0;padding:0}.icon{width:24px;height:24px}.icon--xxl{width:72px;height:72px}.icon--success{color:green}.loader{height:18px}.button{display:flex;align-items:center;gap:5px;min-height:44px;padding:3px 5px;border:1px solid #ccc;background-color:#f5f5f5;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.button:active{background-color:#e0e0e0}.button:focus{outline:2px solid #0066cc}.form{margin:0;border:2px gray solid;background-color:ivory;padding:5px}@media (min-width: 768px){.form{padding:8px}}@media (min-width: 1024px){.form{padding:8px}}.form label{width:100%;display:block;font-weight:700;margin-bottom:3px}@media (min-width: 768px){.form label{width:150px;display:inline-block;margin-bottom:0}}.form select,.form input[type=text],.form input[type=date],.form input[type=file]{width:100%;height:32px;font-size:15px;box-sizing:border-box;font-family:inherit;padding:3px 5px;border:1px solid #ccc}@media (min-width: 768px){.form select,.form input[type=text],.form input[type=date],.form input[type=file]{width:100%}}@media (min-width: 768px){.form select,.form input[type=text],.form input[type=date],.form input[type=file]{font-size:16px}}@media (min-width: 768px){.form select,.form input[type=text],.form input[type=date],.form input[type=file]{width:200px;height:24px;padding:0 3px}}.form input[type=file]{padding:3px}.form__success{padding:8px;display:flex;align-items:center;gap:8px;border:1px green solid;color:green;background-color:#bcf8bc}.form__error{padding:8px;display:flex;align-items:center;gap:8px;border:1px red solid;color:red;background-color:#f5baba}.form__pending{padding:8px;display:flex;align-items:center;gap:8px;border:1px darkgray solid;color:#000;background-color:#d3d3d3}.form__input-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:5px 0}@media (min-width: 768px){.form__input-row{flex-direction:row;align-items:center;gap:8px}}.form__button-row{display:flex;flex-direction:column-reverse;align-items:stretch;gap:8px;margin:5px 0}@media (min-width: 768px){.form__button-row{flex-direction:row-reverse;align-items:center}}@media (min-width: 768px){.form__button-row .button{width:auto}}.homepage__table{margin:8px 0}.tile-container{margin:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-collapse:collapse;border:2px gray solid;background-color:ivory;min-width:100%;min-height:120px}@media (min-width: 768px){.tile{min-width:200px;max-width:400px;min-height:200px;max-height:400px}}.tile:hover{background-color:beige}.tile--selected{background-color:bisque}.custom__table{width:100%;border-collapse:collapse;border:2px gray solid;font-size:13px}@media (min-width: 768px){.custom__table{font-size:inherit}}.custom__table tr:first-child,.custom__table tr.title{border-bottom:1px gray solid;background-color:bisque}.custom__table tr:not(:first-child):not(.title):not(:last-child){border-bottom:1px gray dotted}.custom__table tr:not(:first-child):not(.title):nth-child(odd){background-color:ivory}.custom__table tr:not(:first-child):not(.title):nth-child(2n){background-color:beige}.custom__table td{text-align:center;padding:5px}.custom__table td:not(:last-child){border-right:1px gray dotted}@media (max-width: 767px){.custom__table td{padding:3px 5px}}
