:root{--primary: #ffc107;--primary-pressed: #e8ae00;--primary-soft: #f9e076;--primary-tint: #fffdd0;--accent: #895129;--on-primary: #3b2410;--page: #f7f5ee;--field: #f3f0e6;--avatar: #fff1c2;--avatar-ink: #895129;--night: #1e150c;--night-text: #f3ead6;--night-muted: #bba98c;letter-spacing:0;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page);color:#17211f;font-synthesis:none;text-rendering:optimizeLegibility}.directorySection{margin-top:24px;padding:24px 0;border-block:1px solid #dce5e2}.directoryHeading,.directoryActions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.directoryHeading h2{font-size:1.35rem}.directoryCount{color:#60706c;font-size:14px}.directoryActions label{font-size:13px}.connectionState{color:#8b5814;font-size:14px;max-width:220px}.connectionState.isLive{color:#137348}.directoryFilters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin:20px 0}.directorySearch{position:relative}.directorySearch svg{position:absolute;top:13px;left:12px;width:18px;height:18px;color:#60706c}.directorySearch input{padding-left:38px}.directoryList{list-style:none;margin:0;padding:0;background:#fff}.directoryRow{display:grid;grid-template-columns:48px minmax(0,1.4fr) minmax(0,1fr) 44px;gap:16px;align-items:center;min-height:84px;padding:14px 16px;border-bottom:1px solid #e4ece9}.branchGroup{margin-bottom:18px}.branchHeading{align-items:baseline;color:#667572;display:flex;font-size:.78rem;font-weight:850;gap:10px;justify-content:space-between;letter-spacing:.04em;margin:0 4px 8px;text-transform:uppercase}.branchCount{color:#8a9995;font-variant-numeric:tabular-nums}.avatarBox{position:relative}.avatarDot{background:#87918e;border:2px solid #ffffff;border-radius:50%;bottom:-2px;height:13px;position:absolute;right:-2px;width:13px}.avatarDot.presence-online{background:#188653}.avatarDot.presence-busy{background:#c48017}.avatarDot.presence-do_not_disturb{background:#bc3954}.avatarDot.presence-idle{background:#fff;border-color:#188653}.avatarDot.presence-unknown{background:#c3ccc9}.callButton{background:var(--primary-tint);border:none;border-radius:50%;box-shadow:none;color:var(--accent);height:44px;padding:0;width:44px}.callButton:hover:not(:disabled){background:var(--primary-soft);border:none}.callButton:disabled{background:#f1f3f1;color:#9aa5a2}@media(hover:hover){.directoryRow:hover{background:#f7faf9}}.memberAvatar{width:48px;height:48px;display:grid;place-items:center;background:var(--avatar);color:var(--avatar-ink);border-radius:50%;font-size:15px;font-weight:700}.avatarBox{flex:0 0 auto}.avatarBox img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.callRowText{flex:1;min-width:0}.memberIdentity,.memberBranch,.memberPresence{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.memberIdentity strong,.memberBranch strong{font-size:14px}.memberIdentity>span,.memberBranch>span,.memberPresence small{color:#60706c;font-size:13px}.presenceLabel{display:flex;align-items:center;gap:7px;font-size:13px}.presenceLabel i{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#87918e}.presence-online i{background:#188653}.presence-busy i{background:#c48017}.presence-do_not_disturb i{background:#bc3954}.presence-idle i{background:transparent;border:1.5px solid #188653}.presence-unknown i{background:transparent;border:1px solid #87918e}.memberIdentity .presenceLabel i{display:none}.memberIdentity .presenceLabel{font-weight:700;color:#667572}.memberIdentity .presence-online{color:#188653}.memberIdentity .presence-busy{color:#c48017}.memberIdentity .presence-do_not_disturb{color:#bc3954}.memberIdentity .presence-idle{color:#188653}.memberSelf{align-self:center;background:var(--primary-tint);border-radius:999px;color:var(--accent);font-size:.72rem;font-weight:850;padding:4px 8px;text-align:center;white-space:nowrap}.directoryEmpty{min-height:150px;display:grid;place-content:center;justify-items:center;gap:12px;color:#60706c}.directoryEmpty p{margin:0}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.workspace,.topbar>div,.userBox>span{min-width:0;overflow-wrap:anywhere}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:7px;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent);color:var(--on-primary);cursor:pointer;display:inline-flex;font-weight:750;gap:8px;justify-content:center;min-height:40px;padding:0 14px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}button:hover:not(:disabled){background:var(--primary-pressed);border-color:var(--primary-pressed);transform:translateY(-1px)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.54}button svg{height:17px;width:17px}.secondaryButton{background:#fff;border-color:#d7e0dd;box-shadow:none;color:#22302d}.secondaryButton:hover:not(:disabled){background:#f7faf9;border-color:#b8c7c3}.dangerButton{background:#fff1f2;border-color:#fecdd3;box-shadow:none;color:#9f1239}.dangerButton:hover:not(:disabled){background:#ffe4e6;border-color:#fda4af}.compactButton{font-size:.86rem;min-height:34px;padding:0 10px}.loginShell{align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 22%,transparent),transparent 42%),linear-gradient(330deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),var(--page);display:flex;min-height:100vh;padding:24px}.loginPanel{background:#fffffff0;border:1px solid #dce5e2;border-radius:8px;box-shadow:0 24px 80px #17211f24;margin:0 auto;max-width:424px;padding:34px;width:100%}.brandMark,.brandIcon{align-items:center;background:var(--primary);border-radius:8px;color:var(--accent);display:inline-flex;height:44px;justify-content:center;width:44px}.brandMark svg,.brandIcon svg{height:30px;width:30px}.loginPanel h1{font-size:2rem;line-height:1.08;margin:20px 0 8px}.loginPanel p,.pageLead,.panelHeader p{color:#60706c;line-height:1.5}.loginPanel p{margin:0 0 24px}form{display:grid;gap:16px}label{color:#344240;display:grid;font-size:.91rem;font-weight:720;gap:8px}input,select{background:#fff;border:1px solid #cbd8d5;border-radius:7px;color:#17211f;min-height:44px;padding:0 12px;width:100%}input::placeholder{color:#8a9995}input:focus,select:focus,a:focus-visible,button:focus-visible{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:1px}.formError,.alert,.notice{border-radius:7px;font-weight:650;margin-bottom:16px;padding:12px 14px}.formError,.alert{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.notice{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.appShell{background:var(--page);display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--night);color:#fff;display:flex;flex-direction:column;gap:22px;padding:22px}.sidebarBrand{align-items:center;display:flex;font-size:1.12rem;font-weight:850;gap:12px}.sidebarBrand small{color:var(--night-muted);display:block;font-size:.76rem;font-weight:650;margin-top:2px}nav{display:grid;gap:7px}nav a{align-items:center;border:1px solid transparent;border-radius:7px;color:var(--night-text);display:flex;font-weight:700;gap:10px;min-height:42px;padding:0 12px;text-decoration:none}nav a.active,nav a:hover{background:#ffffff17;border-color:#ffffff1a;color:#fff}nav svg,.iconButton svg,.statCard svg{height:18px;width:18px}.sidebarFooter{border-top:1px solid rgba(255,255,255,.12);color:var(--night-muted);display:grid;font-size:.8rem;gap:4px;margin-top:auto;padding-top:16px}.sidebarFooter strong{color:#f4c76a;font-size:.92rem}.workspace{padding:30px}.topbar,.panelHeader,.userBox,.topbarActions{align-items:center;display:flex}.topbar{justify-content:space-between;gap:24px;margin-bottom:22px}.topbarActions{gap:12px}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:2rem;line-height:1.12;margin-bottom:6px}h2{font-size:1.08rem;line-height:1.2;margin-bottom:4px}.pageLead,.panelHeader p{margin-bottom:0}.userBox{background:#fff;border:1px solid #dce5e2;border-radius:8px;box-shadow:0 10px 30px #17211f0f;gap:10px;padding:8px 10px 8px 14px}.userBox span,.userBox small{display:block}.userBox span{font-weight:780}.userBox small{color:#667572}.iconButton{box-shadow:none;min-height:36px;padding:0;width:36px}.statsGrid,.contentGrid{display:grid;gap:16px}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.statCard,.panel{background:#fff;border:1px solid #dce5e2;border-radius:8px;box-shadow:0 14px 36px #17211f0f}.statCard{align-items:center;display:flex;gap:14px;min-height:104px;padding:18px}.statIcon{align-items:center;background:var(--primary-tint);border-radius:8px;color:var(--accent);display:flex;height:42px;justify-content:center;width:42px}.statCard span{color:#667572;display:block;font-size:.86rem;font-weight:720;margin-bottom:4px}.statCard strong{display:block;font-size:1.45rem;line-height:1}.contentGrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.panel{min-height:280px;padding:18px}.panelHeader{border-bottom:1px solid #edf2f0;justify-content:space-between;margin:-2px 0 16px;padding-bottom:14px}.syncState,.recordCount{background:var(--primary-tint);border-radius:999px;color:var(--accent);font-size:.78rem;font-weight:850;padding:5px 10px;white-space:nowrap}.segmented{background:#f1f5f4;border:1px solid #e4ece9;border-radius:7px;display:flex;gap:3px;margin-bottom:16px;padding:3px}.segmented button{background:transparent;border:1px solid transparent;border-radius:5px;box-shadow:none;color:#667572;flex:1 1 0;font-size:.86rem;font-weight:650;min-height:36px;min-width:0;padding:0 8px}.segmented button:hover:not(.isActive){background:#ffffffa8;border-color:transparent;color:#22302d;transform:none}.segmented button.isActive{background:#fff;border-color:#d7e0dd;color:var(--accent);font-weight:800}.dataRow .callMeta{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.dataRow strong.callMissed{color:#9f1239}.dataRow .auditMeta{color:#667572;font-size:.82rem;font-weight:600;overflow-wrap:anywhere}.auditMeta code{background:#f1f5f4;border-radius:4px;color:#344240;font-size:.78rem;padding:1px 5px}#audit .secondaryButton{justify-self:start;margin-top:16px}.policyState{align-self:center;border-radius:999px;font-size:.78rem;font-weight:850;padding:5px 10px;white-space:nowrap}.policyState.isAllowed{background:#ecfdf5;color:#166534}.policyState.isBlocked{background:#fff1f2;color:#9f1239}.inlineForm,.stackedForm{background:#f8fbfa;border:1px solid #e4ece9;border-radius:8px;margin-bottom:16px;padding:14px}.inlineForm{align-items:end;display:grid;grid-template-columns:minmax(0,1fr) auto}.stackedForm{display:grid}.formGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.stackedForm button{justify-self:start;margin-top:12px}.selectLabel{margin-top:16px}.dataList{display:grid;gap:8px;list-style:none;margin:0;padding:0}.emptyState{background:#fff;border:1px solid #e4ece9;border-radius:7px;margin:0;padding:12px}.dataRow{align-items:center;background:#fff;border:1px solid #e4ece9;border-radius:7px;color:#293734;display:flex;font-weight:650;justify-content:space-between;gap:14px;margin:0;min-height:64px;padding:12px}.dataRow strong,.dataRow span{display:block}.dataRow span{color:#667572;font-size:.88rem;font-weight:650;margin-top:3px}.rowActions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.listToggle{display:flex;justify-content:center;margin:0;padding:0}.quietButton{background:none;border:none;box-shadow:none;color:#667572;font-size:.86rem;font-weight:650;min-height:32px;padding:0 10px}.quietButton:hover:not(:disabled){background:none;border:none;color:var(--accent);transform:none}.emptyState{color:#667572;line-height:1.5}.callPanel{max-width:440px}.callState{background:var(--primary-tint);border-radius:999px;color:var(--accent);font-size:.86rem;font-weight:850;font-variant-numeric:tabular-nums;padding:5px 10px;white-space:nowrap}.callState.isPending{background:#fff7ed;color:#8b5814}.callIdentity{align-items:center;background:#f8fbfa;border:1px solid #e4ece9;border-radius:8px;display:flex;gap:14px;padding:14px}.callIdentity strong{display:block;font-size:.95rem}.callIdentity span:not(.callAvatar){color:#667572;display:block;font-size:.86rem;margin-top:3px;overflow-wrap:anywhere}.callAvatar{align-items:center;background:var(--avatar);border-radius:8px;color:var(--accent);display:flex;flex:0 0 auto;font-size:1.05rem;font-weight:700;height:52px;justify-content:center;width:52px}.callActions{flex-wrap:wrap}.callPanel .alert,.callPanel .notice{align-items:flex-start;display:flex;gap:10px;margin-bottom:0}.callPanel .alert svg{flex:0 0 auto;height:18px;margin-top:1px;width:18px}.modalBackdrop{align-items:center;background:#0c12117a;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:40}.modalPanel{background:#fff;border:1px solid #dce5e2;border-radius:8px;box-shadow:0 30px 90px #0c121147;display:grid;gap:18px;max-width:480px;padding:20px;width:min(100%,480px)}.modalHeader,.modalFooter{align-items:center;display:flex;justify-content:space-between;gap:14px}.modalHeader{border-bottom:1px solid #edf2f0;padding-bottom:14px}.modalBody{color:#60706c;line-height:1.5;margin-bottom:0}.modalFooter{border-top:1px solid #edf2f0;justify-content:flex-end;padding-top:14px}#signups{margin-top:16px;min-height:0}#usage{margin-top:16px}.photoRow{align-items:center;border:1px solid #e4ece9;border-radius:12px;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px;padding:12px 14px}.photoRow strong{display:block;font-size:.95rem}.photoRow span{color:#667572;display:block;font-size:.86rem;line-height:1.5;margin-top:3px}.photoRow>div:nth-child(2){flex:1;min-width:0}.photoAvatar{align-items:center;background:var(--avatar);border-radius:50%;color:var(--avatar-ink);display:flex;flex:0 0 auto;font-size:18px;font-weight:700;height:56px;justify-content:center;width:56px}.notificationRow{align-items:center;border:1px solid #e4ece9;border-radius:12px;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px;padding:12px 14px}.notificationRow strong{display:block;font-size:.95rem}.notificationRow span{color:#667572;display:block;font-size:.86rem;line-height:1.5;margin-top:3px}.notificationRow .notificationError{color:#9f1239;font-weight:700}.notificationRow button{flex:0 0 auto}.phoneOnly{display:none}.installHint{align-items:flex-start;background:var(--primary-tint);border:1px solid var(--primary-soft);border-radius:12px;display:none;gap:12px;margin-bottom:16px;padding:12px 14px}.installHint svg{color:var(--accent);flex:0 0 auto;height:20px;margin-top:2px;width:20px}.installHint p{color:#3f3320;flex:1;font-size:.88rem;line-height:1.5;margin:0}#account .selectLabel{margin-bottom:14px}.joinCode{align-items:center;background:#f7faf9;border:1px solid #e4ece9;border-radius:7px;display:flex;gap:14px;justify-content:space-between;margin-bottom:12px;padding:12px}.joinCode span{color:#60706c;display:block;font-size:.8rem;font-weight:800;text-transform:uppercase}.joinCode strong{color:#17211f;display:block;font-size:1.6rem;letter-spacing:.12em;margin:2px 0 4px}.joinCode p{color:#667572;font-size:.88rem;line-height:1.5;margin:0}.joinCode button{white-space:nowrap}.signupRow,#users .dataRow{flex-wrap:wrap}.signupRow>div:first-child,#users .dataRow>div:first-child{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}.signupRow select{font-size:.86rem;min-height:34px}.meterList,.adviceList,.factGrid{display:grid;gap:10px;list-style:none;margin:0 0 16px;padding:0}.meter{background:#fff;border:1px solid #e4ece9;border-radius:12px;padding:12px 14px}.meterHead{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.meterHead strong{font-size:.95rem}.meterHead span{color:#667572;font-size:.86rem;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.meterTrack{background:#eef1ef;border-radius:999px;height:8px;margin:8px 0;overflow:hidden}.meterFill{background:var(--primary);height:100%}.meterTrack.isBusy .meterFill{background:#c48017}.meterTrack.isFull .meterFill{background:#9f1239}.meterNote{color:#667572;font-size:.84rem;line-height:1.5;margin:0}.advice{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;font-size:.9rem;font-weight:650;gap:10px;line-height:1.5;padding:12px 14px}.advice svg{flex:0 0 auto;height:18px;margin-top:1px;width:18px}.advice-good{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.advice-watch{background:#fff7e6;border-color:#f3d9a4;color:#7a4b06}.advice-act{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.factGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.factGrid li{background:var(--page);border-radius:12px;padding:10px 12px}.factGrid span{color:#667572;display:block;font-size:.78rem;font-weight:700}.factGrid strong{color:#17211f;font-size:1.2rem}@media(max-width:1100px){.statsGrid,.contentGrid,.factGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.appShell{grid-template-columns:1fr}.sidebar{position:static}.topbar{align-items:flex-start;flex-direction:column}.topbarActions{align-items:stretch;flex-direction:column-reverse;width:100%}.userBox{justify-content:space-between;width:100%}}@media(max-width:680px){.workspace{padding:20px}.statsGrid,.contentGrid,.factGrid,.inlineForm,.formGrid{grid-template-columns:1fr}.panelHeader{align-items:flex-start;gap:12px}.dataRow,.joinCode{align-items:stretch;flex-direction:column}.rowActions{justify-content:flex-start}.modalFooter{align-items:stretch;flex-direction:column-reverse}.sidebar{background:var(--night);border-radius:18px 18px 0 0;bottom:0;flex-direction:row;gap:0;left:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.sidebarBrand,.sidebarFooter{display:none}.notificationRow,.photoRow{align-items:stretch;flex-direction:column}.sidebar nav{display:flex;gap:4px;overflow-x:auto;width:100%}.sidebar nav a{border-radius:12px;flex:1 0 auto;flex-direction:column;font-size:.68rem;gap:2px;justify-content:center;min-height:52px;padding:4px 10px;text-align:center}.workspace{padding-bottom:96px}.installHint{display:flex}.sidebar nav a{display:flex}.segmented{overflow-x:auto}.segmented button{flex:1 0 auto;font-size:.84rem;padding:0 10px;white-space:nowrap}section.panel.phoneOnly{display:block}.topbar{display:none}.directoryActions{align-items:center;flex-direction:row;gap:8px;width:100%}.directoryActions label{display:flex;flex:1;font-size:0;gap:0}.directoryActions select{font-size:.95rem;width:100%}.directoryHeading .eyebrow{display:none}.workspace{padding-top:16px}.workspace{padding-top:max(12px,env(safe-area-inset-top))}.directoryFilters{gap:8px;grid-template-columns:1fr 1fr;margin:14px 0 4px}.directorySearch{grid-column:1 / -1}.directoryHeading{gap:8px}.directoryHeading h2{font-size:1.25rem}.directoryFilters select,.directoryActions select,.directorySearch input{min-height:42px}.directoryList{background:none;display:grid;gap:8px}.directoryRow{align-items:center;background:#fff;border:none;border-radius:18px;gap:12px;grid-template-columns:48px minmax(0,1fr) 44px;min-height:76px;padding:12px 14px}.memberBranch{display:none}.memberIdentity strong{font-size:15px}.memberIdentity>span{font-size:12.5px;margin-top:1px}.presenceLabel{font-size:12.5px}.memberSelf{justify-self:end}.directorySection{border-block:none;margin-top:8px;padding:0}.branchHeading{margin-top:14px}.directoryActions{width:100%}.sidebar{padding:16px;gap:14px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebarFooter{display:none}}