:root{--midnight: #091e16;--mystic: #0c331e;--canopy: #0d634d;--sage: #40a083;--lagoon: #3ba4ac;--citrus: #87c12d;--gray-900: #0f0f0f;--gray-700: #2f3433;--gray-400: #6b7a75;--gray-200: #d3ded5;--gray-100: #ebf3ec;--gray-50: #f9f9f9;--bg: #ebf3ec;--surface: #ffffff;--surface-2: #f5f8f6;--border: #c8d8cc;--border-strong: #0d634d;--text: #0f1f17;--text-muted: #4a5f52;--primary: var(--citrus);--primary-hover: #9ad63a;--primary-glow: rgba(135, 193, 45, .2);--danger: #d93636;--success: #87c12d;--warning: #c9910a;--radius: 16px;--radius-sm: 10px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Articulat CF,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}#root{max-width:860px;margin:0 auto;padding:2.5rem 1.25rem 5rem}.form-container>h1{font-family:Inter,-apple-system,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-align:center;color:var(--mystic);letter-spacing:-.02em}.form-container>h1 span{color:var(--citrus)}.brand-subtitle{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:2rem;font-weight:400}.section{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.25rem;background:var(--surface);transition:border-color .3s ease}.section:hover{border-color:var(--sage)}.section legend{font-family:Inter,-apple-system,sans-serif;font-size:.9rem;font-weight:600;padding:.25rem .75rem;color:var(--canopy);background:#fff;border-radius:var(--radius-sm);letter-spacing:.01em}.api-config{border-color:var(--canopy);background:#0d634d0a}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.full-width{grid-column:1 / -1}@media(max-width:640px){.grid-2{grid-template-columns:1fr}#root{padding:1.5rem 1rem 3rem}}label{display:flex;flex-direction:column;gap:.35rem}label>span{font-size:.78rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em}input,select{height:48px;padding:0 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s;outline:none;box-shadow:0 1px 2px #0000000a}input:focus,select:focus{border-color:var(--citrus);box-shadow:0 0 0 3px var(--primary-glow)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus){border-color:var(--sage)}input:disabled{opacity:.6;cursor:not-allowed;color:var(--text-muted);background:var(--surface-2)}input::placeholder{color:#8a9b90;opacity:1}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2387c12d' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.input-with-btn{display:flex;gap:.5rem}.input-with-btn input{flex:1;min-width:0}.btn-cnpj{height:48px;padding:0 1.25rem;font-family:Inter,-apple-system,sans-serif;font-size:.8rem;font-weight:600;color:#fff;background:var(--canopy);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background .2s,opacity .2s}.btn-cnpj:hover:not(:disabled){background:var(--sage)}.btn-cnpj:disabled{opacity:.4;cursor:not-allowed}.btn-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:2rem;height:56px;font-family:Inter,-apple-system,sans-serif;font-size:1rem;font-weight:700;color:#fff;background:var(--canopy);box-shadow:0 2px 8px #0d634d33;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;letter-spacing:.01em;text-transform:none}.btn-submit:hover:not(:disabled){background:var(--sage);box-shadow:0 4px 16px #40a0834d;color:#fff}.btn-submit:active:not(:disabled){transform:scale(.98)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.modal-overlay{position:fixed;inset:0;background:#091e1673;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;max-width:620px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #00000026}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:1rem;cursor:pointer;border-radius:50%;transition:background .2s,color .2s}.modal-close:hover{background:var(--canopy);color:#fff}.modal-error h2{color:var(--danger);margin-bottom:.75rem;font-family:Inter,-apple-system,sans-serif}.modal-error p{color:#5c1a1a;background:#fef2f2;padding:1rem 1.25rem;border-radius:var(--radius-sm);border-left:3px solid var(--danger);font-size:.9rem;line-height:1.5}.modal-success h2{color:var(--canopy);font-weight:700;margin-bottom:1.25rem;font-family:Inter,-apple-system,sans-serif}.response-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.response-item{display:flex;flex-direction:column;gap:.2rem}.response-item strong{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.response-item code{font-size:.8rem;background:var(--surface-2);padding:.3rem .6rem;border-radius:var(--radius-sm);word-break:break-all;font-family:SF Mono,Fira Code,monospace;color:var(--text)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.78rem;font-weight:700;width:fit-content;letter-spacing:.03em}.badge-approved{background:#edf7dd;color:#3d6a07}.badge-pending{background:#fef6e0;color:#8a6502}.badge-rejected,.badge-blocked,.badge-cancelled{background:#fef2f2;color:var(--danger)}.credentials-section{background:#0d634d0d;border:1px solid rgba(13,99,77,.2);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.credentials-section h3{font-size:.9rem;font-family:Inter,-apple-system,sans-serif;margin-bottom:.75rem;color:var(--canopy);font-weight:600}.credential{margin-bottom:.6rem}.credential strong{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.05em}.credential code{display:block;font-size:.8rem;background:var(--surface-2);padding:.5rem .75rem;border-radius:var(--radius-sm);word-break:break-all;-webkit-user-select:all;user-select:all;font-family:SF Mono,Fira Code,monospace;border:1px solid var(--border);color:var(--text)}.response-msg{padding:.75rem 1rem;background:var(--surface-2);border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem;border:1px solid var(--border);color:var(--text)}.raw-response{margin-top:1rem}.raw-response summary{cursor:pointer;font-size:.8rem;color:var(--text-muted);padding:.4rem 0;transition:color .2s}.raw-response summary:hover{color:var(--canopy)}.raw-response pre{margin-top:.5rem;background:#1a2e24;color:#d3ded5;padding:1rem;border-radius:var(--radius-sm);font-size:.75rem;overflow-x:auto;max-height:300px;overflow-y:auto;border:1px solid #2a4436;font-family:SF Mono,Fira Code,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a8bfad;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sage)}