@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-main: #07131f;--bg-card: rgba(11, 24, 36, .82);--bg-card-strong: #10253a;--text-main: #eef7ff;--text-soft: #a7c1d4;--primary: #15c2a3;--primary-strong: #0fa289;--accent: #f8b84e;--danger: #f0757b;--border: rgba(134, 175, 204, .28);--shadow: 0 20px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(1000px circle at 14% 18%,rgba(21,194,163,.22),transparent 46%),radial-gradient(900px circle at 82% 18%,rgba(248,184,78,.18),transparent 48%),linear-gradient(160deg,#040b12,#07131f 45%,#0a1825);color:var(--text-main)}.app-shell{position:relative;padding:34px 22px 44px;max-width:1320px;margin:0 auto}.bg-glow{position:absolute;z-index:-1;border-radius:999px;filter:blur(42px);opacity:.35;animation:drift 16s ease-in-out infinite}.bg-glow-a{width:260px;height:260px;background:#11bf9f;left:-90px;top:60px}.bg-glow-b{width:290px;height:290px;background:#f2b64c;right:-100px;top:220px;animation-delay:1.8s}.hero{background:linear-gradient(130deg,#0c1b29f0,#0a1622d1);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.hero-kicker{margin:0;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;color:var(--accent);font-family:IBM Plex Mono,monospace}.hero h1{margin:10px 0 8px;font-size:clamp(1.45rem,2.2vw,2.3rem);line-height:1.18}.hero-text{margin:0;color:var(--text-soft);max-width:860px}.status-pill{margin-top:16px;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;border:1px solid rgba(21,194,163,.45);background:#15c2a31f;font-family:IBM Plex Mono,monospace;font-size:.85rem}.pulse{width:10px;height:10px;border-radius:999px;background:var(--primary);animation:pulse 1.7s ease-in-out infinite}.error-box{margin-top:14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(240,117,123,.42);background:#f0757b24;color:#ffe7e8}.layout-grid{margin-top:18px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.panel{grid-column:span 4;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel-wide{grid-column:span 6}.panel h2{margin:0;font-size:1.02rem}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.field-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}input,button,select{font:inherit}input{min-width:160px;flex:1;border:1px solid var(--border);background:#ffffff08;color:var(--text-main);border-radius:11px;padding:11px 12px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}input:focus{border-color:#15c2a3bf;box-shadow:0 0 0 3px #15c2a333}button{border:1px solid transparent;border-radius:11px;padding:10px 13px;background:linear-gradient(130deg,var(--primary),var(--primary-strong));color:#052a25;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07)}button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff0a;border-color:var(--border);color:var(--text-main)}.stack-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.home-chip{width:100%;text-align:left;background:#ffffff08;border:1px solid transparent;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;gap:12px}.home-chip span{color:var(--text-soft);font-size:.88rem}.home-chip.active{border-color:#15c2a38c;background:#15c2a329}.item-card{padding:11px;border:1px solid var(--border);background:#ffffff05;border-radius:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.item-main{min-width:0}.item-main strong{display:block;font-size:.96rem}.item-main p,.item-main small{margin:4px 0 0;display:block;color:var(--text-soft);overflow-wrap:anywhere}.pairing-box{margin-top:10px;border:1px solid var(--border);border-radius:13px;background:#ffffff08;padding:12px}.pairing-box code{font-family:IBM Plex Mono,monospace;font-size:.81rem}.button-pack{display:flex;gap:8px}.timeline{margin-top:10px;display:flex;flex-direction:column;gap:8px}.timeline-item{border:1px solid var(--border);border-radius:13px;padding:10px;background:#ffffff05;display:grid;grid-template-columns:auto 1fr;gap:10px}.badge{height:fit-content;border-radius:999px;padding:5px 9px;font-size:.72rem;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.badge.info{background:#15c2a333;color:#9ef3e4}.badge.warning{background:#f8b84e33;color:#ffd99c}.badge.error,.badge.critical{background:#f0757b3d;color:#ffd6da}.muted{margin:0;color:var(--text-soft);font-size:.92rem}@media (max-width: 1200px){.panel{grid-column:span 6}.panel-wide{grid-column:span 12}}@media (max-width: 760px){.app-shell{padding:16px}.hero{padding:18px}.panel{grid-column:span 12}.item-card,.timeline-item{display:flex;flex-direction:column;align-items:flex-start}.button-pack{width:100%}.button-pack button{flex:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.26);opacity:1}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(10px,-12px)}}