:root{font-family:Inter,system-ui,sans-serif;color:#16251f;background:#f4f7f5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:8px;background:#087f5b;color:#fff;padding:11px 15px;display:inline-flex;gap:8px;align-items:center;cursor:pointer}input{border:1px solid #ccd8d1;border-radius:8px;padding:11px 12px;background:#fff}main{min-height:100vh}.auth{display:grid;place-items:center}.auth form{background:#fff;padding:34px;width:min(400px,calc(100% - 32px));display:grid;gap:14px;border-radius:14px;box-shadow:0 15px 50px #16352a18}.auth h1{margin:0}.auth p{color:#b42318}header{height:72px;padding:0 5vw;background:#fff;border-bottom:1px solid #e1e9e4;display:flex;justify-content:space-between;align-items:center}header div{display:flex;gap:10px;align-items:center}header small{color:#688078;margin-left:8px}.content{max-width:1100px;margin:0 auto;padding:42px 24px}.title h1{margin:0}.title p{color:#688078}.create{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:10px;margin:28px 0}.list{display:grid;gap:12px}.list article{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e1e9e4;border-radius:10px;padding:20px}.list h2{margin:0 0 5px}.list p,.list small{color:#688078;margin:0}.list article>div:last-child{display:grid;text-align:right;gap:5px}.active{color:#087f5b}.disabled{color:#b42318}@media(max-width:760px){.create{grid-template-columns:1fr}.list article{display:grid;gap:16px}.list article>div:last-child{text-align:left}}button{white-space:nowrap;transition:background .15s,opacity .15s}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #087f5b;outline-offset:3px}main{min-height:100dvh}.content{max-width:1280px}nav{display:flex;gap:8px;border-bottom:1px solid #dce5df;padding-bottom:20px;margin-bottom:32px}.quiet{background:transparent;color:#486057}.quiet:hover{background:#e5eee9;filter:none}.title{display:flex;align-items:center;justify-content:space-between;gap:16px}.title h2{font-size:18px;margin:0}.title>span,.title h2 span{color:#688078;font-size:14px;font-weight:400}.title h1{font-size:26px;letter-spacing:-.5px}.list h2{font-size:18px}.list article{gap:20px}.list article>div:first-child{flex:1}.list article>div:nth-child(2){display:grid;gap:8px;text-align:right;justify-items:end}.list small{overflow-wrap:anywhere}select{font:inherit;border:1px solid #ccd8d1;border-radius:8px;padding:10px 12px;background:#fff;color:inherit}.filters{display:flex;gap:12px;margin:24px 0}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ccd8d1;border-radius:8px;padding:0 12px;color:#688078}.search input{border:0;min-width:0;padding-left:0;background:transparent;flex:1}.filters .search{width:min(420px,100%)}.table-wrap{border:1px solid #e1e9e4;border-radius:10px;background:#fff;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{font-weight:500;color:#688078;background:#f8faf9;white-space:nowrap}th,td{padding:16px 20px;border-bottom:1px solid #edf1ee}td{vertical-align:middle;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}td strong{font-weight:500}td small{display:block;color:#688078;font-size:12px;margin-top:5px}td:first-child{min-width:180px;overflow-wrap:anywhere}td:last-child{white-space:nowrap}.status{font-size:12px;padding:4px 8px;border-radius:4px;display:inline-block;white-space:nowrap;background:#edf2ef;color:#53695f}.status.active{background:#e9f5ee;color:#087f5b}.status.disabled,.status.suspended{background:#f8edeb;color:#a34134}.status.pending,.status.invited{background:#faf2df;color:#8a641b}.empty{padding:40px 24px;text-align:center;color:#688078;font-size:14px}.pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:20px;font-size:14px;color:#688078}.pagination>span{margin-right:auto}.company-info{background:#fff;border:1px solid #e1e9e4;border-radius:10px;padding:22px;display:flex;flex-wrap:wrap;gap:32px;margin:24px 0 32px}.company-info dt{color:#688078;font-size:13px;margin-bottom:8px}.company-info dd{margin:0;overflow-wrap:anywhere}.company-info a{color:#087f5b}.members-title{margin-bottom:18px}.back{padding-left:0;margin-bottom:20px}.memberships{display:grid;gap:6px}.enterprise-link{display:block;text-align:left;color:#087f5b;background:transparent;padding:5px 0;white-space:normal;font-size:14px}.enterprise-link small{font-weight:400}.muted{color:#84968c}.edit-panel{border:1px solid #bdd7c8;padding:22px;border-radius:10px;background:#f9fcfa;margin-bottom:22px}.edit-fields{display:flex;gap:16px;align-items:end;margin-top:18px}.edit-fields label{display:grid;gap:8px;font-size:13px}.edit-fields label:first-child{flex:1}.edit-fields input{width:100%}[role=alert]{color:#a34134;background:#fff0ed;border-radius:8px;padding:12px 16px;font-size:14px}.success{color:#087f5b;font-size:14px}.warning{color:#926815;font-size:13px}.auth input{width:100%}@media(max-width:760px){header{padding:0 20px}header small{display:none}.content{padding:24px 16px}.filters{flex-wrap:wrap}.filters .search{width:100%}.list article{display:flex;flex-wrap:wrap}.list article>div:nth-child(2){text-align:left;justify-items:start;width:100%;order:3}.members-title{align-items:flex-start;flex-direction:column}.edit-fields{flex-wrap:wrap}.edit-fields label:first-child{flex-basis:100%}.company-info{gap:20px}.title h1{font-size:22px}th,td{padding:14px 16px}}
