:root{--primary: #5E6AD2;--primary-hover: #4B56C4;--primary-light: #F0F1FF;--text-primary: #1F2937;--text-secondary: #6B7280;--border: #E5E7EB;--border-focus: #5E6AD2;--success: #059669;--success-bg: #D1FAE5;--error: #DC2626;--error-bg: #FEE2E2;--background: #F9FAFB;--card-bg: #FFFFFF;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}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:var(--background);min-height:100vh;padding:20px}.app{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px}.card{background:var(--card-bg);border-radius:12px;padding:48px;box-shadow:var(--shadow-lg);width:100%;max-width:700px;border:1px solid var(--border)}.header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}h1{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--text-primary);letter-spacing:-.02em}.subtitle{color:var(--text-secondary);font-size:15px;line-height:1.5}.form-group{margin-bottom:28px}label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:14px;letter-spacing:-.01em}.input,.select,.textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:15px;font-family:inherit;transition:all .15s ease;background:var(--card-bg);color:var(--text-primary);line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:#d1d5db}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.textarea{resize:vertical;min-height:200px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.6}.hint{display:block;margin-top:8px;font-size:13px;color:var(--text-secondary);line-height:1.5}.hint a{color:var(--primary);text-decoration:none;font-weight:500}.hint a:hover{text-decoration:underline}.button-group{display:flex;gap:12px;margin-top:32px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;flex:1;letter-spacing:-.01em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--background);color:var(--text-secondary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.error-message{padding:14px 16px;background:var(--error-bg);border-left:3px solid var(--error);border-radius:6px;color:#991b1b;margin:20px 0;font-size:14px;line-height:1.5}.success-message{padding:14px 16px;background:var(--success-bg);border-left:3px solid var(--success);border-radius:6px;color:#065f46;margin:20px 0;font-size:14px;line-height:1.5;font-weight:500}.logs-container{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.logs-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.btn-clear-logs{background:transparent;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.btn-clear-logs:hover{background:var(--background);color:var(--text-primary)}.logs{background:#1f2937;border-radius:8px;padding:16px;max-height:400px;overflow-y:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.6}.log-entry{margin-bottom:4px;display:flex;gap:12px}.log-timestamp{color:#6b7280;flex-shrink:0}.log-message{color:#e5e7eb}.log-info .log-message{color:#93c5fd}.log-success .log-message{color:#86efac}.log-error .log-message{color:#fca5a5}.log-detail .log-message{color:#d1d5db;font-size:12px}@media (max-width: 640px){.card{padding:32px 24px}h1{font-size:24px}.button-group{flex-direction:column}.btn{width:100%}.logs{font-size:12px;padding:12px}.log-entry{flex-direction:column;gap:4px;margin-bottom:8px}}*{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:#f9fafb;min-height:100vh}#root{width:100%}