:root{color:#e9f0f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0c1722;font-family:DM Sans,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #f3c454}a{color:inherit}code{font-family:SFMono-Regular,Consolas,monospace}.app-shell{background:radial-gradient(circle at 70% -18%,#2e5b7230,#0000 42%),#0c1722;min-height:100svh;display:flex}.sidebar{z-index:20;background:#101e2a;border-right:1px solid #223544;flex-direction:column;flex:0 0 250px;height:100svh;min-height:100svh;padding:28px 16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 12px;display:flex}.brand-mark{color:#15212a;letter-spacing:-.08em;background:linear-gradient(140deg,#ffdc72,#e9a92e);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-family:Outfit,system-ui,sans-serif;font-size:25px;font-weight:800;display:flex;box-shadow:0 9px 24px #e8aa2b2b}.brand-mark span{transform:translate(-1px)}.brand-word{flex-direction:column;gap:2px;display:flex}.brand-word strong{color:#f4f6f5;letter-spacing:-.05em;font-family:Outfit,system-ui,sans-serif;font-size:22px;font-weight:700;line-height:1}.brand-word small{color:#8395a5;letter-spacing:.19em;font-size:8px;font-weight:800}.sidebar-section-label{color:#627889;letter-spacing:.17em;margin:53px 16px 13px;font-size:10px;font-weight:800}.sidebar nav{gap:5px;display:grid}.nav-item{color:#95a8b6;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:13px;width:100%;height:46px;padding:0 14px;font-weight:600;display:flex;position:relative}.nav-item:hover{color:#e9f0f4;background:#172a38}.nav-active{color:#f6cb69;background:#1c303d;border-color:#2d4854}.nav-active-mark{background:#e9b340;border-radius:3px;width:3px;height:23px;position:absolute;top:10px;right:0}.sidebar-bottom{margin-top:auto}.sidebar-system{color:#adc2bd;letter-spacing:.12em;border-bottom:1px solid #263a48;margin:0 8px 18px;padding:15px 8px 22px;font-size:10px;font-weight:800}.system-led{background:#70d9a4;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #70d9a41a}.system-subtitle{color:#667d8b;letter-spacing:0;margin:9px 0 0 16px;font-size:11px;font-weight:500;display:block}.sidebar-user{align-items:center;gap:10px;padding:0 7px;display:flex}.avatar,.topbar-avatar{color:#f5d27b;background:#28404f;border:1px solid #3a5868;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;font-family:Outfit,system-ui,sans-serif;font-weight:700;display:flex}.user-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-copy strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-copy small{color:#7f93a0;font-size:11px}.icon-button{color:#91a5b3;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{color:#e9f0f4;background:#233744}.main-area{flex:1;min-width:0}.topbar{border-bottom:1px solid #223340;justify-content:space-between;align-items:center;height:74px;padding:0 40px;display:flex}.breadcrumb{color:#738c9b;align-items:center;gap:10px;font-size:13px;display:flex}.breadcrumb strong{color:#dce6eb;font-weight:600}.topbar-right{align-items:center;gap:18px;display:flex}.live-pill{color:#9cb0bb;letter-spacing:.12em;align-items:center;font-size:10px;font-weight:800;display:flex}.topbar-separator{background:#263947;width:1px;height:25px}.topbar-avatar{border-radius:50%;width:33px;height:33px}.main-content{max-width:1500px;margin:0 auto;padding:39px 40px 80px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.eyebrow{color:#dfb652;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.eyebrow-line{background:#edbc4e;width:19px;height:1px;display:inline-block}h1,h2,h3,p{margin-top:0}.page-heading h1{color:#f3f6f6;letter-spacing:-.045em;margin:12px 0 8px;font-family:Outfit,system-ui,sans-serif;font-size:38px;font-weight:600;line-height:1.1}.page-heading p{color:#8fa3b1;margin:0;font-size:14px}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:0 16px;font-size:12px;font-weight:800;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#1d2830;background:#efbe4c;box-shadow:0 8px 20px #dc9e1f1f}.button-primary:hover:not(:disabled){background:#ffd16a}.button-outline{color:#d6e3e8;background:#172936;border-color:#37505f}.button-outline:hover:not(:disabled){border-color:#6b8997}.button-quiet{color:#9aafbb;background:0 0}.button-quiet:hover{background:#213341}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:38px;display:grid}.metric-card{background:linear-gradient(152deg,#182b39,#142431);border:1px solid #2b4351;border-radius:12px;min-height:174px;padding:19px 20px 17px;position:relative;overflow:hidden}.metric-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#efbe4c12,#0000 68%);width:180px;height:180px;position:absolute;top:-80px;right:-55px}.metric-top{color:#577481;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.metric-icon{color:#e5b955;background:#263a45;border:1px solid #37505c;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.metric-label{color:#98abb8;font-size:12px;font-weight:600}.metric-value{color:#f4f7f7;letter-spacing:-.04em;font-family:Outfit,system-ui,sans-serif;font-size:32px;font-weight:600;line-height:1.3}.metric-foot{color:#668292;font-size:11px}.section-head{justify-content:space-between;align-items:flex-end;margin:0 0 17px;display:flex}.section-head h2{color:#eff4f5;margin:7px 0 0;font-family:Outfit,system-ui,sans-serif;font-size:20px;font-weight:600}.text-button{color:#ebc268;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;font-size:12px;font-weight:700;display:inline-flex}.text-button:hover{text-decoration:underline}.panel-card{background:#142532;border:1px solid #2b4250;border-radius:12px;overflow:hidden}.table-head,.table-row{align-items:center;gap:14px;padding:0 21px;display:grid}.table-head{color:#6f8a9a;letter-spacing:.1em;background:#182b38;border-bottom:1px solid #2b4250;height:45px;font-size:10px;font-weight:800}.table-row{color:#d9e5ea;text-align:left;background:0 0;border:0;border-bottom:1px solid #253c49;width:100%;min-height:76px}.table-row:last-child{border-bottom:0}.table-row:hover{background:#1b303e}.table-row>svg:last-child{color:#668596;justify-self:end}.recent-row{grid-template-columns:minmax(220px,2fr) minmax(100px,.8fr) minmax(130px,1fr) minmax(105px,.8fr) 20px}.client-row{grid-template-columns:minmax(220px,2fr) minmax(95px,.8fr) minmax(115px,.85fr) minmax(135px,1fr) minmax(110px,.8fr) 20px}.credential-row{grid-template-columns:minmax(205px,1.5fr) minmax(165px,1.25fr) minmax(95px,.7fr) minmax(125px,.9fr) minmax(140px,.95fr) 20px}.client-cell{align-items:center;gap:12px;min-width:0;display:flex}.client-cell>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.client-cell strong,.key-cell strong{color:#ecf2f3;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.client-cell small,.key-cell code{color:#708c9b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.client-avatar{color:#f1c668;background:linear-gradient(145deg,#304b57,#243946);border:1px solid #45616a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-family:Outfit,system-ui,sans-serif;font-size:18px;font-weight:700;display:flex}.client-avatar-small{width:34px;height:34px}.client-avatar-large{border-radius:16px;width:64px;height:64px;font-size:29px}.badge{white-space:nowrap;border:1px solid;border-radius:99px;justify-self:start;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{color:#76c99c;background:#4ead7f1f;border-color:#4ead7f47}.badge-muted{color:#879da9;background:#7f97a11a;border-color:#7f97a133}.badge-warning{color:#e6b95a;background:#ecb5491a;border-color:#ecb5493d}.muted{color:#93a7b2;font-size:12px}.count{font-size:13px;font-weight:700}.credential-count{color:#9db4be;align-items:center;gap:7px;font-size:12px;display:flex}.key-cell{flex-direction:column;gap:5px;min-width:0;display:flex}.info-strip{background:linear-gradient(100deg,#2f474d75,#1a313d94);border:1px solid #36515a;border-radius:12px;align-items:center;gap:16px;margin-top:25px;padding:18px 20px;display:flex}.info-icon{color:#e3bb5b;background:#263e46;border:1px solid #47646a;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-strip strong{font-size:12px}.info-strip p{color:#8da5ae;margin:4px 0 0;font-size:12px}.toolbar{align-items:center;gap:12px;margin-bottom:17px;display:flex}.search-field{color:#7f9aa8;background:#152633;border:1px solid #304959;border-radius:9px;align-items:center;gap:10px;width:100%;max-width:350px;height:42px;padding:0 13px;display:flex}.search-field:focus-within{border-color:#ddb454}.search-field input{color:#e8f0f3;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px}.search-field input::placeholder{color:#6f8998}.segmented{background:#172a37;border:1px solid #304959;border-radius:9px;padding:4px;display:flex}.segmented button{color:#8aa1af;background:0 0;border:0;border-radius:6px;height:32px;padding:0 13px;font-size:11px;font-weight:700}.segmented button.selected{color:#f2f5f5;background:#304957}.toolbar-refresh{border:1px solid #304959;width:42px;height:42px;margin-left:auto}.table-note{color:#5f7a8b;margin:13px 2px;font-size:11px}.empty-state{color:#8ba3b0;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:255px;padding:30px;display:flex}.empty-mark{color:#dfb65a;background:#203744;border:1px solid #3a5561;border-radius:15px;justify-content:center;align-items:center;width:57px;height:57px;margin-bottom:15px;display:flex}.empty-state strong{color:#e9f0f2;font-family:Outfit,system-ui,sans-serif;font-size:18px;font-weight:600}.empty-state p{max-width:280px;margin:6px 0 17px;font-size:12px;line-height:1.55}.page-error,.form-error{color:#f3a4a4;background:#b4484821;border:1px solid #e16d6d4a;border-radius:8px;margin-bottom:15px;padding:11px 13px;font-size:12px}.initial-load{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100svh;display:flex}.spinner{border:2px solid #3b5761;border-top-color:#f0bf52;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-indicator{color:#d8e5e9;z-index:60;background:#233a46;border:1px solid #3f5964;border-radius:9px;align-items:center;gap:9px;padding:11px 13px;font-size:11px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px #0005}.loading-indicator .spinner{width:15px;height:15px}.toast{color:#bbefce;z-index:65;background:#234237;border:1px solid #4e8b67;border-radius:9px;align-items:center;gap:9px;padding:12px 14px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px #0005}.toast button{color:inherit;background:0 0;border:0;margin-left:15px;padding:0}.menu-button,.mobile-shade{display:none}.drawer-backdrop,.modal-backdrop{z-index:40;background:#030a10ab;position:fixed;inset:0}.detail-drawer{background:#122431;border-left:1px solid #3a5361;width:475px;max-width:min(100%,475px);height:100%;margin-left:auto;padding:24px 28px 0;overflow:auto;box-shadow:-18px 0 50px #0005}.drawer-top{justify-content:space-between;align-items:center;display:flex}.detail-identity{border-bottom:1px solid #2b4450;flex-direction:column;align-items:flex-start;gap:10px;padding:25px 0;display:flex}.detail-identity h2{color:#f1f6f5;letter-spacing:-.035em;margin:5px 0 0;font-family:Outfit,system-ui,sans-serif;font-size:26px;font-weight:600}.detail-identity code{color:#829cab;font-size:12px}.detail-identity .badge{margin-top:4px}.detail-actions{gap:10px;padding:21px 0;display:flex}.detail-actions .button{flex:1}.drawer-section-title{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.drawer-section-title h3{margin:5px 0 0;font-family:Outfit,system-ui,sans-serif;font-size:18px;font-weight:600}.drawer-section-title>span{color:#cad8dd;background:#27404c;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700}.drawer-credentials{gap:11px;display:grid}.drawer-credential{background:#1a303d;border:1px solid #34505e;border-radius:10px;padding:15px}.drawer-credential-top{justify-content:space-between;align-items:center;display:flex}.drawer-credential-top strong{font-size:13px}.drawer-credential>code{color:#8da6b2;margin-top:9px;font-size:11px;display:block}.credential-facts{color:#7993a1;flex-direction:column;gap:5px;margin-top:15px;font-size:11px;display:flex}.danger-link{color:#e48d8a;background:0 0;border:0;margin-top:16px;padding:0;font-size:11px;font-weight:800}.danger-link:hover{text-decoration:underline}.drawer-footer{color:#718d9a;border-top:1px solid #2b4450;align-items:center;gap:8px;margin-top:25px;padding:18px 0 30px;font-size:11px;display:flex}.modal-backdrop{z-index:50;justify-content:center;align-items:center;padding:18px;display:flex}.modal{background:#172b38;border:1px solid #45606c;border-radius:16px;width:100%;max-width:500px;max-height:calc(100svh - 36px);padding:31px;position:relative;overflow:auto;box-shadow:0 26px 70px #0008}.modal-close{position:absolute;top:19px;right:20px}.modal h2{color:#f3f6f5;letter-spacing:-.035em;margin:13px 0 6px;font-family:Outfit,system-ui,sans-serif;font-size:27px;font-weight:600}.modal-description{color:#8ea6b3;max-width:390px;margin-bottom:25px;font-size:12px;line-height:1.6}.modal-form{gap:16px;display:grid}.modal-form label,.login-card label{color:#d5e2e7;gap:7px;font-size:11px;font-weight:800;display:grid}.modal-form input,.login-card input{color:#edf4f5;background:#10212d;border:1px solid #38515e;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px}.modal-form input::placeholder,.login-card input::placeholder{color:#617d8c}.modal-form input:focus,.login-card input:focus{border-color:#e6b94c;outline:none}.modal-form label small{color:#6c8796;font-size:10px;font-weight:500}.optional{color:#708c9a;font-weight:500}.modal-actions{justify-content:flex-end;gap:9px;margin-top:11px;display:flex}.secret-warning{color:#edce83;background:#eeb8401a;border:1px solid #eeb84038;border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:17px;padding:13px;font-size:12px;line-height:1.45;display:flex}.secret-warning svg{flex:none}.secret-box{background:#0d1c27;border:1px solid #38535e;border-radius:9px;flex-direction:column;gap:11px;padding:14px;display:flex}.secret-box code{color:#edf4f5;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.button-copy{color:#e7eef0;background:#293e49;border-color:#47606a;align-self:flex-start;min-height:34px}.secret-meta{flex-direction:column;gap:5px;margin-top:15px;display:flex}.secret-meta span{color:#7894a2;text-transform:uppercase;font-size:10px;font-weight:800}.secret-meta code{color:#c8d9df;font-size:11px}.login-page{background:radial-gradient(circle at 65% 35%,#e4b03614,#0000 29%),radial-gradient(circle at 25% 20%,#254d5f33,#0000 33%),#0c1722;min-height:100svh;position:relative;overflow:hidden}.login-glow{pointer-events:none;border:1px solid #eabb4a17;border-radius:50%;width:700px;height:700px;position:absolute;top:5%;left:50%;transform:translate(-50%)}.login-glow:after{content:"";border:1px solid #eabb4a12;border-radius:50%;position:absolute;inset:100px}.login-frame{max-width:1100px;min-height:100svh;margin:0 auto;padding:39px 40px 28px;position:relative}.login-brand{justify-content:space-between;align-items:center;display:flex}.environment-tag{color:#8da4af;letter-spacing:.11em;border:1px solid #3a505b;border-radius:99px;padding:7px 12px;font-size:10px;font-weight:800}.login-card{background:linear-gradient(150deg,#1b303e,#142734);border:1px solid #405966;border-radius:16px;max-width:430px;margin:14vh auto 0;padding:40px;box-shadow:0 30px 80px #0005}.login-card h1{color:#f3f6f5;letter-spacing:-.045em;margin:16px 0 7px;font-family:Outfit,system-ui,sans-serif;font-size:35px;font-weight:600}.login-card p{color:#8fa7b4;margin-bottom:29px;font-size:13px;line-height:1.55}.login-card form{gap:17px;display:grid}.login-submit{justify-content:space-between;width:100%;min-height:44px;margin-top:7px}.login-footer{color:#6a8795;justify-content:center;align-items:center;gap:7px;margin:40px auto 0;font-size:11px;display:flex}@media (width<=1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.client-row,.credential-row,.recent-row{min-width:850px}.panel-card{overflow-x:auto}}@media (width<=780px){.sidebar{transition:transform .2s;position:fixed;left:0;transform:translate(-105%);box-shadow:18px 0 40px #0007}.sidebar-open{transform:translate(0)}.mobile-shade{z-index:19;background:#0008;border:0;display:block;position:fixed;inset:0}.menu-button{margin-right:11px;display:inline-flex}.topbar{justify-content:flex-start;padding:0 18px}.topbar-right{margin-left:auto}.main-content{padding:27px 18px 65px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:32px}.toolbar{flex-wrap:wrap}.search-field{flex:100%;max-width:none}.segmented{order:2}.toolbar-refresh{order:2;margin-left:auto}.login-frame{padding:24px 18px}.login-card{margin-top:13vh;padding:28px}.environment-tag{display:none}}@media (width<=520px){.stats-grid{gap:10px}.metric-card{min-height:152px;padding:14px}.metric-value{font-size:27px}.metric-top{margin-bottom:14px}.metric-label{font-size:11px}.topbar-right .live-pill,.topbar-separator{display:none}.modal{padding:25px 19px}.detail-drawer{padding:20px 17px}.detail-actions{flex-direction:column}.login-card h1{font-size:30px}.page-heading .button{width:100%}}@media (width>=781px) and (width<=1180px){.recent-row{grid-template-columns:minmax(170px,2fr) 90px 110px 75px 16px;gap:8px;min-width:600px;padding:0 15px}.client-row{grid-template-columns:minmax(170px,2fr) 80px 90px 100px 75px 16px;gap:8px;min-width:700px;padding:0 15px}.credential-row{grid-template-columns:minmax(150px,1.5fr) minmax(135px,1fr) 80px 100px 112px 16px;gap:8px;min-width:730px;padding:0 15px}}@media (width<=780px){.panel-card{overflow:hidden}.table-head{display:none}.table-row.client-row,.table-row.recent-row,.table-row.credential-row{grid-template-columns:minmax(0,1fr) auto;gap:11px 12px;min-width:0;padding:17px}.table-row .client-cell{grid-column:1/-1}.table-row>svg:last-child{display:none}.client-row .credential-count,.recent-row>.muted,.credential-row>.muted{text-align:right;justify-self:end}.client-row>.muted,.client-row>.count,.recent-row>.muted,.recent-row>.count,.credential-row>.muted{flex-direction:column;gap:3px;display:flex}.client-row>.muted:before{color:#688999;content:"LAST ACTIVITY";letter-spacing:.08em;font-size:9px;font-weight:800}.client-row>.count:before,.recent-row>.count:before{color:#688999;content:"24H OBSERVATIONS";letter-spacing:.08em;font-size:9px;font-weight:800}.client-row>.count{text-align:right}.recent-row>.muted:before{color:#688999;content:"LAST INGESTION";letter-spacing:.08em;font-size:9px;font-weight:800}.recent-row>.count{grid-column:1/-1}.credential-row .key-cell{grid-column:1/-1;padding:0 0 2px 46px}.credential-row>.muted:nth-last-child(3):before{color:#688999;content:"LAST USED";letter-spacing:.08em;font-size:9px;font-weight:800}.credential-row>.muted:nth-last-child(2):before{color:#688999;content:"CREATED";letter-spacing:.08em;font-size:9px;font-weight:800}.credential-row>.muted:nth-last-child(2){text-align:left;grid-column:1/-1;justify-self:start}}