.form-container{background-color:#f5f3f2;border:1px solid #000;padding:20px;border-radius:5px;max-width:800px;margin:20px auto;box-shadow:2px 2px 10px rgb(0 0 0 / .1)}.form-inline-custom{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.form-inline-custom input{flex:1;max-width:250px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.btn-orange{background-color:orange;color:#fff;transition:background-color 0.3s;border:none;padding:10px 15px;cursor:pointer;border-radius:4px;font-size:16px}.btn-orange:hover{background-color:darkorange}.alert{width:100%;max-width:600px;margin:20px auto;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f8d7da;color:#721c24;text-align:center}.table-container{width:100%;overflow-x:auto}.table-striped{width:100%;border-collapse:collapse}.table-striped td,.table-striped th{text-align:center;vertical-align:middle;padding:8px;border:1px solid #ddd}@media (max-width:768px){.form-inline-custom{flex-direction:column;gap:5px}.form-inline-custom input{max-width:100%}.btn-orange{width:100%}.table-striped{font-size:12px}.table-container{overflow-x:auto}}@media (max-width:480px){.form-container{padding:15px}.btn-orange{font-size:14px;padding:8px}.table-striped{font-size:10px}}