:root{font-family:system-ui,'Malgun Gothic',sans-serif;color:#243044;background:#f5f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:10px 16px;background:#ed701b;color:white}button.secondary{background:#edf0f4;color:#263044}input,select,textarea{padding:10px;border:1px solid #d8dee7;border-radius:6px;width:100%;background:white}label{display:grid;gap:6px;color:#586477}form{display:grid;gap:14px}.login{max-width:390px;margin:12vh auto;background:white;padding:32px;border-radius:14px;box-shadow:0 12px 45px #23304312}.brand{color:#ee711b;font-size:27px;font-weight:800}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#192334;color:white;padding:28px 20px}aside small{display:block;color:#b2bdce;margin:8px 0 35px}nav{display:grid;gap:10px}nav button{text-align:left;background:transparent;color:#c6cfdd}nav button.active{background:#ee711b;color:white}header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:white;border-bottom:1px solid #e7ebf0}main{padding:30px;max-width:1500px}h1{font-size:25px;margin:0 0 8px}h2{font-size:18px}p{color:#748093}.panel{background:white;border:1px solid #e5e9ef;border-radius:12px;padding:22px;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.card{background:white;border:1px solid #e5e9ef;border-radius:12px;padding:20px}.card strong{display:block;font-size:30px;margin-top:12px;color:#ed701b}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar input{max-width:300px}.toolbar select{max-width:150px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wide{grid-column:1/-1}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f3}th{font-weight:500;color:#728096;background:#fafbfc}.badge{color:#d96315;background:#fff0e5;border-radius:20px;padding:5px 10px}.message{padding:10px;color:#b74120;min-height:38px}.history{padding:12px;background:#f6f7fa;margin:10px 0;white-space:pre-wrap}dialog{border:0;border-radius:12px;width:min(650px,95vw);max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#15233780}.muted{color:#8390a1}a{color:#d46018}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{padding:15px}aside small{margin:5px 0 10px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}header,main{padding:18px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.wide{grid-column:auto}}
.shell>div,main,.panel{min-width:0}
aside{min-width:0}@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr)}header{flex-wrap:wrap;gap:10px}}
.external{display:inline-block;padding:9px 12px;border:1px solid #f1c6a7;border-radius:7px;background:#fff7f1;text-decoration:none}.steps{display:flex;gap:8px;overflow:auto;margin:22px 0;padding-bottom:6px}.step{white-space:nowrap;padding:10px 13px;border-radius:8px;background:#e9edf3;color:#5b6678}.step.current{background:#ed701b;color:white;font-weight:700}button:disabled{opacity:.45;cursor:default}#connections{max-width:760px}
.check{display:flex;align-items:center}.check input{width:auto}[data-source-form]{max-width:900px}
.next-task{border:2px solid #f0a16c;background:#fffaf6}nav details{margin-top:12px}nav summary{cursor:pointer;padding:10px;color:#b2bdce}nav details button{display:block;width:100%;margin:4px 0}.nav-note{font-size:12px;padding:0 10px;color:#a2aec1}.step:has(+.current){border:1px solid #ef9a60}.steps{flex-wrap:wrap}.shell>div{min-width:0}
@media(max-width:800px){nav{align-items:flex-start}nav>button{flex-shrink:0}nav details{margin-top:0}nav summary{white-space:nowrap}}

.step.done{opacity:.75}
.warn{color:#b45309;font-weight:600}
.warn-box{border-left:4px solid #f59e0b;background:#fffbeb}
.warn-box ul{margin:.25rem 0 0 1.1rem;padding:0}
button.small{padding:.25rem .6rem;font-size:.85rem}

button.brand.home{background:transparent;padding:0;text-align:left}
button.brand.home:hover{opacity:.85}
button.brand.home:focus-visible{outline:2px solid #ee711b;outline-offset:4px}