:root{color-scheme:light;--page:#f5f6fa;--surface:#fff;--soft:#f8f9fc;--text:#1d2539;--muted:#626e83;--line:#e1e5ee;--accent:#5149cc;--accent-hover:#423bb6;--tint:#eeedff;--good:#167049;--bad:#a52d36;--app-header-offset:4rem}
[data-theme="dark"]{color-scheme:dark;--page:#111521;--surface:#1a2030;--soft:#20283a;--text:#f1f3fa;--muted:#aab6ce;--line:#364159;--accent:#afa9ff;--accent-hover:#c5c1ff;--tint:#2b2947;--good:#77d9ab;--bad:#ffafb5}
html.page-mode-embedded{--app-header-offset:0rem}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:1rem/1.5 Inter,system-ui,sans-serif}body{padding-top:var(--app-header-offset)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:.1875rem solid var(--accent);outline-offset:.1875rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;font-weight:750;letter-spacing:-.05rem}h2{font-size:1.25rem;font-weight:700}h3{font-size:1.1rem;font-weight:650}.muted{color:var(--muted)}.small{font-size:.8125rem}.eyebrow{font-size:.6875rem;letter-spacing:.11rem;font-weight:750;color:var(--accent)}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:30;background:var(--surface);padding:.75rem}.skip-link:focus{top:.5rem}.site-header{height:var(--app-header-offset);position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--surface);border-bottom:.0625rem solid var(--line);font-size:.875rem}.site-header strong{letter-spacing:-.02rem}.site-header a{min-height:2.75rem;display:inline-flex;align-items:center}.workspace{display:grid;grid-template-columns:15.5rem minmax(0,1fr);max-width:100rem;margin:auto;min-height:calc(100dvh - var(--app-header-offset))}.people-sidebar{padding:2rem 1.1rem;background:var(--surface);border-right:.0625rem solid var(--line);display:flex;flex-direction:column;gap:1.7rem;min-width:0}.sidebar-brand{display:flex;gap:.7rem;align-items:center;padding:0 .35rem}.sidebar-brand strong{display:block;font-size:.925rem}.sidebar-brand span:not(.brand-mark){display:block;color:var(--muted);font-size:.75rem}.brand-mark{background:var(--tint);color:var(--accent);border-radius:.75rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;flex-shrink:0}.nav-stack{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;gap:.75rem;align-items:center;width:100%;padding:.7rem .8rem;min-height:2.75rem;border:0;background:transparent;color:var(--muted);border-radius:.6rem;font-size:.875rem;text-align:left;overflow-wrap:anywhere}.nav-item>span:nth-child(2){flex:1}.nav-item.active,.nav-item:hover{background:var(--tint);color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:.6875rem;letter-spacing:.09rem;color:var(--muted)}.group-pagination{display:flex;align-items:center;justify-content:space-between;margin:.4rem 0}.sidebar-bottom{margin-top:auto;display:grid;gap:.25rem}.people-main{padding:2.25rem clamp(1rem,3vw,3rem);min-width:0}.workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.25rem 0 1.4rem}.workspace-intro h1{margin:.65rem 0 .8rem}.workspace-intro p{color:var(--muted);font-size:.925rem}.intro-mark{flex-shrink:0;position:relative;width:6.5rem;height:6.5rem;border-radius:1.5rem;background:var(--tint);color:var(--accent);display:grid;place-items:center;font-size:2.75rem;transform:rotate(7deg);margin:0 1rem}.mini-mark{position:absolute;bottom:-.4rem;right:-.4rem;background:var(--surface);border:.125rem solid var(--page);border-radius:50%;width:2.5rem;height:2.5rem;display:grid;place-items:center;font-size:1.6rem}.actions,.workspace-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.button,.icon-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.75rem;border:.0625rem solid var(--line);border-radius:.6rem;padding:.6rem .95rem;background:var(--surface);color:var(--text);font-size:.8125rem;font-weight:600;max-width:100%}.button:hover,.icon-button:hover{background:var(--soft);border-color:var(--muted)}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme="dark"] .button.primary{color:#16142c}.button.primary:hover{background:var(--accent-hover)}.button.danger{color:var(--bad);border-color:var(--bad)}.button.subtle,.text-button{border-color:transparent;background:transparent}.text-button{color:var(--accent);padding:.6rem .35rem}.icon-button{min-width:2.75rem;padding:.5rem;font-size:1rem}.presence-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem 1.1rem;border:.0625rem solid var(--line);border-radius:.8rem;background:var(--surface)}.presence-panel strong{font-size:.8125rem}.contacts-panel{border:.0625rem solid var(--line);background:var(--surface);border-radius:1rem;overflow:hidden;min-width:0}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1.3rem 1.3rem .9rem}.list-heading p{margin-top:.25rem}.search-row{display:flex;gap:.5rem;padding:0 1.3rem 1.1rem}.search-field{flex:1;display:flex;align-items:center;gap:.65rem;border:.0625rem solid var(--line);border-radius:.6rem;background:var(--soft);padding:0 .8rem;min-width:0;color:var(--muted)}.search-field input{border:0;background:transparent;color:var(--text);width:100%;min-width:0;min-height:2.75rem;font-size:.8125rem}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--tint);padding:.7rem 1.3rem;font-size:.8125rem}.list-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem 1.3rem;background:var(--soft);border-top:.0625rem solid var(--line);border-bottom:.0625rem solid var(--line)}.select-label{display:flex;gap:.65rem;align-items:center;min-height:2.75rem;font-size:.75rem;color:var(--muted)}input[type="checkbox"]{width:1.1rem;height:1.1rem;accent-color:var(--accent);flex-shrink:0}.contact-row{display:grid;grid-template-columns:2.75rem minmax(0,1fr) minmax(6rem,.55fr) auto;align-items:center;gap:.7rem;padding:.85rem 1.3rem;border-bottom:.0625rem solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-checkbox{min-height:2.75rem;display:flex;align-items:center;justify-content:flex-start}.contact-name{border:0;background:transparent;color:var(--text);font-weight:650;padding:.15rem 0;text-align:left;min-height:2.75rem;display:flex;align-items:center;gap:.8rem;min-width:0;max-width:100%}.contact-avatar{width:2.65rem;height:2.65rem;border-radius:50%;background:var(--tint);color:var(--accent);display:grid;place-items:center;font-size:.8rem;flex-shrink:0}.contact-identity{min-width:0}.contact-identity strong{display:block;overflow-wrap:anywhere;font-size:.875rem}.contact-identity small{display:block;color:var(--muted);font-size:.75rem;font-weight:400;overflow-wrap:anywhere}.contact-company{font-size:.8125rem;color:var(--muted);overflow-wrap:anywhere}.row-tools{display:flex;gap:.35rem;align-items:center}.presence-badge{font-size:.6875rem;border-radius:2rem;background:var(--soft);padding:.3rem .5rem;color:var(--muted);white-space:nowrap}.presence-badge.active{color:var(--good)}.presence-badge.away{color:var(--accent)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.3rem;border-top:.0625rem solid var(--line)}.inline-status{padding:.8rem 1.3rem;color:var(--muted);font-size:.875rem}.inline-status.error{color:var(--bad)}.empty-state{text-align:center;padding:3rem 1rem}.empty-mark{display:grid;place-items:center;margin:0 auto 1rem;width:4rem;height:4rem;background:var(--tint);border-radius:1rem;color:var(--accent);font-size:1.4rem}.empty-state p{max-width:26rem;color:var(--muted);margin:.6rem auto 1rem;font-size:.875rem}.workspace-footnote{text-align:center;color:var(--muted);font-size:.75rem;margin:1.5rem 0}.session-gate{min-height:75vh;display:grid;place-items:center;padding:1rem}.session-card{max-width:34rem;padding:2rem;border:.0625rem solid var(--line);border-radius:1rem;background:var(--surface)}.session-card h1{margin:.75rem 0}.session-card p{margin:1rem 0;color:var(--muted)}dialog{padding:0;border:.0625rem solid var(--line);border-radius:1rem;background:var(--surface);color:var(--text);width:min(42rem,calc(100% - 2rem));max-height:85vh;max-height:85dvh;overflow:hidden}dialog::backdrop{background:rgba(10,15,30,.6)}.dialog-frame{display:flex;flex-direction:column;max-height:85vh;max-height:85dvh}.dialog-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.25rem 1.4rem;border-bottom:.0625rem solid var(--line);flex-shrink:0}.dialog-header h2{margin-top:.2rem}.dialog-body{padding:1.4rem;overflow:auto;min-height:0;overscroll-behavior:contain}.dialog-footer{display:flex;justify-content:flex-end;gap:.7rem;padding:1rem 1.4rem;border-top:.0625rem solid var(--line);flex-shrink:0;flex-wrap:wrap}.dialog-status{padding:.75rem 1.4rem;font-size:.875rem;background:var(--tint);flex-shrink:0;overflow-wrap:anywhere}.dialog-status.error{color:var(--bad)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-size:.8125rem;font-weight:600}.field input,.field textarea,.field select,.member-search{border:.0625rem solid var(--line);border-radius:.6rem;background:var(--soft);color:var(--text);padding:.7rem .8rem;min-height:2.75rem;min-width:0;width:100%;font-weight:400}.field textarea{min-height:7rem;resize:vertical}.field small,.help-text{font-size:.8125rem;color:var(--muted);font-weight:400}.help-text{margin:0 0 1rem;overflow-wrap:anywhere}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.field-grid .wide{grid-column:1/-1}.mode-tabs{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap}.mode-tabs button[aria-pressed="true"]{background:var(--tint);color:var(--accent);border-color:var(--accent)}.import-summary{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem}.summary-pill{background:var(--soft);border:.0625rem solid var(--line);padding:.4rem .6rem;border-radius:.5rem;font-size:.8125rem}.preview-row{border:.0625rem solid var(--line);border-radius:.7rem;padding:.8rem;margin:.6rem 0;overflow-wrap:anywhere}.preview-row header{display:flex;justify-content:space-between;gap:.5rem;font-size:.8125rem;font-weight:650}.preview-row p{font-size:.8125rem;color:var(--muted);margin:.3rem 0}.preview-row .error{color:var(--bad)}.detail-list{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.85rem;margin:1rem 0}.detail-list dt{font-size:.8125rem;color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:.875rem}.notification{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:50;max-width:calc(100% - 2rem);width:max-content;padding:.85rem 1.1rem;border:.0625rem solid var(--line);border-radius:.75rem;background:var(--surface);color:var(--text);box-shadow:0 .4rem 2rem rgba(0,0,0,.14);font-size:.875rem}.member-option{display:flex;gap:.7rem;align-items:center;padding:.65rem 0;min-height:2.75rem;border-bottom:.0625rem solid var(--line)}.member-option span{overflow-wrap:anywhere}.consent-note{padding:1rem;background:var(--tint);border-radius:.6rem;margin-bottom:1rem;font-size:.8125rem}.token-value{overflow-wrap:anywhere;font-family:monospace;padding:.8rem;background:var(--soft);border:.0625rem solid var(--line);border-radius:.5rem}
@media(max-width:60rem){.workspace{grid-template-columns:12.5rem minmax(0,1fr)}.people-sidebar{padding:1.5rem .75rem}.people-main{padding:1.5rem}.intro-mark{display:none}.contact-row{grid-template-columns:2.75rem minmax(0,1fr) auto}.contact-company{display:none}.presence-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:42rem){.workspace{display:block}.people-sidebar{border-right:0;border-bottom:.0625rem solid var(--line);padding:1rem;gap:.75rem}.sidebar-brand{padding:0}.people-sidebar>.nav-stack{flex-direction:row}.people-sidebar>.nav-stack .nav-item{width:auto;flex:1}.group-navigation{border-top:.0625rem solid var(--line);padding-top:.5rem}.group-navigation .nav-stack{display:flex;flex-direction:row;overflow:auto;max-width:100%;padding:.2rem}.group-navigation .nav-item{width:auto;flex-shrink:0;max-width:14rem}.group-pagination{justify-content:flex-start;gap:.5rem;display:inline-flex;margin:0 .5rem 0 0}.sidebar-bottom{display:flex;flex-wrap:wrap;gap:.2rem}.sidebar-bottom .nav-item{width:auto;font-size:.75rem;flex:1;padding:.5rem}.people-main{padding:1.5rem 1rem}.workspace-intro p{font-size:.875rem}.workspace-actions{gap:.5rem}.workspace-actions .button{padding:.65rem .75rem}.list-heading{padding:1rem;align-items:flex-start;flex-wrap:wrap}.search-row{padding:0 1rem 1rem;flex-wrap:wrap}.search-field{flex-basis:100%}.list-meta,.contact-row,.pagination{padding:.65rem 1rem}.contact-row{grid-template-columns:2.75rem minmax(0,1fr);gap:.4rem}.contact-avatar{width:2.3rem;height:2.3rem}.row-tools{grid-column:2;justify-content:flex-start;margin-left:3.1rem}.contact-name{gap:.65rem}.selection-bar{padding:.75rem 1rem;align-items:flex-start;flex-direction:column}.field-grid{display:block}.dialog-header,.dialog-body,.dialog-footer{padding:1rem}.pagination{flex-wrap:wrap}.pagination span{order:3;width:100%;text-align:center}.site-header{padding:0 1rem}.site-header span{display:none}.detail-list{grid-template-columns:1fr;gap:.25rem}.detail-list dd{margin-bottom:.75rem}.presence-panel{margin:1rem 0}.dialog-status{padding:.75rem 1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}