:root{--ink:#282435;--muted:#928d9c;--line:#ebe9ef;--purple:#6847da;--bg:#f8f8fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans SC","DM Sans",Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:3;width:244px;background:#fff;border-right:1px solid var(--line);padding:27px 16px 20px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:700;display:flex;gap:10px;align-items:center;padding-left:9px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#6847da;color:#fff;font-size:15px}.brand-sub{margin:8px 0 36px 48px;font-size:12px;color:var(--muted)}.nav{display:grid;gap:5px}.nav-item{border:0;border-radius:9px;background:transparent;padding:11px 12px;color:#777382;text-align:left;font:500 14px inherit;cursor:pointer}.nav-item span{display:inline-block;width:27px;font-size:18px;text-align:center}.nav-item.active{background:#f0ecff;color:#5934c9}.nav-item i{float:right;padding:2px 7px;border-radius:20px;background:#eeeaf8;font-style:normal;font-size:11px}.nav-label{margin:28px 12px 7px;color:#aaa7b1;font-size:11px;letter-spacing:1px}.sidebar-user{display:flex;align-items:center;gap:9px;margin-top:auto;padding:18px 7px 0;border-top:1px solid var(--line)}.sidebar-user div:nth-child(2){display:grid;gap:2px;font-size:12px}.sidebar-user b{font-size:13px}.sidebar-user span{color:var(--muted)}.sidebar-user button{margin-left:auto;border:0;background:none}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fae9d8;color:#bd642b;font-weight:600;font-size:13px}.avatar.small{width:31px;height:31px}.main{width:calc(100% - 244px);margin-left:244px}.topbar{height:74px;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:13px;color:#97939f}.breadcrumb span{margin:0 10px}.breadcrumb b{color:#4b4755}.top-actions{display:flex;align-items:center;gap:19px}.icon-button,.notice,.menu-button{border:0;background:none;font-size:19px;color:#716d7b}.menu-button{display:none}.notice{position:relative}.notice em{position:absolute;right:0;top:1px;width:5px;height:5px;border-radius:50%;background:#e45b53}.view{display:none;max-width:1510px;margin:auto;padding:38px}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-heading h1{margin:0 0 8px;font-size:26px}.eyebrow{margin:0 0 8px;color:#928d9c;font-size:11px;font-weight:600;letter-spacing:1.2px}.description,.panel-title p,.modal-desc{margin:0;color:#96929f;font-size:13px}.primary-btn{border:0;border-radius:8px;padding:11px 18px;background:var(--purple);box-shadow:0 5px 12px #6847da35;color:#fff;font:600 13px inherit;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:18px}.metric-card,.panel{border:1px solid var(--line);border-radius:12px;background:#fff}.metric-card{position:relative;display:flex;gap:13px;min-height:136px;padding:20px;overflow:hidden}.metric-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;font-size:18px}.purple{background:#eeeaff;color:#6946da}.orange{background:#fff1e5;color:#df7b2d}.green{background:#e8f8f0;color:#34a56e}.blue{background:#e8f4ff;color:#498cd3}.metric-card span{display:block;margin:2px 0 5px;color:#8e8997;font-size:12px}.metric-card strong{font-size:25px}.metric-card strong span{display:inline;font-size:16px}.metric-card small{display:block;margin-top:8px;font-size:11px}.up{color:#32a370}.up i,.muted{color:#aaa5b1;font-style:normal}.spark{margin-left:auto;align-self:center;color:#947ee8;font-size:60px}.orange-line{color:#f1af73}.green-line{color:#77cda1}.ring{display:grid;place-items:center;width:44px;height:44px;margin:auto 0 auto auto;border-radius:50%;background:conic-gradient(#6e9fdf 68%,#e5effb 0);font-size:10px}.content-grid{display:grid;grid-template-columns:1.48fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:22px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between}.panel-title h2{margin:0 0 6px;font-size:16px}.text-btn{border:0;background:none;color:#6743d5;font:500 12px inherit;cursor:pointer}.funnel{display:grid;justify-items:center;gap:5px;margin-top:14px}.funnel-step{display:flex;align-items:center;justify-content:space-between;height:31px;padding:0 13px;border-radius:4px;color:#fff;font-size:11px}.s1{width:92%;background:#8268dd}.s2{width:76%;background:#a38ee8}.s3{width:59%;background:#c0b2f0}.s4{width:42%;background:#ddd5f7;color:#725dda}.process-legend{display:flex;justify-content:center;gap:18px;margin-top:13px;color:#908b99;font-size:11px}.dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}.purple-dot{background:#856ade}.blue-dot{background:#8aaff0}.green-dot{background:#56bd88}.todo-list{margin-top:11px}.todo{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #f0eef2}.todo-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:11px}.todo-info{display:grid;flex:1;gap:3px}.todo-info b{font-size:12px;font-weight:500}.todo-info span{color:#9a95a2;font-size:11px}.todo-arrow{color:#b2aebb}.table-wrap{overflow-x:auto}table{width:100%;min-width:650px;margin-top:17px;border-collapse:collapse}th{text-align:left;padding:0 12px 12px;border-bottom:1px solid var(--line);color:#96919e;font-size:11px;font-weight:500}td{padding:13px 12px;border-bottom:1px solid #f0eef2;color:#625e6a;font-size:12px}td:first-child,th:first-child{padding-left:0}.person{display:flex;align-items:center;gap:9px}.person .avatar{width:27px;height:27px;font-size:10px}.person b{color:#44404d}.badge{display:inline-block;padding:4px 8px;border-radius:15px;font-size:10px;white-space:nowrap}.badge.interview{background:#efebff;color:#6950c9}.badge.training{background:#fff1e4;color:#dc822e}.badge.store{background:#eaf2ff;color:#447ec2}.badge.complete{background:#e7f6ee;color:#348b63}.compact{margin-bottom:24px}.filters{display:flex;gap:11px}.searchbox{display:flex;align-items:center;gap:6px;width:270px;height:36px;padding:0 10px;border:1px solid #e5e2e9;border-radius:7px;color:#aaa}.searchbox input{width:100%;border:0;outline:0;font:12px inherit}select,.filter-button{height:36px;padding:0 11px;border:1px solid #e5e2e9;border-radius:7px;background:#fff;color:#77727f;font:12px inherit}.placeholder{text-align:center;padding-top:160px;color:#898492}.placeholder-icon{margin-bottom:14px;color:#876fe2;font-size:44px}.placeholder h2{margin:0 0 9px}.modal-backdrop{position:fixed;z-index:8;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:#241e3d6b}.modal-backdrop.show{display:flex}.modal{position:relative;width:min(450px,100%);padding:29px;border-radius:15px;background:#fff;box-shadow:0 18px 50px #241e3d42}.modal h2{margin:0 0 8px;font-size:21px}.modal-desc{margin-bottom:20px}.close{position:absolute;top:14px;right:17px;border:0;background:none;color:#888;font-size:25px}.modal label{display:grid;gap:7px;margin:13px 0;font-size:12px;font-weight:600}.modal input,.modal select{width:100%;height:39px;padding:0 10px;border:1px solid #e2dfe7;border-radius:7px;font:13px inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.cancel{padding:10px 17px;border:0;border-radius:8px;background:#f1eff4;color:#6e6875;font:600 13px inherit}.lock-note{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;margin-bottom:17px;border:1px solid #e7e0ff;border-radius:8px;background:#f5f2ff}.lock-note b{font-size:12px;color:#554080}.lock-note p{margin:4px 0 0;color:#8579a0;font-size:11px}.id-card{color:#817c89;font-family:monospace;font-size:11px}.locked-owner:before{content:'🔒';margin-right:5px;font-size:11px}.role-switch{height:32px;border:1px solid #e5e2e9;border-radius:7px;background:#fff;font:12px inherit}.row-action{padding:5px 8px;border:0;border-radius:6px;background:#f2eeff;color:#6442ce;font:11px inherit;white-space:nowrap}.form-message{display:none;padding:9px 10px;margin-bottom:10px;border-radius:7px;font-size:12px}.form-message.error{display:block;border:1px solid #ffd9d6;background:#fff0ef;color:#ba4b43}.optional{color:#a6a1ad;font-weight:400}.role-workspace{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 20px;margin:-10px 0 18px;border:1px solid #e6ddff;border-radius:12px;background:linear-gradient(100deg,#f3efff,#fbfaff)}.role-workspace h2{margin:0 0 5px;font-size:16px}.role-workspace>div>p:last-child{margin:0;color:#776f88;font-size:12px}.role-path{display:flex;gap:7px;align-items:center}.role-path span{display:flex;gap:5px;align-items:center;color:#938da0;font-size:11px;white-space:nowrap}.role-path span:not(:last-child):after{content:'→';margin-left:3px;color:#c6bedb}.role-path i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e1dced;font-style:normal;font-size:10px}.role-path .focus{color:#5b3cc6;font-weight:600}.role-path .focus i{background:#6b48d8;color:#fff}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}.main{width:100%;margin-left:0}.topbar{padding:0 18px}.menu-button{display:block}.view{padding:22px 16px}.metrics{gap:10px}.metric-card{min-height:115px;padding:14px}.metric-icon,.spark{display:none}.panel{padding:17px}.filters{flex-wrap:wrap}.searchbox{width:100%}.form-row{grid-template-columns:1fr}.role-workspace{display:block}.role-path{flex-wrap:wrap;margin-top:14px}.role-switch{display:none}}