:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg-0: #09090b;--bg-1: #111113;--bg-2: #18181b;--bg-3: #222225;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--text: #fafafa;--text-dim: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--accent: #6366f1;--accent-dim: rgba(99, 102, 241, .15);--green: #22c55e;--yellow: #f59e0b;--red: #ef4444;--radius: .5rem;--radius-lg: .75rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-0);color:var(--text)}.toolkit{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem 0;flex-shrink:0;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem 1.25rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.brand-icon{font-size:1.5rem;width:36px;height:36px;display:grid;place-items:center;background:var(--accent-dim);border-radius:var(--radius)}.brand-name{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.brand-sub{font-size:.7rem;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 .5rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:none;background:none;color:var(--text-dim);font-size:.85rem;border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:left;font-family:inherit}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-icon{font-size:1rem;width:20px;text-align:center}.sidebar-storage{margin:0 1rem;padding:1rem;background:var(--bg-2);border-radius:var(--radius);border:1px solid var(--border)}.storage-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-dim);margin-bottom:.5rem}.storage-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;color:var(--text-muted)}.storage-bar{height:4px;background:var(--bg-3);border-radius:2px;overflow:hidden}.storage-fill{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:2px;transition:width .3s}.storage-bar-lg{height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden;min-width:120px}.storage-meta{font-size:.65rem;color:var(--text-muted);margin-top:.35rem}.main{flex:1;display:flex;flex-direction:column;min-width:0}.main-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-1);position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:baseline;gap:.75rem}.page-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.app-count{font-size:.8rem;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:0 .75rem;width:320px;transition:border-color .15s}.search-box:focus-within{border-color:var(--accent)}.search-icon{font-size:.85rem;opacity:.5}.search-input{flex:1;background:none;border:none;color:var(--text);font-size:.85rem;padding:.55rem 0;outline:none;font-family:inherit}.search-input::placeholder{color:var(--text-muted)}.dashboard{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius);font-size:1.25rem;font-weight:700}.stat-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--text-dim)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.panel-header h2{font-size:.9rem;font-weight:600}.panel-link{background:none;border:none;color:var(--accent);font-size:.75rem;cursor:pointer;font-family:inherit}.panel-link:hover{text-decoration:underline}.panel-body{padding:.5rem;display:flex;flex-direction:column;gap:2px}.recent-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:none;background:none;border-radius:var(--radius);cursor:pointer;transition:background .15s;text-align:left;font-family:inherit;color:inherit;width:100%}.recent-item:hover{background:#ffffff0a}.recent-icon{font-size:1.25rem}.recent-info{flex:1;min-width:0}.recent-name{font-size:.85rem;font-weight:500}.recent-time{font-size:.7rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.recent-status{font-size:.7rem;font-weight:500}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem .75rem}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:.35rem;flex-shrink:0}.dot-ok{background:var(--green)}.dot-warn{background:var(--yellow)}.dot-error{background:var(--red)}.activity-info{flex:1;min-width:0}.activity-msg{font-size:.8rem;line-height:1.4}.activity-time{font-size:.65rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:.15rem}.update-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem}.update-icon{font-size:1.25rem}.update-info{flex:1}.update-name{font-size:.85rem;font-weight:500}.update-versions{font-size:.7rem;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn{padding:.5rem 1rem;border-radius:var(--radius);font-size:.8rem;font-weight:500;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:all .15s}.btn-sm{padding:.3rem .65rem;font-size:.7rem}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#5558e6}.btn-outline{background:transparent;color:var(--text-dim);border-color:var(--border-light)}.btn-outline:hover{background:#ffffff0a;color:var(--text)}.btn-warn{background:#f59e0b26;color:var(--yellow);border-color:#f59e0b4d}.category-bar{display:flex;gap:4px;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);overflow-x:auto;background:var(--bg-1)}.cat-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:1px solid var(--border);background:none;color:var(--text-dim);font-size:.75rem;border-radius:999px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s}.cat-btn:hover{background:#ffffff0a;color:var(--text)}.cat-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#6366f14d}.cat-icon{font-size:.85rem}.filter-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-0)}.filter-label{font-size:.75rem;color:var(--text-muted);margin-right:.25rem}.filter-btn{padding:.25rem .6rem;border:1px solid var(--border);background:none;color:var(--text-dim);font-size:.7rem;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .15s}.filter-btn:hover{color:var(--text)}.filter-btn.active{background:#ffffff14;color:var(--text);border-color:var(--border-light)}.apps-split{display:flex;flex:1;overflow:hidden}.app-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;padding:1rem 1.5rem;overflow-y:auto;align-content:start}.app-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:all .15s;text-align:left;font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:.65rem}.app-card:hover{border-color:var(--border-light);background:var(--bg-2)}.app-card.selected{border-color:var(--accent);background:var(--accent-dim)}.app-card-header{display:flex;align-items:center;justify-content:space-between}.app-icon{font-size:1.75rem}.app-status-dot{width:8px;height:8px;border-radius:50%}.app-name{font-size:.9rem;font-weight:600}.app-desc{font-size:.75rem;color:var(--text-dim);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.app-version{font-size:.65rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-platforms{display:flex;gap:4px}.platform-tag{font-size:.6rem;padding:.1rem .4rem;background:#ffffff0f;border-radius:3px;color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.empty-grid{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;color:var(--text-muted)}.empty-icon{font-size:2rem}.empty-state{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.8rem}.detail-panel{width:380px;border-left:1px solid var(--border);background:var(--bg-1);padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.detail-header{display:flex;align-items:flex-start;justify-content:space-between}.detail-title-row{display:flex;align-items:center;gap:.75rem}.detail-icon{font-size:2rem}.detail-name{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.detail-meta{font-size:.7rem;color:var(--text-dim)}.detail-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.25rem}.detail-close:hover{color:var(--text)}.detail-desc{font-size:.85rem;color:var(--text-dim);line-height:1.5}.detail-status{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge{font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;border:1px solid}.health-badge{font-size:.7rem;padding:.2rem .6rem;border-radius:999px}.health-healthy{background:#22c55e1a;color:var(--green)}.health-degraded{background:#f59e0b1a;color:var(--yellow)}.health-broken{background:#ef44441a;color:var(--red)}.pi-badge{font-size:.7rem;padding:.2rem .6rem;border-radius:999px;background:#22c55e1a;color:var(--green)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-field{display:flex;flex-direction:column;gap:.15rem}.field-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.field-value{font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.update-hint{color:var(--yellow);margin-left:.35rem}.detail-section h3{font-size:.75rem;font-weight:600;color:var(--text-dim);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.platform-list,.dep-list,.tag-list{display:flex;flex-wrap:wrap;gap:.35rem}.platform-pill{font-size:.7rem;padding:.2rem .5rem;background:var(--bg-3);border-radius:999px;color:var(--text-dim)}.dep-chip{font-size:.7rem;padding:.2rem .5rem;background:var(--bg-3);border-radius:var(--radius);color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tag-chip{font-size:.7rem;padding:.2rem .5rem;color:var(--accent);opacity:.7}.detail-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border)}.activity-view{padding:1.5rem;overflow-y:auto}.activity-list{display:flex;flex-direction:column;gap:.5rem}.activity-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.activity-card-left{padding-top:.15rem}.activity-dot-lg{width:10px;height:10px;border-radius:50%}.activity-card-body{flex:1}.activity-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.activity-action{font-size:.75rem;color:var(--text-dim)}.activity-app{font-size:.85rem;font-weight:600}.activity-card-msg{font-size:.8rem;color:var(--text-dim);line-height:1.45}.activity-card-time{font-size:.65rem;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:.35rem}.activity-card-status{flex-shrink:0}.status-pill{font-size:.65rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.status-success{background:#22c55e1a;color:var(--green)}.status-failure{background:#ef44441a;color:var(--red)}.status-in-progress{background:#f59e0b1a;color:var(--yellow)}.settings-view{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-width:800px}.settings-panel{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.settings-panel h2{font-size:1rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.01em}.settings-group{display:flex;flex-direction:column;gap:0}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border);gap:1rem}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:.1rem;flex:1}.setting-name{font-size:.85rem;font-weight:500}.setting-desc{font-size:.7rem;color:var(--text-dim)}.setting-value{font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}.setting-select{background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:var(--radius);font-size:.8rem;font-family:inherit;cursor:pointer}.setting-input{background:var(--bg-2);border:1px solid var(--border);color:var(--text-dim);padding:.4rem .6rem;border-radius:var(--radius);font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;width:220px}.setting-toggle{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.setting-checks{display:flex;gap:.75rem;flex-wrap:wrap}.checkbox-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;cursor:pointer}.checkbox-item input{accent-color:var(--accent);cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:1024px){.sidebar{width:60px}.brand-name,.brand-sub,.nav-item span:not(.nav-icon),.sidebar-storage{display:none}.sidebar-brand{justify-content:center;padding:0 0 1rem}.nav-item{justify-content:center;padding:.6rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.detail-panel{width:320px}}