.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:1.25rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elev)}.app-header h1{margin:0;font-size:1.35rem;letter-spacing:.02em}.app-header h1 .accent{color:var(--accent)}.env-tag{font-size:.75rem;padding:.2rem .6rem;border:1px solid var(--border);border-radius:999px;color:var(--text-dim)}.app-main{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.search-bar{position:relative;margin-bottom:2rem}.search-bar input{width:100%;padding:.9rem 1rem .9rem 2.75rem;font-size:1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:border-color .15s}.search-bar input:focus{border-color:var(--accent)}.search-bar .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.section{margin-bottom:2.5rem}.section-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.section-header h2{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em}.section-count{color:var(--text-dim);font-size:.85rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tile{display:block;padding:1rem 1.15rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;transition:transform .12s,border-color .12s}.tile:hover{transform:translateY(-2px);border-color:var(--accent)}.tile-title{font-weight:600;margin-bottom:.25rem}.tile-desc{color:var(--text-dim);font-size:.85rem;line-height:1.4}.tile-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.badge-pbi{background:#f2c81126;color:var(--pbi)}.badge-app{background:#4fc3f726;color:var(--apps)}.badge-sp{background:#7cb34226;color:var(--sp)}.empty{color:var(--text-dim);font-style:italic;padding:.5rem 0}:root{--bg: #0f1620;--bg-elev: #182231;--border: #253244;--text: #e6edf5;--text-dim: #9fb0c4;--accent: #ff6b1f;--accent-hover: #ff8547;--pbi: #f2c811;--apps: #4fc3f7;--sp: #7cb342;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}