:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.375rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .2s;--row-height: 68px;--header-height: 56px;--content-max: 720px;color-scheme:light;--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eef0f3;--surface-hover: #e8ebef;--border: #e3e6ea;--border-strong: #d2d7df;--text: #1a1d23;--text-muted: #59616d;--text-faint: #8b929c;--on-accent: #ffffff;--primary: #2f6fed;--primary-hover: #205fd8;--primary-soft: #e7efff;--accent-call: #1f9d57;--accent-call-soft: #e2f4ea;--accent-teams: #5b5fc7;--accent-teams-soft: #ebebfa;--accent-mail: #2f6fed;--accent-mail-soft: #e7efff;--accent-vcard: #6b7280;--accent-vcard-soft: #eef0f3;--danger: #d64545;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--shadow-md: 0 4px 12px rgba(16, 24, 40, .1);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .18);--focus-ring: 0 0 0 3px rgba(47, 111, 237, .4)}[data-theme=dark]{color-scheme:dark;--bg: #15171c;--surface: #1d2026;--surface-2: #262a31;--surface-hover: #2c313a;--border: #2e333c;--border-strong: #3b414c;--text: #e9ecf1;--text-muted: #a4abb6;--text-faint: #757d89;--on-accent: #ffffff;--primary: #5b8def;--primary-hover: #6f9bf2;--primary-soft: #1e2a40;--accent-call: #34b96b;--accent-call-soft: #16291f;--accent-teams: #8b8ee0;--accent-teams-soft: #21223a;--accent-mail: #5b8def;--accent-mail-soft: #1e2a40;--accent-vcard: #9aa2af;--accent-vcard-soft: #262a31;--danger: #e57373;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .55);--focus-ring: 0 0 0 3px rgba(91, 141, 239, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg: #15171c;--surface: #1d2026;--surface-2: #262a31;--surface-hover: #2c313a;--border: #2e333c;--border-strong: #3b414c;--text: #e9ecf1;--text-muted: #a4abb6;--text-faint: #757d89;--primary: #5b8def;--primary-hover: #6f9bf2;--primary-soft: #1e2a40;--accent-call: #34b96b;--accent-call-soft: #16291f;--accent-teams: #8b8ee0;--accent-teams-soft: #21223a;--accent-mail: #5b8def;--accent-mail-soft: #1e2a40;--accent-vcard: #9aa2af;--accent-vcard-soft: #262a31;--danger: #e57373}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.no-scroll{overflow:hidden}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;background:var(--surface-2);padding:1px 5px;border-radius:5px}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.muted{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.app{display:flex;flex-direction:column;height:100dvh;max-width:var(--content-max);margin:0 auto;background:var(--bg);position:relative}@media(min-width:760px){.app{border-inline:1px solid var(--border)}}.appbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-3) 0 var(--space-4);padding-top:env(safe-area-inset-top);height:calc(var(--header-height) + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);position:sticky;top:0;z-index:10}.appbar-title{display:flex;align-items:center;gap:var(--space-2);min-width:0}.appbar-title h1{font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:-.01em;white-space:nowrap}.appbar-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--primary);color:var(--on-accent);flex:none}.appbar-actions{display:flex;align-items:center;gap:var(--space-1)}.icon-btn{display:grid;place-items:center;width:42px;height:42px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.5;cursor:default}.lang-btn{width:auto;min-width:42px;padding:0 var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.03em}.toolbar{padding:var(--space-3) var(--space-4) var(--space-2);background:var(--bg)}.search{display:flex;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-3);background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.search:focus-within{background:var(--surface);border-color:var(--primary)}.search-icon{color:var(--text-faint);flex:none}.search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:var(--fs-md);outline:none}.search-input::placeholder{color:var(--text-faint)}.search-input::-webkit-search-cancel-button{display:none}.search-clear{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:50%;background:var(--border);color:var(--text-muted);flex:none}.chips{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) 0 var(--space-1);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:34px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;transition:all var(--dur-fast) var(--ease)}.chip-active{background:var(--primary);border-color:var(--primary);color:var(--on-accent)}.install{display:flex;align-items:center;gap:var(--space-3);margin:0 var(--space-4) var(--space-2);padding:var(--space-3);background:var(--primary-soft);border-radius:var(--radius);color:var(--text)}.install-icon{display:grid;place-items:center;color:var(--primary);flex:none}.install-text{flex:1;font-size:var(--fs-sm);line-height:1.45}.inline-icon{vertical-align:-2px}.install-close{display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);flex:none}.banner{display:flex;align-items:center;gap:var(--space-2);margin:0 var(--space-4) var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.banner-warn{background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--text)}.banner-warn svg{color:var(--danger);flex:none}.banner span{flex:1;min-width:0}.banner-action{border:none;background:transparent;color:var(--primary);font-weight:var(--fw-semibold);padding:2px 6px}.content{flex:1;min-height:0;display:flex;flex-direction:column}.list-wrap{flex:1;min-height:0}.list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.row-wrap{padding:0 var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3);width:100%;height:100%;padding:0 var(--space-2);border:none;background:transparent;text-align:left;border-radius:var(--radius);transition:background var(--dur-fast) var(--ease)}.row:hover,.row:active{background:var(--surface-2)}.row-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.row-name{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{flex:none;border-radius:50%;object-fit:cover;background:var(--surface-2)}.avatar-initials{display:grid;place-items:center;color:#fff;font-weight:var(--fw-semibold);letter-spacing:.01em;-webkit-user-select:none;user-select:none}.dept-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2) var(--space-3) var(--space-4);-webkit-overflow-scrolling:touch}.dept-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border:none;background:transparent;text-align:left;border-radius:var(--radius)}.dept-row:hover{background:var(--surface-2)}.dept-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius);background:var(--surface-2);color:var(--primary);flex:none}.dept-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dept-name{font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-count{font-size:var(--fs-sm);color:var(--text-muted)}.info-chevron{color:var(--text-faint);flex:none}.dept-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-3)}.dept-head-text{flex:1;min-width:0}.dept-head-text h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);min-height:44px}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;min-width:0;font-size:var(--fs-sm)}.crumb-btn{border:none;background:transparent;color:var(--primary);font-weight:var(--fw-medium);padding:2px 3px;border-radius:6px}.crumb-btn:hover{background:var(--surface-2)}.crumb-cur{color:var(--text);font-weight:var(--fw-semibold);padding:2px 3px}.crumb-sep{color:var(--text-faint);flex:none}.tabbar{display:flex;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) 0 calc(var(--space-2) + 2px);border:none;background:transparent;color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-medium);transition:color var(--dur-fast) var(--ease)}.tab-active{color:var(--primary)}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:var(--space-2);padding:var(--space-4) 0}.action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:var(--space-2);border:none;border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-medium);text-align:center;transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease)}.action:active{transform:scale(.96)}.action svg{width:24px;height:24px}.action-call{background:var(--accent-call-soft);color:var(--accent-call)}.action-teams{background:var(--accent-teams-soft);color:var(--accent-teams)}.action-mail{background:var(--accent-mail-soft);color:var(--accent-mail)}.action-vcard{background:var(--accent-vcard-soft);color:var(--accent-vcard)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080c1473;display:flex;align-items:flex-end;justify-content:center;animation:fade var(--dur) var(--ease)}.sheet{position:relative;width:100%;max-width:var(--content-max);max-height:88dvh;overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);animation:slide-up var(--dur) var(--ease)}.sheet-grip{width:38px;height:4px;border-radius:var(--radius-pill);background:var(--border-strong);margin:0 auto var(--space-3)}.sheet-close{position:absolute;top:var(--space-3);right:var(--space-3);display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:50%;background:var(--surface-2);color:var(--text-muted)}.sheet-head{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0}.sheet-name{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.01em;line-height:1.2}.sheet-sub{margin-top:4px;color:var(--text-muted);font-size:var(--fs-md)}.sheet-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--text-muted)}.sheet-hint svg{flex:none}.info{display:flex;flex-direction:column;border-top:1px solid var(--border)}.info-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 2px;border:none;background:transparent;text-align:left;border-bottom:1px solid var(--border)}.info-row-link:hover{background:var(--surface-2)}.info-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);flex:none}.info-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.info-label{font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em}.info-value{font-size:var(--fs-md);color:var(--text);overflow-wrap:anywhere}.info-value-multiline{white-space:pre-line;line-height:1.45}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);height:100dvh;padding:var(--space-6);text-align:center}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);flex:1;padding:var(--space-8) var(--space-6);text-align:center}.state-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:var(--space-2);border-radius:50%;background:var(--surface-2);color:var(--text-faint)}.state-icon-alert{background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger)}.state-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.signin{position:relative;gap:var(--space-4)}.signin-lang{position:absolute;top:calc(var(--space-3) + env(safe-area-inset-top));right:var(--space-3)}.signin-logo{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:var(--primary);color:var(--on-accent);box-shadow:var(--shadow-md)}.signin-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:-.01em}.signin-error{color:var(--danger);font-size:var(--fs-sm);max-width:22rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--fs-md);font-weight:var(--fw-medium);transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-accent);min-width:11rem}.btn-primary:hover{background:var(--primary-hover)}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--fs-sm);flex:none}.spinner{display:inline-block;border:2.5px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spin{animation:spin .8s linear infinite}.skeleton-list{padding:var(--space-2) var(--space-4)}.skeleton-row{display:flex;align-items:center;gap:var(--space-3);height:68px}.skeleton-avatar{width:44px;height:44px;border-radius:50%;flex:none}.skeleton-lines{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.skeleton-line{height:11px;border-radius:6px}.skeleton-avatar,.skeleton-line{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.w60{width:60%}.w40{width:40%}.toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--space-3);width:calc(100% - 2 * var(--space-4));max-width:28rem;padding:var(--space-3) var(--space-4);background:var(--text);color:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);animation:toast-in var(--dur) var(--ease)}@keyframes toast-in{0%{transform:translate(-50%,12px);opacity:0}}.toast span{flex:1}.toast-action{border:none;background:transparent;color:var(--primary);font-weight:var(--fw-semibold)}.toast-close{display:grid;place-items:center;width:26px;height:26px;border:none;background:transparent;color:inherit;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}