:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182634;background:#f4f6f8;font-synthesis:none;font-size:15px;line-height:1.5;--accent:#136b62;--muted:#71808e;--line:#e4e9ed}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #63bdb0}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:680}h2{font-size:17px;font-weight:650}h3{font-size:17px}strong{font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent);font-weight:650;margin-bottom:9px}.brand{display:flex;align-items:center;gap:11px;font-weight:650;font-size:16px;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:#1b8478;border-radius:10px;color:white;font-size:21px;font-weight:500}.button{border:1px solid transparent;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:600;min-height:42px;transition:background .15s}.primary{background:var(--accent);color:#fff;box-shadow:0 2px 2px #12372a12}.primary:hover:not(:disabled){background:#0b594f}.secondary{background:#fff;border-color:#dce4e8;color:#314350}.secondary:hover:not(:disabled){background:#f3f7f8}.danger{background:#a63838;color:#fff}.danger:hover:not(:disabled){background:#872828}.compact{padding:7px 12px;min-height:35px;font-size:12px}.full{width:100%}.text-button{background:none;border:0;padding:8px 5px;color:#63737e;font-size:12px}.text-button:hover:not(:disabled){color:#172f3d}.icon-button{background:none;border:0;font-size:27px;color:#71808e;line-height:1;padding:5px}.loading{height:100vh;display:grid;place-items:center;color:var(--muted)}.login-layout{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 75% 10%,#deede9 0,transparent 45%),#f4f6f8}.login-card{max-width:440px;width:100%;padding:38px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 70px #223c4b0b}.login-card .brand{margin-bottom:40px}.login-card h1{font-size:27px;letter-spacing:-.7px;margin-bottom:12px}.login-card form{margin-top:28px}.login-card label{margin-top:18px}.login-card .button{margin-top:24px;justify-content:space-between}.login-note{margin-top:24px;padding-top:19px;border-top:1px solid var(--line)}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input,select{background:#fff;border:1px solid #d9e1e5;color:#223541;border-radius:7px;padding:10px 12px;min-height:42px;width:100%;transition:border-color .15s}input:focus{border-color:#1b8478}input::placeholder{color:#9aa6af}.error{color:#a32e39;font-size:13px;margin-top:12px}.app-layout{min-height:100vh;display:flex}.sidebar{width:218px;background:#17272f;color:#e6edef;padding:29px 21px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar .brand{font-size:15px}.sidebar-section{margin:49px 12px 13px;font-size:10px;letter-spacing:1.5px;color:#8b9da5}.nav-link{display:flex;align-items:center;gap:12px;background:#ffffff0e;border:1px solid #ffffff0a;border-radius:7px;padding:11px 13px;font-size:13px}.nav-link span{color:#69b6aa;font-size:20px;line-height:1}.sidebar-bottom{margin-top:auto;font-size:11px;color:#9bacb3;padding:12px;display:flex;align-items:center;gap:8px}.presence{width:6px;height:6px;background:#7cb7a0;border-radius:50%}.workspace{margin-left:218px;width:calc(100% - 218px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#84919b}.breadcrumb span{padding:0 12px;color:#c5ced3}.breadcrumb strong{color:#425460}.account{display:flex;align-items:center;gap:10px;font-size:12px;color:#536571}.avatar{display:grid;place-items:center;background:#eaf1f0;color:#27685e;width:30px;height:30px;border-radius:50%;font-size:12px}.account .text-button{margin-left:16px}.content{max-width:1430px;margin:auto;padding:37px 42px 26px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .muted{font-size:13px;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:28px}.stat{border:1px solid var(--line);border-radius:11px;background:#fff;padding:20px 24px;display:flex;flex-direction:column}.stat strong{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:8px 0 7px}.stat>span:last-child{color:#8c99a2}.list-card,.create-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.list-toolbar{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.list-controls{display:flex;gap:10px;align-items:center}.list-controls select{width:165px;font-size:12px;min-height:35px;padding:7px 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}thead{background:#f9fafb;border-block:1px solid #edf0f2;color:#86939d;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:500}th{text-align:left;padding:12px 18px;font-weight:550}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}td{border-bottom:1px solid #edf0f2;padding:18px;color:#536573}tbody tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:12px}.person-avatar{background:#edf2f5;border:1px solid #e4ebef;color:#54717d;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:9px;font-size:14px}.client-name{font-size:13px;color:#243743;display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis}.client-link{display:block;margin-top:3px;font-size:10px}.status{font-size:10px;font-weight:600;padding:4px 8px;border-radius:5px;color:#7b8790;background:#f0f3f4;display:inline-block}.status.active{color:#277262;background:#eaf5ef}.status.active::before{content:'';display:inline-block;width:5px;height:5px;background:#4c9c7b;border-radius:50%;margin:0 6px 1px 0}.traffic{display:block;font-size:12px;font-weight:500}.quota{display:block;font-size:10px;margin-top:2px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px}.actions-title{text-align:right}.revoke{font-size:11px;color:#967075}.revoke:hover:not(:disabled){color:#a32e39}.list-footer{display:flex;align-items:center;gap:8px;background:#fbfcfc;border-top:1px solid #edf0f2;padding:14px 24px;font-size:11px;color:#84929d}.lock-symbol{color:#7c9994}.footnote{font-size:11px;color:#8996a0;margin-top:17px;max-width:850px;line-height:1.6}.notice{padding:12px 16px;border:1px solid #c9e4d7;border-radius:8px;background:#eef8f1;font-size:13px;color:#326e50;margin-bottom:22px}.notice.bad{color:#92414a;background:#fff3f3;border-color:#edd2d5}.create-card{padding:23px 24px;margin-bottom:25px}.section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading p{margin-top:4px}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.field-hint{display:block;font-size:10px;color:#8a969f;margin-top:5px}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:20px}.form-footer .error{margin:0 auto 0 0}.empty{text-align:center;padding:46px 20px}.empty p{font-size:13px;margin-top:7px}.empty-icon{display:grid;place-items:center;width:40px;height:40px;background:#f0f5f3;border-radius:11px;margin:0 auto 12px;color:#528d80;font-size:22px}dialog{border:1px solid var(--line);border-radius:15px;padding:30px;max-width:460px;width:calc(100% - 32px);color:#243743;box-shadow:0 20px 80px #102a3a25}dialog::backdrop{background:#152b3f55;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:12px 0}dialog p{font-size:13px;line-height:1.65}#revoke-name{font-weight:600;margin-bottom:12px;overflow-wrap:anywhere}.dialog-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff0ec;color:#af6a55;font-size:23px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#link-value{margin-top:18px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.content{padding-top:47px}.page-heading{margin-bottom:33px}.stats{margin-bottom:32px}.stat{padding:23px 25px}}
@media(max-width:1100px){.sidebar{width:185px;padding:24px 15px}.workspace{margin-left:185px;width:calc(100% - 185px)}.topbar{padding-inline:25px}.content{padding:30px 25px}.row-actions{gap:8px}.client-name{max-width:170px}th,td{padding-inline:12px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin-left:0;width:100%}.topbar{height:62px;padding:0 20px}.account>span:not(.avatar){display:none}.account .text-button{margin-left:0}.content{padding:26px 16px}.page-heading{align-items:flex-start;margin-bottom:22px}h1{font-size:28px}.page-heading .button{padding:9px 12px;font-size:12px;margin-top:25px}.page-heading .eyebrow{font-size:10px}.page-heading .muted{font-size:12px;max-width:175px}.stats{gap:9px;margin-bottom:22px}.stat{padding:15px 13px}.stat strong{font-size:24px}.stat>span:last-child{display:none}.stat>.small{font-size:10px}.list-toolbar{padding:18px 16px;align-items:flex-start}.list-toolbar h2{font-size:15px;padding-top:5px}.list-controls{gap:6px}.list-controls select{width:124px;font-size:11px}.list-controls button{font-size:11px;padding-inline:8px}.list-footer{font-size:10px;padding:13px 16px;align-items:flex-start}.footnote{font-size:10px;padding-inline:2px}.form-grid{grid-template-columns:1fr 1fr;gap:15px}.name-field{grid-column:1/-1}.create-card{padding:20px 16px}.login-card{padding:29px}.login-layout{padding:18px}.table-wrap{max-width:100%}table{min-width:725px}th:first-child,td:first-child{padding-left:16px}th:last-child,td:last-child{padding-right:16px}.form-footer{flex-wrap:wrap}.form-footer .error{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}