:root{--primary-color: #4299e1;--primary-dark: #2b6cb0;--secondary-color: #38a169;--danger-color: #e53e3e;--warning-color: #dd6b20;--dark-color: #033ea4;--gray-dark: #4a5568;--gray-medium: #718096;--gray-light: #a0aec0;--gray-extra-light: #e2e8f0;--bg-color: #f5f7fa;--white: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--gray-dark);background-color:var(--bg-color)}h1,h2,h3,h4,h5,h6{color:var(--dark-color);font-weight:600;line-height:1.25}pre,code{font-family:Courier New,Courier,monospace}.documentation-container{display:flex;min-height:100vh;background-color:var(--bg-color)}.main-content{flex:1;padding:2rem;max-width:1200px;margin-left:280px;transition:margin-left .3s ease}.sidebar{width:280px;background-color:var(--dark-color);color:var(--white);height:100vh;position:fixed;top:0;left:0;overflow-y:auto;transition:all .3s ease;z-index:100}.logo-container{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-size:1.25rem;font-weight:600;display:flex;align-items:center;color:var(--white)}.logo span{font-size:.75rem;background-color:var(--primary-color);padding:.15rem .5rem;border-radius:12px;margin-left:.5rem}.nav-menu{list-style:none;padding:0;margin:0}.nav-section{color:var(--gray-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem .5rem;margin-top:.5rem}.nav-item{margin:0;padding:0}.nav-link{display:block;color:var(--gray-extra-light);padding:.75rem 1.5rem;text-decoration:none;font-size:.9rem;transition:all .2s ease;border-left:3px solid transparent}.nav-link.active{background-color:#022039;border-left-color:var(--primary-color);color:var(--white);font-weight:500}.api-header{margin-bottom:3rem}.api-title{font-size:2.5rem;color:var(--dark-color);margin-bottom:1rem;font-weight:600}.api-description{font-size:1.1rem;color:var(--gray-dark);line-height:1.6;max-width:800px}.flow-diagram{background-color:var(--white);border-radius:8px;padding:1.5rem;margin-top:2rem;box-shadow:0 1px 3px #0000001a}.section-title{font-size:1.25rem;color:var(--dark-color);margin:1.5rem 0 1rem;font-weight:600}.flow-step{display:flex;margin-bottom:1rem;align-items:center}.flow-step:last-child{margin-bottom:0}.flow-number{background-color:var(--primary-color);color:var(--white);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:1rem;flex-shrink:0}.flow-content{font-size:1rem;color:var(--gray-dark)}.endpoint{background-color:var(--white);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.endpoint-header{display:flex;align-items:center;margin-bottom:1rem}.method{font-weight:600;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;margin-right:.75rem}.method.get{background-color:#ebf8ff;color:#3182ce}.method.post{background-color:#ebf8f2;color:#38a169}.method.put{background-color:#fffaf0;color:#dd6b20}.method.delete{background-color:#fff5f5;color:#e53e3e}.path{font-family:monospace;color:var(--gray-dark);font-size:.95rem}.endpoint-title{font-size:1.5rem;color:var(--dark-color);margin-bottom:1rem;font-weight:600}.endpoint-description{font-size:1rem;color:var(--gray-dark);line-height:1.6;margin-bottom:1.5rem}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-extra-light)}th{background-color:#f7fafc;color:var(--gray-dark);font-weight:600;font-size:.9rem}td{color:var(--gray-dark);font-size:.9rem;vertical-align:top}.code-section{margin-top:2rem}.code-editor{border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.editor-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--dark-color);padding:.5rem 1rem}.editor-title{color:var(--gray-extra-light);font-size:.9rem;font-weight:500}.editor-actions{display:flex;gap:.5rem}.editor-actions button{border:none;color:#fff;font-size:.8rem;padding:.4rem .8rem;border-radius:4px;cursor:pointer;transition:all .2s}.editor-actions .try-btn{background-color:var(--primary-color)}.editor-actions .try-btn:hover{background-color:#3182ce}.editor-actions .reset-btn{background-color:#718096}.editor-actions .reset-btn:hover{background-color:#4a5568}.editor-actions button:disabled{opacity:.6;cursor:not-allowed}.tab-buttons{display:flex;background-color:#edf2f7;border-bottom:1px solid var(--gray-extra-light)}.tab-btn{background-color:transparent;border:none;padding:.5rem 1rem;font-size:.85rem;color:var(--gray-dark);cursor:pointer;transition:all .2s}.tab-btn:hover{background-color:#4299e11a}.tab-btn.active{background-color:var(--white);color:var(--primary-color);font-weight:600;border-bottom:2px solid var(--primary-color)}.code-content{background-color:var(--white);height:300px}.editor-container{height:100%;width:100%}.response-sample{background-color:#f7fafc;border-radius:8px;border:1px solid var(--gray-extra-light);overflow:hidden}.response-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--dark-color);padding:.5rem 1rem}.response-status{color:#fff;font-size:.9rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.response-status.success{background-color:#38a169}.response-status.error{background-color:#e53e3e}.copy-btn{background-color:#4a5568;border:none;color:#fff;font-size:.8rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer}.copy-btn:hover{background-color:#2d3748}.response-content{padding:1rem;overflow-x:auto}.response-content pre{margin:0;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;white-space:pre-wrap;color:var(--gray-dark)}.monaco-editor .margin{background-color:#f7fafc!important}.token.key{color:#3182ce}.token.string{color:#38a169}.token.number{color:#dd6b20}.token.boolean{color:#805ad5}.token.null{color:#e53e3e}.footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--gray-extra-light);text-align:center;color:var(--gray-medium);font-size:.9rem}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:90;background:var(--dark-color);color:var(--white);border:none;border-radius:4px;padding:.5rem;align-items:center;justify-content:center}@media (max-width: 1024px){.sidebar{width:240px}.logo-container{padding:1rem}.nav-link{padding:.5rem 1rem}.main-content{margin-left:240px}}@media (max-width: 768px){.sidebar{left:-280px}.sidebar.open{left:0}.main-content{margin-left:0;width:100%;padding:1rem}.mobile-menu-toggle{display:flex}.api-header .api-title{font-size:2rem}.endpoint{padding:1rem}table{display:block;overflow-x:auto}}