:root{--bg:#f5f6f2;--paper:#fff;--text:#222e2a;--muted:#818b85;--line:#e5e9e3;--green:#146e61;--soft:#edf5ef;--red:#b3473d;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #92c4b8;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.45;letter-spacing:-.8px;font-weight:600}h2{font-size:17px;font-weight:600;letter-spacing:-.2px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--green)}.brand{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:650;letter-spacing:-.7px;white-space:nowrap}.brand>span:last-child{font-weight:400;color:#77837b}.logo{display:flex;justify-content:center;align-items:center;gap:3px;width:35px;height:35px;background:var(--green);border-radius:11px;margin-right:4px}.logo i{width:2px;background:white;border-radius:2px;height:11px}.logo i:nth-child(2){height:21px}.logo i:nth-child(3){height:26px}.logo i:nth-child(4){height:15px}.shell{display:flex;min-height:100vh}.sidebar{width:225px;position:fixed;inset:0 auto 0 0;padding:30px 21px;background:#fafbf8;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:2}.nav-label{margin:54px 15px 13px;color:#98a198;font-size:11px}.nav{display:flex;align-items:center;gap:13px;text-align:left;width:100%;background:transparent;color:#7b857e;padding:12px 15px;border-radius:8px;margin:4px 0;font-size:13px}.nav>span{font-size:18px;width:19px;line-height:1}.nav.active{background:#e8f0e8;color:var(--green);font-weight:600}.nav b{margin-left:auto;font-size:11px;background:#dce9df;padding:0 6px;border-radius:4px;font-weight:500}.sidebar-foot{margin-top:auto;font-size:11px;color:#6c7b70;padding:15px}.sidebar-foot small{display:block;font-size:10px;margin:7px 0 0 13px;color:#9aa49b}.status-dot{width:6px;height:6px;display:inline-block;border-radius:100%;background:#5a9e7d;margin-right:5px;flex-shrink:0}.workspace{margin-left:225px;flex:1;min-width:0}.topbar{height:77px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafbf880;font-size:12px}.breadcrumb,.slash{color:#9aa49b}.slash{margin:0 13px}.account{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #dce3d8;background:#ebefe5;border-radius:100%;color:#6c7c61;font-size:11px}.text-button{background:transparent;color:var(--green);padding:5px;font-size:12px}.account .text-button{color:#8a958b;margin-left:12px}.primary,.secondary,.danger{border-radius:7px;padding:10px 17px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap}.primary{background:var(--green);color:white;box-shadow:0 2px 4px #203e1710}.primary:hover{background:#0f5b50}.secondary{background:#fff;border:1px solid var(--line);color:#637066}.danger{background:#a94840;color:white}.wide{width:100%;justify-content:space-between}.icon-button{background:transparent;font-size:20px;color:#7a897d;padding:0 5px;line-height:1.6}main{max-width:1480px;padding:37px 42px 0;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:29px}.page-head .eyebrow{display:block;margin-bottom:8px}.page-head p{font-size:12px;color:var(--muted);margin-top:7px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.stats article{padding:20px 21px 18px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.stat-label{display:flex;justify-content:space-between;align-items:center;color:#7d8b80;font-size:11px}.stat-label>span:not(.status-dot){color:#a3b29d;font-size:16px;line-height:1}.stats strong{display:block;font-size:32px;font-weight:550;letter-spacing:-1px;margin:9px 0 4px;line-height:1.3}.stats small{font-size:10px;color:#9aa397}.overview-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-bottom:22px}.card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px}.card-head p{font-size:11px;color:#94a08f;margin-top:5px}.pill{font-size:10px;border-radius:5px;padding:4px 8px;display:inline-block;white-space:nowrap;font-weight:500}.neutral{background:#f5f6f2;color:#8d978c}.pill.active{color:#388267;background:#edf6ef}.pill.expired{color:#ab8840;background:#faf4e6}.pill.revoked{color:#a77c76;background:#f8efed}.chart{height:160px;margin:2px 24px 0}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-family:inherit;font-size:10px;fill:#a5aea3}.chart-legend{display:flex;justify-content:space-between;padding:12px 24px 22px;color:#9aa397;font-size:10px}.legend-dot{display:inline-block;width:6px;height:6px;background:#699a7d;border-radius:2px;margin-right:4px}.connection-card{padding:24px;display:flex;flex-direction:column}.connection-card h2{margin:9px 0 8px;font-size:20px}.connection-card p{font-size:11px;color:#8d998d;line-height:1.9;max-width:300px}.endpoint-label{font-size:9px;color:#a2ac9f;letter-spacing:1.1px;margin:26px 0 8px}.endpoint{display:flex;justify-content:space-between;align-items:center;background:#f5f7f2;border:1px solid #edf0e8;padding:9px 12px;border-radius:6px;gap:5px}.endpoint code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:#5b7362;overflow-wrap:anywhere}.connection-foot{font-size:9px;color:#a0ab9c;margin-top:auto;padding-top:19px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;color:#97a18f;letter-spacing:.2px;background:#fafbf8;font-weight:500;padding:10px 24px;border-top:1px solid #eff1ec;border-bottom:1px solid #eff1ec}td{font-size:12px;padding:16px 24px;border-bottom:1px solid #f0f2ed;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;font-size:10px;color:#9ca595;margin-top:3px}td code{font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace;color:#7e8b7d}td .text-button{padding:0 5px;font-size:11px}td .text-button.red{color:#b5736b}.key-name{display:flex;align-items:center;gap:9px}.key-icon{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background:#f1f5ed;border-radius:7px;font-size:15px;color:#7d9477}.protect{font-size:9px;color:#8c9c83;background:#f1f4ec;padding:2px 5px;border-radius:4px;margin-left:5px}.banner{display:flex;gap:10px;align-items:center;background:#edf2ea;border:1px solid #e1e8da;color:#718467;padding:13px 17px;border-radius:8px;font-size:11px;margin-bottom:20px}.banner small{display:block;color:#8c9a81;font-size:10px;margin-top:4px}.notice-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #a4b297;flex-shrink:0;border-radius:100%;font:11px Georgia}.banner.error{background:#fcf0ed;color:#a75445;border-color:#f1d6ce}.usage-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:22px}.usage-totals .card{padding:21px 24px}.usage-totals span{font-size:11px;color:#8e9a87}.usage-totals strong{font-size:25px;display:block;font-weight:500;letter-spacing:-.5px;margin-top:8px}#usage-view>.card{margin-bottom:22px}.empty{display:flex;min-height:135px;align-items:center;justify-content:center;text-align:center;flex-direction:column;color:#98a28f;font-size:12px;gap:5px;padding:25px}.empty strong{font-size:13px;font-weight:500;color:#75876b}.empty small{font-size:11px;max-width:360px}.empty-icon{font-size:24px;color:#b2bfa7;margin-bottom:3px}footer{display:flex;justify-content:space-between;gap:15px;color:#a6aea0;font-size:9px;margin:30px 0 22px}.muted{color:#b8beb3;padding:0 5px}select,input{outline:0;border:1px solid #dfe5d9;background:#fff;border-radius:6px;padding:9px 11px;color:#53634d;font-size:12px;min-width:0}input:focus,select:focus{border-color:#79aa95;box-shadow:0 0 0 3px #e9f3eb}select{cursor:pointer}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#697b5f;margin-top:19px}label small{font-size:10px;color:#9ba592;line-height:1.6}dialog{border:1px solid #e2e7dc;border-radius:13px;padding:28px 30px;max-width:460px;width:calc(100% - 36px);color:var(--text);box-shadow:0 24px 100px #172a1933}dialog::backdrop{background:#192e244d;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:22px;margin-top:5px}.dialog-intro{font-size:12px;color:#8b9982;margin-top:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;border-top:1px solid var(--line);padding-top:20px}.form-error{font-size:11px;color:#b25c4b;min-height:5px;margin-top:12px}.form-error:empty{margin-top:0;min-height:0}#revoke-dialog h2{font-size:21px;margin-top:8px}#revoke-description{font-size:12px;margin:14px 0;color:#7c8c72}#revoke-dialog .banner{line-height:1.8;margin-top:16px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#263f32;color:#fff;padding:11px 21px;border-radius:8px;font-size:12px;box-shadow:0 6px 25px #20351d20;z-index:10}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{margin:20px;border-radius:17px;background:#eef2e7;position:relative;padding:32px 38px;display:flex;flex-direction:column;overflow:hidden}.login-copy{margin:auto 0;position:relative;z-index:1;padding-bottom:20px}.login-copy h1{font-size:40px;font-weight:500;letter-spacing:-1.5px;margin:15px 0;color:#334e38}.login-copy p{font-size:13px;color:#8c9b7d}.art-foot{font-size:9px;color:#a1ad94;letter-spacing:1.5px}.wave{display:flex;align-items:center;gap:8px;height:110px;margin:48px 0 0;opacity:.5}.wave i{width:5px;border-radius:9px;background:#8ea887;height:20px}.wave i:nth-child(3n){height:60px}.wave i:nth-child(4n){height:90px}.wave i:nth-child(5n){height:36px}.wave i:nth-child(7n){height:108px}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px}.login-form{width:100%;max-width:320px}.login-form h2{font-size:28px;font-weight:550;margin:10px 0 8px;letter-spacing:-.7px}.login-form>p:not(.form-error){font-size:12px;color:#97a18d;margin-bottom:30px}.login-form input{padding:12px 13px;background:#fbfcf8}.login-form button{margin-top:26px;padding:12px 15px}.login-form>small{display:block;text-align:center;color:#adb59f;font-size:10px;margin-top:25px}
@media(min-width:1500px){main{padding-top:45px}.stats article{padding:24px}.chart{height:200px}.connection-card{padding:28px}.overview-grid{grid-template-columns:1.6fr 1fr}}
@media(max-width:1150px){.sidebar{width:195px;padding:27px 15px}.workspace{margin-left:195px}main{padding:30px 27px 0}.topbar{padding:0 27px}.stats{gap:12px}.stats article{padding:17px 15px}.stats strong{font-size:28px}.overview-grid{gap:16px;grid-template-columns:1.2fr 1fr}.card-head,td,th{padding-left:19px;padding-right:19px}.connection-card{padding:21px}.connection-card h2{font-size:18px}.endpoint{padding:8px}.endpoint code{font-size:10px}h1{font-size:27px}}
@media(max-width:850px){.sidebar{position:relative;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px 22px;display:block}.sidebar .brand{font-size:18px}.sidebar .logo{width:30px;height:30px}.nav-label,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:8px;margin-top:15px}.nav{width:auto;flex:1;padding:9px 12px;font-size:12px;margin:0;gap:8px}.nav>span{font-size:16px;width:auto}.shell{display:block}.workspace{margin:0}.topbar{height:56px;padding:0 24px}.account .avatar{display:none}.account{gap:5px}main{padding:26px 24px 0}.page-head h1{font-size:25px}.stats{gap:11px}.stats strong{font-size:26px}.stats small{font-size:9px}.overview-grid{grid-template-columns:1.3fr 1fr}.chart{margin:0 19px;height:150px}.chart-legend{padding:12px 19px 18px}.connection-card{padding:20px}.connection-card h2{font-size:16px}.connection-card p{font-size:10px}.endpoint-label{margin-top:19px}.card-head h2{font-size:15px}.login-art{padding:28px}.login-copy h1{font-size:32px}.login-panel{padding:35px}.wave{gap:5px}.wave i{width:4px}}
@media(max-width:600px){main{padding:25px 17px 0}.sidebar{padding:16px 17px 13px}.topbar{padding:0 19px;height:51px;font-size:10px}.page-head{align-items:flex-start;margin-bottom:23px;gap:10px}.page-head h1{font-size:22px;letter-spacing:-.5px}.page-head p{font-size:11px;max-width:230px;line-height:1.8}.page-head .eyebrow{font-size:9px;margin-bottom:6px}.page-head .primary{padding:9px 11px;font-size:10px;margin-top:20px}.stats{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.stats article{padding:15px 16px}.stats strong{font-size:29px;margin:7px 0 3px}.stats small{font-size:9px}.stat-label{font-size:10px}.overview-grid{display:flex;flex-direction:column;gap:17px;margin-bottom:17px}.chart{height:155px}.connection-card{padding:22px}.connection-card h2{font-size:19px}.connection-card p{font-size:11px;max-width:none}.endpoint code{font-size:12px}.endpoint-label{margin-top:22px}.connection-foot{font-size:10px}.card-head{padding:19px 18px}.card-head p{font-size:10px;line-height:1.8}.card-head .text-button{font-size:10px}.card-head select{font-size:10px;padding:6px}.pill{font-size:9px}td,th{padding-left:18px;padding-right:18px}td{font-size:11px;padding-top:15px;padding-bottom:15px}.banner{padding:12px 14px;font-size:10px;align-items:flex-start}.banner .notice-icon{margin-top:2px}.banner small{font-size:9px}.usage-totals{gap:9px;margin-bottom:18px}.usage-totals .card{padding:16px 11px}.usage-totals span{font-size:9px;line-height:1.6;display:block}.usage-totals strong{font-size:21px;margin-top:7px}footer{font-size:8px;flex-direction:column;gap:4px;margin-top:24px}.login-view{display:block;background:var(--bg);padding:16px;min-height:100vh}.login-art{margin:0;padding:20px 22px;border-radius:12px;min-height:200px}.login-art .brand{font-size:18px}.login-copy{padding:24px 0 8px;margin:0}.login-copy .eyebrow,.wave,.art-foot{display:none}.login-copy h1{font-size:26px;margin:0 0 7px}.login-copy p{font-size:11px}.login-panel{padding:32px 15px 24px}.login-form{max-width:360px}.login-form h2{font-size:25px}.login-form>p:not(.form-error){margin-bottom:21px}dialog{padding:25px}.dialog-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}