:root{--bg: #f5f4f1;--surface: #ffffff;--surface-2: #fafaf7;--topbar-bg: #0e1419;--topbar-text: #ececeb;--topbar-dim: #97968f;--topbar-rule: rgba(255, 255, 255, .08);--ink: #15191d;--ink-2: #2a2f35;--ink-dim: #5d6168;--ink-faint: #5c6168;--ink-mute: #6d7278;--rule: #e5e3dd;--rule-2: #d8d6cf;--rule-3: #b8b6ad;--wala-blue: #1a3d54;--wala-blue-light: #2c6688;--wala-blue-deep: #0b2230;--wala-teal: #5a8fa8;--wala-bg: rgba(26, 61, 84, .08);--wala-bg-2: rgba(26, 61, 84, .16);--amber: #c98430;--amber-light: #e8a955;--amber-bg: rgba(201, 132, 48, .1);--amber-bg-2: rgba(201, 132, 48, .2);--good: #3aa05c;--bad: #a83a2a;--green: var(--wala-blue);--green-light: var(--wala-blue-light);--green-deep: var(--wala-blue-deep);--green-bg: var(--wala-bg);--green-bg-2: var(--wala-bg-2);--display: "Bricolage Grotesque", "Helvetica Neue", sans-serif;--sans: "Bricolage Grotesque", "Helvetica Neue", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--fs-kicker: 11px;--fs-body: 14px;--fs-lead: 15px;--fs-title: clamp(40px, 5vw, 64px);--ease: cubic-bezier(.22, .65, .24, 1);--slow: .6s var(--ease);--med: .3s var(--ease);--fast: .16s var(--ease);--shadow-lg: 0 12px 28px rgba(20, 20, 20, .08), 0 2px 6px rgba(20, 20, 20, .04);--shadow-xl: 0 24px 48px rgba(20, 20, 20, .12), 0 4px 12px rgba(20, 20, 20, .06)}*,*:before,*:after{box-sizing:border-box}*::selection{background:var(--wala-blue);color:#fff}html{scrollbar-gutter:stable}html,body,#root{height:100%}html.eq-modal-open,html.eq-modal-open body{overflow:hidden;overscroll-behavior:none}html.eq-modal-open body{padding-right:var(--sb, 0px)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);font-weight:400;line-height:1.55;letter-spacing:-.005em;font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color var(--fast)}a:hover{color:var(--wala-blue)}button{font-family:var(--sans);background:transparent;color:inherit;border:none;padding:0;cursor:pointer;transition:all var(--fast)}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font-family:var(--sans);font-size:14px;background-color:var(--surface);color:var(--ink);border:1px solid var(--rule-2);padding:11px 14px;width:100%;outline:none;transition:border-color var(--fast),box-shadow var(--fast);border-radius:4px}input.mono{font-family:var(--mono);letter-spacing:.02em}input:focus,select:focus,textarea:focus{border-color:var(--wala-blue);box-shadow:0 0 0 3px var(--wala-bg)}input:disabled,select:disabled{background-color:var(--surface-2);color:var(--ink-dim);cursor:not-allowed}input::placeholder{color:var(--ink-faint)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-dim) 50%),linear-gradient(135deg,var(--ink-dim) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);background:var(--bg)}.loading-screen .ellipsis:after,.loading-line .ellipsis:after{content:"";display:inline-block;width:24px;text-align:left;animation:dots 1.4s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell>main{flex:1;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;height:56px;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-rule);padding:0 24px;gap:18px;color:var(--topbar-text)}.brand-mark{display:flex;align-items:center;gap:12px;color:var(--topbar-text)}.brand-mark .word{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--topbar-text);line-height:1}.brand-mark .word-sub{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--wala-teal);padding-left:12px;align-self:center;border-left:1px solid rgba(255,255,255,.1)}.brand-mark:hover{color:var(--topbar-text)}.topbar-divider{width:1px;height:24px;background:var(--topbar-rule)}.nav-strip{display:flex;align-items:center;gap:4px;flex:1}.nav-strip a{padding:8px 14px;font-size:13.5px;font-weight:500;color:var(--topbar-dim);border-radius:4px;transition:color var(--fast),background var(--fast)}.nav-strip a:hover{color:var(--topbar-text);background:#ffffff0d}.nav-strip a.active{color:#ececeb;background:#ffffff0f;font-weight:600}.topbar-right{display:flex;align-items:center;gap:14px}.who{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.15}.who-name{font-weight:500;font-size:13px;color:var(--topbar-text);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-user{font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--topbar-dim);letter-spacing:.04em}.role-tag{display:inline-block;padding:3px 8px 2px;font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--amber-bg);color:var(--amber-light);border:1px solid rgba(201,132,48,.3);border-radius:3px}.btn-outline{padding:7px 14px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--topbar-dim);font-size:13px;font-weight:500;border-radius:4px;transition:all var(--fast)}.btn-outline:hover{border-color:#ffffff4d;color:var(--topbar-text);background:#ffffff0d}.eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.eyebrow .rule{width:28px;height:1px;background:var(--amber);display:inline-block}.hub-page{flex:1;display:flex;flex-direction:column}.hub-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:clamp(40px,6vh,72px) 56px clamp(32px,4vh,48px);display:flex;flex-direction:column}.hero-greeting{margin-bottom:40px;max-width:900px}.hero-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:18px}.hero-eyebrow:before{content:"";width:28px;height:1px;background:var(--amber)}.hero-greeting h1{font-family:var(--display);font-size:var(--fs-title);font-weight:500;letter-spacing:-.028em;line-height:1;margin:0;color:var(--ink);text-wrap:pretty}.hero-greeting h1 .name{color:var(--wala-blue);font-weight:600}.hero-greeting h1 .dim{color:var(--ink-dim);font-weight:400}.section-strip{display:flex;align-items:center;gap:16px;margin-bottom:14px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.section-strip .label{color:var(--ink);font-weight:600}.section-strip .grow{flex:1;height:1px;background:var(--rule)}.section-strip .count{color:var(--ink-dim)}.pinned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,240px));gap:12px;justify-content:start}.pinned-tile{--tile-solid: var(--wala-blue);--tile-soft: var(--wala-bg);--tile-ring: rgba(26, 61, 84, .22);position:relative;display:block;background:var(--surface);border:1px solid var(--rule);border-radius:6px;color:var(--ink);overflow:hidden;transition:border-color var(--med),box-shadow var(--med),transform var(--med)}.pinned-tile:hover{border-color:var(--tile-ring);box-shadow:0 14px 30px #14141412,0 2px 8px var(--tile-soft);transform:translateY(-2px);color:var(--ink)}.pinned-tile .plate{position:relative;height:118px;background:var(--tile-solid);display:grid;place-items:center}.pinned-tile .plate svg{width:44px;height:44px;stroke:#f6f3eb;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pinned-tile .hotkey{position:absolute;top:10px;right:12px;padding:3px 8px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#f6f3eb;background:#00000038;border:1px solid rgba(246,243,235,.2);border-radius:3px}.pinned-tile .name{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.018em;line-height:1.1;color:var(--ink);margin:14px 16px 16px}.launcher-grid{display:grid;grid-template-columns:repeat(auto-fill,128px);justify-content:start;width:max-content;max-width:100%;gap:8px;background:var(--surface);border:1px solid var(--rule);padding:12px;border-radius:8px;margin-bottom:40px}.launcher-tile{--tile-solid: var(--wala-blue);--tile-soft: var(--wala-bg);--tile-ring: rgba(26, 61, 84, .16);position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border-radius:4px;color:var(--ink);transition:transform var(--med)}.launcher-tile:hover{color:var(--ink)}.launcher-tile:hover .plate.sm{transform:scale(1.06)}.launcher-tile .plate.sm{width:56px;height:56px;display:grid;place-items:center;background:var(--tile-solid);border-radius:12px;transition:transform var(--med)}.launcher-tile .plate.sm svg{width:28px;height:28px;stroke:#f6f3eb;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.launcher-tile .name{font-size:12.5px;font-weight:500;text-align:center;line-height:1.25;letter-spacing:-.005em}.fav-star{position:absolute;top:10px;left:12px;z-index:2;width:26px;height:26px;display:grid;place-items:center;padding:0;font-size:15px;line-height:1;color:#f6f3eb;background:#00000038;border:1px solid rgba(246,243,235,.2);border-radius:4px;cursor:pointer;opacity:.6;transition:opacity var(--med),transform var(--med),color var(--med),background var(--med)}.fav-star:hover{opacity:1;transform:scale(1.08)}.fav-star:focus-visible{outline:2px solid var(--tile-ring);outline-offset:2px}.fav-star.is-active{opacity:1;color:#f0b54a}.fav-star.corner{top:6px;right:6px;left:auto;width:22px;height:22px;font-size:13px;color:var(--ink-dim);background:var(--surface);border-color:var(--rule);opacity:.9}.fav-star.corner:hover{opacity:1;background:var(--wala-bg);color:var(--ink)}.fav-star.corner.is-active{opacity:1;color:#c98430}.hub-foot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-dim);margin-top:auto}.hero-empty{padding:56px 32px;text-align:center;background:var(--surface);border:1px dashed var(--rule-2);border-radius:8px;margin-bottom:56px}.hero-empty h3{font-family:var(--display);font-weight:600;font-size:22px;margin:0 0 8px;color:var(--ink)}.hero-empty p{margin:0;color:var(--ink-dim);max-width:50ch;margin-inline:auto}.hero-empty .btn-action{margin-top:20px}.mono-tag{display:inline-block;padding:1px 7px;font-family:var(--mono);font-size:12px;background:var(--bg);border:1px solid var(--rule);border-radius:3px;color:var(--wala-blue)}.loading-line{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg)}.login-page-solo{grid-template-columns:1fr;place-items:center}.login-page-solo .login-form-side{width:100%;max-width:520px;padding:48px 24px;min-height:100vh}.login-ops{position:relative;background:var(--wala-blue-deep);color:#e6ecf1;padding:40px 56px;display:flex;flex-direction:column;overflow:hidden}.login-ops:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 20%,rgba(90,143,168,.18),transparent 50%),radial-gradient(circle at 75% 75%,rgba(201,132,48,.1),transparent 50%);pointer-events:none}.login-ops-meta,.login-ops-foot{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#c5d0d6;position:relative;z-index:1}.login-ops-meta b{color:#e6ecf1;font-weight:600}.login-ops-meta .pipe,.login-ops-foot .pipe{color:#3a4a55;padding:0 4px}.login-ops-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:28px;position:relative;z-index:1;margin:56px 0 0}.login-ops-mark{opacity:.55;position:absolute;top:90px;left:-60px;pointer-events:none;z-index:0}.login-ops-mark svg{width:620px;height:auto}.login-ops .eyebrow{color:#7a8b97}.login-ops .eyebrow .rule{width:48px;background:var(--amber)}.login-wordmark{font-family:var(--display);font-size:clamp(72px,14vh,132px);font-weight:800;letter-spacing:-.04em;line-height:.9;color:#e6ecf1;position:relative;z-index:1}.login-ops .cross{position:absolute;width:14px;height:14px;border-color:#ffffff40;z-index:2}.login-ops .cross.tl{top:16px;left:16px;border-top:1px solid;border-left:1px solid}.login-ops .cross.tr{top:16px;right:16px;border-top:1px solid;border-right:1px solid}.login-ops .cross.bl{bottom:16px;left:16px;border-bottom:1px solid;border-left:1px solid}.login-ops .cross.br{bottom:16px;right:16px;border-bottom:1px solid;border-right:1px solid}.login-form-side{position:relative;padding:40px 48px;display:flex;flex-direction:column;background:var(--bg)}.login-card{margin:auto 0;max-width:460px;width:100%}.login-card .eyebrow{margin-bottom:14px}.login-card h2{font-family:var(--display);font-size:44px;font-weight:500;letter-spacing:-.025em;margin:0 0 10px;line-height:1.05;color:var(--ink)}.login-card h2 .accent{color:var(--wala-blue)}.login-card .sub{color:var(--ink-dim);font-size:14.5px;margin:0 0 28px;max-width:40ch}.field{margin-bottom:16px}.field-label{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}.field-label .small{color:var(--ink-mute);letter-spacing:.1em;font-weight:400;text-transform:uppercase}.btn-primary{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:14px 18px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:-.005em;border-radius:4px;cursor:pointer;transition:all var(--fast)}.btn-primary>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--wala-blue);border-color:var(--wala-blue)}.btn-primary:disabled{background:var(--rule-2);border-color:var(--rule-2);color:var(--ink-faint)}.btn-primary .kbd{flex:0 0 auto;font-family:var(--mono);font-size:13px;color:var(--amber-light);letter-spacing:.08em;white-space:nowrap}.alert-error{margin-top:18px;padding:11px 14px;background:#fbeae6;border:1px solid #f0c5ba;color:var(--bad);font-size:12.5px;border-radius:4px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.alert-info{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:11px 14px;background:var(--wala-bg);border:1px solid rgba(26,61,84,.18);color:var(--wala-blue-deep);font-size:12.5px;border-radius:4px}.alert-info .cont{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.alert-info b{color:var(--ink);font-weight:600}.admin-page{flex:1;display:flex;flex-direction:column}.admin-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:clamp(40px,6vh,72px) 56px clamp(32px,4vh,48px);display:flex;flex-direction:column}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.admin-header .left{flex:1;min-width:0}.admin-header .eyebrow{margin-bottom:16px}.admin-header h1{font-family:var(--display);font-size:var(--fs-title);font-weight:500;letter-spacing:-.028em;line-height:1;margin:0 0 12px;color:var(--ink);text-wrap:pretty}.admin-header p{margin:0;color:var(--ink-dim);font-size:var(--fs-lead);line-height:1.45;max-width:42ch}.admin-header .actions{flex-shrink:0;padding-bottom:4px}.btn-action{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);font-weight:600;font-size:14px;letter-spacing:-.005em;border-radius:4px;cursor:pointer;transition:all var(--fast)}.btn-action:hover:not(:disabled){background:var(--wala-blue);border-color:var(--wala-blue)}.btn-action:disabled{background:var(--rule-2);border-color:var(--rule-2);color:var(--ink-faint)}.btn-action:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn-action .plus,.btn-action .arrow{color:var(--amber-light);font-family:var(--mono)}.btn-ghost{background:transparent;border:1px solid var(--rule-2);color:var(--ink-2);padding:7px 12px;font-size:12.5px;font-weight:500;border-radius:4px;cursor:pointer;transition:all var(--fast)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--rule);border-radius:6px;margin-bottom:20px;overflow:hidden}.kpi{display:block;width:100%;text-align:left;padding:16px 20px 14px;border-right:1px solid var(--rule);border-bottom:2px solid transparent;cursor:pointer}.kpi:last-child{border-right:none}.kpi:hover{background:var(--surface-2)}.kpi.on{background:var(--surface-2);border-bottom-color:var(--amber)}.kpi:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.kpi .k{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.kpi.on .k{color:var(--ink-dim)}.kpi .v{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-.025em;color:var(--ink);line-height:1}.roster-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.seg{display:flex;gap:4px;padding:3px;background:var(--surface);border:1px solid var(--rule);border-radius:4px}.seg button{padding:7px 14px;font-size:13px;font-weight:500;color:var(--ink-dim);border-radius:3px;transition:all var(--fast)}.seg button.on{background:var(--ink);color:var(--bg);font-weight:600}.seg button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.roster-search{flex:1;max-width:420px;font-family:var(--sans);font-size:14px;padding:9px 14px;border-radius:4px}.roster-count{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-dim);white-space:nowrap}.roster{background:var(--surface);border:1px solid var(--rule);border-radius:6px;overflow:hidden}.roster-head,.roster-row{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(100px,.8fr) minmax(240px,1.8fr) minmax(110px,.9fr) 100px 88px}.roster-head{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);background:var(--surface-2);border-bottom:1px solid var(--rule)}.roster-head>div{padding:11px 16px}.roster-row{font-size:14px;color:var(--ink);border-bottom:1px solid var(--rule);cursor:pointer;transition:background var(--fast)}.roster-row:last-child{border-bottom:none}.roster-row:hover{background:var(--surface-2)}.roster-row:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.roster-row.is-you{background:#c984300d}.roster-row.is-you:hover{background:#c9843014}.roster-row.is-inactive{color:var(--ink-dim)}.roster-row.is-skel{cursor:default;pointer-events:none}.roster-row>div{padding:12px 16px;display:flex;align-items:center;min-width:0}.roster-row .person{gap:12px}.roster-row .person-copy{min-width:0}.roster-row .name{font-weight:500;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-row .username{font-family:var(--mono);font-size:12.5px;color:var(--ink-dim)}.roster-row .contact-line{font-size:13.5px;color:var(--ink-2);overflow-wrap:break-word;word-break:break-word;line-height:1.35;max-width:100%}.admin-none{color:var(--ink-dim);font-size:14px}.roster-row .actions{justify-content:flex-end}.avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;background:var(--wala-bg);color:var(--wala-blue);border:1px solid rgba(26,61,84,.2);border-radius:4px}.avatar.admin{background:var(--amber-bg);color:var(--amber);border-color:#c9843059}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 2px;font-weight:500;font-size:11.5px;border-radius:3px;border:1px solid;letter-spacing:-.005em;white-space:nowrap}.tag.tag-you{color:var(--amber);background:var(--amber-bg);border-color:#c9843059;font-weight:600;font-size:10.5px}.tag.tag-active{color:var(--good);background:#3aa05c1a;border-color:#3aa05c4d}.tag.tag-active .dot{width:6px;height:6px;border-radius:50%;background:var(--good)}.tag.tag-inactive{color:var(--ink-faint);background:transparent;border-color:var(--rule-2);border-style:dashed}.tag.tag-admin{color:var(--amber);background:var(--amber-bg);border-color:#c9843059;font-weight:600}.tag.tag-empty{color:var(--ink-dim);background:transparent;border:0;padding-left:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100%;height:100dvh;background:#14141680;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;align-items:safe center;padding:12px;overflow:hidden;overscroll-behavior:none;touch-action:none;animation:fadeIn .2s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(560px,100%);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rule-2);border-radius:8px;padding:0;position:relative;overflow:hidden;touch-action:auto;animation:slideUp .36s var(--ease);box-shadow:var(--shadow-xl)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal:before{content:"";position:absolute;top:0;left:28px;right:28px;height:2px;background:var(--amber);z-index:1}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--ink-dim);border-radius:4px;z-index:2}.modal-close:hover{color:var(--ink);background:var(--surface-2)}.modal-close:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.modal-head{flex:0 0 auto;padding:24px 48px 0 28px}.modal-eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.modal h2{font-family:var(--display);font-weight:500;font-size:26px;letter-spacing:-.022em;margin:0;color:var(--ink);line-height:1.1}.modal h2 .accent{color:var(--wala-blue);font-weight:600}.modal-lead{margin:8px 0 0;color:var(--ink-dim);font-size:13.5px;line-height:1.4;max-width:42ch}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:16px 28px 8px;-webkit-overflow-scrolling:touch}.modal .field-label{flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.01em;text-transform:none;color:var(--ink-2)}.modal .field-label .small{flex:0 1 auto;margin-top:0;font-family:var(--mono);font-size:11px;letter-spacing:0;text-transform:none;color:var(--ink-dim)}.form-grid{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-section-label{grid-column:1 / -1;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);padding-top:6px;border-top:1px solid var(--rule)}.form-grid>.form-section-label:first-child{padding-top:0;border-top:none}.form-span{grid-column:1 / -1;padding-top:8px;border-top:1px solid var(--rule)}.mgmt-note{grid-column:1 / -1;margin-top:2px;padding:10px 14px;background:var(--wala-bg);border:1px solid rgba(26,61,84,.14);border-radius:4px}.mgmt-note p{margin:0;font-size:13px;line-height:1.45;color:var(--wala-blue-deep)}.modal-actions{flex:0 0 auto;margin-top:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 28px 16px;border-top:1px solid var(--rule);background:var(--surface)}@media (max-height: 700px){.modal-backdrop{padding:8px}.modal-head{padding-top:16px}.modal h2{font-size:22px}.modal-lead{margin-top:6px;font-size:13px}.form-grid{gap:12px 14px}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:120;padding:11px 18px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:500;letter-spacing:-.005em;border-radius:6px;box-shadow:var(--shadow-xl);animation:toast-in .24s var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.empty-state{margin:0;padding:56px 32px;text-align:center;border:1px dashed var(--rule-2);background:var(--surface);border-radius:8px}.empty-state h3{font-family:var(--display);font-weight:600;font-size:22px;margin:0 0 8px;color:var(--ink)}.empty-state p{font-size:14.5px;color:var(--ink-dim);margin:0;max-width:42ch;margin-inline:auto;line-height:1.5}.empty-state .btn-action,.empty-state .btn-ghost{margin-top:20px}.admin-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-dim);margin-top:auto}@keyframes skel{0%,to{opacity:.45}50%{opacity:.9}}.skel-line{display:block;height:10px;background:var(--rule);border-radius:3px;animation:skel 1.3s var(--ease) infinite}.avatar.skel{background:var(--rule);border-color:transparent;animation:skel 1.3s var(--ease) infinite}.skel-line.w-name{width:140px}.skel-line.w-user{width:72px}.skel-line.w-mail{width:160px}.skel-line.w-chip{width:64px}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal .6s var(--ease) both}.reveal-1{animation:reveal .6s var(--ease) 60ms both}.reveal-2{animation:reveal .6s var(--ease) .12s both}.reveal-3{animation:reveal .6s var(--ease) .2s both}@media (max-width: 1080px){.pinned-grid{grid-template-columns:repeat(auto-fill,minmax(180px,220px))}.kpi-strip{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(n+3){border-top:1px solid var(--rule)}}@media (max-width: 880px){.topbar{padding:0 16px;height:52px;gap:12px}.brand-mark .word{font-size:15px}.topbar-divider{display:none}.nav-strip a{padding:6px 10px;font-size:12.5px}.who-name{display:none}.who{align-items:flex-end}.login-page{grid-template-columns:1fr}.login-ops{padding:32px 24px;min-height:320px}.login-wordmark{font-size:84px}.login-form-side{padding:32px 24px}.hub-container,.admin-container{padding:32px 20px}.pinned-grid{grid-template-columns:repeat(auto-fill,minmax(160px,220px))}.launcher-grid{grid-template-columns:repeat(auto-fill,112px)}.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.kpi-strip{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(n+3){border-top:1px solid var(--rule)}.kpi:nth-child(2n){border-right:none}.roster-toolbar{flex-wrap:wrap}.roster-search{max-width:none}.roster-count{width:100%;margin-left:0}.roster-head{display:none}.roster-row{grid-template-columns:1fr;padding:10px 4px 12px;font-size:14px}.roster-row>div{padding:7px 16px;justify-content:space-between;gap:16px}.roster-row>div[data-label]:before{content:attr(data-label);flex:0 0 auto;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.roster-row .person{justify-content:flex-start}.roster-row .actions{justify-content:flex-end}.modal-head{padding:20px 44px 0 22px}.modal-body{padding:14px 22px 8px}.modal-actions{padding:12px 22px 14px}.form-grid{grid-template-columns:1fr;gap:14px}.admin-foot{flex-direction:column;align-items:flex-start;gap:6px}}.field-reveal{background:var(--surface);border:1px solid var(--rule-2);padding:3px 9px;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2);border-radius:4px;line-height:1.2}.field-reveal:hover{color:var(--wala-blue);border-color:var(--wala-blue)}.field-reveal:focus-visible{outline:2px solid var(--wala-blue);outline-offset:2px}.field-reveal[aria-pressed=true]{background:var(--wala-bg);border-color:#1a3d5447;color:var(--wala-blue)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field-hint{margin-top:6px;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--ink-dim)}.field-hint.warn{color:#8a4b12}.btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--amber-light);border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-primary:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn-primary:disabled:focus-visible{outline:none}.login-link{color:var(--wala-blue);border-bottom:1px solid transparent}.login-link:hover{border-bottom-color:var(--wala-blue)}.login-foot{margin-top:18px;font-size:12px}#lg-username,#lg-password{font-size:16px}@media (prefers-reduced-motion: reduce){.reveal,.reveal-1,.reveal-2,.reveal-3,.modal,.modal-backdrop,.btn-spinner,.toast,.skel-line,.avatar.skel{animation:none!important}.btn-primary,input,select,textarea{transition:none!important}}