:root{--bg:#f4f7fb;--bg-2:#edf2f8;--paper:#fff;--ink:#09111f;--text-strong:#111827;--text:#5b6473;--text-soft:#f1f6ffe0;--line:#0f172a14;--line-strong:#0f172a24;--accent:#2563eb;--accent-soft:#2563eb24;--glass:#ffffff94;--glass-strong:#ffffffb3;--glass-dark:#09111fc7;--panel-shadow:0 32px 90px #12263f1f;--panel-shadow-soft:0 18px 50px #12263f14;--sans:"SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", sans-serif;--heading:"SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/1.55 var(--sans);letter-spacing:-.01em;color:var(--text-strong);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}#root{min-height:100svh}body{background:radial-gradient(circle at 12% 12%, #5ea9ff42, transparent 22%), radial-gradient(circle at 88% 8%, #fffffff2, transparent 18%), radial-gradient(circle at 82% 28%, #a9ceff3d, transparent 18%), linear-gradient(180deg, #f8fbff 0%, var(--bg) 42%, var(--bg-2) 100%);background-attachment:fixed;margin:0}h1,h2{font-family:var(--heading);color:var(--text-strong);font-weight:600}h1{letter-spacing:-.075em;margin:0 0 1.2rem;font-size:clamp(3.2rem,7vw,6.4rem);line-height:.92}h2{letter-spacing:-.055em;margin:0;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1.03}p{color:var(--text);margin:0}a{color:inherit;text-decoration:none}code{font-family:var(--mono)}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}::selection{background:#2563eb29}@media (width<=960px){:root{font-size:16px}}.app-shell{width:min(1920px,100% - 40px);margin:0 auto;padding:18px 0 84px}.app-layout{gap:28px;display:grid}.app-layout-subpages{gap:22px}.main-stack{gap:36px;display:grid}.site-nav{z-index:40;box-shadow:var(--panel-shadow-soft);-webkit-backdrop-filter:blur(26px)saturate(160%);background:linear-gradient(#ffffffc2,#ffffff80);border:1px solid #ffffffb8;border-radius:30px;grid-template-columns:minmax(260px,.95fr) minmax(420px,1.1fr) minmax(420px,1.2fr);align-items:center;gap:24px;padding:22px 26px;display:grid;position:sticky;top:14px}.site-nav:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff47,#0000 24%);position:absolute;inset:0}.site-brand{z-index:1;gap:.4rem;display:grid;position:relative}.page-switcher{z-index:1;flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex;position:relative}.page-chip{color:var(--text-strong);cursor:pointer;background:#ffffff8a;border:1px solid #ffffffd1;border-radius:999px;padding:.8rem 1.1rem;transition:transform .22s,background-color .22s,border-color .22s,box-shadow .22s,color .22s;box-shadow:inset 0 1px #ffffffdb}.page-chip:hover{transform:translateY(-1px)}.page-chip.is-active{color:#fff;background:linear-gradient(135deg,#0f172a,#2457d6);border-color:#2563eb4d;box-shadow:0 18px 30px #1e40af2e}.page-body,.page-grid{gap:22px;display:grid}.control-rail,.hero-panel,.token-form,.result-panel,.next-grid article,.sync-panel,.level-card,.tool-card,.sync-result-card,.department-node,.employee-card,.rail-stats div,.token-strip,.token-meta div,.compact-meta div,.sync-meta div{box-shadow:var(--panel-shadow-soft);-webkit-backdrop-filter:blur(26px)saturate(160%);background:linear-gradient(#ffffffc2,#ffffff80);border:1px solid #ffffffb8;position:relative;overflow:hidden}.control-rail:before,.hero-panel:before,.sync-panel:before,.token-form:before,.result-panel:before,.next-grid article:before,.level-card:before,.tool-card:before,.sync-result-card:before,.department-node:before,.employee-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff47,#0000 24%);position:absolute;inset:0}.control-rail{z-index:20;border-radius:30px;grid-template-columns:minmax(240px,.95fr) minmax(360px,1.1fr) minmax(420px,1.2fr);align-items:center;gap:24px;padding:22px 26px;display:grid;position:sticky;top:14px}.control-rail h2{font-size:clamp(1.65rem,2.4vw,2.3rem)}.rail-copy{color:#111827cc;max-width:28rem;font-size:1rem}.rail-nav{flex-wrap:wrap;gap:.7rem;display:flex}.rail-nav a,.hero-links a,.ghost-action,.primary-action{border-radius:999px;transition:transform .22s,background-color .22s,border-color .22s,box-shadow .22s,color .22s}.rail-nav a{color:var(--text-strong);background:#ffffffad;border:1px solid #ffffffc7;padding:.78rem 1.05rem;box-shadow:inset 0 1px #fffc}.rail-nav a:hover,.hero-links a:hover,.ghost-action:hover,.primary-action:hover{transform:translateY(-1px)}.rail-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:0;display:grid}.rail-stats div{border-radius:22px;padding:.95rem 1rem}.rail-stats dt{color:#5b6473eb;letter-spacing:.01em;margin-bottom:.35rem;font-size:.82rem}.rail-stats dd{color:var(--text-strong);word-break:break-word;margin:0;font-size:.95rem;font-weight:600}.group-panel{gap:18px;display:grid}.group-heading{gap:.6rem;max-width:56rem;padding:0 8px;display:grid}.group-heading p{max-width:46rem}.hero-panel,.workspace,.next-grid{position:relative}.hero-panel{background:radial-gradient(circle at 16% 18%,#6cafff57,#0000 22%),radial-gradient(circle at 88% 24%,#fffffff0,#0000 20%),radial-gradient(circle at 76% 76%,#bad9ff61,#0000 24%),linear-gradient(135deg,#f8fbffeb,#e7eef8b8);border-radius:40px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;gap:2rem;min-height:min(44rem,100svh - 180px);padding:56px 56px 52px;display:grid}.page-hero .orbital-core{text-transform:capitalize}.hero-copy,.token-form,.result-panel,.next-grid article{z-index:1;animation:.7s both rise-in}.hero-copy{max-width:44rem}.hero-copy h1{max-width:11ch}.eyebrow,.section-kicker,.meta-label{color:var(--accent);text-transform:uppercase;letter-spacing:.26em;margin:0 0 .8rem;font-size:.72rem;font-weight:600}.hero-text{color:#111827b8;max-width:35rem;font-size:1.08rem;line-height:1.75}.hero-links{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.hero-links a{color:var(--text-strong);background:#ffffff8f;border:1px solid #ffffffe6;padding:.82rem 1.15rem}.hero-orbit{place-items:center;min-height:100%;display:grid;position:relative}.orbital-ring,.orbital-core{border-radius:999px}.orbital-ring{border:1px solid #2563eb24;position:absolute;box-shadow:inset 0 0 60px #ffffff59,0 24px 60px #2563eb14}.orbital-ring-a{width:18rem;height:18rem;animation:12s ease-in-out infinite halo-float}.orbital-ring-b{background:radial-gradient(circle,#ffffff2e,#0000 68%);width:25rem;height:25rem;animation:16s ease-in-out infinite halo-float-reverse}.orbital-core{width:11rem;height:11rem;color:var(--text-strong);text-transform:uppercase;letter-spacing:.28em;background:linear-gradient(#fffc,#f1f6ff8a);border:1px solid #ffffffc7;place-items:center;font-size:.8rem;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffffeb,0 34px 80px #4678be2e}.workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;display:grid}.compact-workspace{margin-top:0}.token-form,.result-panel{border-radius:30px;padding:30px}.section-heading{margin-bottom:1.6rem}.section-heading h2{margin:0}.token-form label,.tool-card label{display:block}.token-form label{margin-bottom:1rem}.token-form span,.tool-card span{color:var(--text-strong);margin-bottom:.55rem;font-size:.95rem;display:block}.token-form input,.tool-card input,.tool-card textarea{width:100%;color:var(--text-strong);background:#ffffffbd;border:1px solid #0f172a14;border-radius:20px;padding:.98rem 1rem;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:inset 0 1px #ffffffd9}.tool-card textarea{resize:vertical;min-height:7rem}.token-form input:focus,.tool-card input:focus,.tool-card textarea:focus{background:#ffffffe6;border-color:#2563eb47;outline:none;box-shadow:inset 0 1px #ffffffe6,0 0 0 5px #2563eb1a}.form-actions,.cache-actions,.sync-actions{align-items:center;gap:1rem;display:flex}.form-actions{margin-top:1.4rem}.cache-actions{justify-content:space-between;margin-top:1.15rem}.form-actions p,.cache-actions p,.sync-actions p{color:#5b6473f5;font-size:.94rem}.primary-action,.ghost-action{cursor:pointer;white-space:nowrap;border:0}.primary-action{color:var(--paper);background:linear-gradient(135deg,#0f172a,#2457d6);padding:.9rem 1.28rem;box-shadow:0 18px 30px #1e40af33}.primary-action:disabled{opacity:.72;cursor:wait}.ghost-action{color:var(--text-strong);background:#fff9;border:1px solid #ffffffbf;padding:.82rem 1rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tool-grid-wide,.dual-results{grid-template-columns:repeat(2,minmax(0,1fr))}.triple-results{grid-template-columns:repeat(3,minmax(0,1fr))}.quad-results{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.tool-card,.level-card,.sync-result-card{border-radius:28px;padding:22px}.tool-card h3,.level-card h3{margin:0 0 .5rem}.tool-card p,.level-card p{margin-bottom:1rem}.tool-card .tool-tip{color:#5b6473f0;margin-top:-.15rem;font-size:.92rem}.toggle-row{align-items:center;gap:.75rem;display:flex}.toggle-row input{width:auto;margin:0}.toggle-row span{margin:0}.compact-meta,.sync-meta,.token-meta{gap:.85rem;display:grid}.compact-meta{margin-top:1rem}.token-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin:1.2rem 0}.sync-meta{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.95rem}.compact-meta div,.sync-meta div,.token-meta div{border-radius:22px;padding:.95rem 1rem}.compact-meta dt,.sync-meta dt,.token-meta dt{color:#5b6473eb;margin-bottom:.35rem;font-size:.82rem}.compact-meta dd,.sync-meta dd,.token-meta dd{color:var(--text-strong);font-family:var(--mono);word-break:break-word;margin:0}.sync-panel{border-radius:32px;padding:30px}.sync-intro{max-width:60rem}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:1.1rem;display:grid}.sync-actions{margin-top:1.35rem}.sync-result-list{gap:18px;margin-top:1.25rem;display:grid}.sync-result-head{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:.85rem;display:flex}.sync-result-head strong{color:var(--text-strong)}.sync-result-head span{color:#5b6473f2;font-size:.92rem}.sync-result-card pre,.result-item pre,.result-panel pre{color:#dce9ff;font-family:var(--mono);background:linear-gradient(#080f1dfa,#0e192df0);border-radius:22px;margin:0;padding:1.15rem 1.2rem;font-size:.88rem;line-height:1.65;overflow:auto;box-shadow:inset 0 1px #ffffff0a}.result-list{gap:.85rem;margin-top:.9rem;display:grid}.result-item{background:#040a15e6;border:1px solid #ffffff0d;border-radius:24px;overflow:hidden}.result-pagination{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.result-pagination span{color:#5b6473f5}.token-strip{border-radius:24px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.token-strip strong{color:var(--text-strong);font-size:1.1rem;font-family:var(--mono);display:block}.empty-state{color:#5b6473f5;align-content:center;gap:.75rem;min-height:18rem;display:grid}.next-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.next-grid article{border-radius:30px;padding:30px}.department-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.permission-tip{background:#2563eb0f;border:1px solid #2563eb14;border-radius:22px;margin-top:1rem;padding:.95rem 1rem}.permission-tip strong{color:var(--text-strong);margin-bottom:.4rem;display:block}.permission-tip p{font-size:.92rem}.department-empty{color:#5b6473f0;margin-top:1rem}.department-tree{border-left:1px solid #0f172a14;margin:1.35rem 0 0;padding-left:1.1rem;list-style:none}.department-tree>li{margin-top:.9rem}.department-node{cursor:pointer;border-radius:24px;padding:1rem 1.05rem;transition:transform .22s,box-shadow .22s,background-color .22s}.department-node:hover,.employee-card:hover,.tool-card:hover,.level-card:hover,.sync-result-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px #12263f1f}.department-node.is-selected{background:linear-gradient(#dfecffdb,#ffffffa3);border-color:#2563eb2e}.department-node-main,.department-node-meta,.employee-card-main,.employee-card-meta{flex-wrap:wrap;gap:.75rem;display:flex}.department-node-main{align-items:baseline}.department-node-main strong,.employee-card-main strong,.employee-panel-head strong{color:var(--text-strong)}.department-node-main span{color:var(--accent);font-size:.92rem}.department-node-meta,.department-node-remark,.employee-card-main span,.employee-card-meta,.employee-panel-head span,.polling-progress{color:#5b6473f5;font-size:.92rem}.department-node-meta,.employee-card-meta{margin-top:.6rem}.department-node-remark{margin-top:.55rem}.polling-progress{color:var(--accent);margin-top:1rem}.employee-panel,.employee-pagination{margin-top:1rem}.employee-panel-head{gap:.25rem;margin-bottom:1rem;display:grid}.employee-panel-head span,.compact-meta dd{word-break:break-all}.employee-list{gap:.8rem;display:grid}.employee-card{border-radius:24px;padding:1rem 1.05rem}.feedback{border-radius:20px;margin-top:1rem;padding:.9rem 1rem}.feedback.error{color:#8d2323;background:#c635351f}@keyframes halo-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}}@keyframes halo-float-reverse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(10px)scale(.98)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1440px){.site-nav,.control-rail{grid-template-columns:1fr}.rail-stats{grid-template-columns:repeat(5,minmax(150px,1fr))}}@media (width<=1240px){.tool-grid,.tool-grid-wide,.subscription-grid,.dual-results,.triple-results,.quad-results,.level-grid,.workspace,.next-grid,.hero-panel{grid-template-columns:1fr}.hero-panel{min-height:auto}}@media (width<=960px){.app-shell{width:min(100% - 20px,100%);padding-top:12px}.site-nav{border-radius:24px;padding:18px}.control-rail,.hero-panel,.sync-panel,.token-form,.result-panel,.next-grid article,.tool-card,.level-card,.sync-result-card{border-radius:24px}.control-rail,.hero-panel,.sync-panel,.token-form,.result-panel,.next-grid article{padding:20px}.hero-orbit{min-height:16rem}.orbital-ring-a{width:13rem;height:13rem}.orbital-ring-b{width:17rem;height:17rem}.orbital-core{width:8rem;height:8rem}.form-actions,.cache-actions,.token-strip,.sync-actions,.department-actions,.hero-links,.result-pagination{flex-direction:column;align-items:stretch}.token-meta,.sync-meta,.rail-stats{grid-template-columns:1fr}.page-switcher{justify-content:flex-start}}