:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#101828;background-color:#f7f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f7f7fb}#root{min-height:100vh}button,input,select,textarea{font:inherit}.docs-full{background:#fff;border:1px solid #e4e7ec;border-radius:1rem;box-shadow:0 1px 3px #10182814;padding:0;overflow:hidden;flex:1}.docs-full iframe{width:100%;height:calc(100vh - 220px);border:none}.placeholder-card,.text-center,.loading-panel{text-align:center}.app-shell{display:flex;min-height:100vh;color:#101828}.app-sidebar{width:260px;background:#fff;border-right:1px solid #e4e7ec;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.sidebar-main{display:flex;flex-direction:column;gap:2rem}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.brand-dot{width:12px;height:12px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;margin-bottom:.5rem}.app-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.app-sidebar li button{width:100%;text-align:left;border:none;background:transparent;padding:.5rem .75rem;border-radius:.5rem;color:#475467;cursor:pointer}.app-sidebar li.active button,.app-sidebar li button:hover{background:#f4ebff;color:#6941c6}.sidebar-user-card{margin-top:auto;border:1px solid #f2f4f7;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fcfcfd}.sidebar-user{display:flex;align-items:center;gap:.75rem}.sidebar-user-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar-user-details{display:flex;flex-direction:column;gap:.1rem}.app-content{flex:1;padding:3rem;display:flex;flex-direction:column;gap:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#7f56d9;margin:0}.muted{color:#667085;margin-top:.25rem}.user-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #e4e7ec;border-radius:999px;background:#fff}.avatar{width:40px;height:40px;border-radius:50%;background:#f4ebff;display:flex;align-items:center;justify-content:center;font-weight:600;color:#7f56d9}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:1.5rem}.card{background:#fff;border:1px solid #e4e7ec;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #10182814}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.reference-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.reference-list li a{text-decoration:none;display:block;padding:1rem;border:1px solid #f2f4f7;border-radius:.75rem;background:#f9fafb;color:inherit;transition:border .2s ease}.reference-list li a:hover{border-color:#d0d5dd}.reference-list h3{margin:0}.reference-list p{margin:.25rem 0 .75rem;color:#667085}.api-key-table{width:100%;border-collapse:collapse;font-size:.95rem}.api-key-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;padding-bottom:.75rem}.api-key-table td{padding:.85rem 0;border-top:1px solid #f2f4f7;vertical-align:top}.cell-primary{display:flex;flex-direction:column;gap:.15rem}.cell-primary span{color:#667085;font-size:.875rem}.scope-list{display:flex;flex-wrap:wrap;gap:.35rem}.scope-chip{background:#edf4ff;color:#175cd3;border-radius:999px;padding:.2rem .65rem;font-size:.75rem}.status-pill{text-transform:capitalize;font-size:.78rem;padding:.25rem .75rem;border-radius:999px;font-weight:600}.status-pill--active{background:#ecfdf3;color:#027a48}.status-pill--disabled{background:#fdf2f2;color:#b42318}.status-pill--expired{background:#f8f9fc;color:#475467}.table-wrapper{overflow-x:auto}.table-state{padding:1.5rem;border:1px dashed #d0d5dd;border-radius:.75rem;background:#f9fafb;text-align:center}.table-state--error{border-color:#f97066;background:#fef3f2;display:flex;align-items:center;justify-content:space-between;gap:1rem}.table-actions{text-align:right}.ghost{background:transparent;border:1px solid #e4e7ec;color:#344054;border-radius:999px;padding:.35rem .85rem}.ghost:disabled{opacity:.6;cursor:not-allowed}.login-panel h2{margin-top:0}.login-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.login-actions button{background:#7f56d9;color:#fff;border:none;border-radius:.5rem;padding:.65rem}.form-error{color:#b42318;font-size:.85rem}.field-error{color:#b42318;font-size:.85rem;margin-top:.25rem;display:block}.input-error{border-color:#f97066!important;background-color:#fef3f2}.input-error:focus{outline-color:#f97066;border-color:#f97066}.modal-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.modal-overlay--notification{z-index:2000}.modal-panel{width:min(960px,100%);background:#fff;border-radius:1.25rem;padding:2rem;border:1px solid #e4e7ec;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.modal-close-button{background:transparent;border:none;padding:.5rem;cursor:pointer;color:#667085;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-top:-.25rem;margin-right:-.5rem}.modal-close-button:hover{background:#f2f4f7;color:#101828}.modal-close-button:focus{outline:2px solid #6941c6;outline-offset:2px}.modal-body{margin-bottom:1.5rem}.notification-content{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:.75rem}.notification-content--error{background:#fef3f2;border:1px solid #fecdca}.notification-content--success{background:#ecfdf3;border:1px solid #abefc6}.notification-icon{flex-shrink:0}.notification-content p{margin:0;color:#101828;line-height:1.5}.notification-message{flex:1;word-wrap:break-word;overflow-wrap:break-word}.notification-message p{white-space:pre-wrap;word-break:break-word}.notification-modal{width:min(500px,90%)}.form-stack{display:flex;flex-direction:column;gap:1rem}.form-stack label span{font-weight:600;display:block;margin-bottom:.35rem}.form-stack input,.form-stack textarea,.form-stack select{width:100%;border:1px solid #d0d5dd;border-radius:.5rem;padding:.6rem .75rem;font:inherit}.form-stack textarea{resize:vertical}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.checkbox-field{display:flex;gap:.75rem;align-items:flex-start;border:1px solid #f2f4f7;border-radius:.75rem;padding:.75rem;background:#f9fafb}.checkbox-field input{margin-top:.35rem}.callback-block{display:flex;flex-direction:column;gap:.75rem}.callback-header{display:flex;flex-direction:column;gap:.5rem}.callback-input{display:flex;gap:.5rem}.callback-input input{flex:1}.callback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.callback-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid #f2f4f7;border-radius:.5rem;padding:.5rem .75rem;background:#fefefe}.callback-list button{border:none;background:transparent;color:#b42318;cursor:pointer}.toggle-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #f2f4f7;border-radius:.75rem;padding:.75rem 1rem;background:#f9fafb}.toggle{position:relative;width:48px;height:26px;border-radius:999px;border:none;background:#d0d5dd;cursor:pointer;padding:0}.toggle span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle--on{background:#7f56d9}.toggle--on span{transform:translate(22px)}.toggle-stack{display:flex;flex-direction:column;gap:.75rem}.toggle-stack__label{font-weight:600}.toggle-stack__header{display:flex;align-items:center;gap:.5rem}.feature-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.feature-badge--disabled{background:#f2f4f7;color:#667085}.toggle-stack__items{display:flex;flex-direction:column;gap:.75rem}.toggle-row--scope{align-items:flex-start}.toggle-row--scope p{margin:.25rem 0 0;color:#667085}.toggle-row--disabled{opacity:.6;pointer-events:none}.toggle-row--disabled .toggle{cursor:not-allowed}.modal-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;background:linear-gradient(180deg,#fff0,#fff 40%)}.modal-actions button{border:none;border-radius:.5rem;padding:.6rem 1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions button:not(.ghost):not(.danger){background:#7f56d9;color:#fff}.modal-actions button:not(.ghost):not(.danger):hover:not(:disabled){background:#6941c6}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.danger-zone{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #fecdca;border-radius:.75rem;background:#fef3f2;margin-top:1.5rem}.danger-zone strong{color:#b42318;display:block;margin-bottom:.25rem}.danger-zone p{margin:0;color:#667085;font-size:.875rem}.danger{background:#d92d20;color:#fff;border:none;border-radius:.5rem;padding:.6rem 1.25rem;font-weight:600;cursor:pointer;transition:all .2s ease}.danger:hover:not(:disabled){background:#b42318}.danger:focus{outline:2px solid #d92d20;outline-offset:2px}.danger:disabled{opacity:.6;cursor:not-allowed}