*{margin:0;padding:0;box-sizing:border-box}. app-container{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.app-topbar{height:64px;background:linear-gradient(135deg,#1e6b7b,#2d8ca8);display:flex;justify-content:space-between;align-items:center;padding:0 24px;box-shadow:0 2px 8px #00000026;z-index:100}.topbar-left h3{color:#fff!important;font-weight:600;margin:0}.topbar-right{color:#fff}.app-body{display:flex;flex:1;overflow:hidden}.app-sidebar{width:200px;background:linear-gradient(180deg,#f0f5ff,#e6f7ff);box-shadow:2px 0 8px #0000000f;overflow-y:auto}.sidebar-menu{background:transparent!important;border:none!important;padding:16px 8px}.sidebar-menu . ant-menu-item{margin:4px 0;border-radius:6px;color:#1e6b7b;font-weight:500}.sidebar-menu .ant-menu-item-selected{background:linear-gradient(135deg,#1e6b7b,#2d8ca8)!important;color:#fff!important}. sidebar-menu .ant-menu-item: hover{background:#1e6b7b1a;color:#1e6b7b}. sidebar-menu .ant-menu-item-selected:hover{background:linear-gradient(135deg,#145563,#1e6b7b)!important;color:#fff!important}.app-main{flex:1;display:flex;flex-direction:column;padding:24px;gap:24px;overflow:hidden}.top-section{display:flex;gap:24px;height:600px;flex-shrink:0}.upload-section{flex:1;background:#fff;padding:24px;border-radius:8px;border:2px solid #e8e8e8;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}.file-name-box{margin-bottom:20px}.label{display:block;font-weight:600;font-size:14px;color:#262626;margin-bottom:8px}. file-display{padding:12px 16px;border:2px solid #52c41a;border-radius:6px;background:#f6ffed;font-size:14px;color:#262626;min-height:44px;display:flex;align-items:center}.action-button{font-weight:600!important;border-radius:6px!important;height:44px!important;padding:0 24px!important;font-size:14px!important;transition:all .3s ease!important;border:none!important}.upload-btn{background:linear-gradient(135deg,#1e6b7b,#2d8ca8)!important;color:#fff!important}. upload-btn:hover: not(:disabled){background:linear-gradient(135deg,#145563,#1e6b7b)!important;transform:translateY(-2px);box-shadow:0 4px 12px #1e6b7b4d!important}.secondary-btn{background:#f0f0f0!important;color:#8c8c8c!important;border:1px solid #d9d9d9!important}.transform-btn{background:linear-gradient(135deg,#1890ff,#096dd9)!important;color:#fff!important}.transform-btn:hover:not(:disabled){background:linear-gradient(135deg,#096dd9,#0050b3)!important;transform:translateY(-2px);box-shadow:0 4px 12px #1890ff4d!important}. download-btn{background:linear-gradient(135deg,#52c41a,#389e0d)!important;color:#fff!important}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#389e0d,#237804)!important;transform:translateY(-2px);box-shadow:0 4px 12px #52c41a4d!important}. reset-btn{background:#fff!important;color:#595959!important;border:1px solid #d9d9d9!important;border-radius:6px!important;font-weight:500!important}.reset-btn:hover{border-color:#1890ff!important;color:#1890ff!important}. action-button:disabled{background:#f5f5f5!important;color:#bfbfbf!important;cursor:not-allowed!important;transform:none!important}.summary-panel{width:520px;display:flex;flex-direction:column;gap:12px;overflow:hidden;height:100%}.etl-box{background:#fff;border-radius:8px;padding:14px;box-shadow:0 2px 8px #0000000f}.pre-etl-box{border:2px solid #91d5ff;height:180px;overflow-y:auto;flex-shrink:0}.post-etl-box{border:2px solid #95de64;background:linear-gradient(135deg,#f6ffed,#fff);height:180px;overflow-y:auto;flex-shrink:0}.summary-box{border:2px solid #91d5ff;height:180px;overflow-y:auto;flex-shrink:0}. etl-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.etl-header h5{margin:0!important;font-size:14px;font-weight:600;color:#262626}.status-dot{width:10px;height:10px;border-radius:50%}.pre-dot{background:#1890ff;box-shadow:0 0 6px #1890ff80}.post-dot{background:#52c41a;box-shadow:0 0 6px #52c41a80}.summary-dot{background:#722ed1;box-shadow:0 0 6px #722ed180}.etl-content{display:flex;flex-direction:column;gap:6px}.sheet-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#fafafa;border-radius:4px;border-left:3px solid #d9d9d9}.sheet-name{font-size:13px;color:#262626;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.sheet-count{font-size:12px;color:#595959;font-weight:600;white-space:nowrap}.highlight-count{color:#52c41a!important;background:#f6ffed;padding:2px 8px;border-radius:4px}.summary-table{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.summary-table:last-child{border-bottom:none}. summary-details{margin-top:6px;display:flex;flex-direction:column;gap:5px}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 8px;background:#fafafa;border-radius:4px;font-size:11px;gap:8px}.logs-section{flex:1;background:#fff;border-radius:8px;border:2px solid #91d5ff;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;min-height:0;overflow:hidden}.logs-header{padding:16px 20px;border-bottom:2px solid #f0f0f0;background:#fafafa;border-radius:8px 8px 0 0;flex-shrink:0}.live-indicator{display:inline-block;padding:4px 12px;border-radius:4px;font-weight:600;font-size:11px}.live-indicator.connected{background:#52c41a;color:#fff;animation:pulse 2s infinite}. live-indicator.disconnected{background:#ff4d4f;color:#fff}. logs-container{flex:1;padding:16px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;background:#fafafa;min-height:0}.log-entry{padding:6px 0;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.log-icon{flex-shrink:0;font-weight:700}.log-message{flex:1;word-break:break-word}.processing-indicator{position:fixed;top:80px;right:40px;z-index:1000;animation:fadeIn .3s ease-in}. processing-indicator-card{background:linear-gradient(135deg,#fff,#e6f7ff);border:2px solid #1890ff;border-radius:12px;box-shadow:0 8px 24px #1890ff4d;animation:pulse-border 2s infinite}. processing-indicator-card . ant-card-body{padding:16px 24px}.logs-container::-webkit-scrollbar,.summary-box::-webkit-scrollbar,.app-sidebar::-webkit-scrollbar,.pre-etl-box::-webkit-scrollbar,.post-etl-box::-webkit-scrollbar{width:6px}.logs-container::-webkit-scrollbar-track,. summary-box::-webkit-scrollbar-track,.app-sidebar::-webkit-scrollbar-track,.pre-etl-box::-webkit-scrollbar-track,.post-etl-box::-webkit-scrollbar-track{background:#f0f0f0}.logs-container::-webkit-scrollbar-thumb,.summary-box::-webkit-scrollbar-thumb,. app-sidebar::-webkit-scrollbar-thumb,.pre-etl-box::-webkit-scrollbar-thumb,.post-etl-box::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:3px}. logs-container::-webkit-scrollbar-thumb:hover,. summary-box::-webkit-scrollbar-thumb:hover,. app-sidebar::-webkit-scrollbar-thumb:hover,. pre-etl-box::-webkit-scrollbar-thumb:hover,.post-etl-box::-webkit-scrollbar-thumb:hover{background:#8c8c8c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-border{0%,to{box-shadow:0 8px 24px #1890ff4d}50%{box-shadow:0 8px 32px #1890ff80}}@media (max-width: 1200px){.app-body{flex-direction:column}.app-sidebar{width:100%;height:auto}.top-section{flex-direction:column;height:auto}.summary-panel{width:100%}.pre-etl-box,.post-etl-box,.summary-box{height:200px}.logs-section{min-height:400px}.processing-indicator{top:70px;right:20px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-fill{box-shadow:0 0 10px #1890ff80}.processing-indicator-card{min-width:380px;max-width:450px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}