:root{--bg:#070a13;--bg-soft:#0d1220;--text:#e8ebf4;--muted:#9aa3b8;--line:#ffffff17;--line-strong:#fff3;--card:#ffffff09;--accent-1:#6366f1;--accent-2:#a855f7;--accent-3:#22d3ee;--radius:20px;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 800px at 12% -8%, #6366f138, transparent 60%), radial-gradient(1100px 700px at 100% 108%, #22d3ee24, transparent 55%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}[hidden]{display:none!important}kbd{color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:6px;padding:2px 7px;font-family:inherit;font-size:12px}::selection{background:#a855f759}.glow{filter:blur(90px);pointer-events:none;z-index:0;opacity:.5;border-radius:50%;position:fixed}.glow--a{background:#6366f159;width:420px;height:420px;top:-140px;left:-120px}.glow--b{background:#22d3ee38;width:380px;height:380px;bottom:-140px;right:-100px}.hero{z-index:1;text-align:center;padding:64px 20px 28px;position:relative}.hero__badge{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);backdrop-filter:blur(8px);background:#ffffff0a;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-block}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;margin:18px 0 10px;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700}.gradient-text{background:linear-gradient(120deg, var(--accent-1), var(--accent-2) 50%, var(--accent-3));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__subtitle{max-width:640px;color:var(--muted);margin:0 auto;font-size:15px;line-height:1.6}.hero__plus{color:#fff;background:linear-gradient(120deg, var(--accent-1), var(--accent-2));vertical-align:middle;border-radius:6px;place-items:center;width:20px;height:20px;margin:0 2px;font-weight:700;display:inline-grid}.hero__count{color:var(--text);margin-top:14px;font-weight:600;display:block}.shell{z-index:1;max-width:1240px;margin:0 auto;padding:0 20px 40px;position:relative}.toolbar{z-index:20;border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(16px)saturate(140%);background:#0d1220b8;flex-direction:column;gap:14px;padding:14px;display:flex;position:sticky;top:12px;box-shadow:0 18px 50px #00000073}.search{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:4px 10px 4px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.search:focus-within{border-color:#a855f7a6;box-shadow:0 0 0 4px #a855f729}.search__icon{width:19px;height:19px;color:var(--muted);flex:none}#search-input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-family:inherit;font-size:15px}#search-input::placeholder{color:#6b748f}#search-input::-webkit-search-cancel-button{display:none}.search__kbd{flex:none}.search__clear{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffff12;border:0;border-radius:8px;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.search__clear:hover{color:var(--text);background:#ffffff24}.search__clear svg{width:15px;height:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.chip:hover{color:var(--text);border-color:#ffffff38;transform:translateY(-1px)}.chip--active{color:#fff;background:linear-gradient(120deg, var(--accent-1), var(--accent-2));border-color:#0000;box-shadow:0 6px 18px #7c3aed59}.chip--active:hover{color:#fff;transform:translateY(-1px)}.chip__count{color:inherit;opacity:.75;background:#ffffff1f;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.status{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:48px 16px;display:flex}.status svg{width:20px;height:20px}.status__reset{color:#fff;background:linear-gradient(120deg, var(--accent-1), var(--accent-2));cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s}.status__reset:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed59}.org-stage{border:1px solid var(--line);cursor:grab;touch-action:none;user-select:none;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 30% 10%,#6366f129,#0000 35%),#ffffff06;border-radius:24px;height:min(78vh,880px);min-height:560px;margin-top:22px;transition:height .35s cubic-bezier(.32,.72,.29,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 22px 70px #00000057}.org-stage.is-dragging{cursor:grabbing}.org-stage--expanded{height:min(94vh,1500px)}.stage-controls{z-index:30;border:1px solid var(--line);backdrop-filter:blur(12px);background:#070a13b8;border-radius:14px;gap:8px;padding:6px;display:flex;position:absolute;top:14px;right:14px}.stage-btn{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;place-items:center;width:34px;height:34px;font-family:inherit;font-weight:700;transition:background .18s,transform .18s;display:grid}.stage-btn--wide{width:auto;padding-inline:12px;font-size:12px}.stage-btn:hover{background:#a855f73d}.stage-btn:active{transform:scale(.94)}.stage-hint{z-index:25;color:var(--muted);border:1px solid var(--line);backdrop-filter:blur(10px);pointer-events:none;background:#070a139e;border-radius:999px;margin:0;padding:7px 11px;font-size:12px;position:absolute;bottom:14px;left:16px}.org-canvas{transform-origin:0 0;will-change:transform;width:max-content;padding:34px;position:absolute;inset:0 auto auto 0}.org{grid-template-columns:repeat(4,360px);align-items:start;gap:28px;width:max-content;margin:0;display:grid}.group{animation:.5s both groupIn;animation-delay:calc(var(--i) * 60ms);position:relative}.group--open{grid-column:1/-1}.group--open .dept{width:min(100%,430px);margin-inline:auto}.dept{border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(10px);background:linear-gradient(#ffffff0e,#ffffff05);padding:18px 18px 42px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:visible}.dept:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#fff6,#0000);height:1px;position:absolute;inset:0 0 auto}.dept:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 16px 40px #0006}.dept__head{align-items:center;gap:14px;display:flex}.dept__avatar{width:52px;height:52px;font-family:var(--font-display);letter-spacing:.04em;color:#fff;background:linear-gradient(135deg, var(--g1), var(--g2));text-shadow:0 1px 2px #00000040;border-radius:16px;flex:none;place-items:center;font-size:17px;font-weight:700;display:grid;box-shadow:0 8px 20px #00000059,inset 0 1px #ffffff40}.dept__info{flex:1;min-width:0}.dept__name{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 4px;font-size:17px;font-weight:600}.dept__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;overflow:hidden}.dept__dot{opacity:.6;margin:0 5px}.dept__toggle{z-index:5;color:#fff;background:linear-gradient(120deg, var(--accent-1), var(--accent-2));width:42px;height:42px;box-shadow:0 8px 22px #7c3aed7a, 0 0 0 5px var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;position:absolute;bottom:-21px;left:50%;transform:translate(-50%)}.dept__toggle svg{width:20px;height:20px;transition:transform .25s}.group--open .dept__toggle svg{transform:rotate(45deg)}.dept__toggle:hover{box-shadow:0 10px 26px #7c3aed94, 0 0 0 5px var(--bg)}.dept__toggle:active{transform:translate(-50%)scale(.94)}.dept__contact{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin:14px 0 0;padding:10px 0 0;list-style:none;display:flex}.drow{align-items:center;gap:10px;min-width:0;display:flex}.drow svg{width:16px;height:16px;color:var(--muted);flex:none}.drow__value{color:#c9d0e0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;text-decoration:none;transition:color .18s;overflow:hidden}.drow__value--mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.drow__value--email:hover{color:var(--accent-3);text-underline-offset:3px;text-decoration:underline}.tree{grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.32,.72,.29,1);display:grid}.group--open .tree{grid-template-rows:1fr}.tree__inner{min-height:0;overflow:hidden}.tree__trunk{background:linear-gradient(var(--line-strong), var(--line));width:1px;height:16px;margin:0 auto}.tree__emps{overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:14px;width:max-content;max-width:none;margin:0 auto;padding:18px 2px 12px;scroll-padding-inline:14px;list-style:none;display:flex;position:relative;overflow:visible}.tree__emps:before{content:"";background:var(--line-strong);height:1px;position:absolute;top:0;left:3%;right:3%}.tree__emps::-webkit-scrollbar{height:10px}.tree__emps::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.tree__emps::-webkit-scrollbar-thumb{background:#a855f759;border-radius:999px}.emp{border:1px solid var(--line);background:var(--card);backdrop-filter:blur(8px);min-width:0;max-width:calc(100vw - 48px);animation:.42s both empIn;animation-delay:calc(var(--e,0) * 70ms);border-radius:16px;flex:0 0 320px;padding:14px;transition:transform .2s,border-color .2s,background .2s;position:relative}.emp:before{content:"";background:var(--line-strong);width:1px;height:16px;position:absolute;top:-16px;left:50%}.emp:hover{background:#ffffff0e;border-color:#a855f773;transform:translateY(-3px)}.emp__head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.emp__avatar{width:38px;height:38px;font-family:var(--font-display);color:#0b0f1a;background:#ffffff24;border:1px solid #fff3;border-radius:12px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.emp__id{flex:1;min-width:0}.emp__name{font-family:var(--font-display);overflow-wrap:anywhere;font-size:14.5px;font-weight:600;line-height:1.2}.emp__role{letter-spacing:.04em;text-transform:uppercase;color:#0b0f1a;background:linear-gradient(120deg,#2dd4bf,#22d3ee);border-radius:999px;margin-top:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}.emp__save{width:28px;height:28px;color:var(--muted);border:0;border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border-radius:8px;flex:none;place-items:center;transition:all .18s;display:grid}.emp__save svg{width:14px;height:14px}.emp__save:hover{color:#fff;background:#a855f724;border-color:#a855f780}.emp__save:active{transform:scale(.92)}.emp__meta{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.erow{align-items:center;gap:8px;min-width:0;display:flex}.erow svg{width:14px;height:14px;color:var(--muted);flex:none}.erow__value{color:#c0c8da;overflow-wrap:anywhere;min-width:0;font-size:12.5px;line-height:1.35;text-decoration:none;transition:color .18s}.erow__value--mono{font-variant-numeric:tabular-nums}.erow__value--email:hover{color:var(--accent-3);text-underline-offset:3px;text-decoration:underline}.footer{z-index:1;text-align:center;color:var(--muted);border-top:1px solid #ffffff0d;padding:28px 20px 44px;font-size:13px;position:relative}@keyframes groupIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes empIn{0%{opacity:0;translate:0 12px;scale:.98}to{opacity:1;translate:0;scale:1}}@media (width<=640px){.hero{padding-top:44px}.search__kbd{display:none}.org{grid-template-columns:minmax(300px,calc(100vw - 64px));width:max-content}.org-stage{height:70vh;min-height:620px}.org-stage--expanded{height:92vh}.org-canvas{padding:30px 24px}.stage-hint{white-space:normal;max-width:calc(100% - 32px)}.tree__trunk{height:12px}.tree__emps{scroll-snap-type:none;flex-direction:column;gap:10px;width:auto;max-width:none;padding:12px 0 0;overflow-x:visible}.tree__emps:before{width:1px;height:auto;inset:12px auto 6px 50%;transform:translate(-.5px)}.tree__emps:after{content:"";background:var(--line-strong);height:1px;position:absolute;top:12px;left:25%;right:25%}.emp:before{width:1px;height:10px;top:-10px;left:50%;transform:translate(-.5px)}.emp{flex:none;width:100%;max-width:none}}@media (width<=420px){.hero__subtitle{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}