:root{--bg-canvas:#f6f7f9;--bg-card:#fff;--nav-bg:#161c2c;--nav-hover:#232b40;--nav-active:#2a3550;--accent:#2f6fed;--accent-hover:#275dcc;--accent-light:#edf2fd;--gold:#b8860b;--gold-light:#fbf3dc;--purple:#7c5ce0;--purple-light:#efebfa;--success:#15803d;--success-light:#e8f5ec;--warning:#b45309;--warning-light:#fbf1e2;--danger:#dc2626;--danger-light:#fdecec;--text-primary:#1a2332;--text-secondary:#4b5565;--text-muted:#8a94a6;--border:#e2e6ec;--border-light:#eef1f5;--gradient-1:linear-gradient(135deg, #2f6fed, #5b8def);--gradient-2:linear-gradient(135deg, #7c5ce0, #b46be0);--gradient-3:linear-gradient(135deg, #d97706, #e4573d);--shadow-sm:0 1px 2px #161c2c0d;--shadow-md:0 1px 2px #161c2c0d, 0 4px 12px #161c2c0f;--shadow-lg:0 12px 28px #161c2c1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.6}#root{min-height:100vh}input,textarea,select,button{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=1024px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #0000004d}.sidebar-close{display:flex!important}.main-content{margin-left:0!important;padding:20px 16px!important}.hamburger{display:flex!important}.desktop-only{display:none!important}}@media (width<=768px){.grid-dual,.grid-responsive{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.kanban-grid{gap:12px;overflow-x:auto;display:flex!important}.kanban-grid>*{flex-shrink:0;min-width:240px}}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.01em;color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.3}.page-sub{color:var(--text-muted);margin-top:4px;font-size:13px}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-solid{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-solid:hover{background:var(--accent-hover)}.btn-success{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-success:hover{background:#146b34}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:background .15s;display:inline-flex}.btn-ghost:hover{background:var(--border-light)}.btn-outline-accent{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:background .15s;display:inline-flex}.btn-outline-accent:hover{background:#e1eafc}.btn-outline-danger{background:var(--bg-card);color:var(--danger);border:1px solid var(--danger);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:7px 12px;font-size:12px;transition:background .15s;display:inline-flex}.btn-outline-danger:hover{background:var(--danger-light)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 24px}.panel-title{color:var(--text-primary);margin-bottom:16px;font-size:15px;font-weight:700}.template-strip{background:var(--border-light);border-radius:10px;margin-bottom:18px;padding:12px 16px}.strip-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.template-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:20px;padding:5px 14px;font-size:12px;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip-active{border-color:var(--accent);background:var(--accent-light);color:var(--accent);font-weight:600}.form-section-label{border-top:1px solid var(--border);color:var(--text-secondary);margin-bottom:12px;padding-top:14px;font-size:12px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-label{color:var(--text-primary);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.field-input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--bg-card);resize:vertical;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6fed1f}.field-select{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.field-select:focus{border-color:var(--accent)}.jd-fields{flex-direction:column;gap:12px;display:flex}.jd-block{background:var(--border-light);border-radius:10px;padding:14px 16px}.jd-block-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.jd-content{color:var(--text-primary);white-space:pre-wrap;font-size:13px;line-height:1.7}.jd-empty-text{color:var(--text-muted);font-size:13px;font-style:italic}.form-actions,.inline-actions{gap:10px;margin-top:18px;display:flex}.toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.filter-tabs{background:var(--border-light);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.filter-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:all .15s;display:inline-flex}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}.tab-count{text-align:center;background:#0000000d;border-radius:10px;min-width:22px;padding:1px 7px;font-size:11px;font-weight:600}.filter-tab.active .tab-count{background:var(--accent-light);color:var(--accent)}.search-box{flex:1;max-width:300px;margin-left:auto;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-box input{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:9px;outline:none;padding:8px 12px 8px 34px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6fed1f}.search-box input::placeholder{color:var(--text-muted)}.master-detail{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}.list-pane{flex-direction:column;display:flex}.list-count{color:var(--text-muted);margin-bottom:8px;padding-left:2px;font-size:12px;font-weight:600}.job-list{flex-direction:column;gap:8px;display:flex}.job-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.job-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.job-item.active{border-color:var(--accent);background:var(--accent-light);box-shadow:var(--shadow-sm)}.job-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.job-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.icon-btn:hover{color:var(--text-primary);background:var(--border-light)}.icon-btn.danger:hover{color:var(--danger);background:var(--danger-light)}.job-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.job-footer{color:var(--text-secondary);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;font-size:11px;display:flex}.muted-text{color:var(--text-muted)}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty-icon{background:var(--accent-light);width:52px;height:52px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty-title{color:var(--text-primary);font-size:15px;font-weight:600}.empty-desc{color:var(--text-muted);max-width:320px;font-size:13px}.empty-state .btn-primary{margin-top:10px}.pager{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.btn-page{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:background .15s;display:inline-flex}.btn-page:hover:not(:disabled){background:var(--border-light)}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--text-muted);font-size:12px}.detail-pane{min-height:200px}.detail-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.detail-title-row{align-items:center;gap:8px;display:flex}.detail-title{color:var(--text-primary);letter-spacing:-.01em;font-size:18px;font-weight:700}.mini-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:11px;transition:all .15s}.mini-btn:hover{color:var(--accent);border-color:var(--accent)}.detail-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.detail-tag{color:var(--text-secondary);background:var(--border-light);border-radius:6px;padding:2px 8px;font-size:12px}.detail-sub{color:var(--text-muted);margin-top:8px;font-size:12px}.mini-link{border:1px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:11px;transition:all .15s;display:inline-flex}.mini-link:hover{border-color:var(--accent)}.detail-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.badge-success{background:var(--success-light);color:var(--success);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-light);color:var(--accent);border-radius:10px;align-items:center;padding:1px 8px;font-size:11px;display:inline-flex}.versions-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.versions-title{color:var(--text-primary);font-size:16px;font-weight:700}.version-list{flex-direction:column;gap:16px;display:flex}.version-item{background:var(--border-light);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.version-item.confirmed{background:var(--success-light);border-color:var(--success)}.version-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.version-badges{align-items:center;gap:8px;display:flex}.version-no{color:var(--text-primary);font-size:14px;font-weight:700}.version-fields{flex-direction:column;gap:8px;display:flex}.version-field-label{color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600}.version-field-content{color:var(--text-primary);white-space:pre-wrap;max-height:80px;font-size:12px;line-height:1.5;overflow:hidden}@media (width<=1024px){.master-detail{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{max-width:none}}@media (width<=640px){.page-head{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.filter-tabs{max-width:100%;overflow-x:auto}.detail-head{flex-direction:column;align-items:stretch}.detail-actions{justify-content:flex-start}}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:20px;display:flex}.stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-label{color:var(--text-muted);margin-bottom:2px;font-size:12px}.stat-value{color:var(--text-primary);letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.2}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-title{color:var(--text-primary);font-size:15px;font-weight:700}.panel-hint{color:var(--text-muted);font-size:12px}.funnel-section{margin-bottom:24px}.funnel-section .panel-head{margin-bottom:14px}.funnel-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.funnel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:18px 20px 21px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.funnel-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.funnel-card-dot{border-radius:50%;width:10px;height:10px}.funnel-card-body{flex-direction:column;gap:2px;display:flex}.funnel-card-label{color:var(--text-muted);font-size:12px}.funnel-card-value{letter-spacing:-.01em;font-size:24px;font-weight:700;line-height:1.2}.funnel-card-bar{background:var(--border-light);height:3px;position:absolute;bottom:0;left:0;right:0}.funnel-card-fill{height:100%;transition:width .3s}.funnel-empty{color:var(--text-muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-card);padding:16px 8px;font-size:13px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.quick-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 24px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.quick-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-card:active{transform:translateY(0)}.quick-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.quick-label{color:var(--text-primary);margin-top:2px;font-size:17px;font-weight:700}.quick-desc{color:var(--text-muted);font-size:13px}.quick-link{color:var(--accent);align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:600;transition:gap .15s;display:inline-flex}.quick-card:hover .quick-link{gap:8px}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:1fr}.funnel-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stat-grid,.funnel-grid{grid-template-columns:1fr}}