.browser-mockup[data-astro-cid-d5cl4suy]{display:inline-block;position:relative}.browser-sm[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy]{width:640px;height:400px}.browser-md[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy]{width:800px;height:500px}.browser-lg[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy]{width:1024px;height:640px}.browser-xl[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy]{width:1280px;height:800px}.browser-frame[data-astro-cid-d5cl4suy]{background:#fff;border-radius:10px;box-shadow:0 0 0 .5px #0000001a,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06)}.browser-chrome[data-astro-cid-d5cl4suy]{background:linear-gradient(to bottom,#fbfbfb,#f6f6f6);border-bottom:1px solid rgba(0,0,0,.1);height:38px;display:flex;align-items:center;justify-content:center;position:relative;backdrop-filter:blur(20px)}.traffic-lights[data-astro-cid-d5cl4suy]{position:absolute;top:50%;left:20px;transform:translateY(-50%);display:flex;gap:8px;z-index:10}.traffic-light[data-astro-cid-d5cl4suy]{width:12px;height:12px;border-radius:50%;border:.5px solid rgba(0,0,0,.12);position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s}.traffic-icon[data-astro-cid-d5cl4suy]{opacity:0;transition:opacity .2s}.browser-chrome[data-astro-cid-d5cl4suy]:hover .traffic-icon[data-astro-cid-d5cl4suy]{opacity:.3}.traffic-light[data-astro-cid-d5cl4suy]:hover .traffic-icon[data-astro-cid-d5cl4suy]{opacity:.8!important}.traffic-light[data-astro-cid-d5cl4suy].close{background:#ff5f57}.traffic-light[data-astro-cid-d5cl4suy].minimize{background:#ffbd2e}.traffic-light[data-astro-cid-d5cl4suy].maximize{background:#28ca42}.app-title[data-astro-cid-d5cl4suy]{font-size:13px;font-weight:500;color:#1a1a1a;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.browser-tabs[data-astro-cid-d5cl4suy]{display:flex;gap:2px;margin-bottom:8px;margin-left:80px}.browser-tab[data-astro-cid-d5cl4suy]{background:#e5e7eb;padding:6px 12px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:8px;min-width:120px;max-width:200px;transition:background .15s}.browser-tab[data-astro-cid-d5cl4suy].active{background:#fff}.tab-title[data-astro-cid-d5cl4suy]{font-size:12px;color:#374151;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-close[data-astro-cid-d5cl4suy]{background:none;border:none;color:#9ca3af;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:2px;cursor:pointer}.tab-close[data-astro-cid-d5cl4suy]:hover{background:#0000000d;color:#374151}.new-tab[data-astro-cid-d5cl4suy]{background:none;border:none;color:#9ca3af;font-size:18px;padding:0 8px;cursor:pointer}.new-tab[data-astro-cid-d5cl4suy]:hover{color:#374151}.browser-nav[data-astro-cid-d5cl4suy]{display:flex;align-items:center;gap:12px;padding:0 80px}.nav-buttons[data-astro-cid-d5cl4suy]{display:flex;gap:4px}.nav-button[data-astro-cid-d5cl4suy]{background:none;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;transition:all .15s}.nav-button[data-astro-cid-d5cl4suy]:hover:not(:disabled){background:#0000000d;color:#374151}.nav-button[data-astro-cid-d5cl4suy]:disabled{opacity:.3;cursor:not-allowed}.address-bar[data-astro-cid-d5cl4suy]{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;gap:8px}.address-security[data-astro-cid-d5cl4suy]{color:#10b981}.address-input[data-astro-cid-d5cl4suy]{flex:1;border:none;background:none;font-size:13px;color:#374151;outline:none}.address-bookmark[data-astro-cid-d5cl4suy]{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px}.address-bookmark[data-astro-cid-d5cl4suy]:hover{color:#fbbf24}.browser-actions[data-astro-cid-d5cl4suy]{display:flex;gap:4px}.action-button[data-astro-cid-d5cl4suy]{background:none;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer}.action-button[data-astro-cid-d5cl4suy]:hover{background:#0000000d;color:#374151}.browser-content[data-astro-cid-d5cl4suy]{flex:1;background:#fff;overflow:hidden;position:relative}.content-image[data-astro-cid-d5cl4suy]{width:100%;height:100%;object-fit:cover}.placeholder[data-astro-cid-d5cl4suy]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.default-placeholder[data-astro-cid-d5cl4suy]{display:flex;flex-direction:column;align-items:center;gap:16px;color:#9ca3af;text-align:center}.default-placeholder[data-astro-cid-d5cl4suy] p[data-astro-cid-d5cl4suy]{margin:0;font-size:16px;font-weight:500;color:#4b5563}.placeholder-subtitle[data-astro-cid-d5cl4suy]{font-size:14px!important;font-weight:400!important;color:#9ca3af!important}.canvas-placeholder[data-astro-cid-d5cl4suy]{width:100%;height:100%;display:flex;flex-direction:column;background:#fafafa}.canvas-toolbar[data-astro-cid-d5cl4suy]{background:#fff;border-bottom:1px solid #eaeaea;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.toolbar-group[data-astro-cid-d5cl4suy]{display:flex;gap:4px;align-items:center}.tool-button[data-astro-cid-d5cl4suy]{height:32px;padding:0 12px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-weight:500}.tool-button[data-astro-cid-d5cl4suy]:hover{background:#f5f5f5;color:#000}.tool-button[data-astro-cid-d5cl4suy].active,.tool-button[data-astro-cid-d5cl4suy].primary{background:#000;color:#fff;border-color:#000}.tool-button[data-astro-cid-d5cl4suy].primary:hover{background:#333;border-color:#333}.canvas-workspace[data-astro-cid-d5cl4suy]{flex:1;display:flex}.canvas-sidebar[data-astro-cid-d5cl4suy]{width:240px;background:#fff;border-right:1px solid #eaeaea;padding:0}.sidebar-section[data-astro-cid-d5cl4suy]{padding:16px;border-bottom:1px solid #eaeaea}.sidebar-title[data-astro-cid-d5cl4suy]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:12px}.sidebar-item[data-astro-cid-d5cl4suy]{padding:8px 12px;font-size:13px;color:#000;cursor:pointer;border-radius:6px;margin-bottom:2px;transition:all .2s;font-weight:450}.sidebar-item[data-astro-cid-d5cl4suy]:hover{background:#f5f5f5}.canvas-main[data-astro-cid-d5cl4suy]{flex:1;position:relative;background-image:radial-gradient(#e5e5e5 1px,transparent 1px);background-size:16px 16px;background-color:#fafafa}.canvas-card[data-astro-cid-d5cl4suy]{position:absolute;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d,0 4px 8px #0000000d;border:1px solid #eaeaea;padding:16px;width:200px;min-height:140px;transition:all .2s}.canvas-card[data-astro-cid-d5cl4suy]:hover{box-shadow:0 2px 4px #0000000d,0 8px 16px #00000014}.card-header[data-astro-cid-d5cl4suy]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title[data-astro-cid-d5cl4suy]{font-size:13px;font-weight:600;color:#000}.card-badge[data-astro-cid-d5cl4suy]{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:#fee;color:red}.card-badge[data-astro-cid-d5cl4suy].success{background:#efe;color:#0a0}.card-content[data-astro-cid-d5cl4suy]{height:80px}.mini-chart[data-astro-cid-d5cl4suy]{width:100%;height:100%;background:linear-gradient(to bottom,#00000005,#0000000d);border-radius:4px;position:relative;overflow:hidden}.mini-chart[data-astro-cid-d5cl4suy]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,#000,transparent);opacity:.1}.mini-chart[data-astro-cid-d5cl4suy].alt:after{background:linear-gradient(to top,#0070f3,transparent)}.mini-heatmap[data-astro-cid-d5cl4suy]{width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(255,0,0,.3),transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,100,0,.2),transparent 40%),radial-gradient(circle at 50% 20%,rgba(255,200,0,.2),transparent 30%),#f5f5f5;border-radius:4px}.canvas-connection[data-astro-cid-d5cl4suy]{position:absolute;top:0;left:0;pointer-events:none}.dashboard-placeholder[data-astro-cid-d5cl4suy]{width:100%;height:100%;background:#f9fafb;padding:24px}.dashboard-header[data-astro-cid-d5cl4suy]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-header[data-astro-cid-d5cl4suy] h1[data-astro-cid-d5cl4suy]{font-size:24px;font-weight:700;color:#111827;margin:0}.dashboard-period[data-astro-cid-d5cl4suy]{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#4b5563}.dashboard-grid[data-astro-cid-d5cl4suy]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dashboard-card[data-astro-cid-d5cl4suy]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.dashboard-card[data-astro-cid-d5cl4suy].wide{grid-column:span 3}.card-value[data-astro-cid-d5cl4suy]{font-size:28px;font-weight:700;color:#111827;margin:8px 0}.card-change[data-astro-cid-d5cl4suy]{font-size:14px;font-weight:500}.card-change[data-astro-cid-d5cl4suy].positive{color:#10b981}.card-change[data-astro-cid-d5cl4suy].negative{color:#ef4444}.chart-placeholder[data-astro-cid-d5cl4suy]{height:150px;background:linear-gradient(to right,#e0e7ff,#c7d2fe,#a5b4fc);border-radius:8px;margin-top:12px}@media (max-width: 1024px){.browser-xl[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy]{width:100%;max-width:1024px;height:640px}.browser-lg[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy]{width:100%;max-width:800px;height:500px}}@media (max-width: 768px){.browser-md[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy],.browser-lg[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy],.browser-xl[data-astro-cid-d5cl4suy] .browser-frame[data-astro-cid-d5cl4suy]{width:100%;max-width:640px;height:400px}.canvas-sidebar[data-astro-cid-d5cl4suy]{display:none}.dashboard-grid[data-astro-cid-d5cl4suy]{grid-template-columns:1fr}.dashboard-card[data-astro-cid-d5cl4suy].wide{grid-column:span 1}}