:root{color:#1a1a2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f6f8;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #c9ccd4;border-radius:4px;padding:.35rem .9rem}button:hover{background:#eef0f4}.signin{text-align:center;margin:auto;padding:4rem 2rem}.signin .error{color:#b00020}.shell{flex-direction:column;flex:1;display:flex}.shell header{color:#fff;background:#101828;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.shell header .brand{font-weight:600}.shell header nav{gap:.25rem;display:flex}.shell header nav button{color:#cbd2e0;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0}.shell header nav button.active{color:#fff;border-bottom-color:#f97316}.shell header .spacer{flex:1}.shell header .user{color:#cbd2e0;font-size:.85rem}.bridge-status{border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.bridge-status.offline{color:#fecaca;background:#7f1d1d}.bridge-status.online{color:#bbf7d0;background:#14532d}.shell main{flex:1;padding:1rem}.placeholder{text-align:center;color:#667085;background:#fff;border:1px dashed #c9ccd4;border-radius:6px;padding:3rem}