:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--hr-ink:#24332e;--hr-muted:#66756f;--hr-green:#2f6b57;--hr-green-dark:#245344;--hr-green-soft:#e8f2ed;--hr-terracotta:#bd6545;--hr-terracotta-soft:#fae9df;--hr-cream:#fbf8f2;--hr-sand:#f2eadf;--hr-card:#fffdf9;--hr-border:#dfd7cc;--hr-danger:#a63e35;--hr-success:#25634f;--hr-shadow:0 18px 50px #3a443e1a;--hr-radius-lg:24px;--hr-radius-md:16px;--hr-radius-sm:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #f4d2b86b, transparent 32rem), linear-gradient(180deg, var(--hr-cream), #f6f3ed 60%, #f3f6f3);color:var(--hr-ink);line-height:1.55}a{color:var(--hr-green-dark);text-underline-offset:3px;font-weight:650}a:hover{color:var(--hr-terracotta)}button,input,select,textarea{font:inherit}button{border:1px solid var(--hr-green-dark);border-radius:var(--hr-radius-sm);background:var(--hr-green);color:#fff;cursor:pointer;min-height:42px;padding:9px 16px;font-weight:700;transition:transform .14s,background .14s,box-shadow .14s}button:hover:not(:disabled){background:var(--hr-green-dark);transform:translateY(-1px);box-shadow:0 7px 18px #2f6b572e}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{border-radius:var(--hr-radius-sm);max-width:100%;color:var(--hr-ink);background:#fff;border:1px solid #cfc7bc;padding:10px 12px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #bd65454d}.brand-mark{color:var(--hr-ink);letter-spacing:-.025em;align-items:center;gap:10px;font-size:1.08rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark__image{object-fit:contain;filter:drop-shadow(0 7px 8px #264d5b33);flex:0 0 44px;width:44px;height:44px}.app-shell{min-height:100vh}.app-shell__topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9eb;border-bottom:1px solid #cfc7bcbf;justify-content:space-between;align-items:center;gap:20px;padding:14px clamp(18px,4vw,48px);display:flex;position:sticky;top:0}.app-shell__nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.app-shell__nav a{text-decoration:none}.app-shell__nav button{min-height:38px;padding:7px 13px}.app-shell__body{width:min(1480px,100% - 32px);margin:0 auto;padding:28px 0 64px}.app-banner{border-radius:var(--hr-radius-sm);color:#70472d;background:#fff3df;border:1px solid #e4c29f;margin-bottom:18px;padding:11px 15px}.role-welcome{border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow);background:linear-gradient(135deg,#fffdf9fa,#e8f2edf0);border:1px solid #4d71632e;margin-bottom:26px;padding:clamp(24px,5vw,44px);position:relative;overflow:hidden}.role-welcome:after{content:"";background:#f4d2b86b;border-radius:50%;width:220px;height:220px;position:absolute;top:-92px;right:-74px}.role-welcome--tenant{background:linear-gradient(135deg,#fffdf9fa,#fae9dfeb)}.role-welcome--vendor{background:linear-gradient(135deg,#fffdf9fa,#efebe1f2)}.role-welcome__content{z-index:1;max-width:760px;position:relative}.role-welcome__eyebrow{color:var(--hr-terracotta);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.role-welcome h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.65rem);font-weight:600;line-height:1.04}.role-welcome__subtitle{color:#50615a;margin:14px 0 0;font-size:clamp(1rem,2vw,1.18rem)}.role-welcome__note{color:var(--hr-green-dark);background:#ffffffbd;border-radius:999px;margin:18px 0 0;padding:7px 11px;font-size:.9rem;font-weight:700;display:inline-block}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:24px;display:grid}.metric-card{border:1px solid var(--hr-border);border-radius:var(--hr-radius-md);background:var(--hr-card);min-height:112px;padding:18px;box-shadow:0 10px 30px #3a443e0f}.metric-card__label{color:var(--hr-muted);letter-spacing:.025em;text-transform:uppercase;font-size:.86rem;font-weight:750;display:block}.metric-card__value{margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;line-height:1.15;display:block}.auth-page{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:100vh;display:grid}.auth-page__welcome{background:radial-gradient(circle at 82% 12%,#f4d2b8bf,#0000 22rem),linear-gradient(145deg,#e7f0eb,#f8f2e8 70%);flex-direction:column;justify-content:space-between;padding:clamp(32px,7vw,92px);display:flex}.auth-page__message{max-width:650px;margin:auto 0;padding:48px 0}.auth-page__official-logo{filter:drop-shadow(0 20px 22px #1a435333);width:clamp(170px,22vw,250px);height:auto;margin:0 0 28px;display:block}.auth-page__message h1{letter-spacing:-.045em;max-width:620px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,7vw,5.3rem);font-weight:600;line-height:.98}.auth-page__message p{color:#53635d;max-width:560px;font-size:clamp(1.05rem,2vw,1.28rem)}.auth-page__roles{color:var(--hr-green-dark);flex-wrap:wrap;gap:8px;font-size:.86rem;font-weight:750;display:flex}.auth-page__roles span{background:#ffffff8c;border:1px solid #2f6b572e;border-radius:999px;padding:6px 10px}.auth-page__panel{background:#fffdf9f5;place-items:center;padding:clamp(24px,6vw,72px);display:grid}.auth-card{border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);width:min(100%,430px);box-shadow:var(--hr-shadow);background:#fff;padding:clamp(24px,5vw,42px)}.auth-card h2{margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:2rem}.auth-card__intro,.auth-card small{color:var(--hr-muted)}.auth-form{gap:10px;margin-top:24px;display:grid}.auth-form label{font-size:.9rem;font-weight:750}.auth-form button{margin-top:6px}.auth-status{min-height:24px;color:var(--hr-muted);margin-top:14px}.account-access-page{background:radial-gradient(circle at 16% 12%,#f4d2b8c7,#0000 24rem),radial-gradient(circle at 86% 86%,#add5d56b,#0000 28rem),linear-gradient(145deg,#e7f0eb,#fbf5ec 70%);place-items:center;min-height:100vh;padding:clamp(24px,6vw,72px);display:grid}.account-access-card{width:min(100%,560px)}.account-access-card>.brand-mark{margin-bottom:32px}.account-access-card__heading{margin-bottom:24px}.account-access-card__heading h1{letter-spacing:-.035em;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,7vw,3rem);font-weight:600;line-height:1.05}.account-access-card__heading>p:last-child,.account-access-card__invitation{color:var(--hr-muted)}.account-access-card__invitation{border-radius:var(--hr-radius-sm);background:var(--hr-green-soft);border:1px solid #2f6b5724;margin-bottom:18px;padding:13px 15px}.account-access-card__invitation p{margin:0}.account-access-card__invitation p+p{margin-top:4px}.route-loading{min-height:100vh;color:var(--hr-muted);place-content:center;place-items:center;gap:14px;display:grid}.route-loading__mark{object-fit:contain;filter:drop-shadow(0 9px 10px #264d5b38);width:58px;height:58px}@media (width<=820px){.auth-page{grid-template-columns:1fr}.auth-page__welcome{min-height:360px}.app-shell__topbar{flex-direction:column;align-items:flex-start}.app-shell__nav{justify-content:flex-start}}@media (width<=520px){.auth-page__welcome{min-height:310px;padding:26px}.auth-page__panel{padding:18px}.app-shell__body{width:min(100% - 20px,1480px);padding-top:18px}.role-welcome{border-radius:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}