.credential-page{--fluxo-color-border:var(--line);--fluxo-color-panel:var(--panel);--fluxo-color-muted:var(--muted);--fluxo-color-text:var(--text);--fluxo-radius-lg:14px;--fluxo-shadow-modal:0 24px 80px rgba(0,0,0,.5);width:min(1180px,calc(100% - 40px));margin-top:34px}
.credential-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.credential-page__header h1{font-size:34px;letter-spacing:-.035em}.credential-page__header p{margin:10px 0 0;font-size:13px}.credential-page__header .primary{min-height:42px;padding:0 17px;box-shadow:0 8px 24px rgba(255,106,0,.18)}
.credential-guide{margin:0 0 24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(255,106,0,.065),rgba(255,255,255,.012) 42%),var(--panel);overflow:hidden}.credential-guide__intro{position:relative;padding:25px 280px 23px 25px;border-bottom:1px solid var(--line)}.credential-guide__intro::after{content:"API KEY";position:absolute;right:27px;top:50%;transform:translateY(-50%);color:rgba(255,106,0,.08);font-size:44px;font-weight:900;letter-spacing:.08em}.credential-guide__eyebrow{display:block;margin-bottom:8px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.credential-guide h2{margin:0;font-size:21px;letter-spacing:-.02em}.credential-guide__intro p{max-width:690px;margin:9px 0 15px;color:#b6b6bd;font-size:13px;line-height:1.55}.credential-guide__link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;color:#f2f2f4;font-size:12px;font-weight:800;text-decoration:none}.credential-guide__link:hover{color:var(--orange)}
.credential-guide__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.credential-guide__steps article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:19px 22px;background:#19191d}.credential-guide__steps article>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,106,0,.3);border-radius:999px;background:rgba(255,106,0,.07);color:var(--orange);font-size:11px;font-weight:900}.credential-guide__steps strong{font-size:13px}.credential-guide__steps p{margin:6px 0 0;color:#9f9fa7;font-size:12px;line-height:1.55}.credential-guide__steps b{color:#d9d9dd;font-weight:700}
.credential-guide__scopes{border-top:1px solid var(--line)}.credential-guide__scopes>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:12px;padding:18px 22px;cursor:pointer;list-style:none}.credential-guide__scopes>summary::-webkit-details-marker{display:none}.credential-guide__scopes>summary span{font-size:14px;font-weight:850}.credential-guide__scopes>summary small{color:#8f8f97;font-size:11px}.credential-guide__scopes>summary i{width:8px;height:8px;border-right:2px solid #aaa;border-bottom:2px solid #aaa;transform:rotate(45deg) translateY(-2px);transition:transform .18s}.credential-guide__scopes[open]>summary i{transform:rotate(225deg) translate(-2px,-2px)}.credential-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 22px 20px}.credential-scope-grid article{padding:14px 15px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}.credential-scope-grid code{display:inline-block;color:#ff9a52;font-size:11px;font-weight:800;overflow-wrap:anywhere}.credential-scope-grid p{margin:7px 0 0;color:#9999a1;font-size:11px;line-height:1.5}.credential-guide__warning{margin:0;padding:15px 22px;border-top:1px solid var(--line);background:rgba(255,106,0,.035);color:#aaaab1;font-size:11px;line-height:1.5}.credential-guide__warning strong{color:#dddde1}
.credential-page>.status{position:relative;margin:0 0 24px;padding:15px 18px 15px 52px;border:1px solid rgba(255,106,0,.42);background:linear-gradient(90deg,rgba(255,106,0,.13),rgba(255,106,0,.035));color:#e8e8eb;line-height:1.45}.credential-page>.status::before{content:"!";position:absolute;left:18px;top:50%;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--orange);clip-path:polygon(50% 0,100% 100%,0 100%);transform:translateY(-55%);color:var(--orange);font-size:11px;font-weight:900}
#credential-list{display:grid;gap:20px}.credential-panel{margin:0;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.012)),var(--panel)}
.credential-panel__heading{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding-bottom:18px}.credential-panel__heading h2{margin:0;font-size:16px}.credential-panel__heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.credential-panel__icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,106,0,.18);border-radius:12px;background:rgba(255,106,0,.035);color:var(--orange);font-size:19px;font-weight:800}.credential-count{display:grid;place-items:center;min-width:31px;height:31px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.055);color:#e7e7ea;font-size:12px;font-weight:800}
.credential-panel__rows{display:grid;gap:10px}.credential-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:14px;min-height:142px;padding:20px;border:1px solid var(--line)!important;border-radius:12px;background:linear-gradient(105deg,rgba(255,255,255,.03),rgba(255,255,255,.012));overflow:visible}.credential-row--active::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:12px 0 0 12px;background:var(--orange)}.credential-row--revoked{opacity:.66}.credential-row__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:rgba(255,106,0,.07);color:var(--orange);font-size:23px;font-weight:900}.credential-info{min-width:0;padding-top:1px}.credential-info strong{font-size:15px}.credential-type{margin-top:7px!important;color:#e1e1e4!important}.credential-scope{display:flex!important;align-items:center;gap:15px;margin-top:10px!important}.credential-scope>span:first-child::before{content:"▥";margin-right:8px;color:#8d8d94}.credential-state{display:inline-flex;align-items:center;gap:7px}.credential-state::before{content:"";width:7px;height:7px;border-radius:999px;background:#777}.credential-state--active::before{background:#43c878;box-shadow:0 0 10px rgba(67,200,120,.35)}.credential-bindings{margin-top:12px!important}.credential-bindings::before{content:"♧";margin-right:8px;color:#8d8d94}
.credential-menu{position:relative;z-index:3;flex:0 0 auto}.credential-menu summary{list-style:none;cursor:pointer;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.015);font-weight:900;letter-spacing:.08em}.credential-menu summary::-webkit-details-marker{display:none}.credential-menu__content{position:absolute;right:0;display:grid;gap:7px;min-width:210px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#18181c;box-shadow:0 16px 38px rgba(0,0,0,.45)}.credential-menu__content button,.credential-menu__content select{width:100%;text-align:left}.credential-menu__binding{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;color:var(--muted);font-size:12px}.credential-menu__binding button{width:auto}
.credential-inactive{margin:0;padding:0;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.012)),var(--panel)}.credential-inactive>summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:20px;cursor:pointer;list-style:none}.credential-inactive>summary::-webkit-details-marker{display:none}.credential-panel__icon--inactive{border-color:var(--line);background:rgba(255,255,255,.025);color:#a0a0a8}.credential-inactive__copy strong,.credential-inactive__copy small{display:block}.credential-inactive__copy strong{font-size:16px}.credential-inactive__copy small{margin-top:6px;color:var(--muted);font-size:12px}.credential-inactive__chevron{width:9px;height:9px;border-right:2px solid #ddd;border-bottom:2px solid #ddd;transform:rotate(45deg) translateY(-2px);transition:transform .18s}.credential-inactive[open] .credential-inactive__chevron{transform:rotate(225deg) translate(-2px,-2px)}.credential-inactive__rows{display:grid;gap:10px;padding:0 20px 20px;border-top:1px solid var(--line)}.credential-inactive__rows .credential-row:first-child{margin-top:20px}
.credential-form{display:grid;gap:14px}.credential-form label{display:grid;gap:7px}.credential-form input,.credential-form select{width:100%}.fluxo-modal__description a{color:var(--orange)}body>.fluxo-modal-layer{--fluxo-color-border:var(--line);--fluxo-color-panel:var(--panel);--fluxo-color-muted:var(--muted);--fluxo-color-text:var(--text);--fluxo-radius-lg:14px;--fluxo-shadow-modal:0 24px 80px rgba(0,0,0,.5)}
@media(max-width:760px){.credential-guide__intro{padding:22px}.credential-guide__intro::after{display:none}.credential-guide__steps,.credential-scope-grid{grid-template-columns:1fr}}
@media(max-width:640px){.credential-page__header{align-items:stretch;flex-direction:column}.credential-page__header .primary{width:100%}.credential-guide__steps article{padding:17px}.credential-guide__scopes>summary{grid-template-columns:minmax(0,1fr) 12px;padding:17px}.credential-guide__scopes>summary small{display:none}.credential-scope-grid{padding:0 17px 17px}.credential-row{grid-template-columns:38px minmax(0,1fr);padding:16px}.credential-row__icon{width:38px;height:38px}.credential-menu{grid-column:2;justify-self:end}.credential-scope{align-items:flex-start;flex-direction:column;gap:6px}.credential-inactive>summary{grid-template-columns:40px minmax(0,1fr) auto 14px;padding:16px}.credential-panel__icon{width:40px;height:40px}.credential-panel{padding:16px}}