:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-ring:#3b82f6;--color-bg:#f3f4f6;--color-surface:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#b91c1c;--color-success-bg:#f0fdf4;--color-success:#16a34a;--color-warning-bg:#fffbeb;--color-warning:#d97706;--color-secondary-bg:#e5e7eb;--color-secondary-text:#374151;--color-secondary-hover:#d1d5db;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--transition-colors:color .15s ease, background-color .15s ease, border-color .15s ease;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--line-height-xs:1rem;--line-height-sm:1.25rem;--line-height-normal:1.5;--max-width:80rem}*,:before,:after{box-sizing:border-box;margin:0}body{color:var(--color-text);background-color:var(--color-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1);font-weight:500;display:block}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-sm);transition:var(--transition-colors)}.form-input:focus{box-shadow:0 0 0 2px var(--color-primary-ring);border-color:var(--color-primary);outline:none}.form-input:disabled{background-color:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed;border-color:var(--color-border-light)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-colors);border:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary-bg);color:var(--color-secondary-text)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-link{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.btn-link:hover{color:var(--color-primary-hover)}.alert-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.loading-text,.empty-message{color:var(--color-text-muted);text-align:center;padding:var(--space-8) 0}.section-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.refresh-controls{align-items:center;gap:var(--space-3);display:flex}.refresh-status{font-size:var(--font-size-xs);color:var(--color-text-muted)}.refresh-toggle{background-color:var(--color-secondary-bg);cursor:pointer;border:none;border-radius:9999px;width:2.5rem;height:1.375rem;padding:0;transition:background-color .2s;position:relative}.refresh-toggle[aria-checked=true]{background-color:var(--color-primary)}.refresh-toggle:after{content:"";background-color:var(--color-surface);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .2s;position:absolute;top:.125rem;left:.125rem}.refresh-toggle[aria-checked=true]:after{transform:translate(1.125rem)}.auth-loading{height:100vh;color:var(--color-text-muted);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.app-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);z-index:50;display:flex;position:fixed;bottom:0;left:0;right:0}.health-indicator{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block}.health-indicator--healthy{background-color:#22c55e}.health-indicator--degraded{background-color:#f59e0b}.health-indicator--unhealthy{background-color:#ef4444}.health-indicator--unknown{background-color:var(--color-text-muted)}.portal-layout{flex-direction:column;min-height:100vh;display:flex}.portal-header{background-color:var(--color-surface);box-shadow:var(--shadow-md)}.portal-header-inner{max-width:var(--max-width);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.portal-header-brand{align-items:center;gap:var(--space-3);color:var(--color-text);text-decoration:none;display:flex}.portal-header-brand:hover{opacity:.85}.portal-header-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:700}.portal-nav{gap:var(--space-4);display:flex}.portal-nav-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:var(--transition-colors);font-weight:500;text-decoration:none}.portal-nav-link:hover{color:var(--color-primary);background-color:var(--color-border-light)}.portal-header-auth{align-items:center;gap:var(--space-3);display:flex}.portal-header-user{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.portal-header-auth-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-colors);background-color:#0000;font-weight:500}.portal-header-auth-btn:hover{color:var(--color-surface);background-color:var(--color-primary)}.portal-content{max-width:var(--max-width);padding:var(--space-6) var(--space-4);flex:1;width:100%;margin:0 auto;padding-bottom:4rem}.embed-container{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);background-color:var(--color-surface);overflow:hidden}.embed-iframe{width:100%;height:600px;min-height:600px}.embed-iframe iframe{border:none}.embed-loading{text-align:center;padding:var(--space-8) 0;color:var(--color-text-muted);font-size:var(--font-size-base)}.dashboard{gap:var(--space-6);flex-direction:column;display:flex}.dashboard-title{font-size:var(--font-size-xl);font-weight:700}.dashboard-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.dashboard-kpi-row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.kpi-tile{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);gap:var(--space-1);flex-direction:column;display:flex}.kpi-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.kpi-value{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.dashboard-report{gap:var(--space-4);flex-direction:column;display:flex}.machines-page{gap:var(--space-6);flex-direction:column;display:flex}.machines-title{font-size:var(--font-size-xl);font-weight:700}