*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:#fff;color:#333;overflow:hidden}#root{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important}.content-section{width:100%;max-width:none}.app-layout{display:flex;flex-direction:column;height:100vh}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:56px;border-bottom:1px solid #e2e8f0}.nav-left,.nav-right{display:flex;align-items:center}.logo{font-size:22px;font-weight:500;color:#5c6c7c;margin-right:32px;letter-spacing:-.5px}.nav-links span{margin-right:24px;color:#828d99;font-size:14px;font-weight:500;cursor:pointer;padding:18px 0}.nav-links span.active{color:#0a58ca;border-bottom:2px solid #0a58ca}.search-bar{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;margin-right:24px;background-color:#fff}.search-bar input{border:none;outline:none;font-size:12px;width:180px;color:#333;background-color:transparent;color-scheme:light}.search-icon{font-size:12px;color:#999}.user-profile{display:flex;align-items:center;font-size:13px;color:#555}.avatar{background-color:#0d6efd;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:11px;margin-left:12px;font-weight:700}.main-body{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;border-right:1px solid #e2e8f0;background:#fafbfc;display:flex;flex-direction:column}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.sidebar-header h3{font-size:16px;font-weight:600;color:#333}.hamburger{color:#0a58ca;font-size:20px;font-weight:700;cursor:pointer}.menu-group{padding:12px 0}.collapsible{font-size:13px;font-weight:500;color:#555;padding:8px 20px;cursor:pointer}.menu-group ul{list-style:none;margin-top:4px}.menu-group li{padding:8px 20px 8px 36px;font-size:13px;cursor:pointer;color:#555}.menu-group li.active{background:#eef2f6;color:#0a58ca;font-weight:600;border-left:3px solid #0a58ca}.main-content{flex:1;padding:24px 32px;overflow-y:auto;background:#fff}.content-section{max-width:100%}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.content-section h2{font-size:20px;font-weight:500;color:#333;margin-bottom:8px}.subtitle{color:#666;font-size:13px;line-height:1.5;max-width:100%}.primary-btn{background:#0d6efd;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}.secondary-btn{background:#fff;color:#0d6efd;border:1px solid #e2e8f0;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;font-weight:500}.outline-btn{background:#fff;color:#555;border:1px solid #ccc;padding:4px 10px;border-radius:4px;font-size:12px;margin-right:12px;cursor:pointer}.breadcrumb{font-size:16px;margin-bottom:20px}.back-link{color:#0a58ca;cursor:pointer;font-weight:500}.current-path{color:#555;font-weight:500}.tabs{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:24px;gap:32px;align-items:flex-end}.tab{background:none;border:none;padding:10px 0 12px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;transition:all .2s}.tab.active{color:#0a58ca;font-weight:600;border-bottom:3px solid #0a58ca}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tab-desc{font-size:13px;color:#666}.action-buttons{display:flex;gap:8px}.table-container{border:1px solid #e2e8f0;border-radius:4px}.table-container.no-border{border:none;border-top:1px solid #e2e8f0;border-radius:0}.table-header{display:flex;padding:12px 16px;font-size:11px;font-weight:600;color:#888;border-bottom:1px solid #e2e8f0;text-transform:uppercase}.table-row{display:flex;padding:14px 16px;border-bottom:1px solid #eee;font-size:13px;align-items:center;cursor:pointer}.table-row:hover{background:#f8fafc}.table-row.default-cursor{cursor:default}.col-main{flex:2;font-weight:500}.col-name{flex:1.5;font-weight:500}.col-type{flex:1;color:#555;display:flex;align-items:center;gap:4px}.col-desc{flex:2.5}.col-job{flex:2;font-weight:500}.col-date{flex:1}.col-status{flex:1;display:flex;align-items:center}.col-output{flex:1}.col-action{width:200px;text-align:right;display:flex;justify-content:flex-end;align-items:center}.col-check{width:40px}.text-blue{color:#0a58ca}.text-gray{color:#666}.kebab-menu{font-size:18px;color:#999;cursor:pointer;font-weight:700;margin-left:8px}.status-dot{color:#198754;font-size:14px;margin-right:6px}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge.ready{background:#fff3cd;color:#856404}.badge.confirmed{background:#d1e7dd;color:#0f5132}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:4px;border:1px solid #94a3b8;background-color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin:0;transition:all .2s}input[type=checkbox]:checked{background-color:#0a58ca;border-color:#0a58ca}input[type=checkbox]:checked:after{content:"✔";color:#fff;font-size:10px}input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.chevron{font-size:14px;position:relative;top:-2px}.demo-disclaimer{color:red}