:root{--color-topbar:#243a5e;--color-sidebar:#1e3251;--color-sidebar-hover:#ffffff12;--color-sidebar-text:#b8cfe8;--color-sidebar-label:#5d7fa8;--color-sidebar-border:#2d4b74;--color-primary:#0078d4;--color-primary-hover:#106ebe;--color-primary-soft:#deecf9;--color-bg:#f3f2f1;--color-surface:#fff;--color-surface-alt:#faf9f8;--color-border:#edebe9;--color-text:#323130;--color-text-strong:#1b1b1b;--color-text-muted:#605e5c;--color-text-faint:#a19f9d;--color-success:#107c10;--color-success-soft:#dff6dd;--color-warning:#7a5c00;--color-warning-soft:#fff4ce;--color-danger:#a4262c;--color-danger-soft:#fde7e9;--color-info:#0063b1;--badge-blue-bg:#deecf9;--badge-blue-fg:#0063b1;--badge-green-bg:#dff6dd;--badge-green-fg:#107c10;--badge-yellow-bg:#fff4ce;--badge-yellow-fg:#7a5c00;--badge-red-bg:#fde7e9;--badge-red-fg:#a4262c;--badge-gray-bg:#f3f2f1;--badge-gray-fg:#605e5c;--badge-orange-bg:#fff0e0;--badge-orange-fg:#8a4500;--badge-purple-bg:#e8d0ff;--badge-purple-fg:#5c2d91;--font-sans:"Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-base:14px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-card:0 2px 6px #0078d41f;--topbar-height:48px;--sidebar-width:210px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--color-primary-soft)}.btn-danger{color:var(--color-danger);border:1px solid var(--color-danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#0b5a0b}.btn-sm{padding:5px 12px;font-size:12px}.btn-block{justify-content:center;width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px 20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--color-text);font-size:14px;font-weight:600}.card-sub{color:var(--color-text-muted);margin-top:2px;font-size:12px}.form-field{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--color-text);font-size:12px;font-weight:600}.form-label .req{color:#c72828;margin-left:2px}.form-input,.form-select,.form-textarea{color:var(--color-text);background:#fff;border:1px solid #8a8886;border-radius:2px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.form-textarea{resize:vertical;min-height:72px}.form-hint{color:var(--color-text-muted);font-size:11px}.form-error{color:var(--color-danger);font-size:11px}.badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge-blue{background:var(--badge-blue-bg);color:var(--badge-blue-fg)}.badge-green{background:var(--badge-green-bg);color:var(--badge-green-fg)}.badge-yellow{background:var(--badge-yellow-bg);color:var(--badge-yellow-fg)}.badge-red{background:var(--badge-red-bg);color:var(--badge-red-fg)}.badge-gray{background:var(--badge-gray-bg);color:var(--badge-gray-fg)}.badge-orange{background:var(--badge-orange-bg);color:var(--badge-orange-fg)}.badge-purple{background:var(--badge-purple-bg);color:var(--badge-purple-fg)}.info-bar{background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-info);border:1px solid #b3d0ef;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.info-bar.warn{background:var(--color-warning-soft);color:var(--color-warning);border-color:#f0d060}.info-bar.success{background:var(--color-success-soft);color:var(--color-success);border-color:#92d36e}.info-bar.danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:#f1a9ad}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.grid-detail{grid-template-columns:180px 1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=768px){.grid-2,.grid-3,.grid-detail{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border-radius:var(--radius-md);width:480px;max-width:100%;max-height:90vh;padding:20px 22px;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.tabs{border-bottom:1px solid var(--color-border);gap:4px;display:flex}.tab{font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:500}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.table-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl thead th{text-align:left;color:var(--color-text-muted);border-bottom:1.5px solid var(--color-border);text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-alt);padding:10px 14px;font-size:11px;font-weight:600}table.tbl tbody td{border-bottom:1px solid var(--color-bg);vertical-align:middle;padding:11px 14px}table.tbl tbody tr:last-child td{border-bottom:none}.shell{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--color-topbar);height:var(--topbar-height);flex-shrink:0;align-items:center;gap:14px;padding:0 20px;display:flex}.topbar-icon{background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.topbar-name{color:#fff;font-size:15px;font-weight:500}.topbar-env{color:#8ba7cc;font-size:12px}.topbar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.topbar-right .icon-btn{color:#8ba7cc;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:relative}.topbar-right .icon-btn:hover{color:#fff}.avatar{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:flex}.body{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar);flex-direction:column;flex-shrink:0;padding:12px 0;display:flex;overflow-y:auto}.sb-section{margin-bottom:6px;padding:0 10px}.sb-label{color:var(--color-sidebar-label);text-transform:uppercase;letter-spacing:.07em;padding:10px 8px 4px;font-size:10px;font-weight:600}.sb-item{cursor:pointer;color:var(--color-sidebar-text);border-radius:5px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;text-decoration:none;transition:background .12s;display:flex}.sb-item:hover{background:var(--color-sidebar-hover)}.sb-item.active{background:var(--color-primary);color:#fff}.sb-badge{color:#fff;background:#c72828;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sb-bottom{border-top:1px solid var(--color-sidebar-border);margin-top:auto;padding-top:8px}button.sb-item{width:100%;font:inherit;text-align:left;background:0 0;border:none;font-size:13px}.sb-logout{color:#e6a9ac}.sb-logout:hover{color:#ffd0d2;background:#c728282e}.topbar-user{cursor:default;align-items:center;gap:8px;display:flex}.topbar-user .avatar{cursor:default}.topbar-user-name{color:#cfe0f5;font-size:13px;font-weight:500}.main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.screen{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ph-left{flex-direction:column;gap:3px;display:flex}.ph-tag{color:var(--color-sidebar-label);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:#e8eef5;align-items:center;gap:5px;width:fit-content;margin-bottom:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.ph-title{color:var(--color-text-strong);font-size:20px;font-weight:500}.ph-sub{color:var(--color-text-muted);font-size:13px}.ph-right{flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px}.stat-label{color:var(--color-text-muted);margin-bottom:6px;font-size:12px}.stat-value{color:var(--color-text-strong);font-size:28px;font-weight:300;line-height:1}.stat-delta{color:var(--color-success);align-items:center;gap:3px;margin-top:5px;font-size:11px;display:flex}.stat-delta.warn{color:#c55100}.stat-delta.muted{color:var(--color-text-muted)}.footer-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;margin-top:4px;padding-top:6px;display:flex}.person-row{align-items:center;gap:10px;display:flex}.person-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field.full{grid-column:1/-1}.menu-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .12s;display:none}.menu-btn:hover,.menu-btn:active{background:#ffffff1f}.menu-btn:focus-visible{outline-offset:1px;outline:2px solid #ffffff80}.sidebar-overlay{display:none}@media (width<=1024px){.stats-row{grid-template-columns:1fr 1fr}}@media (width<=768px){.menu-btn{display:inline-flex}.topbar{gap:10px;padding:0 12px}.topbar-env{display:none}.topbar-name{font-size:14px}.topbar-right{gap:10px}.topbar-user-name{display:none}.sidebar{top:var(--topbar-height);z-index:60;width:240px;transition:transform .22s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000059}.sidebar-overlay{inset:var(--topbar-height) 0 0 0;z-index:50;background:#00000073;display:block;position:fixed}.main{width:100%}.screen{gap:14px;padding:16px 14px}.page-header{flex-direction:column;align-items:stretch}.ph-right{flex-wrap:wrap}.stats-row{grid-template-columns:1fr 1fr;gap:10px}.stat-value{font-size:24px}.form-grid{grid-template-columns:1fr}}@media (width<=420px){.stats-row{grid-template-columns:1fr}.ph-right{flex-direction:column}.ph-right>*{width:100%}}.pipeline{grid-template-columns:repeat(5,1fr);align-items:start;gap:12px;display:grid}.pipe-col{background:var(--color-bg);border-radius:var(--radius-md);min-height:80px;padding:12px}.pipe-col.drop-over{outline:2px dashed var(--color-primary);outline-offset:-2px}.pipe-col-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pipe-col-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.pipe-col-count{border:1px solid var(--color-border);color:var(--color-text-muted);background:#fff;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600}.cand-card{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:5px;margin-bottom:8px;padding:11px 13px;transition:border-color .12s,box-shadow .12s}.cand-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.cand-card.selected{border-color:var(--color-success);border-width:1.5px}.cand-card.active{border-color:var(--color-primary);border-width:1.5px}.cand-name{color:var(--color-text-strong);font-size:13px;font-weight:600}.cand-role{color:var(--color-text-muted);margin-top:2px;font-size:11px}.cand-tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.pipe-empty{color:var(--color-text-faint);text-align:center;border:1px dashed #d2d0ce;border-radius:4px;padding:16px 0;font-size:12px}.cp-avatar{background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-info);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:18px;font-weight:600;display:flex}.cp-field{margin-bottom:10px}.cp-field .label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.cp-field .value{color:var(--color-text);margin-top:2px;font-size:13px}.score-bar{background:var(--color-border);border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.score-fill{background:var(--color-primary);border-radius:3px;height:100%}.checklist{flex-direction:column;display:flex}.check-item{border-bottom:1px solid var(--color-bg);align-items:center;gap:12px;padding:10px 0;display:flex}.check-item:last-child{border-bottom:none}.check-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.check-icon.done{background:var(--color-success-soft);color:var(--color-success)}.check-icon.pending{background:var(--color-warning-soft);color:var(--color-warning)}.check-icon.waiting{background:var(--color-bg);color:var(--color-text-faint)}.check-title{color:var(--color-text-strong);font-size:13px;font-weight:500}.check-detail{color:var(--color-text-muted);margin-top:2px;font-size:12px}.timeline{flex-direction:column;display:flex}.tl-item{gap:14px;display:flex}.tl-left{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.tl-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tl-dot.done{background:var(--color-success-soft);color:var(--color-success)}.tl-dot.current{background:var(--color-primary-soft);color:var(--color-info)}.tl-dot.pending{background:var(--color-bg);color:var(--color-text-faint)}.tl-line{background:var(--color-border);flex:1;width:2px;min-height:14px;margin:4px 0}.tl-content{flex:1;padding-top:5px;padding-bottom:18px}.tl-title{color:var(--color-text-strong);font-size:13px;font-weight:600}.tl-desc{color:var(--color-text-muted);margin-top:3px;font-size:12px;line-height:1.5}.tl-date{color:var(--color-text-faint);align-items:center;gap:5px;margin-top:5px;font-size:11px;display:flex}.onb-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.onb-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:8px;padding:16px;display:flex}.onb-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.onb-title{color:var(--color-text-strong);font-size:13px;font-weight:600}.onb-desc{color:var(--color-text-muted);font-size:12px;line-height:1.5}.onb-status{margin-top:auto}@media (width<=1024px){.onb-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.pipeline{-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.pipe-col{flex:none;width:200px}.onb-grid{grid-template-columns:1fr}}.login-shell{background:var(--color-surface);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(1100px 500px at 80% -10%,#0078d473,#0000 60%),radial-gradient(700px 500px at -10% 110%,#0078d440,#0000 55%),linear-gradient(150deg,#1e3251 0%,#243a5e 45%,#16233b 100%);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";filter:blur(8px);pointer-events:none;border-radius:50%;position:absolute}.login-brand:before{background:radial-gradient(circle,#0078d459,#0000 70%);width:320px;height:320px;top:-80px;right:-60px}.login-brand:after{background:radial-gradient(circle,#5aa0f038,#0000 70%);width:260px;height:260px;bottom:-70px;left:10%}.login-brand-top{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-brand-logo{color:#fff;background:linear-gradient(140deg,#0078d4,#2b9bff);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 8px 24px #0078d473}.login-brand-name{letter-spacing:.01em;font-size:17px;font-weight:600}.login-brand-sub{color:#9db8db;font-size:12px}.login-brand-main{z-index:1;max-width:460px;position:relative}.login-brand-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:#8fb6e6;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.login-brand-title{letter-spacing:-.02em;margin:20px 0 14px;font-size:34px;font-weight:600;line-height:1.15}.login-brand-desc{color:#c3d4ea;font-size:15px;line-height:1.6}.login-features{flex-direction:column;gap:16px;margin:30px 0 0;padding:0;list-style:none;display:flex}.login-feature{align-items:center;gap:14px;display:flex}.login-feature-icon{color:#7fc0ff;background:#ffffff17;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.login-feature-text b{font-size:14px;font-weight:600;display:block}.login-feature-text span{color:#a8c0dd;font-size:12.5px}.login-brand-foot{z-index:1;color:#7f9bc0;font-size:12px;position:relative}.login-panel{background:var(--color-surface);justify-content:center;align-items:center;padding:40px 28px;display:flex}.login-form{flex-direction:column;gap:18px;width:100%;max-width:380px;display:flex}.login-mobile-brand{align-items:center;gap:10px;margin-bottom:4px;display:none}.login-form-head h1{color:var(--color-text-strong);letter-spacing:-.01em;font-size:24px;font-weight:600}.login-form-head p{color:var(--color-text-muted);margin-top:4px;font-size:14px}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--color-text);font-size:12.5px;font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap>svg{color:var(--color-text-faint);pointer-events:none;position:absolute;left:13px}.login-input{width:100%;height:46px;color:var(--color-text);background:#fff;border:1.5px solid #d9d7d5;border-radius:10px;outline:none;padding:0 14px 0 40px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0078d41f}.login-input.has-toggle{padding-right:44px}.login-toggle{width:30px;height:30px;color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.login-toggle:hover{color:var(--color-text-muted);background:var(--color-bg)}.login-error{color:var(--color-danger);font-size:12px}.login-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0078d4,#0a6bbd);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:48px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;display:flex;box-shadow:0 8px 20px #0078d447}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #0078d45c}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-alert{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid #f1a9ad;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.login-demo{text-align:center;color:var(--color-text-faint);border-top:1px solid var(--color-border);padding-top:16px;font-size:12px;line-height:1.7}.login-demo code{background:var(--color-bg);color:var(--color-text-muted);border-radius:5px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace}.login-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width<=860px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-mobile-brand{display:flex}.login-panel{min-height:100vh;padding:32px 20px}}