.api-keys-doc{background:#f6f8fc;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.api-keys-doc .doc-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 4px 20px #0000001a;padding:2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.api-keys-doc .doc-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-align:center}.api-keys-doc .doc-subtitle{color:#666;font-size:1.1rem;font-weight:400;margin:0;text-align:center}.api-keys-doc .sidebar-toggle{background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:none;font-size:1.5rem;left:1rem;padding:.5rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.api-keys-doc .sidebar-toggle:hover{background:#667eea1a}.api-keys-doc .doc-layout{display:flex;gap:2rem;margin:0 auto;max-width:1800px;padding:2rem}.api-keys-doc .doc-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:120px;width:320px}.api-keys-doc .doc-section{margin-bottom:2rem}.api-keys-doc .section-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.api-keys-doc .section-icon{background:#667eea1a;border-radius:12px;color:#667eea;font-size:1.5rem;padding:.75rem}.api-keys-doc .section-title{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0 0 .25rem}.api-keys-doc .section-subtitle{color:#718096;font-size:.95rem;margin:0}.api-keys-doc .section-content{line-height:1.7;padding:0}.api-keys-doc .section-content h3{align-items:center;color:#2d3748;display:flex;font-size:1.4rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.api-keys-doc .section-content h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:1.5rem;width:4px}.api-keys-doc .section-content h4{border-bottom:2px solid #667eea;color:#2d3748;font-size:1.2rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem}.api-keys-doc .section-content h5{color:#2d3748;font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.api-keys-doc .section-content p{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1rem}.api-keys-doc .section-content strong{color:#667eea;font-weight:600}.api-keys-doc .key-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:2rem 0}.api-keys-doc .key-type-card{background:#fff;border:1px solid #e0e7ff;border-radius:12px;box-shadow:0 4px 16px #0000000d;padding:1.5rem;transition:all .3s ease}.api-keys-doc .key-type-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.api-keys-doc .key-type-card.demo{border-left:4px solid #10b981}.api-keys-doc .key-type-card.sandbox{border-left:4px solid #f59e0b}.api-keys-doc .key-type-card.production{border-left:4px solid #ef4444}.api-keys-doc .key-type-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.api-keys-doc .key-type-header svg{background:#fffc;border-radius:8px;font-size:1.25rem;padding:.5rem}.api-keys-doc .key-type-header.demo svg{background:#10b9811a;color:#10b981}.api-keys-doc .key-type-header.sandbox svg{background:#f59e0b1a;color:#f59e0b}.api-keys-doc .key-type-header.production svg{background:#ef44441a;color:#ef4444}.api-keys-doc .key-type-header h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.api-keys-doc .key-features,.api-keys-doc .use-cases{margin-top:1rem}.api-keys-doc .key-features h5,.api-keys-doc .use-cases h5{color:#667eea;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.api-keys-doc .key-features ul,.api-keys-doc .use-cases ul{list-style:none;margin:0;padding-left:1.2rem}.api-keys-doc .key-features li,.api-keys-doc .use-cases li{color:#666;font-size:.85rem;line-height:1.4;margin-bottom:.3rem;padding-left:1rem;position:relative}.api-keys-doc .key-features li:before,.api-keys-doc .use-cases li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.api-keys-doc .environment-comparison{margin:2rem 0}.api-keys-doc .comparison-table{border-radius:12px;box-shadow:0 4px 16px #0000000d;overflow-x:auto}.api-keys-doc .api-table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.api-keys-doc .api-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.95rem;font-weight:600;padding:1rem;text-align:left}.api-keys-doc .api-table td{border-bottom:1px solid #f1f5f9;color:#4a5568;font-size:.9rem;padding:.75rem 1rem}.api-keys-doc .api-table tr:last-child td{border-bottom:none}.api-keys-doc .api-table tr:nth-child(2n){background:#f8faff}.api-keys-doc .api-table tr:hover{background:#667eea0d}.api-keys-doc .management-features{margin:2rem 0}.api-keys-doc .management-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.api-keys-doc .management-card{background:#fff;border:1px solid #e0e7ff;border-radius:12px;box-shadow:0 4px 16px #0000000d;padding:1.5rem;transition:all .3s ease}.api-keys-doc .management-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea1a;transform:translateY(-4px)}.api-keys-doc .management-card h5{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.api-keys-doc .management-card p{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.api-keys-doc .feature-details{margin-top:1rem}.api-keys-doc .feature-details ul{list-style:none;margin:0;padding-left:1.2rem}.api-keys-doc .feature-details li{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:.4rem;padding-left:1rem;position:relative}.api-keys-doc .feature-details li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.api-keys-doc .toggle-examples{margin-top:1rem}.api-keys-doc .toggle-item{align-items:center;background:#f8faff;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.api-keys-doc .toggle-icon{font-size:1.5rem}.api-keys-doc .toggle-icon.active{color:#10b981}.api-keys-doc .toggle-icon.inactive{color:#6b7280}.api-keys-doc .management-workflow{margin:2rem 0}.api-keys-doc .workflow-steps{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.api-keys-doc .workflow-step{align-items:flex-start;background:#fff;border:1px solid #e0e7ff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1rem}.api-keys-doc .step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.api-keys-doc .step-content h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.api-keys-doc .step-content p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.api-keys-doc .security-framework{margin:2rem 0}.api-keys-doc .security-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.api-keys-doc .security-card{background:#fff;border:1px solid #e0e7ff;border-radius:12px;box-shadow:0 4px 16px #0000000d;padding:1.5rem;transition:all .3s ease}.api-keys-doc .security-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea1a;transform:translateY(-4px)}.api-keys-doc .security-card h5{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.api-keys-doc .security-card p{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.api-keys-doc .security-card ul{list-style:none;margin:0;padding-left:1.2rem}.api-keys-doc .security-card li{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:.5rem;padding-left:1rem;position:relative}.api-keys-doc .security-card li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.api-keys-doc .compliance-guidelines{margin:2rem 0}.api-keys-doc .compliance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.api-keys-doc .compliance-card{background:#fff;border:1px solid #e0e7ff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1rem}.api-keys-doc .compliance-card h5{color:#333;font-size:1rem;font-weight:600;margin:0 0 .75rem}.api-keys-doc .compliance-card ul{list-style:none;margin:0;padding-left:1.2rem}.api-keys-doc .compliance-card li{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:.4rem;padding-left:1rem;position:relative}.api-keys-doc .compliance-card li:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.api-keys-doc .feature-list{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #667eea;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:1.5rem}.api-keys-doc .feature-item{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:500;gap:.75rem}.api-keys-doc .feature-icon{background:#667eea1a;border-radius:8px;color:#667eea;flex-shrink:0;font-size:1.1rem;padding:.5rem}.api-keys-doc .toggle-on{color:#10b981!important}.api-keys-doc .toggle-off{color:#6b7280!important}.api-keys-doc .best-practices-list{list-style:none;margin:1rem 0;padding:0}.api-keys-doc .best-practices-list li{align-items:flex-start;background:#667eea0d;border-left:3px solid #667eea;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.api-keys-doc .best-practices-list li:before{align-items:center;background:#10b9811a;border-radius:50%;color:#10b981;content:"✓";display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:1.5rem;justify-content:center;width:1.5rem}.api-keys-doc .best-practices-list li:last-child{margin-bottom:0}.api-keys-doc .image-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:center}.api-keys-doc .responsive-image{border-radius:8px;box-shadow:0 4px 20px #0000001a;height:auto;max-width:100%;transition:transform .3s ease}.api-keys-doc .responsive-image:hover{transform:scale(1.02)}.api-keys-doc .image-caption{color:#666;font-size:.95rem;font-style:italic;margin-top:1rem}.api-keys-doc .info-callout{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border:1px solid #667eea33;border-left:4px solid #667eea;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.api-keys-doc .info-callout.warning{background:linear-gradient(135deg,#fff7e6,#fef3e6);border-color:#f59e0b33 #f59e0b33 #f59e0b33 #f59e0b}.api-keys-doc .info-callout.success{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#22c55e33 #22c55e33 #22c55e33 #22c55e}.api-keys-doc .info-callout.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f633 #3b82f633 #3b82f633 #3b82f6}.api-keys-doc .info-callout h4{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.api-keys-doc .info-callout.warning h4{color:#d97706}.api-keys-doc .info-callout.success h4{color:#16a34a}.api-keys-doc .info-callout.info h4{color:#2563eb}.api-keys-doc .info-callout ul{margin:0;padding-left:1.5rem}.api-keys-doc .info-callout li{color:#555;line-height:1.5;margin-bottom:.5rem}.api-keys-doc .info-callout li strong{color:#333;font-weight:600}.api-keys-doc .sidebar-title{align-items:center;border-bottom:2px solid #667eea;color:#2d3748;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:2rem;padding-bottom:.75rem}.api-keys-doc .sidebar-title svg{color:#667eea;font-size:1.8rem}.api-keys-doc .section-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.api-keys-doc .section-list li{margin-bottom:0}.api-keys-doc .section-link{align-items:center;background:#0000;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem;text-align:left;transition:all .3s ease;width:100%}.api-keys-doc .section-link:hover{background:#667eea1a;color:#667eea;transform:translateX(4px)}.api-keys-doc .section-link.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.api-keys-doc .section-link svg{flex-shrink:0;font-size:1.2rem}.api-keys-doc .nav-item-content{flex:1 1}.api-keys-doc .nav-item-title{font-size:.95rem;font-weight:600;margin-bottom:.2rem}.api-keys-doc .nav-item-subtitle{font-size:.8rem;line-height:1.3;opacity:.7}.api-keys-doc .doc-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;flex:1 1;max-height:calc(100vh - 120px);overflow-y:auto;padding:2rem;position:relative}@media (max-width:1024px){.api-keys-doc .doc-layout{flex-direction:column;padding:1rem}.api-keys-doc .doc-sidebar{order:-1;position:static;width:100%}.api-keys-doc .compliance-grid,.api-keys-doc .key-types-grid,.api-keys-doc .management-grid,.api-keys-doc .security-grid,.api-keys-doc .workflow-steps{grid-template-columns:1fr}}@media (max-width:768px){.api-keys-doc .sidebar-toggle{display:block}.api-keys-doc .doc-header{padding:1.5rem;text-align:center}.api-keys-doc .doc-header h1{font-size:2rem;margin-left:3rem}.api-keys-doc .doc-layout{gap:1rem;padding:1rem}.api-keys-doc .doc-sidebar{height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.api-keys-doc .doc-sidebar.open{transform:translateX(0)}.api-keys-doc .doc-main{padding:1.5rem}.api-keys-doc .section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.api-keys-doc .section-title{font-size:1.5rem}.api-keys-doc .nav-item-subtitle{display:none}.api-keys-doc .comparison-table{font-size:.85rem}.api-keys-doc .workflow-step{flex-direction:column;text-align:center}.api-keys-doc .step-number{align-self:center}}@media (max-width:480px){.api-keys-doc .doc-header h1{font-size:1.75rem}.api-keys-doc .doc-subtitle{font-size:1rem}.api-keys-doc .doc-main{padding:1rem}.api-keys-doc .section-content{padding:0}.api-keys-doc .feature-list,.api-keys-doc .image-container,.api-keys-doc .info-callout,.api-keys-doc .key-type-card,.api-keys-doc .management-card,.api-keys-doc .section-header,.api-keys-doc .security-card{padding:1rem}.api-keys-doc .section-title{font-size:1.4rem}.api-keys-doc .best-practices-list li{flex-direction:column;gap:.5rem;padding:.75rem}.api-keys-doc .best-practices-list li:before{align-self:flex-start}}@media (prefers-color-scheme:dark){.api-keys-doc{background:linear-gradient(135deg,#1a1b23,#2d1b69)}.api-keys-doc .doc-header,.api-keys-doc .doc-main,.api-keys-doc .doc-sidebar{background:#1e1e28f2;color:#e2e8f0}.api-keys-doc .doc-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text}.api-keys-doc .section-content p{color:#cbd5e1}.api-keys-doc .compliance-card,.api-keys-doc .key-type-card,.api-keys-doc .management-card,.api-keys-doc .security-card,.api-keys-doc .workflow-step{background:#334155cc;border-color:#64748b4d;color:#e2e8f0}}@media (prefers-reduced-motion:reduce){.api-keys-doc *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.api-keys-doc .section-link:focus,.api-keys-doc .sidebar-toggle:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.api-keys-doc .doc-sidebar,.api-keys-doc .sidebar-toggle{display:none}.api-keys-doc .doc-main{border:none;box-shadow:none}}.api-keys-doc .sidebar-content{padding:0}
/*# sourceMappingURL=5819.e2c99855.chunk.css.map*/