:root{--background:#fff;--foreground:#171717;--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono)}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.oee-card{background:var(--background);border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.oee-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.oee-card__header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.oee-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.oee-card__title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.oee-card__value{color:#111827;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.oee-card--success{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#10b981}.oee-card--success .oee-card__icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.oee-card--success .oee-card__value{color:#059669}.oee-card--warning{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border-color:#f59e0b}.oee-card--warning .oee-card__icon{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.oee-card--warning .oee-card__value{color:#d97706}.oee-card--danger{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-color:#ef4444}.oee-card--danger .oee-card__icon{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.oee-card--danger .oee-card__value{color:#dc2626}.oee-card--info{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-color:#3b82f6}.oee-card--info .oee-card__icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.oee-card--info .oee-card__value{color:#2563eb}.oee-card--neutral{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border-color:#6b7280}.oee-card--neutral .oee-card__icon{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.oee-card--neutral .oee-card__value{color:#4b5563}.oee-pill{color:#374151;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.oee-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.oee-pill--success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.oee-pill--warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.oee-pill--danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.oee-pill--info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.oee-pill--neutral{color:#374151;background:#f9fafb;border-color:#e5e7eb}.oee-grid{gap:1rem;display:grid}.oee-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.oee-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.oee-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:768px){.oee-grid--2,.oee-grid--3,.oee-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.oee-card{padding:.875rem}.oee-card__value{font-size:1.5rem}}@media (max-width:480px){.oee-grid--2,.oee-grid--3,.oee-grid--4{grid-template-columns:repeat(1,minmax(0,1fr))}.oee-card__header{flex-direction:column;align-items:flex-start;gap:.5rem}.oee-pill{padding:.4rem .75rem;font-size:.8125rem}}.oee-card--loading{position:relative;overflow:hidden}.oee-card--loading:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);width:100%;height:100%;animation:1.5s infinite oee-loading-shimmer;position:absolute;top:0;left:-100%}.oee-pill--loading{position:relative;overflow:hidden}.oee-pill--loading:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);width:100%;height:100%;animation:1.5s infinite oee-loading-shimmer;position:absolute;top:0;left:-100%}@keyframes oee-loading-shimmer{0%{left:-100%}to{left:100%}}.oee-card--empty{color:#9ca3af;justify-content:center;align-items:center;min-height:120px}.oee-card--empty .oee-card__value{color:#9ca3af;font-size:1.25rem}.oee-status-indicator{border-radius:50%;justify-content:center;align-items:center;width:8px;height:8px;margin-right:.5rem;display:inline-flex}.oee-status-indicator--success{background:#10b981}.oee-status-indicator--warning{background:#f59e0b}.oee-status-indicator--danger{background:#ef4444}.oee-status-indicator--info{background:#3b82f6}.oee-status-indicator--neutral{background:#6b7280}.oee-value--missing{font-style:italic;color:#9ca3af!important}.oee-value--missing:after{content:"—"}.oee-card--modal{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px rgba(0,0,0,.05)}.oee-card--dashboard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}@media (prefers-reduced-motion:reduce){.oee-card,.oee-pill{transition:none}.oee-card:hover,.oee-pill:hover{transform:none}}@media (prefers-contrast:high){.oee-card,.oee-pill{border-width:2px}}