@import url('/fonts.css');
:root{--ink:#182c2b;--muted:#73817e;--teal:#14695b;--line:#e3e8e3;--bg:#f5f6f2;--orange:#edbc76;--red:#a84136}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.5 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{transition:background .15s,box-shadow .15s}button:focus-visible,a:focus-visible{outline:3px solid #e9ac5a;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #8bc1ac;outline-offset:1px}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.2;font-weight:600}h2{font-size:18px;letter-spacing:-.4px;font-weight:600}h3{font-size:14px;font-weight:650}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--teal);display:block;margin-bottom:12px}.eyebrow.light{color:#b9d2be}.brand{display:flex;gap:11px;align-items:center;color:white;font-size:24px;font-weight:600;letter-spacing:-.9px}.brand-mark{background:#d8e8c5;color:#143f37;width:39px;height:41px;display:grid;place-content:center;position:relative;border-radius:12px;font-size:33px;font-weight:700;line-height:1}.brand-mark span{position:absolute;right:5px;bottom:7px;font-size:25px}.brand-sub{display:block;font-size:8px;letter-spacing:2.2px;line-height:1.5;color:#a5bfb6;margin-top:1px}.button{border-radius:7px;border:1px solid transparent;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--teal);color:white;box-shadow:0 2px 3px #164f3412}.primary:hover{background:#0e5146}.secondary{background:white;border-color:#dce3dc;color:#42534e}.secondary:hover{background:#f3f6f1}.danger{color:#a13d33;background:#fff1ed;border-color:#f0d4cc}.danger:hover{background:#ffe1d9}.wide{width:100%;justify-content:space-between}.demo-pill{color:#776341;font-size:9px;letter-spacing:1px;border:1px solid #dfd9c6;border-radius:5px;padding:6px 9px;font-weight:650;background:#f9f6ec}.online-dot{width:6px;height:6px;background:#76b18b;display:inline-block;border-radius:50%;margin-right:5px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex:none;background:#dce5d7;color:#3f6154;font-weight:650}.avatar.small{width:29px;height:29px;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{padding:45px 56px;background:#183d34;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:620px;height:620px;border:1px solid #ffffff08;border-radius:50%;left:-290px;bottom:-390px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03}.story-content{margin:auto 0;max-width:490px;padding:70px 0}.story-content h1{font-size:clamp(38px,4vw,62px);letter-spacing:-2.5px;line-height:1.12;margin:20px 0 25px;font-weight:500}.story-content>p{font-size:16px;color:#b4c7bc;max-width:350px}.story-card{margin-top:55px;background:#ffffff07;border:1px solid #ffffff16;border-radius:13px;padding:22px;max-width:390px}.story-card-top{display:flex;gap:13px;align-items:center;font-size:13px}.mini-symbol{height:37px;width:37px;display:grid;place-items:center;border-radius:10px;color:#d5e7c3;background:#ffffff0d}.story-card-top>span:nth-child(2){flex:1}.story-card-top span span{display:block;color:#9bb7aa;font-size:11px;margin-top:3px}.journey{display:flex;align-items:center;gap:12px;padding-top:23px;margin-top:20px;border-top:1px solid #ffffff12;color:#c8d9ce;font-size:10px}.journey i{height:1px;background:#ffffff25;flex:1}.story-footer{font-size:10px;color:#8eac9f;display:flex;justify-content:space-between;z-index:1}.login-side{padding:45px 50px;display:flex;flex-direction:column;align-items:flex-start;background:#fbfcf8}.login-side>.demo-pill{align-self:flex-end}.login-box{width:100%;max-width:370px;margin:auto}.login-box h2{font-size:29px;letter-spacing:-1px;margin:15px 0 10px}.login-box form{margin-top:33px}.login-box form>.button{margin-top:12px}.login-box label{margin-bottom:20px}.login-side footer{width:100%;display:flex;justify-content:space-between;color:#99a29b;font-size:9px;margin-top:50px}.demo-note{margin-top:30px;padding:17px 19px;border:1px solid var(--line);border-radius:8px;background:#f5f7f1;font-size:11px;color:#7a857a}.demo-note strong{color:#4f6555;font-weight:600;display:block;margin-bottom:4px}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:10px;top:8px;padding:4px 6px;border:0;background:none;color:#6d7e74;font-size:11px}label{display:block;font-size:11px;font-weight:600;color:#58675f}input,select,textarea{width:100%;margin-top:7px;border:1px solid #dce2d9;border-radius:6px;padding:11px 12px;color:var(--ink);background:white;line-height:1.5;font-size:13px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a3aaa1;font-weight:400}
.workspace{display:flex;min-height:100vh}.sidebar{width:238px;background:#183d34;color:#b5c8bc;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:29px 20px;z-index:2}.sidebar>.brand{padding:0 10px}.scope{border:1px solid #ffffff18;border-radius:8px;margin-top:36px;padding:12px 10px;display:flex;gap:10px;align-items:center;font-size:11px;color:#dae4da}.scope small{display:block;color:#90ad9c;font-size:10px;margin-top:3px}.scope-icon{font-size:22px;color:#bfcea8}.nav-label{font-size:9px;letter-spacing:1.5px;color:#799a88;margin:28px 12px 10px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;color:#adc3b5;padding:12px;border-radius:7px;text-align:left;font-size:12px;margin:4px 0}.nav-item>span{font-size:19px;line-height:1;width:18px;color:#8aac98}.nav-item.active{color:#f1f5e8;background:#ffffff0e;box-shadow:inset 3px 0 #d6e6ae}.nav-item:hover{background:#ffffff13}.nav-item b{margin-left:auto;border:1px solid #ffffff21;border-radius:4px;font-weight:400;padding:0 5px;font-size:10px}.sidebar-bottom{margin-top:auto}.preview-card{padding:15px 12px;border-radius:8px;background:#ffffff06;font-size:11px;color:#c5d6c8}.preview-card p{font-size:10px;color:#89a994;margin-top:7px}.profile{display:flex;align-items:center;text-align:left;gap:10px;color:#e0e8db;font-size:11px;border:0;border-top:1px solid #ffffff12;background:none;width:100%;padding:22px 0 0;margin-top:22px}.profile small{display:block;color:#88a58f;font-size:10px;margin-top:4px}.workspace main{margin-left:238px;min-width:0;flex:1}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:#fafbf7}.breadcrumb{font-size:11px;color:#8a958b;display:flex;gap:15px}.breadcrumb strong{font-weight:500;color:#40554b}.topbar-right{display:flex;gap:20px;align-items:center}.content{max-width:1450px;padding:38px 42px 20px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.heading h1{font-size:34px}.heading p{margin-top:10px;color:#79867c;font-size:13px}.heading .eyebrow{font-size:9px;margin-bottom:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.metrics article{background:#fff;border:1px solid var(--line);padding:20px 22px;border-radius:10px;box-shadow:0 2px 2px #21401d02}.metrics article>div{display:flex;justify-content:space-between;align-items:center;color:#7c887f;font-size:11px}.metric-icon{background:#f4f5ee;color:#86917f;border-radius:6px;padding:3px 7px;font-size:16px}.metric-icon.green{background:#eef5e9;color:#67935b}.metrics strong{font-size:32px;display:block;line-height:1;margin:16px 0 12px;font-weight:500;letter-spacing:-1px}.metrics small{font-size:10px;color:#94a08f}.table-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 3px 4px #24351402}.table-intro{padding:24px 24px 19px;display:flex;justify-content:space-between;align-items:center;gap:20px}.table-intro h2{font-size:15px}.table-intro p{font-size:11px;color:#8a958c;margin-top:4px}.small-label{font-size:10px;color:#8a958c}.toolbar{display:flex;justify-content:space-between;gap:20px;padding:0 24px 21px;align-items:center}.tabs{display:flex;gap:4px;border:1px solid #e8ebe2;background:#f7f8f3;padding:3px;border-radius:7px}.tabs button{font-size:11px;padding:6px 12px;border:1px solid transparent;background:none;color:#89917f;border-radius:5px}.tabs button.selected{background:white;color:#335f4d;border-color:#e2e5da;box-shadow:0 1px 3px #00000006}.search{position:relative;width:290px}.search input{margin:0;font-size:11px;padding:9px 12px 9px 33px}.search>span{position:absolute;left:12px;top:5px;font-size:21px;color:#93a18e}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f8f9f5;padding:12px 24px;color:#8b9588;letter-spacing:1px;font-size:9px;font-weight:500;border-top:1px solid #ebeee7;border-bottom:1px solid #ebeee7}td{padding:22px 24px;font-size:11px;border-bottom:1px solid #edf0e9;color:#61705f}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}.company-name{display:flex;gap:12px;align-items:center;border:0;background:none;padding:0;text-align:left;color:#253c30;font-weight:600;font-size:12px}.company-name:hover{text-decoration:underline}.company-name small{display:block;color:#8a9688;font-size:10px;font-weight:400;margin-top:4px}.company-monogram{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;font-size:12px;background:#eff3e9;color:#6c8058;flex:none}.tone-1{background:#edf1f7;color:#6e83a4}.tone-2{background:#f8eee5;color:#b58a5d}.company-contact small{display:block;color:#a0a997;font-size:10px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;font-size:10px;padding:4px 8px;background:#f0f6ed;color:#5b7f4a}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.inactive{background:#f6eeeb;color:#ac7764}.badge.neutral{background:#f1f2ec;color:#949b86}.row-actions{display:flex;gap:9px}.text-button{font-size:11px;background:none;border:0;color:#69816a;padding:5px}.text-button:hover{color:#1c543e;background:#f3f5ee;border-radius:4px}.table-footer{border-top:1px solid var(--line);padding:15px 24px;display:flex;justify-content:space-between;font-size:9px;color:#9ba58f;gap:20px}.bottom-note{display:flex;gap:10px;align-items:center;color:#8c9887;margin:21px 3px;font-size:11px}.bottom-note>span{font-size:17px}.bottom-note strong{font-weight:500;color:#718269}.content-footer{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;border-top:1px solid #e6eade;color:#a0aa95;font-size:9px}.content-footer b{color:#9ab484}.empty{text-align:center;padding:40px;color:#879780}.empty>span{font-size:32px}.empty h3{font-size:16px;margin-top:10px}.empty p{font-size:12px;margin:8px 0 18px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-grid article{padding:26px}.step-number{font-size:28px;color:#a6b997;display:block;margin-bottom:28px}.guide-grid p{font-size:12px;color:#819078;margin:12px 0 23px}.activity-list{padding:5px 24px}.activity-item{display:flex;gap:16px;padding:21px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border:0}.activity-item p{font-size:12px}.activity-item small{color:#8b9780;font-size:10px}.activity-empty{padding:30px;color:#84937b;font-size:13px}
dialog{border:1px solid #e4e9de;box-shadow:0 25px 100px #0d261735;border-radius:14px;padding:0;width:min(720px,calc(100% - 32px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:#162c2b66;backdrop-filter:blur(3px)}.dialog-head{padding:26px 30px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-head .eyebrow{font-size:9px;margin-bottom:7px}.dialog-head h2{font-size:23px}.icon-button{background:#f4f6f0;color:#819176;border:0;border-radius:6px;width:30px;height:30px;font-size:24px;line-height:1}.dialog-body{padding:23px 30px;max-height:65vh;overflow:auto}.form-intro{font-size:11px;color:#84917c;margin-bottom:23px}.dialog-body h3{margin:17px 0 14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-grid.three{grid-template-columns:1fr 1.5fr 1.5fr;margin-top:16px}.dialog-footer{padding:18px 30px;background:#f8faf4;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.form-message{color:var(--red);font-size:12px}.compact-dialog{max-width:450px}.compact-dialog .dialog-body p{color:#6f7f66;margin-bottom:20px;font-size:13px}.detail-heading{display:flex;align-items:center;gap:15px;margin-bottom:25px}.detail-heading .company-monogram{width:55px;height:55px;font-size:18px}.detail-heading p{color:#88967b;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;margin:24px 0}.detail-grid dt{font-size:10px;color:#8b987e;margin-bottom:6px}.detail-grid dd{font-size:13px;margin:0;overflow-wrap:anywhere}.detail-notice{padding:16px;background:#f4f6ee;border-radius:7px;color:#859275;font-size:11px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);background:#193e30;color:white;padding:14px 24px;border-radius:8px;box-shadow:0 8px 30px #0002;z-index:100;font-size:13px;max-width:90vw}
@media(min-width:1500px){.content{padding-top:50px}.heading{margin-bottom:40px}.metrics{margin-bottom:35px}td{padding-top:27px;padding-bottom:27px}}@media(max-width:1100px){.sidebar{width:210px;padding:25px 15px}.workspace main{margin-left:210px}.topbar{padding:0 25px}.content{padding:30px 25px}.toolbar{flex-wrap:wrap}.search{width:250px}td,th{padding-left:18px;padding-right:18px}.guide-grid{grid-template-columns:1fr}.login-story{padding:35px}.login-side{padding:35px}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-side{min-height:100vh;padding:25px}.login-box{padding:45px 0}.sidebar{position:static;width:100%;padding:15px 20px}.workspace{display:block}.sidebar>.brand{font-size:20px}.sidebar .brand-sub,.scope,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:15px;gap:5px}.nav-item{font-size:11px;padding:8px}.nav-item b{display:none}.workspace main{margin:0}.topbar{height:60px;padding:0 20px}.content{padding:25px 18px}.heading{align-items:flex-start}.heading h1{font-size:28px}.heading p{font-size:11px}.heading .button{padding:9px;font-size:11px;margin-top:22px}.metrics{gap:8px}.metrics article{padding:13px 10px}.metrics article>div{font-size:9px}.metric-icon{display:none}.metrics strong{font-size:26px}.metrics small{font-size:8px}.toolbar{gap:12px;padding-left:16px;padding-right:16px}.search{width:100%}.table-intro{padding:20px 16px}.table-footer{flex-direction:column;gap:4px}.bottom-note{align-items:flex-start}.content-footer>span:last-child{display:none}.form-grid,.form-grid.three{grid-template-columns:1fr}.dialog-head,.dialog-body,.dialog-footer{padding:20px}.detail-grid{grid-template-columns:1fr}.login-side footer span{display:none}}

.tenant-card{padding:28px;margin-bottom:22px}.access-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.access-row small{display:block;margin-top:6px;color:#6f7f66}.access-row .row-actions{flex-wrap:wrap}#account-form{display:grid;gap:16px}#accounts-list{margin-bottom:24px}
.advisor-phone{display:block;margin-top:6px;color:#71816d}#advisor-load-error{padding:0 24px}#detail-actions{flex-wrap:wrap}#advisor-rows .row-actions{flex-wrap:wrap}
.device-license{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.device-license p{color:#6f7f66;font-size:13px;margin-top:12px}#device-rows .row-actions{flex-wrap:wrap}#device-load-error{padding:0 24px}#device-code{font-family:monospace;overflow-wrap:anywhere}

.device-qr-wrap{display:flex;justify-content:center;margin:16px 0;background:white}.device-qr-wrap img{display:block;width:min(100%,360px);height:auto;image-rendering:pixelated}#device-code-alternative summary{cursor:pointer;padding:12px 0;font-weight:600}#device-code-alternative textarea{margin-top:8px}#device-code-expiry{text-align:center;font-weight:600;font-variant-numeric:tabular-nums}