.external-access-page{display:grid;gap:16px}.external-access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.external-access-head h1{margin:0 0 6px;font-size:24px;color:#14213d}.external-access-head p{margin:0;color:#718096}.access-metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.access-metric{background:#fff;border:1px solid #e5ebf4;border-radius:12px;padding:16px}.access-metric strong{display:block;font-size:24px;color:#172b4d}.access-metric span{font-size:13px;color:#7a879b}.access-workbench{background:#fff;border:1px solid #e3eaf3;border-radius:14px;overflow:hidden}.access-tabs{display:flex;gap:4px;padding:12px 14px;border-bottom:1px solid #e8edf4;overflow:auto}.access-tab{border:0;background:transparent;color:#5a6b83;padding:9px 14px;border-radius:8px;white-space:nowrap;cursor:pointer}.access-tab.active{color:#1d63e9;background:#edf4ff;font-weight:700}.access-toolbar{display:flex;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf1f6;flex-wrap:wrap}.access-toolbar input,.access-toolbar select,.access-form input,.access-form select,.access-form textarea{height:38px;border:1px solid #d7e0ec;border-radius:8px;background:#fff;padding:0 11px;box-sizing:border-box;color:#263650}.access-toolbar input{width:min(300px,100%)}.access-toolbar select{width:150px}.access-table-wrap{overflow:auto}.access-table{width:100%;border-collapse:collapse;min-width:900px}.access-table th,.access-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf1f6;font-size:13px;vertical-align:top}.access-table th{background:#f8fafc;color:#64748b;font-weight:600}.access-table td{color:#25344d}.access-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#eef3f9;color:#53657d;font-size:12px}.access-status.active,.access-status.approved,.access-status.trusted{background:#e8f8ef;color:#17834f}.access-status.submitted,.access-status.pending_activation,.access-status.pending{background:#fff5d9;color:#9b6b00}.access-status.revoked,.access-status.rejected,.access-status.disabled{background:#fff0ef;color:#bd342c}.access-actions{display:flex;gap:6px;white-space:nowrap}.access-button{height:34px;border:1px solid #d8e1ed;background:#fff;color:#315078;border-radius:7px;padding:0 12px;cursor:pointer}.access-button.primary{background:#276ef1;border-color:#276ef1;color:#fff}.access-button.danger{border-color:#ffd1cd;color:#be352d;background:#fff}.access-empty{padding:56px 24px;text-align:center;color:#7c899c}.access-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 14px}.access-wizard{background:#fff;border:1px solid #e3eaf3;border-radius:14px;padding:20px}.access-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.access-step{padding:10px;border-radius:8px;background:#f4f7fb;color:#6b7890;text-align:center;font-size:13px}.access-step.active{background:#eaf2ff;color:#1e62d9;font-weight:700}.access-form{display:grid;gap:14px;max-width:880px}.access-form label{display:grid;gap:6px;color:#43536b;font-size:13px;font-weight:600}.access-form textarea{height:96px;padding:10px;resize:vertical}.access-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.access-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid #e1e8f1;border-radius:10px;padding:12px}.access-capability{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px!important;background:#f8fafc;border-radius:8px;padding:10px;font-weight:500!important}.access-capability input{height:auto;margin-top:2px}.access-secret{background:#111827;color:#d8fbe7;padding:14px;border-radius:9px;word-break:break-all;font-family:ui-monospace,monospace}.access-note{padding:12px;border-radius:9px;background:#fff8df;color:#765a00;font-size:13px}.access-drawer{position:fixed;inset:0;z-index:80;display:none}.access-drawer.open{display:block}.access-drawer-mask{position:absolute;inset:0;background:#14213d66}.access-drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(680px,94vw);background:#fff;box-shadow:-18px 0 48px #172b4d22;display:flex;flex-direction:column}.access-drawer-head,.access-drawer-foot{padding:16px 20px;border-bottom:1px solid #e6ebf2;display:flex;justify-content:space-between;align-items:center}.access-drawer-foot{border-top:1px solid #e6ebf2;border-bottom:0;justify-content:flex-end;gap:8px}.access-drawer-body{padding:20px;overflow:auto;flex:1}.access-detail-grid{display:grid;grid-template-columns:150px 1fr;gap:10px 14px}.access-detail-grid dt{color:#75839a}.access-detail-grid dd{margin:0;color:#24344d}.access-scope-list{display:grid;gap:8px;margin-top:14px}.access-scope-row{display:grid;grid-template-columns:1fr 160px;gap:10px;align-items:center;padding:10px;background:#f7f9fc;border-radius:8px}@media(max-width:900px){.access-metrics{grid-template-columns:repeat(2,1fr)}.access-form-grid,.access-capabilities{grid-template-columns:1fr}.access-steps{grid-template-columns:repeat(2,1fr)}}