.App{--ink: #e6edf7;--muted: #9bb0c6;--border: rgba(155, 176, 198, .24);--card: #13213a;--card-2: #0f1a30;--page: #081425;--brand: #38bdf8;--brand-dark: #0ea5e9;--danger: #fb7185;--danger-dark: #f43f5e;--pill-green: rgba(34, 197, 94, .18);--pill-red: rgba(244, 63, 94, .2);--pill-orange: rgba(245, 158, 11, .2);--shadow: 0 18px 50px rgba(0, 0, 0, .35);--radius: 18px;--good: #22c55e;--warn: #f59e0b;--bad: #ef4444;min-height:100vh;padding:32px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 15%,rgba(56,189,248,.18) 0%,var(--page) 55%) no-repeat}.App[data-theme=light]{--ink: #162235;--muted: #5b6e85;--border: rgba(24, 40, 61, .12);--card: #ffffff;--card-2: #f3f7fb;--page: #eef3f9;--brand: #0ea5e9;--brand-dark: #0284c7;--danger: #ef4444;--danger-dark: #dc2626;--pill-green: rgba(34, 197, 94, .16);--pill-red: rgba(239, 68, 68, .16);--pill-orange: rgba(245, 158, 11, .16);--shadow: 0 16px 40px rgba(15, 23, 42, .12);background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.12) 0%,var(--page) 55%) no-repeat}button{padding:10px 18px;border-radius:12px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;letter-spacing:.01em}button:disabled{cursor:not-allowed;opacity:.6}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f8bd82e}.primary{background:linear-gradient(135deg,var(--brand),#13a0f0);color:#fff}.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-dark),#1284c4)}.danger{background:linear-gradient(135deg,var(--danger),#ff6c4e);color:#fff}.danger:hover:not(:disabled){background:linear-gradient(135deg,var(--danger-dark),#f25b40)}.ghost{background:#38bdf81a;border-color:#38bdf859;color:var(--ink)}.App[data-theme=light] .ghost{background:#0ea5e91a;border-color:#0ea5e940}.ghost:hover:not(:disabled){box-shadow:0 10px 22px #01142859;background:#38bdf824}.App[data-theme=light] .ghost:hover:not(:disabled){box-shadow:0 10px 22px #0f172a1f;background:#0ea5e929}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding:14px 12px;border-radius:14px;background:#ffffff08;border:1px solid rgba(155,176,198,.14)}.cc-title-header{justify-content:space-between;text-align:center}.cc-login-wrap{display:flex;align-items:center;justify-content:center;min-height:70vh}.cc-login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 36px;width:100%;max-width:380px;text-align:center}.cc-login-card h2{margin:0 0 6px;font-size:1.5rem;color:var(--brand)}.cc-login-subtitle{color:var(--muted);font-size:.875rem;margin:0 0 28px}.cc-login-form{display:flex;flex-direction:column;gap:14px}.cc-login-form input{padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card-2);color:var(--ink);font-size:.95rem;outline:none;transition:border-color .15s}.cc-login-form input:focus{border-color:var(--brand)}.cc-login-form button{margin-top:4px;width:100%}.cc-login-error{color:var(--danger);font-size:.85rem;margin:0}.cc-title-wrap h2{margin:0}.App[data-theme=light] .app-header{background:#ffffffc7;border:1px solid rgba(24,40,61,.12)}.header-actions{display:inline-flex;gap:10px;align-items:center}.app-eyebrow{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}h2{margin:8px 0 0;font-size:2rem}.lab-meta{margin-top:10px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem}.lab-chip{padding:4px 10px;border-radius:999px;background:#eef4ff;border:1px solid #d6e2f5;color:#2a4a6a;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.App[data-theme=light] .lab-chip{background:#fff;border:1px solid rgba(24,40,61,.12);color:#1f3b5a}.lab-count{font-weight:700}.error{color:#d32f2f;margin:10px 0}.meta{margin:0;color:var(--muted);font-size:.95rem}.status-pill{padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.status-pill.running{background:var(--pill-green);color:#86efac;border:1px solid rgba(34,197,94,.35)}.status-pill.idle{background:var(--pill-orange);color:#fdba74;border:1px solid rgba(245,158,11,.35)}.status-pill.stopped{background:var(--pill-red);color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.machine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.machine-card{background:linear-gradient(180deg,#13213afa,#0b1425eb);padding:20px 22px 18px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;min-height:360px}.App[data-theme=light] .machine-card{background:linear-gradient(180deg,#fff,#f6f9fc)}.card-header{display:flex;align-items:center;justify-content:space-between}h3{margin:0;font-size:1.2rem}.machine-title{display:inline-flex;align-items:center;gap:10px}.machine-dot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 3px #38bdf81f}.machine-dot.running{background:var(--good)}.machine-dot.idle{background:var(--warn)}.machine-dot.stopped{background:var(--bad)}.recent-samples{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(155,176,198,.28);min-height:140px}.recent-header{margin:0 0 8px;font-weight:700;font-size:1rem}.latest-sample{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(155,176,198,.2)}.App[data-theme=light] .latest-sample{background:#0ea5e90f;border:1px solid rgba(24,40,61,.12);color:var(--muted);font-size:.9rem}.latest-value{font-weight:700;color:var(--ink)}.latest-time{margin-left:auto;font-size:.85rem;color:var(--muted)}.recent-samples ul{list-style:none;padding-left:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}.recent-samples li{display:flex;justify-content:space-between;border:1px solid #eef2f8;padding:6px 10px;border-radius:10px;background:#fbfcfe}.App[data-theme=light] .recent-samples li{border:1px solid rgba(24,40,61,.1);background:#fff}.sample-id{font-weight:700}.sample-time{color:var(--muted);margin-left:8px;font-size:.85rem}.recent-empty{color:var(--muted);margin:8px 0 0;font-size:.9rem}.actions{display:flex;gap:10px;margin-top:auto}.actions button{flex:1}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.health-card{background:var(--card);padding:18px 20px}.App[data-theme=light] .health-card{background:linear-gradient(180deg,#fff,#f3f7fb);padding:18px 20px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.health-card.running{border-color:#22c55e59;box-shadow:0 12px 30px #22c55e1f}.health-card.idle{border-color:#f59e0b59;box-shadow:0 12px 30px #f59e0b1f}.health-card.stopped{border-color:#ef444459;box-shadow:0 12px 30px #ef44441f}.health-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-title{display:flex;align-items:center;gap:12px}.health-light{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #0000000a}.health-light.running{background:#22c55e;box-shadow:0 0 0 4px #22c55e26,0 0 12px #22c55e73}.health-light.idle{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b26,0 0 12px #f59e0b73}.health-light.stopped{background:#ef4444;box-shadow:0 0 0 4px #ef444426,0 0 12px #ef444473}.health-name{font-size:1.1rem;font-weight:700}.health-state{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.health-meta{color:var(--muted);font-size:.9rem}@media(max-width:720px){.App{padding:20px}.app-header{flex-direction:column;align-items:flex-start;gap:12px}.cc-title-header{align-items:center}.header-actions{width:100%;justify-content:space-between}.actions{flex-direction:column}}.cc-note{margin:0 0 14px;color:var(--muted);font-size:.95rem}.cc-note-italic{text-align:center;font-style:italic}.cc-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:flex-start}.cc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);width:min(420px,100%)}.cc-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-header h3{margin:0;font-size:1.35rem;letter-spacing:.02em}.cc-mini-stats{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc-mini-item{border:1px solid rgba(155,176,198,.2);border-radius:10px;padding:8px 10px;background:#ffffff08}.cc-mini-label{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.cc-mini-value{display:block;margin-top:2px;font-size:1.45rem;font-weight:700}.cc-mini-item.pulled{border-color:#38bdf873;background:#38bdf81f}.cc-mini-item.pulled .cc-mini-value{color:#38bdf8}.cc-mini-item.processed{border-color:#22c55e73;background:#22c55e1f}.cc-mini-item.processed .cc-mini-value{color:#22c55e}.cc-mini-item.pending{border-color:#f59e0b73;background:#f59e0b1f}.cc-mini-item.pending .cc-mini-value{color:#f59e0b}.cc-machines-line{margin-top:10px;border-top:1px dashed rgba(155,176,198,.24);padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cc-machines-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.cc-machines-values{display:inline-flex;align-items:center;gap:8px;font-weight:700}.cc-machines-values .up{color:#22c55e}.cc-machines-values .down{color:#ef4444}.cc-machines-values .divider{color:var(--muted)}.cc-metric.running{border-color:#10b98173;background:#10b9811f}.cc-metric.running .cc-value{color:#10b981}.cc-metric.stopped{border-color:#ef444473;background:#ef44441f}.cc-metric.stopped .cc-value{color:#ef4444}.cc-updated{margin:10px 0 0;color:var(--muted);font-size:.8rem}.cc-tv{min-height:100vh;padding:20px}.cc-tv .app-header{margin-bottom:10px}.cc-tv .cc-note{font-size:1rem}.cc-tv-stage{min-height:calc(100vh - 170px);display:flex;align-items:stretch}.cc-card-tv{width:320px;padding:14px}.cc-card-tv .cc-header h3{font-size:1.35rem}.cc-grid-tv .cc-card{width:320px}@media(max-width:960px){.cc-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-card-tv .cc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.cc-mini-stats{grid-template-columns:1fr}.cc-header h3{font-size:1.2rem}}*{box-sizing:border-box}body{margin:0;background:#f6f8fc}