html,body,#root{min-height:100%;margin:0}body{background:#f5f7fb;color:#1f2937}.ops-shell{min-height:100vh}.ops-header{display:flex;align-items:center;justify-content:space-between;background:#2f6f9f;border-bottom:1px solid #4286b4;box-shadow:0 1px 2px #2f6f9f29;padding:0 24px}.ops-brand{color:#f8fbff;font-weight:600}.ops-header-page{color:#d9eefb;font-size:13px}.ops-content{padding:24px;background:#f5f7fb}.ops-nav{border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#fff}.ops-nav-button{flex:0 0 auto}.ops-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fb;padding:16px}.ops-login-card{width:min(380px,calc(100vw - 32px))}.ops-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 12px}.ops-json{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}@media(max-width:760px){.ops-header{height:auto;min-height:64px;padding:10px 12px;gap:8px;flex-wrap:wrap}.ops-content{padding:12px}}