.button{min-height:36px;padding:0 16px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:600}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:#175cd3;color:#fff}.button--primary:hover{background:#1849a9}.button--secondary{background:#fff;border-color:#dfe4ea;color:#18212f}.button--danger{background:#b42318;color:#fff}.text-field{display:grid;gap:8px}.text-field>span{color:#18212f;font-size:13px;font-weight:700}.text-field>input{width:100%;min-height:38px;padding:0 12px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;color:#18212f}.text-field>input:focus{border-color:#175cd3;outline:2px solid rgba(23,92,211,.16)}.app-layout{display:grid;min-height:100vh;grid-template-columns:248px 1fr}.app-layout>aside.app-layout__sidebar{display:flex;flex-direction:column;gap:24px;padding:24px;border-right:1px solid #dfe4ea;background:#101828;color:#fff}.app-layout>aside.app-layout__sidebar>div.app-layout__brand{display:flex;align-items:center;gap:12px}.app-layout>aside.app-layout__sidebar>div.app-layout__brand>strong{font-size:16px}.app-layout>aside.app-layout__sidebar>nav.app-layout__nav{display:grid;gap:8px}.app-layout>aside.app-layout__sidebar>nav.app-layout__nav>a{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:6px;color:#d0d5dd}.app-layout>aside.app-layout__sidebar>nav.app-layout__nav>a.active,.app-layout>aside.app-layout__sidebar>nav.app-layout__nav>a:hover{background:#1d2939;color:#fff}.app-layout>main.app-layout__main{display:grid;grid-template-rows:auto auto auto 1fr;min-width:0}.app-layout>main.app-layout__main>header.app-layout__topbar{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #dfe4ea;background:#fff}.app-layout>main.app-layout__main>header.app-layout__topbar>div.app-layout__status,.app-layout>main.app-layout__main>header.app-layout__topbar>div.app-layout__actions{display:flex;align-items:center;gap:12px}.app-layout>main.app-layout__main>header.app-layout__topbar>div.app-layout__status{color:#667085}.app-layout>main.app-layout__main>header.app-layout__topbar>div.app-layout__status>strong{color:#18212f;text-transform:capitalize}.app-layout>main.app-layout__main>header.app-layout__topbar>div.app-layout__actions>button.button>svg{flex:0 0 auto}.app-layout>main.app-layout__main>section.app-layout__password{padding:16px 24px 0}.app-layout>main.app-layout__main>section.app-layout__password>form{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;align-items:end}.app-layout>main.app-layout__main>p.app-layout__message{margin:12px 24px 0;color:#667085}.app-layout>main.app-layout__main>section.app-layout__content{padding:24px}@media(max-width:760px){.app-layout{grid-template-columns:1fr}.app-layout>aside.app-layout__sidebar{gap:16px}.app-layout>aside.app-layout__sidebar>nav.app-layout__nav{grid-template-columns:repeat(4,minmax(0,1fr))}.app-layout>main.app-layout__main>header.app-layout__topbar{align-items:stretch;flex-direction:column}.app-layout>main.app-layout__main>section.app-layout__password>form{grid-template-columns:1fr}}.empty-state{padding:24px;border:1px dashed #dfe4ea;border-radius:8px;text-align:center}.empty-state>strong{display:block;color:#18212f}.empty-state>p{margin:8px 0 0;color:#667085}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:700}.status-badge--success{background:#dcfae6;color:#067647}.status-badge--warning{background:#fef0c7;color:#b54708}.status-badge--danger{background:#fee4e2;color:#b42318}.status-badge--neutral{background:#eef2f6;color:#667085}.agents-page{background:#fff;border:1px solid #dfe4ea;border-radius:8px;box-shadow:0 1px 2px #10182814;overflow:hidden}.agents-page>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #dfe4ea}.agents-page>header>h1{margin:0;font-size:24px}.agents-page>section.agents-page__create{display:grid;gap:12px;padding:20px;border-bottom:1px solid #dfe4ea}.agents-page>section.agents-page__create>form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.agents-page>section.agents-page__create>form>label{display:grid;flex:1 1 260px;gap:4px}.agents-page>section.agents-page__create>form>label>span{color:#667085;font-size:13px;font-weight:700}.agents-page>section.agents-page__create>form>label>input{min-height:38px;padding:0 12px;border:1px solid #dfe4ea;border-radius:6px;color:#18212f}.agents-page>section.agents-page__create>form>button{min-height:38px;padding:0 16px;border:0;border-radius:6px;background:#175cd3;color:#fff;font-weight:700;cursor:pointer}.agents-page>section.agents-page__create>form>button:disabled{cursor:not-allowed;opacity:.55}.agents-page>section.agents-page__create>p{margin:0;color:#b42318;font-weight:700}.agents-page>section.agents-page__create>div.agents-page__token{display:grid;gap:8px;padding:16px;border:1px solid #dfe4ea;border-radius:8px;background:#f6f7f9}.agents-page>section.agents-page__create>div.agents-page__token>strong{color:#18212f}.agents-page>section.agents-page__create>div.agents-page__token>code{overflow-wrap:anywhere;color:#1849a9;font-weight:700}.agents-page>section.agents-page__create>div.agents-page__token>small{color:#667085}.agents-page>section.agents-page__create>div.agents-page__token>button{justify-self:start;min-height:34px;padding:0 12px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;color:#18212f;font-weight:700;cursor:pointer}.agents-page>div.agents-page__empty{padding:20px}.agents-page>table{width:100%;border-collapse:collapse}.agents-page>table>thead>tr>th{padding:12px 20px;border-bottom:1px solid #dfe4ea;color:#667085;font-size:12px;text-align:left;text-transform:uppercase}.agents-page>table>tbody>tr>td{padding:16px 20px;border-bottom:1px solid #dfe4ea}.agents-page>table>tbody>tr>td>a{display:block;color:#175cd3;font-weight:700}.agents-page>table>tbody>tr>td>small{display:block;margin-top:4px;color:#667085}.agent-detail-page{background:#fff;border:1px solid #dfe4ea;border-radius:8px;box-shadow:0 1px 2px #10182814;padding:20px}.agent-detail-page>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.agent-detail-page>header>h1{margin:0;font-size:24px}.agent-detail-page>dl{display:grid;gap:16px;margin:20px 0 0}.agent-detail-page>dl>div{display:grid;gap:4px}.agent-detail-page>dl>div>dt{color:#667085;font-size:13px}.agent-detail-page>dl>div>dd{margin:0;overflow-wrap:anywhere;font-weight:600}.agent-detail-page>section{display:grid;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #dfe4ea}.agent-detail-page>section>h2{margin:0;font-size:18px}.agent-detail-page>section>p{margin:0;color:#667085}.agent-detail-page>section>table{width:100%;border-collapse:collapse}.agent-detail-page>section>table>thead>tr>th{padding:12px;border-bottom:1px solid #dfe4ea;color:#667085;font-size:12px;text-align:left;text-transform:uppercase}.agent-detail-page>section>table>tbody>tr>td{padding:12px;border-bottom:1px solid #dfe4ea;overflow-wrap:anywhere}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f3f6f8}.login-page>section.login-page__panel{display:grid;width:min(420px,100%);gap:20px}.login-page>section.login-page__panel>div.login-page__brand{display:flex;align-items:center;gap:12px;color:#101828}.login-page>section.login-page__panel>div.login-page__brand>strong{font-size:18px}.login-page>section.login-page__panel>form{display:grid;gap:16px;padding:24px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;box-shadow:0 10px 30px #10182814}.login-page>section.login-page__panel>form>header{display:flex;align-items:center;gap:12px}.login-page>section.login-page__panel>form>header>h1{margin:0;font-size:24px}.login-page>section.login-page__panel>form>p{margin:0;color:#b42318}.overview-page{display:grid;gap:20px}.overview-page>div.overview-page__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.overview-page>div.overview-page__header>h1{margin:0;font-size:28px}.overview-page>div.overview-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.overview-page>div.overview-page__grid>article.overview-page__metric{background:#fff;border:1px solid #dfe4ea;border-radius:8px;box-shadow:0 1px 2px #10182814;display:grid;gap:8px;padding:20px}.overview-page>div.overview-page__grid>article.overview-page__metric>span{color:#667085;font-size:13px}.overview-page>div.overview-page__grid>article.overview-page__metric>strong{font-size:24px}.tunnel-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;align-items:end}.tunnel-form>label{display:grid;gap:8px}.tunnel-form>label>span{color:#18212f;font-size:13px;font-weight:700}.tunnel-form>label>select{width:100%;min-height:38px;padding:0 12px;border:1px solid #dfe4ea;border-radius:6px;background:#fff}.tunnel-form>.tunnel-form__hostname{display:grid;gap:8px}.tunnel-form>.tunnel-form__hostname>p{margin:0;color:#667085;font-size:12px;line-height:1.4}.tunnel-form>.tunnel-form__sources{grid-column:1 / -1;display:grid;gap:8px}.tunnel-form>.tunnel-form__sources>span{color:#18212f;font-size:13px;font-weight:700}.tunnel-form>.tunnel-form__sources>.tunnel-form__source-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px}.tunnel-form>.tunnel-form__sources>.tunnel-form__source-row>input{min-height:38px;padding:0 12px;border:1px solid #dfe4ea;border-radius:6px}.tunnel-form>.tunnel-form__sources>p{margin:0;color:#b54708;font-size:13px;font-weight:700}@media(max-width:980px){.tunnel-form{grid-template-columns:1fr}.tunnel-form>.tunnel-form__sources>.tunnel-form__source-row{grid-template-columns:1fr}}.tunnels-page{display:grid;gap:16px}.tunnels-page>header,.tunnels-page>section,.tunnels-page>table{background:#fff;border:1px solid #dfe4ea;border-radius:8px;box-shadow:0 1px 2px #10182814}.tunnels-page>header{padding:20px}.tunnels-page>header>h1{margin:0;font-size:24px}.tunnels-page>section{display:grid;gap:12px;padding:20px}.tunnels-page>section>p{margin:0;color:#b54708;font-weight:600}.tunnels-page>table{width:100%;overflow:hidden;border-collapse:collapse}.tunnels-page>table>thead>tr>th{padding:12px 16px;border-bottom:1px solid #dfe4ea;color:#667085;font-size:12px;text-align:left;text-transform:uppercase}.tunnels-page>table>tbody>tr>td{padding:16px;border-bottom:1px solid #dfe4ea}.tunnels-page>table>tbody>tr>td>strong,.tunnels-page>table>tbody>tr>td>small{display:block}.tunnels-page>table>tbody>tr>td>small{margin-top:4px;color:#667085}.users-page{display:grid;gap:20px}.users-page>header>h1{margin:0;font-size:28px}.users-page>section{display:grid;gap:12px}.users-page>section>form{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;align-items:end}.users-page>section>form>label{display:grid;gap:8px}.users-page>section>form>label>span{color:#667085;font-size:13px}.users-page>section>form>label>select{min-height:40px;padding:0 12px;border:1px solid #dfe4ea;border-radius:6px;background:#fff}.users-page>section>p{margin:0;color:#b42318}.users-page>table{width:100%;border-spacing:0;border:1px solid #dfe4ea;border-radius:8px;overflow:hidden;background:#fff}.users-page>table>thead>tr>th{padding:12px;border-bottom:1px solid #dfe4ea;color:#667085;font-size:12px;text-align:left;text-transform:uppercase}.users-page>table>tbody>tr>td{padding:12px;border-bottom:1px solid #dfe4ea}.users-page>table>tbody>tr>td>select{min-height:34px;padding:0 8px;border:1px solid #dfe4ea;border-radius:6px;background:#fff}.users-page>table>tbody>tr:last-child>td{border-bottom:0}@media(max-width:940px){.users-page>section>form{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f6f7f9;color:#18212f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}