*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090b;--bg-raised:#111113;--bg-subtle:#18181b;--border:#27272a;--border-dim:#1c1c1f;--text:#fafafa;--text-2:#d4d4d8;--text-3:#a1a1aa;--text-4:#71717a;--accent:#2bcce4;--accent-dim:#0e7490;--green:#4ade80;--red:#f87171}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}code,.mono{font-family:JetBrains Mono,SF Mono,monospace}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-dim);background:#09090bd9;width:100vw;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 48px;display:flex}.nav-logo-img{width:auto;height:28px}.nav-links{align-items:center;gap:32px;display:flex}.nav-divider{background:var(--border);width:1px;height:20px}.nav-links a{color:var(--text-3);font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-user{align-items:center;gap:12px;display:flex}.nav-user-email{color:var(--text-3);white-space:nowrap;font-size:13px}.btn-signout{border:1px solid var(--border);color:var(--text-3);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:13px;transition:all .15s}.btn-signout:hover{color:var(--text);border-color:var(--text-4)}#app{min-height:100vh}.app-layout{min-height:100vh;padding-top:64px;display:flex}.sidebar{border-right:1px solid var(--border-dim);flex-shrink:0;width:220px;padding:24px 16px;position:fixed;top:64px;bottom:0;overflow-y:auto}.sidebar-section-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:600}.sidebar-item{color:var(--text-3);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-item:hover{color:var(--text);background:var(--bg-subtle);text-decoration:none}.sidebar-item.active{color:var(--text);background:var(--bg-raised);border:1px solid var(--border-dim)}.sidebar-icon{stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.main-content{flex-direction:column;flex:1;align-items:center;margin-left:220px;padding:32px 48px 80px;display:flex}.main-content>*{width:100%;max-width:800px}.page-title{letter-spacing:-.02em;margin-bottom:4px;font-size:24px;font-weight:700}.page-subtitle{color:var(--text-3);margin-bottom:32px;font-size:14px}.page-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.quick-links{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px;display:grid}.quick-link-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:20px;text-decoration:none;transition:border-color .15s}.quick-link-card:hover{border-color:var(--text-4);text-decoration:none}.ql-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.ql-desc{color:var(--text-3);font-size:13px}.setup-steps{flex-direction:column;gap:12px;display:flex}.setup-step{background:var(--bg-raised);border:1px solid var(--border);color:inherit;border-radius:10px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:border-color .15s;display:flex}.setup-step:hover{border-color:var(--text-4);text-decoration:none}.setup-step.locked{opacity:.4;pointer-events:none}.setup-step.done{border-color:var(--green);opacity:.7}.step-number{background:var(--bg-subtle);border:1px solid var(--border);width:32px;height:32px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.setup-step.done .step-number{border-color:var(--green);color:var(--green);background:#4ade801a}.step-title{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:600}.step-desc{color:var(--text-3);font-size:13px}.auth-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.auth-view h1{letter-spacing:-.03em;margin-bottom:8px;font-size:32px;font-weight:700}.auth-view p{color:var(--text-3);margin-bottom:32px;font-size:15px}#clerk-auth{width:100%;max-width:400px}.sdk-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.sdk-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sdk-card-title{color:var(--text-2);font-size:14px;font-weight:600}.sdk-card-badge{color:var(--green);background:#4ade8014;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:500}.install-snippet{background:var(--bg);border:1px solid var(--border-dim);color:var(--text-2);border-radius:8px;margin-bottom:16px;padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;position:relative;overflow-x:auto}.install-snippet .copy-btn{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-3);cursor:pointer;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;position:absolute;top:10px;right:10px}.install-snippet .copy-btn:hover{color:var(--text)}.tokens-section{margin-top:40px}.tokens-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tokens-header h2{font-size:18px;font-weight:600}.btn-generate{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s}.btn-generate:hover{opacity:.9}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.token-list{flex-direction:column;gap:8px;display:flex}.token-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.token-info{flex:1;min-width:0}.token-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.token-value{color:var(--text-3);-webkit-user-select:all;user-select:all;word-break:break-all;font-family:JetBrains Mono,monospace;font-size:12px}.token-meta{color:var(--text-4);margin-top:4px;font-size:12px}.token-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-copy-token{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-3);cursor:pointer;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:12px;transition:all .15s}.btn-copy-token:hover{color:var(--text)}.btn-copy-token.copied{color:var(--green);border-color:var(--green)}.toggle{flex-shrink:0;align-items:center;width:32px;height:18px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border);border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-3);border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background-color:var(--green)}.toggle input:checked+.toggle-slider:before{background-color:#09090b;transform:translate(14px)}.token-divider{background:var(--border);flex-shrink:0;width:1px;height:20px}.token-header-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.token-edit-row{align-items:center;gap:6px;display:flex}.token-edit-row .sdk-name-input{width:200px;padding:4px 8px;font-size:13px}.btn-icon{color:var(--text-4);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px;transition:color .15s}.btn-icon:hover{color:var(--text-2)}.token-disabled{opacity:.5}.sdk-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:20px}.sdk-item .install-snippet{margin-top:12px;margin-bottom:0}.sdk-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sdk-item-left{align-items:center;gap:12px;min-width:0;display:flex}.sdk-item-name{color:var(--text);white-space:nowrap;font-size:15px;font-weight:600}.sdk-item-actions{flex-shrink:0;gap:8px;display:flex}.sdk-status{background:var(--bg-subtle);color:var(--text-4);border-radius:4px;padding:2px 8px;font-size:11px}.sdk-status.deployed{color:var(--green);background:#4ade8014}.sdk-status.connected{color:var(--accent);background:#2bcce414}.sdk-url{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:12px}.create-sdk-form{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;display:flex}.create-sdk-form .btn-generate{align-self:flex-end}.sdk-name-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}.sdk-name-input:focus{border-color:var(--accent);outline:none}.sdk-edit-field{margin-bottom:12px}.sdk-edit-field label{color:var(--text-3);margin-bottom:4px;font-size:12px;display:block}.btn-danger{color:var(--red)!important;border-color:var(--red)!important}.btn-danger:hover{background:#f8717114!important}.empty-state{text-align:center;color:var(--text-4);background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;padding:48px;font-size:14px}.loading{min-height:80vh;color:var(--text-4);justify-content:center;align-items:center;font-size:14px;display:flex}.cl-rootBox{--clerk-font-family:"Inter", sans-serif}.cl-logoBox{height:48px!important}.cl-logoImage{width:auto!important;height:48px!important}.cl-headerTitle{display:none!important}.cl-headerSubtitle{color:#09090b!important;margin-bottom:8px!important;padding-bottom:0!important;font-size:0!important}.cl-headerSubtitle:after{content:"Please sign in to continue"!important;font-size:15px!important}.cl-userButtonPopoverCard{background-color:#111113!important;border:1px solid #27272a!important}.cl-userButtonPopoverActions{border-color:#27272a!important}.cl-userButtonPopoverActionButton{color:#d4d4d8!important}.cl-userButtonPopoverActionButton:hover{background-color:#18181b!important}.cl-userButtonPopoverActionButtonIcon{color:#a1a1aa!important}.cl-userPreviewMainIdentifier{color:#fafafa!important}.cl-userPreviewSecondaryIdentifier{color:#a1a1aa!important}.cl-userButtonPopoverFooter{display:none!important}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:24px 20px 40px}.nav-inner{padding:0 20px}.token-item{flex-direction:column;align-items:flex-start;gap:8px}.quick-links{grid-template-columns:1fr}}