:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;padding:0}#root{width:100%;min-height:100vh}a{color:#3b82f6;font-weight:500;text-decoration:none}a:hover{color:#2563eb}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .2s}button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.landing{color:#0f172a;background:#fff;width:100%;min-height:100vh}.landing-nav{background:#fff;border-bottom:1px solid #e2e8f0;width:100%}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.nav-logo{letter-spacing:.02em;font-size:1.5rem;font-weight:700}.nav-cta{align-items:center;gap:1rem;display:flex}.nav-link{color:#64748b;font-size:.9375rem}.nav-link:hover{color:#0f172a}.nav-btn{color:#fff;background:#0f172a;border-radius:6px;padding:.5rem 1rem;font-weight:500}.nav-btn:hover{background:#1e293b}.hero{width:100%;padding:4rem 1.5rem 5rem}.hero-inner{text-align:center;max-width:720px;margin:0 auto}.hero h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}.hero-tagline{color:#475569;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.muted{color:#94a3b8;font-size:.9rem}.btn{border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#fff;background:#0f172a;border:none}.btn-primary:hover{background:#1e293b}.btn-secondary{color:#0f172a;background:0 0;border:2px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-lg{padding:.875rem 1.75rem}.features{background:#f8fafc;width:100%;padding:4rem 1.5rem}.features-inner{max-width:1200px;margin:0 auto}.features h2{text-align:center;margin:0 0 2.5rem;font-size:1.75rem;font-weight:600}.features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.feature-card h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.feature-card p{color:#64748b;margin:0;font-size:.9375rem;line-height:1.5}.cta-section{color:#f8fafc;background:#0f172a;width:100%;padding:4rem 1.5rem}.cta-inner{text-align:center;max-width:560px;margin:0 auto}.cta-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.cta-section p{color:#94a3b8;margin:0 0 1.5rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.cta-section .btn-primary{color:#0f172a;background:#fff}.cta-section .btn-primary:hover{background:#f1f5f9}.cta-section .btn-secondary{color:#f8fafc;border-color:#475569}.cta-section .btn-secondary:hover{background:#1e293b;border-color:#64748b}.landing-footer{text-align:center;border-top:1px solid #e2e8f0;width:100%;padding:2rem 1.5rem}.footer-inner{max-width:1200px;margin:0 auto}.landing-footer small{color:#94a3b8;font-size:.875rem}@media (width<=480px){.nav-inner{padding:1rem}.nav-cta{gap:.5rem}.nav-btn{padding:.5rem .75rem;font-size:.875rem}.hero{padding:3rem 1rem 4rem}.hero-cta{flex-direction:column}.btn{text-align:center;width:100%}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}.rdi-create-connection-dialog .MuiDialog-paper{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #334155!important}.rdi-create-connection-dialog .MuiDialogContent-root{color:#f8fafc!important;background-color:#1e293b!important}.rdi-create-connection-dialog .MuiDialogTitle-root{color:#fff!important;background-color:#1e293b!important}.rdi-create-connection-dialog .MuiDialogActions-root{background-color:#1e293b!important;border-color:#334155!important}.rdi-create-connection-dialog .MuiOutlinedInput-root{color:#f8fafc!important;background-color:#0f172a!important}.rdi-create-connection-dialog .MuiOutlinedInput-root input,.rdi-create-connection-dialog .MuiOutlinedInput-root .MuiSelect-select{color:#f8fafc!important}.rdi-create-connection-dialog .MuiOutlinedInput-root input::placeholder{color:#64748b!important}.rdi-create-connection-dialog .MuiOutlinedInput-root fieldset{border-color:#334155!important}.rdi-create-connection-dialog .MuiOutlinedInput-root:hover fieldset{border-color:#475569!important}.rdi-create-connection-dialog .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6!important}.rdi-create-connection-dialog .MuiInputLabel-root{color:#94a3b8!important}.console{color:#f8fafc;background:#0f172a;width:100%;min-height:100vh}.console-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.console-header [class*=Heading]{flex:1;margin:0}.sidebar-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #334155;border-radius:6px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;display:none}.sidebar-toggle .hamburger{background:currentColor;width:18px;height:2px;margin:0 auto;display:block}@media (width<=767px){.sidebar-toggle{display:flex}}.console-header button{color:#94a3b8}.console-body{min-height:calc(100vh - 60px);display:flex}.sidebar-backdrop{z-index:40;background:#00000080;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}@media (width>=768px){.sidebar-backdrop{display:none!important}}.sidebar{background:#0f172a;border-right:1px solid #334155;width:240px;min-width:240px;padding:1.5rem}@media (width<=767px){.sidebar{z-index:50;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 12px #0000004d}.sidebar.open{transform:translate(0)}}.sidebar h3{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:1rem 0 .5rem;font-size:.75rem}.sidebar select{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:.375rem;width:100%;padding:.5rem;font-size:.9rem}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{color:#94a3b8;padding:.4rem 0}.sidebar .folder-tree-item{margin:0;padding:0;display:block}.sidebar .folder-tree-row{align-items:center;width:100%;display:flex}.sidebar .folder-tree-row .MuiListItemText-root{text-overflow:ellipsis;overflow:hidden}.sidebar .folder-tree-item+.folder-tree-item{margin-top:0}.link-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.875rem}.main{flex:1;min-width:0;padding:1.5rem}@media (width<=767px){.main{padding:1rem}}.main-top-bar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.new-connection-btn{flex-shrink:0}.region-header{flex:1}.region-header h2{margin:0;font-size:1.5rem}.region-id{color:#64748b;font-size:.8rem}.drones-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}@media (width<=480px){.drones-grid{grid-template-columns:1fr}}.drone-card{background:#1e293b;border:1px solid #334155;border-radius:.5rem;padding:1rem}.drone-card h4{margin:.5rem 0 .25rem}.status-dot{border-radius:50%;width:10px;height:10px}.status-dot.connected{background:#22c55e}.status-dot.idle{background:#eab308}.status-dot.offline{background:#64748b}.status-text{color:#94a3b8;font-size:.8rem}.mock-note{color:#64748b;margin-top:2rem;font-size:.85rem}