*{box-sizing:border-box;margin:0;padding:0;}html{background-color: #F5F5F9;max-height: 100vh;}body{font-family:'Ubuntu', sans-serif;display:flex;font-size:0.85rem;color:var(--text-color);min-height:100vh;max-height: 100vh;overflow-x: hidden;}a{color: var(--text-color);}h1{font-size: 1.3rem;font-weight: 500;color:#555;}#logo{width:var(--logo-width);margin: 16px auto;display:block}.box {padding: 1rem;background-color: var(--white-background);border-radius: .5rem;transition: 0.3s;display: block;float: left;width: 100%;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;overflow: hidden;}.grid{display: grid;gap: 1rem;grid-template-columns: repeat(12, 1fr);justify-content: start;margin-bottom: 1rem;}form .grid{grid-template-columns: repeat(1, 1fr);margin-bottom: 0rem;}.card{height: 160px;width: 100%;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;text-decoration: none;text-align: center;}.card img{display: block;margin: 0 auto;margin-bottom: .8rem;}.card_legacy{text-decoration:none;}#toast-container{position: fixed;top: 5.5rem;right: 1rem;z-index: 9999;display: flex;flex-direction: column;gap: 0.5rem;}.toast {min-width: 280px;max-width: 380px;padding: 1rem;background-color: var(--white-background);color: var(--text-color);border-radius: 8px;font-size: 0.9rem;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;opacity: 0;animation: fadeIn 0.3s forwards, fadeOut 0.3s ease-in forwards;animation-delay: 0s, 8s;display: flex;align-items: center;}.toast i {margin-right: 0.5rem; width: 1.5rem; height: 1.5rem; opacity: 0.6;}.toast.success{border:1px solid #28a745; border-left-width:.5rem}.toast.error{border:1px solid #dc3545; border-left-width:.5rem}.toast.info{border:1px solid #17a2b8; border-left-width:.5rem}label{display: block;margin-bottom: .3rem;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}input,select{background-color: var(--white-background);width: 100%;padding: 0.7rem;border: 1px solid #ccc;border-radius: 5px;outline-color: #CCC;transition: outline-color 0.15s ease-in-out;}input:read-only{border: 1px dashed #ccc;}input[type="submit"]{background-color: var(--main-color);color: #fff;border: none;border-radius: 5px;padding: .8rem 1rem;cursor: pointer;font-weight: 600;margin-top: 1.5rem;max-width: 180px;float: right;}select:focus,input:focus{outline-color: var(--main-color);}.text-color-primary{color: var(--main-color);}.color.dark-gray{color: #555;}hr{border: none; border-top: #DFE1E3 1px solid;}.mt-0{margin-top:0;}.mt-1{margin-top:0.5rem;}.mt-2{margin-top:1rem;}.mt-3{margin-top:1.5rem;}.mt-4{margin-top:2rem;}.mt-5{margin-top:2.5rem;}.mt-6{margin-top:3rem;}.mb-0{margin-bottom:0;}.mb-1{margin-bottom:0.5rem;}.mb-2{margin-bottom:1rem;}.mb-3{margin-bottom:1.5rem;}.mb-4{margin-bottom:2rem;}.mb-5{margin-bottom:2.5rem;}.mb-6{margin-bottom:3rem;}.my-0{margin-top:0; margin-bottom:0;}.my-1{margin-top: .5rem; margin-bottom: .5rem;}.my-2{margin-top: 1rem; margin-bottom: 1rem;}.my-3{margin-top: 1.5rem; margin-bottom: 1.5rem;}.my-4{margin-top: 2rem; margin-bottom: 2rem;}.my-5{margin-top: 2.5rem; margin-bottom: 2.5rem;}.my-6{margin-top: 3rem; margin-bottom: 3rem;}.text-right{text-align: right}.text-justify{text-align: justify}.text-center{text-align: center}.text-left{text-align: left}.dblock{display: block !important}.hide{display: none}@media (max-width: 768px){.hide_on_mobile{display:none !important;}.show_on_mobile{display:block !important;}#logo{width: 100% !important;max-width:var(--logo-width)}.button .name{display:none}.grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(128px, 1fr));}.card{width:100%}.grid.col-2,.grid.col-3,.grid.col-4,.grid.col-5,.grid.col-6{grid-template-columns: repeat(1, 1fr);}}