:root{--developer-surface: #09090b;--developer-surface-raised: #18181b;--developer-surface-overlay: #27272a;--developer-border: rgba(255, 255, 255, .06);--developer-border-hover: rgba(255, 255, 255, .12);--developer-text-primary: #fafafa;--developer-text-secondary: #a1a1aa;--developer-text-muted: #71717a;--developer-accent: #818cf8;--developer-accent-bright: #a78bfa;--developer-sidebar-width: 260px;--developer-topbar-height: 56px}body.developer-body{background:var(--developer-surface);color:var(--developer-text-primary);min-height:100vh}.developer-layout{min-height:100vh}.developer-content{display:flex;flex-direction:column;min-height:100vh;margin-left:var(--developer-sidebar-width);width:calc(100% - var(--developer-sidebar-width));transition:margin-left .2s ease,width .2s ease}.developer-layout.sidebar-collapsed .developer-content{margin-left:0;width:100%}.developer-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--developer-sidebar-width);background:var(--developer-surface-raised);border-right:1px solid var(--developer-border);z-index:40;overflow-y:auto;transition:transform .2s ease}.sidebar-collapsed .developer-sidebar{transform:translate(-100%)}.developer-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--developer-text-muted);transition:color .15s,background .15s;text-decoration:none}.developer-sidebar-item:hover{color:var(--developer-text-secondary);background:#ffffff0a}.developer-sidebar-item.active{color:var(--developer-text-primary);background:#818cf814}.developer-sidebar-item.active svg{color:var(--developer-accent)}.developer-sidebar-item.locked{opacity:.5}.developer-sidebar-item .lock-icon{margin-left:auto;color:var(--developer-text-muted)}.developer-topbar{height:var(--developer-topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--developer-border);background:var(--developer-surface);position:sticky;top:0;z-index:30}.developer-topbar-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;border-radius:6px;color:var(--developer-text-muted);transition:color .15s,background .15s;background:none;border:none;cursor:pointer}.developer-topbar-btn:hover{color:var(--developer-text-secondary);background:#ffffff0a}.developer-main{flex:1;padding:1.5rem;width:100%}.developer-card{background:var(--developer-surface-raised);border:1px solid var(--developer-border);border-radius:12px;transition:border-color .2s}.developer-card:hover{border-color:var(--developer-border-hover)}.developer-input{background:var(--developer-surface);border:1px solid var(--developer-border);border-radius:8px;padding:.625rem .875rem;font-size:.875rem;color:var(--developer-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.developer-input::placeholder{color:var(--developer-text-muted)}.developer-input:focus{border-color:#818cf866;box-shadow:0 0 0 3px #818cf81a}.developer-button-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;background:var(--developer-accent);color:#09090b;border:none;cursor:pointer;transition:background .2s,transform .15s}.developer-button-primary:hover{background:var(--developer-accent-bright);transform:translateY(-1px)}.developer-button-primary:active{transform:translateY(0)}.developer-button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.developer-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;min-width:180px;background:var(--developer-surface-raised);border:1px solid var(--developer-border);border-radius:10px;padding:.375rem;box-shadow:0 8px 32px -8px #00000080;z-index:50}.developer-dropdown-item{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--developer-text-secondary);border-radius:6px;transition:color .15s,background .15s;text-decoration:none;background:none;border:none;cursor:pointer}.developer-dropdown-item:hover{color:var(--developer-text-primary);background:#ffffff0a}.developer-sidebar-overlay{display:none}@media(max-width:768px){.developer-content{margin-left:0;width:100%}.developer-sidebar{transform:translate(-100%)}.developer-sidebar.open{transform:translate(0)}.developer-sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:35}.developer-main{padding:1rem}.sidebar-collapsed .developer-sidebar{transform:translate(-100%)}}@media(min-width:769px){.developer-sidebar-overlay{display:none!important}}.developer-table{width:100%;border-collapse:collapse}.developer-table th{position:sticky;top:0;background:var(--developer-surface-raised);color:var(--developer-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--developer-border);white-space:nowrap}.developer-table td{padding:.75rem 1rem;border-bottom:1px solid var(--developer-border);font-size:.875rem;color:var(--developer-text-secondary);vertical-align:middle}.developer-table tr:hover td{background:#ffffff05}.developer-badge{display:inline-block;font-size:.75rem;font-weight:500;border-radius:9999px;padding:.2rem .625rem;line-height:1.3;white-space:nowrap}.developer-badge-success{background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.2)}.developer-badge-warning{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.developer-badge-error{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.2)}.developer-badge-neutral{background:#a1a1aa1a;color:var(--developer-text-muted);border:1px solid rgba(161,161,170,.2)}.developer-badge-info{background:#818cf81a;color:var(--developer-accent);border:1px solid rgba(129,140,248,.2)}.developer-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;background:var(--developer-surface-overlay);color:var(--developer-text-secondary);border:1px solid var(--developer-border);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.developer-button-secondary:hover{background:#ffffff0f;color:var(--developer-text-primary);border-color:var(--developer-border-hover)}.developer-button-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;background:#dc2626;color:#fff;border:none;cursor:pointer;transition:background .2s}.developer-button-danger:hover{background:#b91c1c}.developer-button-sm{padding:.375rem .875rem;font-size:.8125rem}.developer-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:5rem 1rem 2rem;overflow-y:auto}.developer-modal-content{background:var(--developer-surface-raised);border-radius:16px;border:1px solid var(--developer-border);box-shadow:0 16px 64px -16px #0009;width:100%}.developer-filter-bar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.developer-detail-row{display:flex;padding:.75rem 0;border-bottom:1px solid var(--developer-border)}.developer-detail-label{color:var(--developer-text-muted);width:33.333%;flex-shrink:0;font-size:.875rem}.developer-detail-value{color:var(--developer-text-primary);font-size:.875rem;word-break:break-word}.developer-json-viewer{background:var(--developer-surface);border:1px solid var(--developer-border);border-radius:8px;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;color:var(--developer-text-secondary);line-height:1.5}.developer-tab{display:inline-block;padding:.5rem 1rem;color:var(--developer-text-muted);border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.developer-tab:hover{color:var(--developer-text-secondary)}.developer-tab-active{color:var(--developer-text-primary);border-bottom-color:var(--developer-accent)}.developer-link{color:var(--developer-accent);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.developer-link:hover{color:var(--developer-accent-bright)}.developer-select{background:var(--developer-surface);border:1px solid var(--developer-border);border-radius:8px;padding:.625rem .875rem;font-size:.875rem;color:var(--developer-text-primary);outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;cursor:pointer}.developer-select:focus{border-color:#818cf866;box-shadow:0 0 0 3px #818cf81a}.developer-pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;font-size:.875rem;color:var(--developer-text-muted)}.developer-pagination nav{display:flex;gap:.25rem}.developer-pagination nav a,.developer-pagination nav span{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem}.developer-pagination nav a{color:var(--developer-text-secondary);transition:background .15s,color .15s}.developer-pagination nav a:hover{background:#ffffff0a;color:var(--developer-text-primary)}.developer-pagination nav span[aria-current=page] span{background:#818cf826;color:var(--developer-accent)}.developer-stat-card{background:var(--developer-surface-raised);border:1px solid var(--developer-border);border-radius:12px;padding:1.25rem}.developer-stat-label{color:var(--developer-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.5rem}.developer-stat-value{color:var(--developer-text-primary);font-size:1.5rem;font-weight:700}.developer-stat-subtext{color:var(--developer-text-muted);font-size:.75rem;margin-top:.25rem}.developer-code-block{background:#0d1117;border:1px solid var(--developer-border);border-radius:8px;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.8rem;overflow-x:auto;color:#e6edf3;line-height:1.6}.developer-token-display{background:var(--developer-surface);border:1px solid rgba(52,211,153,.3);border-radius:8px;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.875rem;color:#34d399;word-break:break-all}.developer-checkbox{width:1rem;height:1rem;border-radius:4px;border:1px solid var(--developer-border);background:var(--developer-surface);appearance:none;cursor:pointer;transition:background .15s,border-color .15s}.developer-checkbox:checked{background:var(--developer-accent);border-color:var(--developer-accent);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2309090b' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-size:100% 100%;background-position:center;background-repeat:no-repeat}.developer-checkbox:focus{box-shadow:0 0 0 3px #818cf81a}.developer-upgrade-banner{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);border:1px solid rgba(129,140,248,.2);border-radius:12px;padding:1.5rem}.developer-guide-step{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--developer-border)}.developer-guide-step:last-child{border-bottom:none}.developer-guide-number{width:2rem;height:2rem;border-radius:50%;background:#818cf81a;border:1px solid rgba(129,140,248,.2);color:var(--developer-accent);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.developer-guide-number.completed{background:#34d3991a;border-color:#34d39933;color:#34d399}.developer-textarea{background:var(--developer-surface);border:1px solid var(--developer-border);border-radius:8px;padding:.625rem .875rem;font-size:.875rem;color:var(--developer-text-primary);outline:none;transition:border-color .2s,box-shadow .2s;resize:vertical;min-height:100px}.developer-textarea::placeholder{color:var(--developer-text-muted)}.developer-textarea:focus{border-color:#818cf866;box-shadow:0 0 0 3px #818cf81a}