.app{max-width:600px;margin:2rem auto;padding:1.5rem;background-color:#f9f9f9;border-radius:12px;box-shadow:0 8px 20px #00000014;font-family:Segoe UI,sans-serif}h1{text-align:center;margin-bottom:1rem;color:#333}input[type=text]{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:8px;margin-bottom:1rem;box-sizing:border-box}button{width:100%;padding:.75rem;font-size:1rem;background-color:#2c7be5;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out;margin-bottom:1.5rem}button:disabled{background-color:#a0a0a0;cursor:not-allowed}button:hover:not(:disabled){background-color:#1a5fd3}select{width:100%;padding:.5rem;margin-top:.5rem;margin-bottom:1.5rem;border-radius:6px;border:1px solid #ccc;font-size:1rem}h3{margin-bottom:.25rem;color:#444}hr{border:none;border-top:1px solid #ddd;margin:2rem 0}.history{list-style:decimal;padding:0;margin-top:1rem}.history li{padding:.5rem 0;border-bottom:1px solid #eee}.history a{text-decoration:none;color:#2c7be5;font-weight:500}.timestamp{display:block;margin-top:4px;font-size:.85rem;color:#777}