:root{color-scheme:dark}html,body,#root{height:100%;margin:0;background:#0b1220}.app-shell{font-family:Space Grotesk,Inter,system-ui,sans-serif;color:#e2e8f0;min-height:100vh;background:#0b1220}.app-header{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid rgba(30,41,59,.7);background:linear-gradient(135deg,#020617fa,#0f172af2);position:sticky;top:0;z-index:10}.app-brand{display:flex;align-items:center;gap:12px;min-width:200px;--title-size: clamp(1.35rem, 1.1vw + 1rem, 1.75rem)}.app-logo{display:block;height:calc(var(--title-size) * 1.8);width:auto;padding:0;border-radius:0;background:transparent;box-shadow:none;flex-shrink:0;object-fit:contain}.app-logo--wordmark{max-width:260px}.app-title{font-size:var(--title-size);font-weight:700;letter-spacing:.2px;line-height:1.08}.app-subtitle{font-size:.7em;color:#94a3b8;margin-top:2px}.app-nav{display:flex;gap:8px;flex-wrap:wrap}.app-tab{border:1px solid rgba(51,65,85,.8);background:#0f172aa6;color:#cbd5f5;padding:6px 12px;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.app-tab:hover{border-color:#7dd3fc99;transform:translateY(-1px)}.app-tab--active{border-color:#22d3eeb3;color:#e0f2fe;box-shadow:0 6px 16px #22d3ee26}.app-tenant{margin-left:auto;display:flex;align-items:center;gap:10px}.app-tenant__label{font-size:12px;color:#94a3b8}.app-tenant__select{border:1px solid rgba(51,65,85,.8);background:#0f172ae6;color:#e2e8f0;padding:6px 10px;border-radius:10px;font-size:13px;font-weight:600;min-width:200px}.app-logout{border:1px solid rgba(51,65,85,.8);background:#0f172ae6;color:#e2e8f0;padding:6px 12px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.app-logout:hover{border-color:#f87171a6;box-shadow:0 6px 16px #f871711f;transform:translateY(-1px)}.app-main{padding:0}@media(max-width:960px){.app-header{flex-wrap:wrap;padding:16px;gap:12px}.app-brand{min-width:auto}.app-tenant{width:100%;justify-content:flex-start;margin-left:0}.app-tenant__select{min-width:170px}}@media(max-width:720px){.app-logo--wordmark{max-width:180px}}