@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Readex Pro,system-ui;font-optical-sizing:auto;padding:20px}form{width:50%;margin:0 auto}@media screen and (max-width: 768px){form{width:90%}}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}input,select{padding:10px;border:1px solid #ccc;border-radius:5px}button{padding:10px;border:1px solid #ccc;border-radius:5px;cursor:pointer;margin-top:10px}label{font-weight:600}.widget-container{padding:20px;display:flex;flex-direction:row;gap:20px}.alert{padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:20px;text-align:center;font-weight:600}.alert.info{background-color:#00f;color:#fff}.alert.error{background-color:red;color:#fff}