body{background-color:#f9fafb}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#f8fafc,#eef2f7)}.login-card{background:#fff;padding:40px;width:100%;max-width:400px;border-radius:16px;box-shadow:0 10px 25px #0000000d}.login-title{font-size:24px;font-weight:600;color:#111827;text-align:center}.login-subtitle{font-size:14px;color:#6b7280;text-align:center;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:14px;color:#374151}.input-group input{padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;transition:all .2s ease}.input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.login-button{padding:12px;border-radius:10px;border:none;background-color:#3b82f6;color:#fff;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.login-button:hover{background-color:#2563eb}.error-message{color:red}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:#f9fafb}.container{min-height:100vh;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;padding:40px 20px}.card{width:100%;max-width:700px;background:#fff;padding:32px;border-radius:16px;box-shadow:0 10px 30px #0000000d}.title{font-size:22px;font-weight:600;margin-bottom:24px;color:#111827}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.row{display:flex;gap:16px}@media(max-width:640px){.row{flex-direction:column}}.row .form-group{flex:1}label{font-size:14px;margin-bottom:6px;color:#374151}input,select,textarea{padding:12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;transition:.2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}textarea{resize:vertical}.btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:.2s ease}.btn:hover{background:#2563eb}.response-card{background:#fff;border-radius:16px;padding:28px;max-width:600px;width:100%;box-shadow:0 10px 30px #0000000d;font-family:Inter,sans-serif}.response-title{font-size:20px;font-weight:600;color:#111827;margin-bottom:24px}.response-stats{display:flex;gap:16px;margin-bottom:28px}.stat-box{flex:1;background:#f9fafb;padding:18px;border-radius:12px;display:flex;flex-direction:column}.stat-label{font-size:13px;color:#6b7280;margin-bottom:6px}.stat-value{font-size:20px;font-weight:600;color:#111827}.result-section{margin-top:10px}.result-title{font-size:16px;font-weight:500;color:#374151;margin-bottom:16px}.result-list{display:flex;flex-direction:column;gap:12px}.result-item{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;padding:14px 16px;border-radius:10px;transition:.2s ease}.result-item:hover{background:#eef2f7}.result-left{display:flex;gap:10px;align-items:center}.code{font-weight:600;font-size:14px;color:#1f2937}.status{font-size:14px;color:#6b7280}.count{font-weight:600;font-size:14px;color:#111827}.loading-wrapper{margin-top:20px;text-align:center;color:#6b7280;font-size:14px}.spinner{margin:10px auto;width:28px;height:28px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:6px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:#3b82f6;transition:width .3s ease}