.documentation-container{--doc-bg-primary:#0a0a0f;--doc-bg-secondary:#111827;--doc-bg-tertiary:#1f2937;--doc-text-primary:#f9fafb;--doc-text-secondary:#9ca3af;--doc-text-muted:#6b7280;--doc-accent:#06b6d4;--doc-accent-hover:#22d3ee;--doc-border:#374151;--doc-code-bg:#1e293b;--doc-sidebar-width:280px;--doc-header-height:64px;background:linear-gradient(135deg,#0a0a0f,#111827 50%,#0f172a);color:var(--doc-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.doc-header{background:linear-gradient(180deg,#111827fa,#111827f2);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}.doc-header input:focus{box-shadow:0 0 0 2px #06b6d44d}.doc-sidebar{background:linear-gradient(180deg,#111827,#0f172a);scrollbar-color:var(--doc-border) #0000;scrollbar-width:thin}.doc-sidebar::-webkit-scrollbar{width:6px}.doc-sidebar::-webkit-scrollbar-track{background:#0000}.doc-sidebar::-webkit-scrollbar-thumb{background:var(--doc-border);border-radius:3px}.doc-sidebar::-webkit-scrollbar-thumb:hover{background:#4b5563}.doc-content{background:#0000}.doc-content-body{line-height:1.75}.doc-content-body h1{color:var(--doc-text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem}.doc-content-body h2{border-bottom:1px solid var(--doc-border);color:var(--doc-text-primary);font-size:1.75rem;font-weight:600;margin-bottom:1rem;margin-top:2.5rem;padding-bottom:.75rem;position:relative}.doc-content-body h2:before{background:linear-gradient(90deg,var(--doc-accent),#0000);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:60px}.doc-content-body h3{color:var(--doc-accent);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:2rem}.doc-content-body p{color:var(--doc-text-secondary);font-size:1rem;line-height:1.8;margin-bottom:1rem}.doc-content-body a{color:var(--doc-accent);text-decoration:none;transition:color .2s ease}.doc-content-body a:hover{color:var(--doc-accent-hover);text-decoration:underline}.doc-content-body ol,.doc-content-body ul{margin:1rem 0;padding-left:1.5rem}.doc-content-body li{color:var(--doc-text-secondary);line-height:1.7;margin-bottom:.5rem}.doc-content-body li::marker{color:var(--doc-accent)}.doc-table{border-collapse:collapse;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;font-size:.95rem;margin:1.5rem 0;overflow:hidden}.doc-table th{background:linear-gradient(135deg,#1f2937,#111827);border-bottom:2px solid var(--doc-accent);color:var(--doc-accent);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.doc-table td{border-bottom:1px solid var(--doc-border);color:var(--doc-text-secondary);padding:.75rem 1rem}.doc-table tr:hover td{background:#06b6d40d}.doc-table tr:last-child td{border-bottom:none}.documentation-container .code-block-container{border:1px solid var(--doc-border);border-radius:8px;box-shadow:0 4px 6px -1px #0003;overflow:hidden}.documentation-container .code-block-header{background:linear-gradient(135deg,#1e293b,#0f172a)}.doc-content-body pre{background:#0a0a0f;border-radius:0;overflow-x:auto;padding:1rem}.doc-content-body code,.doc-content-body pre{font-family:JetBrains Mono,Fira Code,monospace}.doc-content-body code{font-size:.875rem}.doc-content-body li code,.doc-content-body p code{background:#06b6d426;border:1px solid #06b6d44d;border-radius:4px;color:var(--doc-accent);font-size:.9em;padding:.2rem .4rem}.documentation-container .callout{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 8px 8px 0;margin:1.5rem 0}.documentation-container .callout p{font-size:.95rem;margin:0}.documentation-container .callout.tip{background:linear-gradient(90deg,#10b98126,#0000);border-left-color:#10b981}.documentation-container .callout.warning{background:linear-gradient(90deg,#f59e0b26,#0000);border-left-color:#f59e0b}.documentation-container .callout.info{background:linear-gradient(90deg,#3b82f626,#0000);border-left-color:#3b82f6}.documentation-container .callout.success{background:linear-gradient(90deg,#22c55e26,#0000);border-left-color:#22c55e}.doc-content button{transition:all .2s ease}.doc-content button:hover{transform:translateX(2px)}.doc-sidebar button{transition:all .15s ease}.doc-sidebar button:hover{transform:translateX(2px)}.doc-header .absolute{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.doc-content::-webkit-scrollbar{width:8px}.doc-content::-webkit-scrollbar-track{background:#0000}.doc-content::-webkit-scrollbar-thumb{background:var(--doc-border);border-radius:4px}.doc-content::-webkit-scrollbar-thumb:hover{background:#4b5563}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.doc-content-body>*{animation:fadeIn .3s ease-out}@media (max-width:1024px){.doc-sidebar{box-shadow:4px 0 6px -1px #0000004d}}@media (max-width:768px){.doc-content-body h1{font-size:2rem}.doc-content-body h2{font-size:1.5rem}.doc-content-body h3{font-size:1.125rem}.doc-table{font-size:.875rem}.doc-table td,.doc-table th{padding:.625rem .75rem}}@media print{.doc-header,.doc-sidebar{display:none}.doc-content{margin-left:0}.documentation-container{background:#fff;color:#000}}.documentation-container ::selection{background:#06b6d44d;color:#fff}.documentation-container a:focus,.documentation-container button:focus{outline:2px solid var(--doc-accent);outline-offset:2px}.documentation-container input:focus{outline:none}.doc-content-body img{border-radius:8px;box-shadow:0 4px 6px -1px #0003;height:auto;margin:1.5rem 0;max-width:100%}.doc-content-body blockquote{background:#06b6d41a;border-left:4px solid var(--doc-accent);border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.doc-content-body blockquote p{color:var(--doc-text-primary);margin:0}.doc-content-body hr{background:linear-gradient(90deg,#0000,var(--doc-border),#0000);border:none;height:1px;margin:2rem 0}.doc-content-body kbd{background:linear-gradient(135deg,#374151,#1f2937);border:1px solid #4b5563;border-radius:4px;box-shadow:0 2px 0 #1f2937;color:var(--doc-text-primary);font-family:inherit;font-size:.85em;padding:.15rem .5rem}.documentation-container [title]{cursor:help;position:relative}.doc-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.doc-badge.success{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.doc-badge.warning{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.doc-badge.info{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.documentation-container{scroll-behavior:smooth}.doc-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#1f2937,#374151 50%,#1f2937);background-size:200% 100%;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.doc-sidebar button[class*=bg-cyan]{position:relative}.doc-sidebar button[class*=bg-cyan]:before{background:var(--doc-accent);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.documentation-container .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;background-clip:text}.documentation-container .glow-hover:hover{box-shadow:0 0 20px #06b6d466}.documentation-container .mockup-container{animation:mockupFadeIn .5s ease-out;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #37415180;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #06b6d41a;transition:all .3s ease}.documentation-container .mockup-container:hover{border-color:#06b6d44d;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #06b6d433,0 0 30px #06b6d41a}.documentation-container .mockup-title{background:linear-gradient(180deg,#1f2937,#111827);font-family:Inter,-apple-system,sans-serif;font-size:.875rem;letter-spacing:.01em}.documentation-container .mockup-content{background:linear-gradient(135deg,#0f172a,#0a0a0f)}.documentation-container .mockup-container button,.documentation-container .mockup-container input,.documentation-container .mockup-container select{transition:all .2s ease}.documentation-container .mockup-container input:focus,.documentation-container .mockup-container select:focus{outline:none}@keyframes mockupFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.documentation-container:before{background-image:radial-gradient(circle at 20% 80%,#06b6d40d 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.doc-content,.doc-header,.doc-sidebar{z-index:1}