:root{--font-ui:"Public Sans", system-ui, sans-serif;--font-display:Chivo, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--ink:#1b2a4a;--ink-2:#34456b;--secondary:#4a5a78;--muted:#7a8aa5;--placeholder:#9aa6ba;--page:#f6f4f0;--surface:#faf9f6;--surface-2:#fcfbf9;--white:#fff;--fill:#f1eee9;--divider:#edeae4;--border:#e0dcd4;--border-strong:#d6d1c8;--teal:#0e7a93;--teal-dark:#0e5f73;--teal-bright:#1daed8;--teal-tint:#e2f0f4;--teal-tint-border:#b7dce6;--success:#2a6b55;--success-bg:#e6f1ec;--warning:#8a5a0f;--warning-bg:#f7efdf;--danger:#8e3223;--danger-bg:#f7e7e3;--side-bg:#1b2a4a;--side-text:#a9b6cc;--side-hover:#24365a;--side-rule:#2c3d61;--radius:3px;--radius-chip:2px;--shadow-modal:0 24px 60px #0b152666;--shadow-popover:0 10px 30px #0b15264d}*{box-sizing:border-box}html,body{background:var(--page);margin:0;padding:0}body{font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}a:hover{color:var(--ink);text-decoration:underline}input,textarea,select,button{font-family:inherit;font-size:inherit}::placeholder{color:var(--placeholder)}::selection{background:var(--teal-bright);color:#0b1526}.kicker{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.mono{font-family:var(--font-mono)}.btn{border-radius:var(--radius);background:var(--ink);color:var(--page);cursor:pointer;white-space:nowrap;border:none;padding:9px 15px;font-size:13px;font-weight:600}.btn:hover{background:var(--teal)}.btn:disabled{opacity:.55;cursor:default;background:var(--ink)}.btn-quiet{border-radius:var(--radius);border:1px solid var(--border);background:var(--white);color:var(--ink);cursor:pointer;padding:9px 15px;font-size:13px;font-weight:600}.btn-quiet:hover{background:var(--divider)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-2);font-size:12px;font-weight:600}.field input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);outline:none;padding:9px 11px;font-size:13.5px}.field input:focus{border-color:var(--teal);background:var(--white)}.note{border-radius:var(--radius);padding:9px 12px;font-size:12.5px;line-height:1.5}.note-info{color:var(--ink-2);background:var(--teal-tint);border:1px solid var(--teal-tint-border)}.note-quiet{color:var(--secondary);background:var(--fill);border:1px solid var(--divider)}.note-warn{color:var(--warning);background:var(--warning-bg);border:1px solid #e9dcc2}.note-danger{color:var(--danger);background:var(--danger-bg);border:1px solid #ecd0c9}.signin{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.signin-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:28px 28px 24px}.signin-card form{flex-direction:column;gap:14px;display:flex}.signin-logo{height:30px;margin-bottom:22px;display:block}.signin-title{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 4px;font-size:20px;font-weight:700}.signin-sub{color:var(--muted);margin:0 0 20px;font-size:12.5px;line-height:1.5}.signin-foot{color:var(--muted);text-align:center;margin-top:18px;font-size:11.5px}.btn-microsoft{border-radius:var(--radius);color:#5e5e5e;background:#fff;border:1px solid #8c8c8c;justify-content:center;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.btn-microsoft:hover{background:var(--surface);color:#3b3b3b;text-decoration:none}.demo-form{border-top:1px dashed var(--border-strong);flex-direction:column;gap:12px;margin-top:22px;padding-top:18px;display:flex}.shell{grid-template-columns:212px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--side-bg);color:var(--side-text);flex-direction:column;min-height:0;padding:18px 0;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:9px;padding:0 18px 20px;display:flex}.sidebar-brand img{width:22px;height:22px;display:block}.sidebar-brand span{font-family:var(--font-display);color:var(--page);letter-spacing:-.01em;font-size:14px;font-weight:700}.sidebar nav{flex-direction:column;gap:1px;padding:0 10px;display:flex}.nav-item{border-radius:var(--radius);color:var(--side-text);align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;text-decoration:none;display:flex}.nav-item:hover{background:var(--side-hover);color:var(--page);text-decoration:none}.nav-item.active{background:var(--teal);color:var(--page);font-weight:600}.sidebar-foot{border-top:1px solid var(--side-rule);margin-top:auto;padding:18px 18px 20px}.sidebar-foot .kicker{margin-bottom:5px}.sidebar-who{color:var(--page);font-size:13.5px;font-weight:600}.sidebar-role{color:var(--muted);margin-top:3px;font-size:11.5px;line-height:1.5}.sidebar-signout{border:1px solid var(--side-rule);color:var(--side-text);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:14px;padding:5px 10px;font-size:12px}.sidebar-signout:hover{background:var(--side-hover);color:var(--page)}.main{flex-direction:column;min-width:0;display:flex;overflow:hidden}.main-header{background:var(--white);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:15px 24px;display:flex}.main-header h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:700}.main-body{padding:24px;overflow-y:auto}.placeholder{background:var(--white);border:1px solid var(--border);border-left:3px solid var(--teal-bright);border-radius:var(--radius);max-width:560px;padding:16px 18px}.placeholder h2{font-family:var(--font-display);margin:0 0 6px;font-size:15px;font-weight:700}.placeholder p{color:var(--secondary);margin:0;font-size:13.5px;line-height:1.6}.portal-header{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f4f0f0;position:sticky;top:0}.portal-header-inner{align-items:center;gap:14px;max-width:1000px;margin:0 auto;padding:14px 28px;display:flex}.portal-client{min-width:0}.portal-client-name{color:var(--ink);font-size:13.5px;font-weight:600}.portal-client-url{color:var(--muted);font-size:11.5px}.portal-user{text-align:right;margin-left:auto}.portal-user-name{font-size:13px;font-weight:700}.portal-user-role{color:var(--muted);font-size:11.5px}.portal-body{max-width:1000px;margin:0 auto;padding:30px 28px 60px}.portal-greeting{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 8px;font-size:26px;font-weight:700}.portal-scope{align-items:center;gap:10px;margin-bottom:26px;display:flex}.portal-scope .rule{background:var(--teal-bright);width:22px;height:2px;display:inline-block}.portal-scope .kicker{font-size:11px;font-weight:600}@media (width<=760px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{padding:12px 0}.sidebar nav{flex-flow:wrap}.sidebar-foot{margin-top:12px}.main{overflow:visible}.main-body{padding:16px}.portal-header-inner,.portal-body{padding-left:16px;padding-right:16px}.portal-columns{grid-template-columns:minmax(0,1fr)!important}}.row-hover:hover{background:#faf9f6}.row-hover:focus-visible{outline-offset:-2px;outline:2px solid #1daed8}