@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";html,body,#root{margin:0;min-height:100%}body{font-family:Space Grotesk,sans-serif;color:#102022}:root{--ink: #13231f;--bg: #f2efe6;--panel: #fffdf8;--line: #d6cdbb;--accent: #0a6d62;--accent-soft: #d6f2ed;--warn: #9f4a1c;--ok: #0c6d3c;--err: #9e1b1b}*{box-sizing:border-box}.center{min-height:100vh;display:grid;place-items:center}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 15%,#f2d5b5 0%,transparent 40%),radial-gradient(circle at 90% 80%,#d2ece3 0%,transparent 38%),var(--bg)}.auth-card{width:min(560px,100%);background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 18px 32px #0000000f}.app-shell{min-height:100vh;padding:18px;background:linear-gradient(120deg,#f7f3e8,#eff4ef);color:var(--ink)}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.topbar h1{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.topbar p{margin:4px 0 0;color:#4c5d57}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tabs button{border:1px solid var(--line);background:#fff;color:var(--ink)}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.panel-wide{grid-column:1 / -1}h2{margin-top:0}label{display:block;margin:8px 0 4px;font-weight:600}input,textarea,select,button{width:100%;border:1px solid #b8b09d;border-radius:9px;padding:10px 11px;font:inherit;color:var(--ink);background:#fff}textarea{min-height:150px;resize:vertical}button{width:auto;cursor:pointer;border-color:var(--accent);background:var(--accent);color:#fff}button:hover{filter:brightness(1.05)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.help{margin:0 0 8px;color:#4e5f59;font-size:.93rem}.card-row{display:flex;justify-content:space-between;align-items:center;border:1px dashed #c7beab;border-radius:10px;padding:9px;margin-bottom:8px;gap:8px}.card-row-edit{display:grid;grid-template-columns:240px minmax(200px,1fr) auto}.flow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.flow-card{border:1px solid #ccdfd5;background:var(--accent-soft);border-radius:10px;padding:10px;display:grid;gap:4px}.steps{margin:0;padding-left:18px;display:grid;gap:6px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px}.tool-item{border:1px solid #d4ccba;border-radius:9px;padding:9px;display:flex;gap:8px;align-items:center}.tool-item input{width:auto}.integration-box{margin-bottom:12px}.integration-box textarea{min-height:130px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.85rem}.integration-visual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.integration-card{border:1px solid #d7cebc;border-radius:10px;padding:12px;background:#fff}.integration-card h3{margin:0 0 8px}.integration-advanced details{border:1px dashed #cdbfa8;border-radius:10px;background:#fbf8f1}.integration-advanced summary{cursor:pointer;font-weight:600;padding:10px}.integration-advanced-body{padding:2px 10px 8px}.schedule-item{border:1px solid #d4cab6;border-radius:10px;padding:12px;margin-bottom:10px;background:#fff}.schedule-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.status-pill{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}.status-ok{background:#dbf4e6;color:#0f6a3d}.status-warn{background:#fce5dc;color:#8f3f19}.schedule-check{margin-top:10px}.integration-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.integration-test-item{border:1px solid #d4cab6;border-radius:10px;padding:10px;background:#fff}.log-list{display:grid;gap:8px}.log-item{border:1px solid #d8cfbc;border-radius:10px;padding:10px;background:#fff}.json-box{border:1px solid #d4cab7;border-radius:10px;background:#faf8f2;padding:10px;max-height:380px;overflow:auto;font-size:.82rem;white-space:pre-wrap}.ok{color:var(--ok)}.err{color:var(--err)}.slim{margin:8px 0}@media(max-width:860px){.topbar{flex-direction:column}.card-row-edit{grid-template-columns:1fr}.actions button{flex:1}}