@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#152b2a;--green:#cbea63;--muted:#73827d;--line:#dfe5df;--paper:#f5f7f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}h1{font-size:38px;letter-spacing:-1.8px;line-height:1.2;font-weight:600;margin:10px 0 14px}h2{font-size:20px}h3{font-size:25px;font-weight:500}em{font-style:normal;color:#718f45}p{color:#667770;line-height:1.65}button,input,select{font:inherit}button{cursor:pointer;border:1px solid transparent;background:var(--ink);color:white;border-radius:9px;padding:12px 18px;font-weight:600}button:hover{filter:brightness(1.13)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #96b544;outline-offset:2px}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}input,select{border:1px solid var(--line);border-radius:8px;padding:12px;background:white;color:var(--ink);min-width:0}label{display:grid;gap:9px;margin:18px 0;font-weight:500}form>button{width:100%;margin-top:10px}input{width:100%}.brand{font-size:20px;letter-spacing:-.6px;font-weight:800;white-space:nowrap}.brand>span{color:#99bd39;margin-right:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:20px}.intro{border-radius:20px;background:#173c36;color:white;padding:45px 55px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.intro:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #46705a;border-radius:50%;right:-240px;bottom:-80px;box-shadow:0 0 0 45px #24483e,0 0 0 46px #46705a,0 0 0 100px #24483e;pointer-events:none}.intro .brand{position:absolute;top:35px}.intro h1{font-size:clamp(45px,5vw,78px);font-weight:500;margin-top:15px;letter-spacing:-3px;z-index:1}.intro em{color:var(--green)}.intro p{color:#b4c7ba}.intro-foot{position:absolute;bottom:35px;font-size:10px;letter-spacing:2px;color:#b4c7ba}.auth-main{width:min(100%,390px);margin:auto;padding:35px 15px}.auth-main h2{font-size:28px;letter-spacing:-1px;margin-top:28px}.pill{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:7px 12px;color:#64804d}.text-button{background:transparent;color:var(--ink);padding-left:0}.auth-caption{font-size:12px}#workspace{display:grid;grid-template-columns:234px 1fr;min-height:100dvh}aside{padding:32px 22px;border-right:1px solid var(--line);background:#fff;position:sticky;top:0;height:100dvh}aside>.eyebrow{margin-top:55px;color:var(--muted)}.business-label{font-size:12px}.business-label select{width:100%}nav{margin-top:35px;display:grid;gap:8px}nav button{text-align:left;background:transparent;color:#76847c}nav .nav-active{background:#eaf0df;color:var(--ink)}.sidebar-foot{position:absolute;bottom:28px;font-size:10px;color:#778b7b}.live-dot{display:inline-block;width:6px;height:6px;background:#799a4c;border-radius:50%;margin-right:5px}.content{min-width:0}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}header>span{font-size:12px;font-weight:600}header button{font-size:12px}main{padding:36px 40px;max-width:1550px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading>button{white-space:nowrap}.heading p{margin-bottom:0}.summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.summary>div{border:1px solid var(--line);border-radius:14px;padding:23px 28px;background:white}.summary span{font-size:10px;letter-spacing:1.5px}.summary strong{display:block;font:500 56px Manrope,sans-serif;margin:8px 0}.summary small{color:var(--muted)}.summary .summary-note{background:#e8efdd;position:relative}.summary-note h3{margin:15px 0 5px;letter-spacing:-1px}.summary-note p{font-size:12px;margin:0}.directory-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;flex-wrap:wrap}.toolbar h2{margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input{width:200px}.filters input,.filters select{padding:9px 10px;font-size:12px}.person{padding:17px 24px;border-top:1px solid #eef0eb;display:grid;grid-template-columns: minmax(150px,1.4fr) 1fr 90px 70px;align-items:center;gap:15px}.identity{display:flex;align-items:center;gap:12px}.avatar{background:#edf1e6;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:600;flex-shrink:0}.person strong{display:block;font-size:13px}.person small{display:block;color:#859087;margin-top:4px;font-size:11px}.badge{font-size:10px;border-radius:20px;padding:6px 10px;background:#edf4e5;color:#648348;width:fit-content}.badge.off{background:#f6ece7;color:#a76d4f}.person button{padding:7px 10px;font-size:11px}.pagination{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px}.pagination button{font-size:11px;padding:8px}.empty{padding:30px;text-align:center;color:var(--muted)}.pending{margin-top:32px}.pending>p{font-size:12px}.invitation{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.invitation button{font-size:11px}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:min(460px,calc(100% - 30px));color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#102e2866;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0}.dialog-heading button{padding:4px 10px}.check{display:flex;align-items:center}.check input{width:auto}dialog p{font-size:12px}code{display:block;overflow-wrap:anywhere;padding:16px;background:var(--paper);border-radius:8px;margin-bottom:16px}#feedback{position:fixed;bottom:25px;right:25px;max-width:min(440px,90vw);padding:16px 22px;border-radius:10px;background:#173c36;color:white;z-index:10;box-shadow:0 5px 30px #0002}#feedback.error{background:#8f3a2c}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1600px){main{padding-top:55px}}@media(max-width:1000px){#workspace{grid-template-columns:190px 1fr}aside{padding:25px 15px}header{padding:0 24px}main{padding:25px 24px}h1{font-size:30px}.heading{align-items:flex-start;flex-direction:column}.person{grid-template-columns:1.4fr 1fr 70px}.person>button{grid-column:3}.summary{gap:12px}}@media(max-width:650px){.auth{grid-template-columns:1fr;padding:0}.intro{display:none}.auth-main{padding:40px 25px}#workspace{display:block}aside{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.business-label{margin:14px 0 0}.business-label select{padding:8px}aside>.eyebrow,.sidebar-foot{display:none}nav{display:flex;margin-top:15px}nav button{flex:1;font-size:12px}header{height:62px;padding:0 20px}main{padding:24px 16px}h1{font-size:29px}.heading>button{width:100%}.summary>div{padding:18px}.summary span{font-size:8px}.summary-note h3{font-size:19px}.summary strong{font-size:45px}.toolbar{padding:18px}.filters{width:100%}.filters input{width:100%}.filters select{flex:1;max-width:100%}.person{padding:16px;grid-template-columns:1fr auto;gap:10px}.person>.badge{grid-column:2;grid-row:1}.person>.role{font-size:12px;margin-left:50px}.person>button{grid-column:2}.pagination{padding:14px}.pagination span{font-size:10px}}