/* public/assets/style.css */
body { font-family: Arial, sans-serif; padding: 20px; background: #f6f7fb; color: #222; }
.container { max-width: 800px; margin: 0 auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 4px 14px rgba(0,0,0,.06); }
input, select, button { display:block; width:100%; padding:10px; margin:10px 0; box-sizing:border-box; }
button { background:#2b8aef; color:white; border:none; border-radius:4px; cursor:pointer; }
#result { margin-top:10px; }
.progress { width:100%; background:#eee; border-radius:4px; overflow:hidden; height:14px; }
.progress > i { display:block; height:100%; background:#2b8aef; width:0%; transition:width .4s; }