:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0f172a;color:#e2e8f0}body{margin:0;background:radial-gradient(circle at top left,#1e293b,#020617);min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.tabs{display:inline-flex;gap:.75rem;margin-bottom:1.5rem;border-radius:9999px;background:#94a3b81f;padding:.25rem}.tab{border:none;background:transparent;color:#94a3b8;font-weight:600;padding:.5rem 1.25rem;border-radius:9999px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tab:hover{color:#e2e8f0}.tab.active{background:#94a3b840;color:#e2e8f0}h1{margin:0;font-size:2rem}p{margin-top:.5rem;color:#94a3b8}.header-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.last-updated{font-size:.85rem;color:#94a3b8}.card{background-color:#0f172ad9;border:1px solid rgba(148,163,184,.1);border-radius:1rem;padding:1rem;box-shadow:0 20px 45px #0f172a59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}table{width:100%;border-collapse:collapse}.device-table{table-layout:fixed}th,td{padding:.75rem 1rem;text-align:left;vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:1px solid rgba(148,163,184,.1)}tr+tr td{border-top:1px solid rgba(148,163,184,.08)}.service-name{font-weight:600}.service-description{margin-top:.25rem;color:#94a3b8;font-size:.9rem}.device-name{font-weight:600}.device-description{margin-top:.25rem;color:#94a3b8;font-size:.9rem}.device-detail{margin-top:.35rem;color:#cbd5f5;font-size:.85rem}.device-address{font-family:JetBrains Mono,Fira Code,SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem}.device-meta{margin-top:.35rem;color:#94a3b8;font-size:.85rem}.device-meta:first-of-type{margin-top:.5rem}.device-meta.subtle{color:#64748b}.service-detail{margin-top:.4rem;color:#cbd5f5;font-size:.85rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:9999px;font-weight:600;color:#0f172a;font-size:.75rem}.reason-input{width:100%;min-height:60px;resize:vertical;border-radius:.75rem;border:1px solid rgba(148,163,184,.2);padding:.5rem;margin-bottom:.75rem;background-color:#0f172a99;color:inherit}.reason-input:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn{border:none;padding:.5rem 1rem;border-radius:9999px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#334155,#1e293b);color:#e2e8f0;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a59}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-up{background:linear-gradient(135deg,#22c55e,#16a34a);color:#052e16}.btn-build{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#f0f9ff}.btn-down{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fee2e2}.btn-restart{background:linear-gradient(135deg,#f97316,#c2410c);color:#fff7ed}.btn-secondary{background:#94a3b826;color:#e2e8f0;border:1px solid rgba(148,163,184,.3)}.desired-state{display:flex;flex-direction:column;gap:.35rem}.desired-label{font-weight:600;color:#e2e8f0}.desired-reason{font-size:.85rem;color:#cbd5f5}.desired-webhook{font-size:.75rem;display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.15rem .5rem;border-radius:9999px;background:#94a3b826}.desired-webhook.success{background:#22c55e33;color:#bbf7d0}.desired-webhook.error{background:#f8717133;color:#fecdd3}.desired-webhook-error{font-size:.8rem;color:#fecdd3}.alert{margin-bottom:1rem;border-radius:.75rem;padding:1rem;border:1px solid rgba(148,163,184,.2);background-color:#1e40af59}.alert.success{border-color:#22c55e80;background-color:#16a34a33}.alert.error{border-color:#f8717180;background-color:#b91c1c33}.webhook-detail{margin-top:.75rem;padding:.75rem;background-color:#0f172ab3;border-radius:.5rem;overflow-x:auto;font-size:.8rem}.loading-row,.empty-row{text-align:center;color:#94a3b8;padding:2rem}.service-details td{border-top:none}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.details-grid h4{margin-top:0;margin-bottom:.5rem}.details-grid h5{margin-bottom:.5rem;color:#cbd5f5}.command-list{display:flex;flex-direction:column;gap:.5rem}.command-entry{display:flex;flex-direction:column;gap:.25rem}.command-label{font-size:.75rem;font-weight:700;color:#94a3b8}.command-entry code{background:#0f172acc;border-radius:.5rem;padding:.35rem .5rem;display:inline-block;font-size:.8rem;color:#f8fafc}.stack-error{margin-top:.5rem;padding:.5rem .75rem;border-radius:.5rem;background:#f8717126;color:#fecdd3;border:1px solid rgba(248,113,113,.25);font-size:.85rem}.stack-service-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.stack-service-item{background:#0f172a99;border-radius:.75rem;padding:.75rem;border:1px solid rgba(148,163,184,.12)}.stack-service-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.stack-service-title{display:flex;align-items:center;gap:.5rem}.stack-service-name{font-weight:600}.stack-primary-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background:#22c55e33;color:#bbf7d0;border-radius:9999px;padding:.1rem .5rem}.stack-service-detail{font-size:.85rem;color:#cbd5f5}.stack-service-meta{font-size:.75rem;color:#94a3b8}.container-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.container-name{font-weight:600}.container-meta{font-size:.8rem;color:#94a3b8}@media (max-width: 900px){header{flex-direction:column;align-items:flex-start}table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{margin-bottom:1.5rem;border-bottom:1px solid rgba(148,163,184,.1);padding-bottom:1.5rem}td{padding:.25rem 0}}