@import "https://fonts.googleapis.com/css2?family=Epilogue:wght@400;500;600;700&display=swap";
body{font-variant-numeric:tabular-nums}button,.button{background:#8b693f!important;border-color:#8b693f!important}button:hover,.button:hover{background:#6f512f!important;border-color:#6f512f!important}.secondary,.workspace-search{background:#fff!important;border-color:#c9c4ba!important}.secondary:hover,.workspace-search:hover{background:#f7f4ef!important;border-color:#b38d5d!important}.sidebar nav button,.sidebar-footer button,.mobile-nav button{background:0 0!important;border-color:#0000!important}.sidebar nav button:hover{background:#25231f!important;border-left-color:#625747!important}.sidebar nav button[aria-current=page]{background:linear-gradient(90deg,#b38d5d30,#b38d5d0a)!important;border-left-color:#b38d5d!important}.metric,.metric:hover{background:#fff!important;border-color:#dedbd4!important}.metric:hover{border-color:#c6b294!important}.mobile-nav button[aria-current=page]{background:#f2ebe2!important}.avatar{background:#8b693f}
:root{--brand:#b38d5d;--brand-dark:#8b683f;--brand-soft:#f2ebe2;--ink:#242321;--ink-soft:#615e59;--canvas:#f5f4f0;--surface:#fff;--line:#dedbd4;--sidebar:#191816;--sidebar-line:#34312c;--success:#267252;--danger:#a33b35;--warning:#956617;--radius:8px;--shadow:0 8px 28px #231f1a0f}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Epilogue,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit}button,.button{border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:10px 17px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}button:hover,.button:hover{background:var(--brand-dark);border-color:var(--brand-dark)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary{color:var(--ink);background:#fff;border-color:#c9c4ba}.secondary:hover{border-color:var(--brand);color:#5f452a;background:#f7f4ef}.error,.success,.integration-status{border-radius:6px;padding:13px 15px}.error{color:#882d2d;background:#fdf0ee;border:1px solid #eec6c1}.success{color:#185c42;background:#eaf5ef;border:1px solid #bddfce}.integration-status{color:#74511d;background:#fff7e7;border:1px solid #e4cc9f}.subtle,small{color:var(--ink-soft)}label{color:#3d3a36;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #c9c5bd;border-radius:6px;width:100%;min-height:44px;padding:10px 12px;transition:border-color .16s,box-shadow .16s}textarea{resize:vertical;min-height:112px}input:hover,textarea:hover,select:hover{border-color:#aaa398}input:focus,textarea:focus,select:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px #b38d5d29}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #b38d5d8c}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}h1{margin-bottom:11px;font-size:34px;font-weight:600;line-height:1.17}h2{font-size:20px;font-weight:600;line-height:1.3}h3{margin-bottom:7px;font-size:16px;font-weight:600}.eyebrow{color:var(--brand-dark);letter-spacing:1.7px;margin-bottom:11px;font-size:10px;font-weight:700}.wordmark{color:var(--brand);align-items:center;gap:12px;line-height:1;display:flex}.wordmark b{border:1px solid var(--brand);letter-spacing:-3px;place-items:center;width:38px;height:38px;padding-right:3px;font-size:23px;font-weight:500;display:grid}.wordmark span{letter-spacing:3.2px;font-size:18px;font-weight:600}.wordmark small{letter-spacing:1.55px;color:#aaa39a;margin-top:7px;font-size:7px;display:block}.login-layout{grid-template-columns:minmax(420px,1.15fr) minmax(440px,.85fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#11100ff7,#26221df0),url(https://norvenaprop.co.za/wp-content/uploads/2023/07/slider-1.jpg) 50%/cover;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,110px);display:flex;position:relative}.login-brand:after{content:"";pointer-events:none;border:1px solid #b38d5d3d;position:absolute;inset:22px}.login-brand .wordmark{z-index:1;position:absolute;top:54px}.login-brand h1{max-width:770px;font-size:clamp(38px,4.7vw,68px);font-weight:500;line-height:1.08}.login-brand .eyebrow{color:#d2af80}.login-brand>p:not(.eyebrow){color:#cbc6bd;max-width:510px;font-size:16px}.login-footer{color:#9e9991;letter-spacing:.4px;font-size:11px;position:absolute;bottom:48px}.login-panel{align-self:center;width:min(100%,480px);margin:auto;padding:52px}.login-panel h2{margin-bottom:8px;font-size:31px}.login-panel form{gap:19px;margin:30px 0;display:grid}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#f2efea;z-index:20;border-right:1px solid #080808;flex-direction:column;width:276px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .wordmark{border-bottom:1px solid var(--sidebar-line);padding:2px 9px 21px}.sidebar-backdrop,.sidebar-close{display:none}.portal-chip{color:#c7b59e;text-transform:uppercase;letter-spacing:1.15px;border:1px solid #4a4238;border-radius:999px;align-self:flex-start;margin:16px 10px 11px;padding:5px 9px;font-size:9px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#554b40 transparent;flex:1;padding-right:3px;overflow:auto}.sidebar nav button{color:#c9c5bf;background:0 0;border:0;border-left:2px solid #0000;border-radius:0;justify-content:flex-start;width:100%;min-height:36px;padding:8px 11px;font-size:12.5px;font-weight:500}.sidebar nav button:hover{color:#fff;background:#25231f;border-left-color:#625747}.sidebar nav button[aria-current=page]{color:#e9cfac;border-left-color:var(--brand);background:linear-gradient(90deg,#b38d5d30,#b38d5d0a)}.sidebar nav .nav-home{flex-direction:column;align-items:flex-start;gap:1px;min-height:49px;margin-bottom:7px;display:flex}.nav-home span{font-size:13px}.nav-home small{color:#868078;font-size:9px;font-weight:400}.nav-group{margin:0 0 6px}.sidebar nav .nav-group-toggle{color:#8f8981;text-transform:uppercase;letter-spacing:1.2px;border-left-color:#0000;justify-content:space-between;min-height:34px;padding:8px 12px;font-size:9px;font-weight:700}.sidebar nav .nav-group-toggle:hover{color:#fff}.nav-group-items{padding-bottom:3px}.nav-group-items>button{padding-left:17px}.sidebar-footer{border-top:1px solid var(--sidebar-line);grid-template-columns:36px 1fr;align-items:center;gap:4px 10px;padding:16px 8px 0;display:grid}.avatar{background:var(--brand);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.sidebar-footer strong{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sidebar-footer small{color:#8f8981;text-transform:uppercase;letter-spacing:.4px;font-size:8.5px}.sidebar-footer button{color:#b7b1aa;background:0 0;border:0;grid-column:1/-1;justify-content:flex-start;min-height:32px;margin-top:7px;padding:7px 0;font-size:11px}.sidebar-footer button:hover{color:#fff;background:0 0}.workspace{width:calc(100% - 276px);margin-left:276px}.workspace-bar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:66px;padding:0 34px;font-size:11px;display:flex;position:sticky;top:0}.breadcrumb{color:#89847d;align-items:center;gap:9px;display:flex}.breadcrumb b{color:#c9c4bb;font-weight:400}.breadcrumb strong{color:#373431;font-weight:600}.workspace-tools{color:#6b6761;align-items:center;gap:14px;display:flex}.workspace-search{color:#4c4741;background:#fff;border-color:#d1ccc3;min-height:34px;padding:7px 14px;font-size:11px}.workspace-search:before{content:"⌕";margin-right:7px;font-size:18px;line-height:0}.workspace main{outline:0;max-width:1500px;margin:auto;padding:34px 38px 72px}.page-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;margin:7px 0 29px;padding-bottom:23px;display:flex}.page-heading p:not(.eyebrow){color:#68635d;max-width:700px;margin:0}.date-label{color:#77716a;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:11px}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:31px;display:grid}.metric{color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:var(--radius);background:#fff;flex-direction:column;align-items:flex-start;gap:7px;padding:20px 21px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #1e1a1606}.metric:before{content:"";background:var(--brand);width:3px;position:absolute;top:0;bottom:0;left:0}.metric:hover{box-shadow:var(--shadow);background:#fff;border-color:#c6b294;transform:translateY(-1px)}.metric strong{letter-spacing:-1px;font-size:31px;line-height:1.1}.metric span{color:#5b5650;font-size:11px}.metric small{color:var(--brand-dark);font-size:9.5px;font-weight:500}.section-heading{justify-content:space-between;align-items:center;margin-top:3px;display:flex}.section-heading span{color:#716c65;font-size:11px}.records{gap:10px;display:grid}.record,.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px 21px;box-shadow:0 2px 8px #1e1a1606}.panel{margin-bottom:20px}.record p{color:#5e5a54;margin-bottom:8px}.record-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.reference{letter-spacing:1.15px;color:#81796e;text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.badge{letter-spacing:.45px;white-space:nowrap;background:var(--brand-soft);color:#76542f;border:1px solid #e2d2bd;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.badge.danger{color:#96382f;background:#f9eae7;border-color:#efc9c3}.exception{align-items:center;gap:20px;display:flex}.exception>div{flex:1}.split{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;display:grid}.empty{text-align:center;color:#65605a;border-radius:var(--radius);background:#faf9f6;border:1px dashed #c7c0b5;margin-bottom:24px;padding:38px}.actions,.quick-actions{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.quick-actions{margin-bottom:25px}.record-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;max-width:920px;display:grid}.record-form .actions,.record-form .error{grid-column:1/-1}.record-form label:has(textarea){grid-column:1/-1}.filter-bar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:flex-end;gap:14px;margin-bottom:22px;padding:15px;display:flex}.filter-bar>label{width:240px}.filter-bar form{flex:1;align-items:flex-end;gap:10px;display:flex}.filter-bar form label{flex:1}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:23px;display:flex}.pagination span{font-size:11px}.qr-display{max-width:500px}.qr-display img{max-width:100%;height:auto;box-shadow:var(--shadow);background:#fff;border:12px solid #fff;display:block}.scanner{max-width:550px;margin-top:20px}.scanner video{border-radius:var(--radius);background:#171614;width:100%;display:block}.verification{border:2px solid var(--brand);border-radius:var(--radius);margin-top:20px;padding:20px}.verification.valid{background:#f1f8ef;border-color:#397d59}.verification.warning{background:#fff7eb}.preserve{white-space:pre-wrap}.amount{letter-spacing:-1px;font-size:30px}.amount small{font-size:12px}.table-scroll{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}caption{text-align:left;color:#5c5750;padding:14px}td,th{border-bottom:1px solid #e9e6e0;padding:12px 13px}tr:last-child td{border-bottom:0}th{color:#625d56;text-transform:uppercase;letter-spacing:.5px;background:#f8f6f2;font-size:10px}tbody tr:hover{background:#fcfbf8}details{margin-top:15px}summary{cursor:pointer;color:#6e512f;min-height:40px;padding:8px 0;font-weight:600}.menu-button,.mobile-nav{display:none}.skip-link{z-index:99;background:#fff;padding:12px;position:fixed;top:-100px;left:300px}.skip-link:focus{top:8px}@media (max-width:1120px){.sidebar{width:236px}.workspace{width:calc(100% - 236px);margin-left:236px}.workspace main{padding:27px}.metrics{grid-template-columns:repeat(2,1fr)}.login-brand{padding:54px}.workspace-tools>span{display:none}}@media (max-width:760px){.login-layout{display:block}.login-brand{min-height:270px;padding:98px 25px 28px}.login-brand:after{inset:10px}.login-brand .wordmark{top:30px}.login-brand h1{font-size:33px}.login-brand .eyebrow,.login-footer{display:none}.login-panel{padding:31px 22px}.sidebar{display:none}.sidebar.open{z-index:50;width:min(88vw,310px);display:flex;bottom:0;box-shadow:18px 0 40px #0000003d}.sidebar-backdrop{z-index:49;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0;background:#13110f94!important}.sidebar-close{z-index:2;color:#fff;min-height:38px;padding:7px 10px;display:inline-flex;position:absolute;top:17px;right:14px;background:#2b2824!important;border-color:#51493f!important}.sidebar.open .wordmark{padding-right:70px}.workspace{width:100%;margin:0}.workspace-bar{height:58px;padding:0 16px}.workspace main{padding:24px 15px 88px}.menu-button{min-height:44px;padding:7px 11px;display:inline-flex}.breadcrumb{display:none}.mobile-nav{border-top:1px solid var(--line);padding:4px 2px calc(4px + env(safe-area-inset-bottom));z-index:30;background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #1e1a160f}.mobile-nav button{color:#625d56;background:0 0;border:0;border-radius:4px;min-width:55px;min-height:48px;padding:7px 5px;font-size:10px}.mobile-nav button[aria-current=page]{color:#6f4e29;background:var(--brand-soft)}.page-heading{display:block}.page-heading>button{margin-top:18px}h1{font-size:28px}.metrics{gap:9px}.metric{padding:16px}.metric strong{font-size:28px}.record,.panel{padding:16px}.split,.record-form{grid-template-columns:1fr}.exception{flex-wrap:wrap;align-items:flex-start}.exception>div{min-width:65%}.filter-bar{display:block}.filter-bar>label{width:100%;margin-bottom:14px}.filter-bar form{display:grid}.record-heading{gap:8px}.badge{white-space:normal}.pagination{gap:9px}.pagination button{padding:9px}.skip-link{left:20px}.workspace-tools{margin-left:auto}}.breadcrumb>span{color:#6b6761}.sidebar-footer>div{min-width:0}.sidebar-footer strong,.sidebar-footer small{display:block}.reference{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.search-layout{grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:start;gap:18px;display:grid}.search-layout .records{min-width:0}.search-layout .panel{margin-bottom:0}.search-result{border:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);text-align:left;overflow-wrap:anywhere;background:#fff;flex-direction:column;align-items:flex-start;gap:3px;margin-top:8px;padding:11px 12px;display:flex}.search-result:hover,.search-result[aria-pressed=true]{border-color:var(--brand);color:var(--ink);background:#faf7f2}.search-result strong{font-size:12px}.search-result span{color:var(--ink-soft);font-size:11px;font-weight:400}.search-preview{position:sticky;top:86px}.search-preview dl{margin:15px 0}.search-preview dl div{border-bottom:1px solid var(--line);padding:9px 0}.search-preview dt{color:var(--ink-soft);font-size:10px}.search-preview dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:12px;font-weight:600}.search-preview .preserve{overflow-wrap:anywhere}.search-preview button{margin-top:10px}@media (max-width:920px){.search-layout{grid-template-columns:1fr}.search-preview{position:static}}.search-layout-single{display:block}.search-layout-single .search-preview{max-width:650px;position:static}.search-filter>label{flex:1;width:min(100%,600px)}.resident-metrics .metric-date{letter-spacing:-.5px;font-size:21px;line-height:1.25}.resident-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.resident-home{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.resident-home dl{min-width:230px;margin:0}.resident-home dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:7px 0;display:flex}.resident-home dl div:last-child{border:0}.resident-home dt{color:var(--ink-soft);font-size:11px}.resident-home dd{text-align:right;margin:0;font-size:11px;font-weight:600}.resident-overview{align-items:stretch}.resident-overview>.panel{margin-bottom:0}.resident-overview .section-heading{align-items:flex-start;gap:14px;margin-bottom:17px}.resident-overview .section-heading h2{margin-bottom:0}.resident-overview .section-heading button,.section-heading>.secondary{min-height:34px;padding:6px 11px;font-size:10px}.compact-amount{margin-bottom:4px}.dashboard-records{margin-bottom:24px}.dashboard-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:12px 0;display:flex}.dashboard-line:last-child{border-bottom:0}.dashboard-line p{color:var(--ink-soft);margin:3px 0 0;font-size:11px}.dashboard-line>time,.dashboard-line>div:last-child{color:var(--ink-soft);text-align:right;flex-shrink:0;font-size:10px}.dashboard-line>div:last-child small{margin-top:7px;display:block}.dashboard-line.unread{border-left:3px solid var(--brand);padding-left:11px}.dashboard-line.unread strong:after{content:" New";color:var(--brand-dark);text-transform:uppercase;letter-spacing:.8px;margin-left:5px;font-size:8px}@media (max-width:900px){.resident-home-grid{grid-template-columns:1fr}}@media (max-width:760px){.resident-home{display:block}.resident-home dl{min-width:0}.resident-metrics .metric-date{font-size:17px}.dashboard-line{gap:10px}}.support-banner{z-index:20;color:#fff;border-bottom:3px solid var(--bronze,#a46f42);background:#2b211b;justify-content:space-between;align-items:center;gap:1rem;margin:-1.5rem -1.5rem 1.5rem;padding:.9rem 1.1rem;display:flex;position:sticky;top:0}.support-banner div{gap:.2rem;display:grid}.support-banner span{color:#eadfd6;font-size:.84rem}.credential-card{max-width:48rem}.credential-card .qr-display{max-width:20rem}