:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eef3f8;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html,body{background:#eef3f8;min-height:100%;margin:0}body{min-height:100dvh}button{font:inherit}.shell{flex-direction:column;min-height:100dvh;display:flex}.mobileHeader{color:#fff;height:64px;padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));background:#0b1f3a;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand strong{font-size:18px;line-height:1.05;display:block}.brand small{color:#a9bbcf;margin-top:2px;font-size:11px;display:block}.brandMark{background:#102b4c;border:1px solid #fff3;border-radius:10px;width:34px;height:34px;position:relative}.brandMark i{background:#10b981;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 2px #0b1f3a}.brandMark i:first-child{top:7px;left:6px}.brandMark i:nth-child(2){top:7px;right:6px}.brandMark i:nth-child(3){bottom:5px;left:13px}.brandMark i:nth-child(4){background:#2563eb;bottom:11px;right:5px}.brandMark:before,.brandMark:after{content:"";transform-origin:0;background:#76a7dd;height:1px;position:absolute}.brandMark:before{width:20px;top:11px;left:9px;transform:rotate(42deg)}.brandMark:after{width:18px;top:12px;left:9px;transform:rotate(-10deg)}.headerActions{align-items:center;gap:8px;display:flex}.headerActions button{color:#052c24;background:#10b981;border:0;border-radius:999px;padding:7px 12px;font-weight:800}.status{border:1px solid #ffffff2e;border-radius:999px;padding:5px 8px;font-size:11px}.status.online{color:#8ff0cd}.status.offline{color:#ffbb8f}.appFrame{background:#f7fafc;border:0;flex:1;width:100%;min-height:calc(100dvh - 64px)}@media (display-mode:standalone){.mobileHeader{height:60px}.appFrame{min-height:calc(100dvh - 60px)}}