.dashboard{max-width:900px;margin:0 auto;padding:0 8px}h1{font-size:1.25rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:8px;padding:1rem 1rem .5rem;display:flex;justify-content:space-between;align-items:baseline}.header-uptime{font-size:.85rem;font-weight:400;letter-spacing:0;text-transform:none;color:#444}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;grid-auto-rows:120px}.card{background:#1b1b1b;border-radius:2rem;padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#666}.card-value{font-size:2.5rem;font-weight:700;line-height:1}.card-unit{font-size:1rem;font-weight:400;margin-left:2px}.card-row{display:flex;justify-content:space-between;align-items:baseline}.card-detail{font-size:.75rem;color:#555;white-space:nowrap}.card-merged{grid-row:span 2;gap:0;padding-top:.75rem;padding-bottom:.75rem}.merged-section{flex:1;display:flex;flex-direction:column;gap:.35rem;justify-content:center}.card-divider{border:none;border-top:1px solid #2a2a2a;flex-shrink:0;margin:.25rem 0}.card-net-value{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}.bar-bg{margin-top:.5rem;height:4px;background:#2a2a2a;border-radius:2px;overflow:hidden}.bar-fill{height:100%;border-radius:2px;transition:width .5s ease,background .5s ease}.card.wide{margin-top:8px;padding-top:1.5rem;padding-bottom:1.25rem}.compact-metrics{display:none}@media (max-width: 800px){.dashboard{padding:0 8px}.grid{display:none}.compact-metrics{display:flex;flex-direction:column;background:#1b1b1b;border-radius:2rem;overflow:hidden;padding-top:.5rem}}.compact-grid{display:grid;grid-template-columns:1fr 1fr;padding:0 1rem}@media (min-width: 500px) and (max-width: 800px){.compact-grid{grid-template-columns:repeat(4,1fr)}}.compact-ring{padding:0}.compact-network{padding:.5rem 1.25rem .75rem}.container-list{margin-top:.5rem;margin-bottom:0;display:flex;flex-direction:column;font-size:.875rem}.container-row:last-child{height:32px}.container-row{display:grid;grid-template-columns:130px minmax(0,1fr) 58px 70px 56px 36px;align-items:center;column-gap:.75rem;height:40px}.sf-players-inline{display:none;margin-left:.5rem;font-size:.75rem;font-weight:400;color:#555}@media (max-width: 600px){.container-row{grid-template-columns:minmax(0,1fr) 58px 70px 56px 36px}.row-image{display:none}.sf-players-inline{display:inline}}@media (max-width: 500px){.container-row{grid-template-columns:minmax(0,1fr) 56px 36px}.row-cpu,.row-ram{display:none}}.container-row+.container-row{border-top:1px solid #2a2a2a}.row-name{font-weight:600;color:#e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-image{font-size:.8rem;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-cpu,.row-ram{font-size:.75rem;color:#555;text-align:right}.row-uptime{font-size:.75rem;color:#555;text-align:right;white-space:nowrap}.status-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;justify-self:center}.status-dot-running{background:#064e3b;color:#34d399}.status-dot-exited{background:#4c0519;color:#fb7185}.status-dot-pending{background:#431407;color:#fb923c}.muted{color:#555}.sf-autostop{font-size:.75rem;color:#555;margin-left:.75rem}.sf-error{font-size:.7rem;color:#fb7185;margin-left:.5rem}.sf-btn{width:32px;height:32px;justify-self:center;border-radius:50%;border:none;color:#fff;font-size:.65rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,background .15s;flex-shrink:0}.sf-btn:disabled{opacity:.35;cursor:not-allowed}.sf-btn-start{background:#1d4ed8}.sf-btn-start:hover:not(:disabled){background:#2563eb}.sf-btn-stop{background:#be123c}.sf-btn-stop:hover:not(:disabled){background:#e11d48}.sf-btn-pending{background:#92400e}.sf-btn-pending:disabled{opacity:1;cursor:default}.error{color:#fb7185;font-size:.875rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#3b3b3b;color:#ebebeb;font-family:Inter,system-ui,sans-serif}@media (max-width: 800px){body{background:#000}}