@font-face{font-family:Manrope;src:url("/fonts/manrope/manrope-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("/fonts/manrope/manrope-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("/fonts/manrope/manrope-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("/fonts/manrope/manrope-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("/fonts/manrope/manrope-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e293b;background:#f5f6f8;font-synthesis:none;line-height:1.5;--green:#0c6f73;--muted:#64748b;--line:#e2e8f0;--soft:#f1f5f9;--red:#a52e39}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--green)}:focus-visible{outline:3px solid #b6a449;outline-offset:3px}input:focus-visible{outline-offset:1px}button,input,select{border-radius:9px}button{border:1px solid var(--line);background:white;color:#244a42;padding:10px 17px;font-size:.88rem;font-weight:650}button:hover:not(:disabled){background:#f0f6f2;border-color:#a5bbb0}button.primary{color:white;border-color:var(--green);background:var(--green)}button.primary:hover:not(:disabled){background:#0a5149}button.quiet{background:transparent}input:not([type=checkbox]),select{width:100%;border:1px solid #bdcfc4;padding:11px 12px;color:#1e423a;background:white;min-height:46px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);cursor:pointer}label{font-size:.86rem;font-weight:650;color:#35544b}p,h1,h2,h3{margin:0}h1{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.18;letter-spacing:-.045em;font-weight:720}h2{font-size:1.15rem;letter-spacing:-.025em}h3{font-size:.94rem}p{color:var(--muted)}.topbar,.footer{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:24px 40px;gap:16px}.topbar{border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:#19443b;font-size:1.4rem;font-weight:750;text-decoration:none;letter-spacing:-.055em}.brand-dot{color:#baaa58}.workspace-label{font-size:.75rem;color:var(--muted)}#main{max-width:1140px;margin:auto;padding:48px 32px 70px;min-height:calc(100dvh - 174px)}.footer{font-size:.72rem;color:#839088;padding-top:18px;padding-bottom:20px}.skip-link{position:absolute;left:12px;top:-60px;background:white;padding:12px;z-index:5}.skip-link:focus{top:12px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:920px;min-height:520px;margin:auto}.intro{padding-bottom:10px}.eyebrow{font-size:.69rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:#6d8576;margin-bottom:18px}.intro h1{font-size:clamp(2.4rem,4.2vw,3.5rem);max-width:420px;line-height:1.08;letter-spacing:-.055em}.intro>p{margin-top:23px;max-width:350px;font-size:.96rem;line-height:1.8}.intro-note{margin-top:42px;display:flex;align-items:center;gap:10px;font-size:.76rem;color:#6a8073}.intro-note::before{content:"";width:7px;height:7px;border-radius:50%;background:#528c64}.auth-card,.card,.loading-card{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 35px #183d2d05}.auth-card{padding:32px}.auth-card>p{font-size:.86rem;margin-top:10px}.form{display:grid;gap:18px;margin-top:26px}.field{display:grid;gap:7px}.field small,.help{font-size:.75rem;font-weight:400;color:var(--muted)}.form>.primary{margin-top:4px;width:100%;min-height:45px}.auth-foot{border-top:1px solid var(--line);padding-top:19px;margin-top:24px;font-size:.75rem;color:#718278}.notice{font-size:.84rem;border-radius:10px;padding:12px 14px;border:1px solid #d7e8de;background:#f0f8f2;color:#285e3d;overflow-wrap:anywhere}.notice.error{border-color:#efd2d7;background:#fff4f5;color:var(--red)}.notice.info{border-color:#e3e7d8;background:#f7f8ef;color:#646c42}.status-message:empty{display:none}.loading-card{padding:32px;text-align:center;color:var(--muted);max-width:480px;margin:90px auto}.auth-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.auth-actions button{flex:1}.qr{display:block;width:200px;max-width:100%;aspect-ratio:1;margin:20px auto;object-fit:contain;background:white}.manual-key{border:1px dashed #c5d5cc;background:#f6faf6;padding:10px;font:500 .85rem ui-monospace,monospace;overflow-wrap:anywhere;user-select:all;border-radius:8px;margin-top:8px}.mfa-details{margin:18px 0;color:var(--muted);font-size:.8rem}.mfa-details summary{cursor:pointer}.code-input{letter-spacing:.28em;font-size:1.25rem!important;text-align:center;font-variant-numeric:tabular-nums}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.workspace-head p{font-size:.85rem;margin-top:10px}.identity{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.email{max-width:280px;overflow-wrap:anywhere;font-size:.77rem;color:var(--muted)}.role{display:inline-flex;align-items:center;border:1px solid #d4e1d7;border-radius:100px;background:#edf5ef;padding:4px 9px;font-size:.65rem;text-transform:uppercase;letter-spacing:.055em;color:#3c6a4b;vertical-align:middle}.tabs{display:flex;gap:5px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:12px}.tabs button{border-color:transparent;background:transparent}.tabs button[aria-pressed=true]{background:#e5efe8;color:#205f4e;border-color:#d7e5db}.card{padding:24px;margin-bottom:20px}.card-header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header p{font-size:.8rem;margin-top:5px}.pages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.page-card{border:1px solid var(--line);border-radius:13px;padding:19px;background:white;min-height:122px}.page-card h3{margin-bottom:9px}.page-card p{font-size:.75rem}.page-grants{display:flex;gap:5px;flex-wrap:wrap;margin-top:15px}.tag{background:#f1f5f1;border-radius:4px;padding:3px 6px;color:#5f7365;font-size:.62rem}.empty{text-align:center;padding:26px 10px;font-size:.9rem}.invite-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.invite-form .field{flex:1;min-width:190px}.invite-form button{min-height:46px}.users-list{display:grid;gap:14px}.user-card{border:1px solid var(--line);border-radius:14px;overflow:hidden}.user-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:#fafcf9}.user-title h3{overflow-wrap:anywhere}.user-subtitle{font-size:.72rem;color:var(--muted);margin-top:5px}.user-body{padding:0 20px 20px}.grants-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:10px}.grants-table th{text-align:left;color:#6b7d70;font-size:.68rem;text-transform:uppercase;font-weight:650;padding:10px 3px;border-bottom:1px solid var(--line)}.grants-table td{padding:9px 3px;border-bottom:1px solid #eef2ec}.grants-table th:not(:first-child),.grants-table td:not(:first-child){text-align:center;width:65px}.user-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.check-label{display:flex;align-items:center;gap:8px;font-size:.8rem}.user-controls .primary{white-space:nowrap}.user-message{margin-top:12px}.lock-note{padding:18px 20px;font-size:.79rem;color:#687d6e}.small-button{font-size:.76rem;padding:7px 12px}.subheading{color:var(--muted);font-size:.79rem;margin-top:8px}.admin-status{margin-bottom:18px}.noscript{margin:20px;text-align:center}.session-error{max-width:460px;margin:auto}.session-error h1{font-size:1.5rem}.session-error p{margin-top:14px}.security-note{margin-top:18px;font-size:.75rem;color:var(--muted)}.muted{color:var(--muted)}
@media(max-width:800px){.auth-layout{grid-template-columns:1fr;gap:30px;max-width:440px;min-height:auto}.intro h1{font-size:2.2rem;max-width:none}.intro>p{margin-top:16px;max-width:none}.intro-note{display:none}.pages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-head{flex-direction:column}.identity{justify-content:flex-start}.topbar,.footer{padding-left:24px;padding-right:24px}#main{padding:32px 24px 50px}.intro{padding:0}.auth-card{padding:26px}}
@media(max-width:480px){.topbar{padding:18px 20px}.brand{font-size:1.25rem}.workspace-label{font-size:.65rem}#main{padding:28px 18px 44px}.auth-card,.card{padding:22px 18px;border-radius:16px}.intro h1{font-size:2rem}.pages-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:10px}.user-title{padding:15px 12px;align-items:flex-start}.user-body{padding:0 12px 14px}.grants-table{font-size:.72rem}.grants-table th:not(:first-child),.grants-table td:not(:first-child){width:46px}.grants-table th{font-size:.58rem}.user-controls{align-items:flex-start}.footer{padding:16px 20px}.identity{width:100%}.email{max-width:100%}.invite-form button{width:100%}.workspace-head h1{font-size:1.7rem}}
.create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.create-form>.field:first-child{grid-column:1/-1}.create-form>.primary{justify-self:start;min-height:44px}.password-reset{border-top:1px solid var(--line);padding:16px 20px}.reset-form{display:grid;gap:16px;max-width:550px;margin-top:18px}.reset-form[hidden]{display:none}.reset-actions{display:flex;gap:10px;flex-wrap:wrap}.password-reset .help{line-height:1.7}.footer>span:last-child{text-align:right}
@media(max-width:600px){.create-form{grid-template-columns:1fr}.create-form>.primary{justify-self:stretch}.password-reset{padding:14px 12px}.reset-actions>button{flex:1}.footer{align-items:flex-start}.footer>span:last-child{max-width:190px}}
.mfa-setting{border-top:1px solid var(--line);padding:16px 20px}.mfa-setting .user-controls{margin-top:0;align-items:center}.mfa-setting>.help{margin-top:12px;line-height:1.7}.mfa-setting .mfa-saved{font-weight:600}.mfa-setting .user-controls button{white-space:normal}
@media(max-width:480px){.mfa-setting{padding:14px 12px}.mfa-setting .user-controls{gap:10px}.mfa-setting .check-label{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Shared dashboard palette, type and glass surfaces. Auth remains a public shell. */
body{background:radial-gradient(ellipse at 8% 12%,rgba(12,111,115,.055),transparent 46%),#f5f6f8}
:focus-visible{outline-color:#0c6f73}
button{border-radius:12px;color:#334155;font-weight:700}
button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}
button.primary:hover:not(:disabled){background:#095b5f}
input:not([type=checkbox]),select{border-color:#cbd5e1;border-radius:12px;color:#1e293b;background:rgba(255,255,255,.86);min-height:50px}
label{color:#334155;font-weight:700}
h1,h2,h3{color:#0f172a}h2{font-size:1.4rem;font-weight:800;letter-spacing:-.04em}
.topbar{max-width:1280px;margin:24px auto 0;padding:18px 24px;border:1px solid white;border-radius:24px;background:rgba(255,255,255,.64);box-shadow:0 12px 32px rgba(30,41,59,.05)}
.brand{gap:12px;color:#0f172a;font-size:1.5rem;font-weight:800;letter-spacing:-.05em}.brand-dot{color:#0c6f73}
.brand-glyph{width:40px;height:40px;display:block;flex:none;border-radius:11px;box-shadow:0 5px 12px rgba(15,23,42,.12)}
.workspace-label{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.75rem}
#main{max-width:1140px;min-height:calc(100dvh - 196px);padding:56px 32px 68px}
.auth-layout{max-width:1000px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;min-height:540px}
.eyebrow{color:#0c6f73;font-size:.7rem;letter-spacing:.15em;font-weight:800;margin-bottom:20px}
.intro h1{font-size:clamp(2.5rem,4.3vw,3.7rem);line-height:1.11;letter-spacing:-.06em;font-weight:800;white-space:pre-line}
.intro>p{color:#64748b;font-size:1rem;line-height:1.85;max-width:380px;margin-top:24px}
.intro-note{color:#64748b;margin-top:38px}.intro-note::before{background:#0c6f73}
.auth-card,.card,.loading-card{border:1px solid rgba(255,255,255,.95);border-radius:24px;background:rgba(255,255,255,.74);box-shadow:0 12px 32px rgba(30,41,59,.08)}
.auth-card{padding:36px}.auth-card>p{font-size:.88rem;line-height:1.75;margin-top:12px}
.form{gap:20px;margin-top:28px}.form>.primary{min-height:50px;box-shadow:0 4px 10px rgba(12,111,115,.12)}
.auth-foot{color:#64748b;line-height:1.75}.notice.info{background:#eff6f7;border-color:#d2e5e8;color:#285d63}
.footer{color:#64748b;font-size:.72rem;padding:18px 32px 24px}
@media(max-width:1340px){.topbar{margin-left:24px;margin-right:24px}}
@media(max-width:800px){.topbar{margin:16px 20px 0;padding:16px 20px;border-radius:20px}#main{padding:40px 24px 48px;min-height:calc(100dvh - 166px)}.auth-layout{grid-template-columns:minmax(0,1fr);gap:30px;max-width:460px;min-height:auto}.intro h1{font-size:2.65rem}.intro>p{font-size:.93rem;line-height:1.75;margin-top:18px}.eyebrow{margin-bottom:14px}.auth-card{padding:28px}.footer{padding-left:24px;padding-right:24px}}
@media(max-width:480px){.topbar{margin:12px 14px 0;padding:14px 16px;border-radius:20px;gap:12px}.brand{font-size:1.25rem;gap:9px}.brand-glyph{width:34px;height:34px;border-radius:9px}.workspace-label{font-size:.62rem;gap:5px}.workspace-label svg{width:13px;height:13px}#main{padding:30px 18px 36px}.intro h1{font-size:2.25rem}.intro>p{font-size:.86rem;margin-top:14px}.auth-card{padding:26px 22px;border-radius:24px}.auth-card h2{font-size:1.3rem}.auth-card>p{font-size:.83rem}.form{margin-top:24px}.footer{font-size:.65rem;padding:14px 20px 22px;gap:20px}}

/* Reference-led sign-in surface; all other portal states retain their layout. */
body.signin-page{background:#fff;line-height:normal}
.signin-page>.topbar,.signin-page>.footer{display:none}
.signin-page #main{position:relative;isolation:isolate;max-width:none;width:100%;margin:0;min-height:100vh;min-height:100dvh;padding:48px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.signin-glow{position:absolute;inset:0;pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,#000 35%,transparent 100%)}
.signin-glow>div{position:absolute;border-radius:50%;width:560px;height:560px}
.signin-glow-aqua{left:calc(50% - 460px);top:calc(50% - 400px);background:radial-gradient(circle,rgba(18,185,198,.42),rgba(18,185,198,0) 70%)}
.signin-glow>.signin-glow-lavender{left:calc(50% - 60px);top:calc(50% - 300px);width:540px;height:540px;background:radial-gradient(circle,rgba(165,180,252,.5),rgba(165,180,252,0) 70%)}
.signin-glow-yellow{left:calc(50% - 320px);top:calc(50% - 40px);background:radial-gradient(circle,rgba(250,214,60,.38),rgba(250,214,60,0) 70%)}
.signin-card{width:100%;max-width:420px;padding:36px 32px;border-radius:28px;background:linear-gradient(135deg,#0e8fa0 0%,#0b5f75 45%,#0a2b40 100%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 24px 48px rgba(10,43,64,.35);display:flex;flex-direction:column;gap:22px;color:#fff}
.signin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.signin-name{font-size:14px;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.8)}
.signin-heading h1{margin:4px 0 0;font-size:36px;font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#fff}
.signin-mark{flex:0 0 auto;margin-top:2px;width:28px;height:26px}
.signin-card .form{display:flex;flex-direction:column;gap:18px;margin:0}
.signin-card .field{display:flex;flex-direction:column;gap:8px}
.signin-card label{font-size:14px;font-weight:700;color:#fff}
.signin-card input:not([type=checkbox]){font-size:16px;min-height:52px;padding:0 16px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff;outline:none}
.signin-card input::placeholder{color:rgba(255,255,255,.65)}
.signin-card input:focus,.signin-card button:focus-visible{outline:none;border-color:#4cfbf2;box-shadow:0 0 0 4px rgba(76,251,242,.25)}
.signin-card input:autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:inset 0 0 0 1000px #286577}
.signin-card input:autofill:focus{box-shadow:inset 0 0 0 1000px #286577,0 0 0 4px rgba(76,251,242,.25)}
.signin-card .primary{margin-top:4px;min-height:52px;width:100%;border-radius:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:16px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.signin-card .primary:hover:not(:disabled){background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.45)}
.signin-card .primary:active:not(:disabled){background:rgba(255,255,255,.12)}
.signin-card .primary:focus-visible{border-color:#4cfbf2;box-shadow:0 0 0 4px rgba(76,251,242,.25)}
.signin-card .primary:disabled{opacity:.55}
.signin-help{margin:0;text-align:center;font-size:13px;color:rgba(255,255,255,.82)}
.signin-card .notice{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);line-height:1.5}
.signin-card .notice.error{color:#fff;background:rgba(145,20,45,.35);border-color:rgba(255,170,180,.45)}
/* The reference leaves a faint yellow edge; fade it fully for Safari chrome. */
.signin-glow::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#fff 0%,transparent 10%,transparent 90%,#fff 98%)}
/* Contrast correction: the reference's translucent small text is below 4.5:1. */
.signin-card{background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),linear-gradient(135deg,#0e8fa0 0%,#0b5f75 45%,#0a2b40 100%)}
.signin-name,.signin-help{color:#fff}
.signin-card input::placeholder{color:#fff;opacity:1}

body[data-matterlog-environment="staging"]::after{content:"TEST ENVIRONMENT";position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:2147483000;background:#7c2d12;color:#fff;padding:6px 12px;border-radius:999px;font:700 11px/1.4 Manrope,sans-serif;letter-spacing:.08em;pointer-events:none;box-shadow:0 2px 8px #0003}