:root{color:#172638;background:#f3f6f8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:#207b63}.app-shell{min-height:100vh;display:flex}.sidebar{color:#e9f1f6;background:#10273d;flex-direction:column;flex:none;width:246px;padding:28px 18px;display:flex}.brand{align-items:center;gap:11px;padding:1px 10px 42px;display:flex}.brand-icon,.login-logo{color:#184b3a;background:#ade0c6;border-radius:11px;place-items:center;width:39px;height:39px;font-size:20px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{white-space:nowrap;font-size:16px}.brand small{color:#9db4c4;margin-top:4px;font-size:11px}.sidebar-heading{color:#92adbd;letter-spacing:.17em;padding:0 10px 12px;font-size:10px}.nav-active{background:#26495e;border-radius:10px;padding:14px;font-size:13px;font-weight:700}.nav-active span{opacity:.7;margin-right:9px;font-size:11px}.sidebar-bottom{color:#a6bcc9;margin-top:auto;padding:10px;font-size:11px;line-height:1.5}.sidebar-bottom button{color:#eaf2f5;background:0 0;border:1px solid #456779;border-radius:7px;margin-top:14px;padding:8px 11px}.workspace{width:min(1220px,100%);margin:0 auto;padding:43px 55px 70px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:.18em;color:#31806a;margin:0 0 9px;font-size:10px;font-weight:800}.page-header h1{letter-spacing:-.04em;margin:0 0 8px;font-size:35px}.page-header p:not(.eyebrow){color:#637588;margin:0;font-size:14px}.pill{color:#4c6c66;background:#f8fbf8;border:1px solid #c9ddd6;border-radius:99px;padding:8px 12px;font-size:11px}.steps{grid-template-columns:1fr 1fr;gap:18px;display:grid}.card{background:#fff;border:1px solid #dce5eb;border-radius:14px;padding:24px;box-shadow:0 4px 16px #1d36510a}.step-title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.step-title span{color:#28856c;font-size:11px;font-weight:800}.step-title h2{margin:0;font-size:17px}.card label{margin:0 0 8px;font-size:12px;font-weight:700;display:block}.card input[type=text],.card input:not([type]){height:43px}.card input#parent{border:1px solid #c6d6de;border-radius:8px;width:100%;height:43px;padding:0 12px;font-size:13px}.card input[type=file]{background:#f8fbfc;border:1px dashed #aec4cd;border-radius:8px;width:100%;padding:11px;font-size:11px}.hint{color:#6d7e8d;margin:10px 0 20px;font-size:12px;line-height:1.55}.button{border:0;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:800}.light{color:#17604d;background:#e3f2eb}.light:hover:not(:disabled){background:#d2eadf}.primary{color:#fff;background:#257d64;min-width:170px}.primary:hover:not(:disabled){background:#16664f}.separator{text-align:center;color:#97a6b1;margin:16px 0;font-size:11px}.external{margin-top:14px;font-size:11px;text-decoration:none;display:inline-block}.external:hover{text-decoration:underline}.info-box{color:#607684;background:#f2f7f9;border-left:3px solid #9abccc;margin-top:24px;padding:12px;font-size:11px;line-height:1.55}.file-name{color:#2a6c59;font-size:11px}.output-card{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.output-card .step-title{margin-bottom:2px}.output-card .hint{margin:8px 0 0}.status{color:#256b57;margin:20px 0;font-size:12px}.status.error,.form-error{color:#bd3f3a}.preview{margin-top:23px}.preview-header{justify-content:space-between;align-items:start;display:flex}.preview h2{margin:0;font-size:17px}.preview p{color:#687c88;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th,td{text-align:left;border-bottom:1px solid #e4ebee;padding:10px 12px}th{color:#334c5c;background:#eef4f5}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:linear-gradient(145deg,#11273e,#1c4b53);flex-direction:column;justify-content:center;padding:min(12vh,100px) 10%;display:flex}.login-logo{width:49px;height:49px;margin-bottom:58px;font-size:25px}.login-hero .eyebrow{color:#a4d5c1}.login-hero h1{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(38px,5vw,70px);line-height:1.08}.login-hero p:last-child{color:#c5d8db;max-width:380px;font-size:15px;line-height:1.6}.login-side{background:#f6f8f9;place-items:center;padding:40px;display:grid}.login-panel{background:#fff;border:1px solid #dde6e8;border-radius:18px;width:min(420px,100%);padding:42px;box-shadow:0 20px 55px #1a364417}.login-panel h2{letter-spacing:-.03em;margin:26px 0 8px;font-size:28px}.login-panel>p{color:#6b7d8b;margin:0 0 28px;font-size:13px}.login-form label{margin:18px 0 8px;font-size:12px;font-weight:700;display:block}.login-form input{border:1px solid #c7d7df;border-radius:8px;width:100%;height:45px;padding:0 12px;display:block}.login-form button{width:100%;margin-top:26px;font-size:13px}@media (max-width:850px){.sidebar{width:70px;padding:25px 10px}.brand{padding:0 5px 40px}.brand>div,.sidebar-heading,.sidebar-bottom{display:none}.nav-active{text-align:center;font-size:0}.nav-active:after{content:"SC";font-size:11px}.nav-active span{display:none}.workspace{padding:28px 22px}.steps{grid-template-columns:1fr}.page-header .pill{display:none}.login-page{grid-template-columns:1fr}.login-hero{min-height:220px;padding:32px}.login-logo{margin-bottom:16px}.login-hero h1{font-size:36px}.login-side{padding:28px}.login-panel{padding:30px}.output-card{flex-direction:column;align-items:flex-start}}
.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-link{color:#d9e7ec;border-radius:10px;align-items:flex-start;gap:10px;padding:13px 12px;font-size:12px;line-height:1.45;text-decoration:none;transition:background .15s;display:flex}.nav-link:hover{color:#fff;background:#1d3d51}.nav-link.active{color:#fff;background:#26495e;font-weight:700}.nav-number{color:#9db9c5;letter-spacing:.05em;flex:none;min-width:19px;padding-top:2px;font-size:10px;font-weight:800}.empty-workspace{background:#ffffff8c;border:1px dashed #d7e1e5;border-radius:14px;min-height:220px}@media (max-width:850px){.sidebar{width:246px}.brand{padding:1px 10px 42px}.brand>div,.sidebar-heading,.sidebar-bottom{display:block}.nav-link{font-size:12px}.nav-link:after{content:none}.nav-number{display:inline-block}}