.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metrics article{background:#0d192a;border:1px solid #ffffff10;border-radius:16px;padding:14px;display:grid;gap:5px}.metrics strong{font-size:1.5rem}.operations-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.operations-actions button,.operations>button{border:1px solid #ffffff18;background:#12233a;color:#d7e6fa;border-radius:12px;padding:11px 14px}.operations-meta{margin:18px 0;color:#b9c9df}.operations-meta p{margin:7px 0}@media(min-width:700px){.metrics{grid-template-columns:repeat(4,1fr)}}:root{font-family:Inter,ui-sans-serif,system-ui;color:#e8f1ff;background:#07111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 90% 0,#1a3154 0,transparent 35%),#07111f}button,input{font:inherit}.app{max-width:760px;margin:auto;min-height:100dvh;padding:76px 18px 90px}.top{position:fixed;z-index:4;top:0;left:50%;transform:translate(-50%);width:min(100%,760px);height:64px;padding:10px 18px;display:flex;align-items:center;gap:12px;background:#07111fdd;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.top div{display:flex;flex-direction:column;flex:1}.top small,small{color:#90a4c0}.logo,.brand{display:grid;place-items:center;background:linear-gradient(135deg,#6ee7f9,#a78bfa);color:#07111f;font-weight:900;border-radius:12px}.logo{width:40px;height:40px}.brand{width:68px;height:68px;font-size:32px;margin:auto}.online,.offline{width:10px;height:10px;border-radius:50%;background:#45d6a1;box-shadow:0 0 12px #45d6a1}.offline{background:#ff8b8b;box-shadow:none}h1{font-size:clamp(1.8rem,7vw,3.2rem);line-height:1.05;margin:.4rem 0 1.3rem}h2{font-size:1.1rem;margin-top:28px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 0}.hero h1{max-width:480px}.pill{display:inline-flex;padding:6px 10px;border:1px solid #ffffff20;border-radius:999px;text-transform:capitalize;font-size:.76rem;background:#14233a;color:#b9c9df;white-space:nowrap}.status-connected,.status-online,.status-completed{color:#7ef0c1;border-color:#45d6a155}.status-running,.status-claimed{color:#6ee7f9}.status-failed,.status-cancelled,.status-offline{color:#ff9b9b}.status-paused,.status-awaiting-approval,.status-scheduled{color:#ffd37e}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid article,.approval,.notice{background:linear-gradient(145deg,#12223a,#0d192a);border:1px solid #ffffff10;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:7px}.grid strong{font-size:2rem}.grid span{color:#9cb0ca;font-size:.8rem}.timeline,.menu{display:grid;gap:8px}.row,.mission{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid #ffffff10;background:#0d192a;color:inherit;border-radius:14px;text-align:left}.row div,.mission div{display:flex;flex-direction:column;gap:4px}.mission span{font-size:.72rem;color:#657b98}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.filters button,.menu button,.approval button{border:1px solid #ffffff15;background:#12233a;color:#bdd0e9;border-radius:12px;padding:10px 13px}.filters .active,.primary{background:linear-gradient(135deg,#4fd1e8,#8b7cf6)!important;color:#06101e!important;border:0!important;font-weight:800}.approval div{display:flex;justify-content:flex-end;gap:8px}.warning,.safe,.empty{padding:16px;border-radius:14px;background:#322813;color:#ffdd95;border:1px solid #ffd16633}.empty{background:#0d192a;color:#9cb0ca}.notice{margin-bottom:8px}.notice b{font-size:1.05rem}.pairing{max-width:480px;margin:10vh auto;padding:24px;text-align:center}.pairing form{display:grid;gap:16px;text-align:left;margin:28px 0}.pairing label{display:grid;gap:7px;color:#b9c9df}.pairing input{background:#0d192a;border:1px solid #ffffff22;border-radius:12px;padding:14px;color:#fff}.pairing button{border:0;border-radius:12px;padding:14px}nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(5,1fr);background:#091525ee;backdrop-filter:blur(18px);border-top:1px solid #ffffff15;padding:8px max(6px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom))}nav button{border:0;background:transparent;color:#7388a5;text-transform:capitalize;font-size:.68rem;display:grid;gap:3px;place-items:center}nav button span{font-size:1.25rem}nav button[aria-current=page]{color:#6ee7f9}@media(min-width:700px){.grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}