*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center}.header h1{margin:0}.header>div:first-child{display:flex;align-items:center;gap:16px}.btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .2s}.btn:hover{background:#0056b3}.btn:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#4a90e2}.btn-secondary:hover{background:#357abd}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin-bottom:12px}.input:focus{outline:none;border-color:#007bff}.input-invalid{border-color:#d9534f!important;background-color:#fff5f5}.input-invalid:focus{border-color:#d9534f!important;box-shadow:0 0 0 3px #d9534f1a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.error{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:9999;color:#dc3545;padding:16px 48px 16px 24px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:16px;box-shadow:0 4px 12px #dc35454d;min-width:300px;max-width:600px;text-align:center;font-weight:500;animation:slideDown .3s ease-out}.success{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:9999;color:#155724;padding:16px 48px 16px 24px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:16px;box-shadow:0 4px 12px #1557244d;min-width:300px;max-width:600px;text-align:center;font-weight:500;animation:slideDown .3s ease-out}.close-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:transparent;border:none;font-size:28px;line-height:1;cursor:pointer;color:inherit;opacity:.7;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.close-btn:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.info{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:9999;color:#856404;padding:16px 48px 16px 24px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:16px;box-shadow:0 4px 12px #8564044d;min-width:300px;max-width:600px;text-align:center;font-weight:500;animation:slideDown .3s ease-out}@media (max-width: 768px){.error,.success,.info{min-width:280px;max-width:calc(100vw - 40px);left:20px;right:20px;transform:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th{background:#f8f9fa;font-weight:600}.logo{max-width:200px;max-height:80px;background:#fff;padding:8px;border-radius:8px;box-shadow:0 2px 4px #0000001a;object-fit:contain}.nav{display:flex;gap:16px;margin-top:16px;align-items:center}.nav button{background:transparent;color:#fff;border:none;padding:8px 16px;cursor:pointer;text-decoration:underline}.nav .btn-secondary{background:#fff3;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-size:14px}.nav .btn-secondary:hover{background:#ffffff4d}.scenario-selector{display:flex;gap:12px;align-items:center;padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:16px}.scenario-selector label{font-weight:600}.scenario-selector select{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:20px}.spinner{width:60px;height:60px;border:6px solid #f3f3f3;border-top:6px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-message{font-size:18px;color:#333;text-align:center;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.countdown-timer{font-size:48px;font-weight:700;color:#007bff;margin:20px 0;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-overlay{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-overlay .subtitle{color:#666;margin-top:10px;font-size:16px}.form-two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.form-two-column{grid-template-columns:1fr}}.form-group-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;grid-column:1 / -1}@media (max-width: 768px){.form-group-container{grid-template-columns:1fr}}.form-full-width{grid-column:1 / -1}.floating-button{position:fixed;bottom:20px;right:20px;z-index:1000;box-shadow:0 4px 12px #0000004d;min-width:200px;padding:16px 32px;font-size:18px;font-weight:600;animation:slideUp .3s ease-out;transform:translateZ(0);will-change:transform}@media (max-width: 768px){.floating-button{bottom:max(20px,env(safe-area-inset-bottom,20px));right:16px;min-width:160px;padding:14px 24px;font-size:16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.form-with-floating-button{padding-bottom:100px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;text-transform:capitalize}.status-accepted{background:#d4edda;color:#155724}.status-error{background:#f8d7da;color:#721c24}.status-server_unavailable{background:#fff3cd;color:#856404}.status-pending{background:#e7f3ff;color:#004085}.status-cancelled{background:#f0f0f0;color:#6c757d}.app-footer{margin-top:40px;padding:20px 0;border-top:1px solid #e0e0e0;text-align:center}.footer-content{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;color:#666;font-size:14px}.powered-by{font-weight:500}.version-info{color:#999;font-size:13px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table{border:0}.table thead{display:none}.table tbody{display:block}.table tr{display:block;margin-bottom:16px;border:1px solid #ddd;border-radius:8px;padding:8px;background:#fff}.table td{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #f0f0f0;text-align:right}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);font-weight:600;flex:0 0 40%;text-align:left;padding-right:16px}.header{flex-direction:column;gap:16px}.nav{flex-direction:column;width:100%}.nav button,.nav .btn-secondary{width:100%}}