*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--mb-black: #000000;--mb-dark-gray: #4D4E58;--mb-mid-gray: #86868B;--mb-light-gray1: #E3E3E3;--mb-light-gray2: #F5F5F7;--bg: #F5F5F7;--surface: #FFFFFF;--border: #E3E3E3;--border2: #C7C7CC;--primary: #4D4E58;--text: #1D1D1F;--text2: #4D4E58;--text3: #86868B;--green: #1a7f37;--red: #c0392b;--orange: #ca5010;--font: "Graphik", "Inter", system-ui, -apple-system, sans-serif;--mono: "Menlo", "Consolas", monospace;--rail: 64px;--footer: 32px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.app-shell{display:flex;height:100vh}.rail{position:fixed;top:0;left:0;width:var(--rail);height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;z-index:100}.rail-logo{width:var(--rail);height:var(--rail);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);flex-shrink:0}.rail-nav{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 0;width:100%}.rail-item{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin:3px 0;cursor:pointer;color:var(--text3);background:transparent;border:none;position:relative;transition:background .12s,color .12s}.rail-item:hover{background:#f0f0f2;color:var(--primary)}.rail-item.active{background:#ebebed;color:#000}.rail-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--primary);border-radius:0 2px 2px 0}.rail-item .tooltip{position:fixed;left:calc(var(--rail) + 8px);background:#1d1d1f;color:#fff;font-size:.8rem;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-4px);transition:opacity .12s,transform .12s;z-index:9999}.rail-item .tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left:0;border-right-color:#1d1d1f}.rail-item:hover .tooltip{opacity:1;transform:translate(0)}.main{margin-left:var(--rail);margin-bottom:var(--footer);flex:1;overflow-y:auto;padding:1.5rem 2rem;min-height:0}.page-title{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.page-title h1{font-size:1.1rem;font-weight:600;color:#000;letter-spacing:-.02em}.page-title .sub{font-size:.875rem;color:var(--text3);font-weight:400}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:340px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px 28px 28px}.login-logo{text-align:center;margin-bottom:24px}.login-wordmark{font-size:1.1rem;font-weight:700;color:#000;letter-spacing:-.02em}.login-sub{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-top:4px}.login-title{font-size:1.25rem;font-weight:700;text-align:center;margin-bottom:5px;color:#000}.login-hint{font-size:.875rem;color:var(--text3);text-align:center;margin-bottom:20px}.login-footer{text-align:center;font-size:.75rem;color:var(--text3);margin-top:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.field-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin-bottom:6px}.field-label .req{color:var(--primary);margin-left:2px}.field-label .note{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text3)}input[type=text],input[type=password],input[type=url],input[type=number],textarea,select{width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-family:var(--font);font-size:.9375rem;padding:9px 13px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}select{cursor:pointer}.form-group{margin-bottom:16px}.form-row{display:grid;gap:12px}.form-row.col-3-1{grid-template-columns:3fr 1fr}.form-row.col-2{grid-template-columns:1fr 1fr}.btn{font-family:var(--font);font-size:.875rem;font-weight:600;border-radius:20px;padding:7px 22px;height:34px;cursor:pointer;border:1.5px solid var(--primary);background:var(--surface);color:var(--primary);transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;letter-spacing:-.01em}.btn:hover{background:#f0f0f2;border-color:#000;color:#000}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:#000;border-color:#000;color:#fff}.btn-full{width:100%;justify-content:center}.btn-sm{height:28px;padding:3px 14px;font-size:.8125rem}.radio-group{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}.radio-option{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:.9rem;color:var(--text3)}.radio-option input{cursor:pointer}.radio-option.selected{color:var(--text);font-weight:500}.check-group{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.check-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text3);text-align:left}.check-option input{cursor:pointer;flex-shrink:0;width:15px;height:15px}.check-option.selected{color:var(--text)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:20px}.chip-ok{background:#e6f4ea;color:#1a7f37}.chip-err{background:#fde8e8;color:#c0392b}.chip-warn{background:#fff3e0;color:#ca5010}.log-panel{background:#f0f0f2;border:1px solid var(--border);border-radius:8px;padding:14px 16px;min-height:260px;max-height:500px;overflow-y:auto;font-family:var(--mono);font-size:.8125rem;line-height:1.65}.log-panel .log-line{color:#2d2d32}.log-panel .log-line.ok{color:#1a7f37}.log-panel .log-line.err{color:#c0392b}.log-panel .log-line.warn{color:#ca5010}.log-panel .log-line.info{color:#185fa5}.log-panel .log-empty{color:#999;font-style:italic}.progress-track{height:3px;background:var(--border);border-radius:20px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:var(--primary);border-radius:20px;transition:width .3s}.status-bar{font-size:.875rem;color:var(--text3);margin-bottom:10px;min-height:22px}.status-bar.ok{color:var(--green)}.status-bar.err{color:var(--red)}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1rem}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px 18px}.metric-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}.metric-value{font-size:2.25rem;font-weight:300;color:var(--primary);line-height:1.1}.alert{border-radius:6px;border-left:3px solid;padding:10px 14px;font-size:.875rem;margin-bottom:12px}.alert-info{background:#e8f0fb;border-color:#185fa5;color:#185fa5}.alert-ok{background:#e6f4ea;border-color:#1a7f37;color:#1a7f37}.alert-err{background:#fde8e8;border-color:#c0392b;color:#c0392b}.alert-warn{background:#fff3e0;border-color:#ca5010;color:#ca5010}.file-drop{background:#fafafa;border:1.5px dashed var(--border2);border-radius:8px;padding:22px;text-align:center;cursor:pointer}.file-drop:hover{border-color:var(--primary)}.file-drop input{display:none}.file-drop-label{font-size:.9rem;color:var(--text3)}.file-drop-name{font-size:.9rem;color:var(--green);font-weight:600;margin-top:5px}.cs-badge{display:inline-block;background:var(--primary);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:18px}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px}.cs-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px 18px}.cs-card .cs-icon{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}.cs-card h3{font-size:.95rem;font-weight:700;color:#000;margin-bottom:6px}.cs-card p{font-size:.875rem;color:var(--text3);line-height:1.6}hr{border:none;border-top:1px solid var(--border);margin:1.25rem 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.ra-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:24px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.ra-step{background:var(--surface);border-right:1px solid var(--border);padding:20px 16px;position:relative}.ra-step:last-child{border-right:none}.ra-step .num{font-size:1.5rem;font-weight:300;color:var(--text3);margin-bottom:6px}.ra-step h3{font-size:.9rem;font-weight:700;color:#000;margin-bottom:4px}.ra-step p{font-size:.8rem;color:var(--text3);line-height:1.5}