:root{color:#0f172a;background:#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden;background:#eef2f6}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-top:68px;background:#eef2f6}.topbar{position:fixed;inset:0 0 auto;z-index:50;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#4287bb;border-bottom:1px solid #3678aa;box-shadow:0 8px 22px #255b842e}.brand{display:inline-flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:8px;background:#fffffff5;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 18px #133e6333}.brand-mark img{width:42px;height:42px;object-fit:cover;transform:scale(1.34)}.brand strong{display:block;font-size:18px;font-weight:900}.brand small{display:block;margin-top:3px;color:#ffffffbf;font-size:12px}.main-site-link{color:#fff;font-size:16px;font-weight:900;text-decoration:none}.workbench{flex:1;display:flex;min-height:900px}.sidebar{flex:0 0 208px;width:208px;padding:16px 0;border-right:1px solid rgba(128,158,190,.82);background:linear-gradient(180deg,#eef6fcd1,#cee0f1eb 52%,#e2eef9e6);box-shadow:inset -1px 0 #ffffffd1,10px 0 28px #1d4e7614}.tree-group{position:relative;padding:4px 0 6px;border-bottom:1px solid rgba(82,115,148,.22)}.tree-node{width:100%;color:#172033}.tree-node.level-1{min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:10px;align-items:center;padding:8px 12px 8px 24px;font-size:15px;font-weight:900}.tree-node.level-1 b{color:#667085;font-size:12px;text-align:center}.tree-node.level-1 em{justify-self:end;padding:2px 7px;border-radius:999px;background:#e5e7eb;color:#6b7280;font-size:11px;font-style:normal}.tree-node.active{color:#1f4f75;background:linear-gradient(90deg,#e8f0fefa,#e8f0fe80);box-shadow:inset 4px 0 #4287bb}.tree-children{position:relative;padding:2px 0 6px;background:#ffffff3d}.tree-children:before{content:"";position:absolute;top:0;bottom:8px;left:28px;width:1px;background:#6f8fb26b}.tree-node.level-2{position:relative;height:32px;padding:0 12px 0 48px;color:#475467;font-size:13px;font-weight:800;line-height:32px}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.tabsbar{height:58px;padding:11px 26px;background:linear-gradient(180deg,#fffffffa,#f4f8fdf5);border-bottom:1px solid rgba(175,194,216,.72);box-shadow:0 14px 28px #234e7629}.page-tab{width:132px;height:34px;display:inline-flex;align-items:center;gap:9px;padding:0 14px;border:1px solid #4287bb;border-radius:7px;background:linear-gradient(180deg,#eef7ff,#dfeeff);color:#1f5f91;font-size:13px;font-weight:800}.content-canvas{flex:1;padding:20px 24px 34px}.page-heading{margin-bottom:16px}.kicker{color:#4287bb;font-size:12px;font-weight:900}.page-heading h1{margin:6px 0;color:#0f172a;font-size:30px;font-weight:900}.page-heading p{margin:0;color:#667085}.steps-card,.workflow-card,.metric-card,.mapping-card,.progress-card,.log-card{border:1px solid #dde6f0;border-radius:12px;box-shadow:0 10px 28px #1e436714}.steps-card,.workflow-card,.metric-card,.mapping-card,.progress-card{margin-bottom:16px}.upload-dragger .ant-upload{min-height:184px;border-color:#cbd9e8!important;background:linear-gradient(180deg,#f9fcff,#f3f7fb)!important}.upload-dragger .ant-upload-drag-icon{margin-bottom:8px!important;color:#4287bb;font-size:32px}.status-strip{min-height:42px;display:flex;align-items:center;gap:8px;margin-top:14px;padding:8px 10px;border:1px solid #e4ebf3;border-radius:8px;background:#f8fbfe;color:#536276;font-size:13px;overflow:hidden}.status-strip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-button{margin-top:14px}.metric-card{background:linear-gradient(180deg,#fff,#f9fbfe)}.metric-card .ant-statistic-title{color:#667085;font-weight:700}.mapping-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);gap:20px;align-items:center}.mapping-line{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;margin-bottom:14px}.mapping-line>span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e8f0fe;color:#4287bb;font-size:18px}.mapping-line b{color:#172033}.mapping-line p{margin:4px 0 0;color:#667085;font-size:13px;line-height:1.6}.cad-preview{display:block;width:100%;min-height:180px;aspect-ratio:2.4 / 1;object-fit:contain;border:1px solid #d9e2ec;border-radius:8px;background:#101419}.job-meta{display:flex;flex-wrap:wrap;gap:18px;color:#667085;font-size:13px}.log-card .ant-card-body{max-height:250px;overflow-y:auto;background:#111827;border-radius:0 0 12px 12px}.log-card .ant-timeline-item-content{color:#dbeafe;font-family:Consolas,Courier New,monospace;font-size:13px}@media(max-width:900px){.topbar{padding:0 14px}.brand small{display:none}.main-site-link{font-size:14px}.workbench{flex-direction:column}.sidebar{width:100%;min-height:58px;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 10px;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(128,158,190,.55)}.tree-group{flex:0 0 auto;padding:0;border:0}.tree-children{display:none}.tree-node.level-1{min-width:max-content;min-height:38px;display:inline-flex;gap:7px;padding:0 12px;border-radius:6px}.tree-node.level-1 b,.tree-node.level-1 em{display:none}.content-canvas{padding:14px}.mapping-grid{grid-template-columns:1fr}}@media(max-width:600px){.app-shell,.workbench,.workspace,.content-canvas{width:100%;max-width:100%;min-width:0}.workspace,.content-canvas{overflow-x:hidden}.content-canvas>.ant-row{margin-inline:0!important}.content-canvas>.ant-row>.ant-col{padding-inline:0!important}.page-heading h1{font-size:28px}.page-heading p,.mapping-line p,.job-meta span{overflow-wrap:anywhere}.steps-card .ant-card-body{padding:18px 16px}.workflow-card .ant-card-body,.mapping-card .ant-card-body{padding:20px 16px}.mapping-grid{min-width:0}.cad-preview{min-width:0;min-height:130px}}