.app-shell{min-height:100vh;background:var(--bg);color:var(--text)}.app-auth-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);gap:1rem}.app-not-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:.75rem}.app-not-auth h2{font-family:JetBrains Mono,monospace;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin:0}.app-not-auth p{color:var(--muted);margin:0}.app-content{display:flex;flex-direction:column;min-height:100vh}.app-topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg);flex-shrink:0}.app-brand{display:flex;align-items:center;gap:0;text-decoration:none}.app-brand-mark{font-family:JetBrains Mono,monospace;font-weight:700;font-size:.72rem;letter-spacing:.22em;color:var(--text)}.app-brand-sep{color:var(--accent);margin:0 .35rem;font-weight:300}.app-brand-product{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.16em;color:var(--muted)}.app-topbar-right{display:flex;align-items:center;gap:1rem}.app-user-email{font-size:.78rem;color:var(--muted);font-family:JetBrains Mono,monospace}.btn-sm{font-size:.68rem;padding:.4rem 1rem}.app-body{display:flex;flex:1;min-height:0}.app-sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border-subtle);padding:1.25rem 0;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;background:var(--bg)}.app-sidebar-section{padding:0 .75rem;margin-bottom:1rem}.app-sidebar-label{font-family:JetBrains Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);padding:.5rem .75rem .35rem}.app-nav-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;font-size:.82rem;color:var(--muted);text-decoration:none;transition:background .15s,color .15s}.app-nav-item:hover{background:var(--bg-alt);color:var(--text)}.app-nav-item.active{background:var(--accent-soft);color:var(--accent)}.app-nav-icon{font-size:.9rem;width:1.2rem;text-align:center}.app-nav-badge{margin-left:auto;background:var(--accent);color:var(--bg);font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:999px;font-family:JetBrains Mono,monospace}.app-nav-link{display:block;padding:.3rem .75rem;font-size:.75rem;color:var(--muted);text-decoration:none;opacity:.7}.app-nav-link:hover{opacity:1;color:var(--text)}.app-sidebar-links{margin-top:auto}.app-main{flex:1;padding:2rem 2.5rem;overflow-y:auto;min-width:0}.app-page-header{margin-bottom:2rem}.app-page-title{font-family:JetBrains Mono,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.16em;margin:0 0 .35rem}.app-page-desc{color:var(--muted);font-size:.85rem;margin:0}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.app-grid-full{grid-column:1 / -1}.app-card{background:var(--bg-alt);border:1px solid var(--border-strong);border-radius:8px;padding:1.5rem}.app-card-header{font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.app-kv{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-subtle);font-size:.85rem}.app-kv:last-child{border-bottom:none}.app-kv-label{color:var(--muted)}.app-kv-value{color:var(--text);font-family:JetBrains Mono,monospace;font-size:.82rem}.app-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.4rem}.app-dot-live{background:var(--green);box-shadow:0 0 4px #27c93f80}.app-dot-warn{background:var(--yellow)}.app-dot-error{background:var(--red)}.app-dot-muted{background:var(--border-strong)}.svc-card{background:var(--bg-alt);border:1px solid var(--border-strong);border-radius:8px;padding:1.25rem;transition:border-color .2s}.svc-card-active{border-color:#27c93f4d}.svc-card-pending{border-color:#f59e0b4d}.svc-card-locked{opacity:.65}.svc-card-icon{font-size:1.4rem;margin-bottom:.5rem;display:block}.svc-card-name{font-family:JetBrains Mono,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem}.svc-card-desc{color:var(--muted);font-size:.82rem;margin-bottom:.75rem}.svc-card-status{font-family:JetBrains Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.svc-card-upsell{font-size:.78rem;color:var(--accent);margin-top:.5rem}.usage-bar-track{background:var(--border-subtle);border-radius:3px;height:6px;overflow:hidden;margin-top:.35rem}.usage-bar-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s}.usage-bar-fill-warn{background:var(--yellow)}.usage-bar-fill-danger{background:var(--red)}.app-empty{text-align:center;padding:3rem 1.5rem;color:var(--muted)}.app-empty-icon{font-size:2rem;margin-bottom:.75rem}.app-empty-title{font-family:JetBrains Mono,monospace;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;color:var(--text)}.app-table{width:100%;border-collapse:collapse}.app-table th{font-family:JetBrains Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border-strong)}.app-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border-subtle);font-size:.82rem}.app-table tr:hover td{background:#ffffff05}@media(max-width:900px){.app-sidebar{display:none}.app-main{padding:1.5rem}}.spinner{width:24px;height:24px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}