:root{font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#213348;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.shell{min-height:100vh}.topbar{height:67px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:12px;background:var(--surface,#fff);border-bottom:1px solid #e6edf4}.brand-mark{width:32px;height:32px;border-radius:10px;background:#0280c9;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.brand-title{font-weight:800;color:#184b72;font-size:15px}.brand-title span{font-weight:500;color:#516678}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;color:#6b7c91;font-size:12px}.workspace{margin:auto;max-width:1200px;padding:40px 32px 80px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#0280c9}.eyebrow span{color:#a1afbc;margin:0 8px}.headline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 0 30px}.headline h1{margin:0 0 9px;font-size:clamp(25px,3vw,32px);letter-spacing:-.04em}.headline p,.panel-head p,.info-card p{margin:0;color:#7a8c9f;font-size:13px}.button{border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:750;white-space:nowrap}.secondary{background:#fff;color:#49617a;border-color:#dce7ef}.primary{background:#0280c9;color:#fff}.tabs{display:flex;gap:22px;border-bottom:1px solid #dde7f0;margin-bottom:24px;overflow:auto}.tab{border:0;border-bottom:3px solid transparent;background:transparent;color:#77889e;display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700;padding:12px 2px 15px;white-space:nowrap}.tab.active{color:#0280c9;border-bottom-color:#0280c9}.panel{background:#fff;border:1px solid #e4ebf2;border-radius:15px;box-shadow:0 6px 30px #14447106}.panel-head{padding:27px 28px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2,.info-card h2{font-size:18px;letter-spacing:-.025em;margin:0 0 7px}.count{font-size:12px;font-weight:750;color:#0280c9;background:#eff8ff;border-radius:9px;padding:8px 10px;white-space:nowrap}.search{margin:0 28px 22px;display:flex;align-items:center;gap:10px;border:1px solid #dce8f1;border-radius:10px;padding:0 13px;color:#8292a4}.search input{background:transparent;border:0;outline:0;flex:1;min-width:0;height:44px;color:inherit;font-size:13px}.list{border-top:1px solid #edf1f6}.person{display:flex;text-align:left;align-items:center;gap:16px;padding:16px 27px;width:100%;background:transparent;border:0;border-bottom:1px solid #edf1f6;color:inherit}.person:hover{background:#f7fbff}.person:last-child{border:0}.avatar{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e8f5fd;color:#087dbb;font-size:13px;font-weight:800}.person-name{flex:1;min-width:120px;display:grid;gap:5px}.person-name b{font-size:13px}.person-name small{font-size:12px;color:#8192a3}.department{color:#667b8c;font-size:12px}.chevron{color:#a7b8c8}.state{padding:6px 8px;border-radius:7px;font-size:10px;font-weight:800}.state.active{background:#e7f7f0;color:#178052}.state.inactive{background:#f3f5f7;color:#708094}.notice{margin:0 0 20px;background:#fff4e8;border:1px solid #f0d4b4;color:#925c24;padding:13px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:13px}.notice span{flex:1}.notice button{border:0;background:transparent;color:inherit}.empty{display:flex;flex-direction:column;align-items:center;padding:64px 20px;gap:9px;text-align:center;color:#88a0b4}.empty h3{margin:7px 0 0;color:#344d67;font-size:17px}.empty p{max-width:450px;margin:0;font-size:13px;line-height:1.6}.organ-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card{padding:25px}.info-icon{display:grid;place-items:center;width:42px;height:42px;color:#0280c9;background:#edf7ff;border-radius:11px;margin-bottom:20px}.info-card strong{display:block;margin-top:21px;font-size:14px;color:#0280c9}.next-box{grid-column:1/-1;padding:26px;display:flex;align-items:flex-start;gap:20px;color:#0280c9}.next-box p{margin:7px 0 0;color:#8090a0;font-size:13px;line-height:1.6}.footnote{display:flex;align-items:center;gap:8px;font-size:11px;color:#95a6b5;margin-top:22px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e2740a0;display:flex;justify-content:flex-end;z-index:10}.drawer{background:#fff;width:min(490px,100vw);height:100%;display:flex;flex-direction:column;box-shadow:-20px 0 60px #14283926}.drawer-head{padding:33px 30px 25px;border-bottom:1px solid #e8edf3;display:flex;justify-content:space-between}.drawer-head h2{font-size:24px;margin:10px 0 0}.icon-button{background:transparent;border:0;color:#8394a5;height:32px}.drawer-body{padding:27px 30px;overflow:auto;flex:1}.identity{display:flex;align-items:center;gap:16px;padding-bottom:26px;border-bottom:1px solid #e8edf3}.avatar.large{flex-basis:58px;width:58px;height:58px;border-radius:17px;font-size:16px}.identity p{color:#7a8c9f;font-size:13px;margin:7px 0 0}.section-label{margin:30px 0 20px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#8aa0b0}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:21px;color:#587083;font-size:12px;font-weight:700}.field input,.field select{padding:12px;border:1px solid #dae5ee;border-radius:9px;background:transparent;color:inherit;outline-color:#0280c9}.help{color:#8495a6;font-size:12px;line-height:1.6}.profile-item{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf2f5;color:#8294a4;font-size:13px;gap:10px}.profile-item b{color:#3d536a}.drawer-actions{display:flex;justify-content:flex-end;gap:10px;padding:19px 26px;border-top:1px solid #e8edf3}.spinning{animation:rot 1s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}@media (max-width:700px){.topbar{padding:0 17px}.topbar-right{display:none}.workspace{padding:25px 17px}.headline{align-items:flex-start}.headline .button{padding:10px}.organ-grid{grid-template-columns:1fr}.person{gap:10px;padding:15px}.department{display:none}.panel-head{padding:22px 17px}.search{margin:0 16px 17px}.headline h1{font-size:24px}}@media (prefers-color-scheme:dark){:root{background:#101c2b;color:#e9f2fb}.topbar,.panel,.drawer{background:#192a3e;border-color:#293d52}.brand-title{color:#a5dfff}.brand-title span{color:#9eb3c8}.panel-head p,.headline p,.info-card p,.person-name small,.department,.identity p{color:#91a8bd}.secondary{background:#22394f;color:#e4eff9;border-color:#35526a}.tabs{border-color:#2e4053}.person{border-color:#283c50;color:#e7f0f8}.person:hover{background:#21384f}.search,.field input,.field select{border-color:#35516a;color:#e4eef7}.count,.info-icon,.avatar{background:#203e57;color:#76c8ff}.empty h3{color:#eaf2f9}.notice{background:#493b27;color:#f2d8a7;border-color:#705a38}.drawer-head,.identity,.drawer-actions,.profile-item{border-color:#2e4356}.profile-item b{color:#e8f0f7}.info-card strong{color:#81d2ff}}