:root{--black: #0b0e13;--surface: #0f1318;--raised: #141922;--grid-line: #1a2233;--grid-glow: #1e3a5f;--lime: #b2ef69;--yellow: #e4ef49;--purple: #6a49ef;--cyan: #00e5ff;--sky: #49c8ef;--sea: #33b53d;--coral: #ef6969;--orange: #efa549;--white: #f5f5f5;--grey: #d3d3d3;--dk: #878787;--iris: #886df2;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0}body{position:relative;background-color:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Rubik,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,var(--grid-line) 0,var(--grid-line) 1px,transparent 1px,transparent 40px);background-size:40px 40px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 50% 0%,rgba(30,58,95,.55),transparent 70%)}#root{position:relative;z-index:1}button{font:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn-primary{display:flex;align-items:center;gap:10px;padding:12px 22px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid rgba(0,229,255,.25);background:#00e5ff14;color:var(--white);cursor:pointer;transition:background .15s,border-color .15s}.btn-primary:hover:not(:disabled){background:#00e5ff24;border-color:#00e5ff73}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{padding:7px 14px;font-size:12px;font-weight:500;border-radius:8px;border:1px solid var(--grid-line);background:transparent;color:var(--grey);cursor:pointer}.btn-ghost:hover{border-color:var(--grid-glow);color:var(--white)}.signin{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 16px}.signin-logo{height:36px;opacity:.9}.signin-copy{text-align:center}.signin-copy h1{font-size:22px;font-weight:700;margin-bottom:8px}.signin-copy p{font-size:13px;color:var(--dk);max-width:360px;line-height:1.5}.signin-error{font-size:12px;color:#ef4444;max-width:420px;text-align:center}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;background:#0b0e13d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--grid-line)}.topbar-logo{height:26px;opacity:.9}.topbar-user{display:flex;align-items:center;gap:12px;min-width:0}.avatar{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--black);background:var(--lime)}.user-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.user-name{font-size:13px;font-weight:500}.user-mail{font-size:11px;color:var(--dk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{max-width:1080px;margin:0 auto;padding:64px 32px 80px}.hero{margin-bottom:32px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}.hero h1{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.lede{font-size:14px;color:var(--dk)}.search{display:flex;align-items:center;gap:10px;max-width:420px;padding:0 12px;margin-bottom:28px;border-radius:8px;border:1px solid var(--grid-line);background:var(--surface);color:var(--dk)}.search:focus-within{border-color:#00e5ff73}.search input{flex:1;min-width:0;padding:11px 0;font:inherit;font-size:13px;color:var(--white);background:transparent;border:0;outline:none}.search kbd{font-family:inherit;font-size:11px;padding:1px 7px;border-radius:4px;border:1px solid var(--grid-line)}.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px}.tile{--accent: var(--cyan);position:relative;display:flex;flex-direction:column;height:100%;padding:22px;border-radius:12px;border:1px solid var(--grid-line);background:var(--raised);box-shadow:inset 0 2px color-mix(in srgb,var(--accent) 60%,transparent);transition:border-color .15s,transform .15s,box-shadow .15s}.tile:hover,.tile:focus-within{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 2px color-mix(in srgb,var(--accent) 60%,transparent),0 10px 30px -12px color-mix(in srgb,var(--accent) 35%,transparent)}.tile:focus-within{z-index:3}.tile-link{color:inherit;text-decoration:none}.tile-link:focus-visible{outline:none}.tile-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px}.tile-link:focus-visible:after{outline:2px solid var(--cyan);outline-offset:2px}.tile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.tile-arrow{color:var(--dk);transition:color .15s,transform .15s}.tile:hover .tile-arrow{color:var(--accent);transform:translate(2px,-2px)}.tile h2{font-size:16px;font-weight:600;margin-bottom:6px}.tile p{font-size:13px;line-height:1.5;color:var(--dk);flex:1}.tile-host{margin-top:18px;font-size:11px;color:var(--dk);opacity:.8}.env{position:relative;z-index:2}.env-button{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;font-size:10px;font-weight:700;letter-spacing:.14em;border-radius:6px;border:1px solid var(--grid-line);background:var(--surface);color:var(--grey);cursor:pointer}.env-button:hover,.env-button[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--white)}.env-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:250px;padding:6px;border-radius:10px;border:1px solid var(--grid-glow);background:var(--surface);box-shadow:0 16px 40px -12px #000c}.env-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--grey);text-decoration:none;font-size:12px}.env-item:hover,.env-item:focus-visible{outline:none;background:var(--raised);color:var(--white)}.env-item[data-env=PROD]{--env: var(--lime)}.env-item[data-env=TEST]{--env: #ffcf7d}.env-item[data-env=DEV]{--env: #7df3ff}.env-badge{flex:none;width:46px;padding:3px 0;text-align:center;font-size:10px;font-weight:700;letter-spacing:.12em;border-radius:4px;color:var(--env);background:color-mix(in srgb,var(--env) 12%,transparent);border:1px solid color-mix(in srgb,var(--env) 35%,transparent)}.env-host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{font-size:13px;color:var(--dk)}@media(max-width:640px){.topbar{padding:12px 16px}.user-text{display:none}.content{padding:40px 16px 64px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}