html,body{color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;width:100%;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:root{--surface-canvas:#f8f9fa;--surface-card:#fff;--surface-subtle:#f1f3f5;--surface-hover:#e9ecef;--surface-contrast:#111315;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--text-on-dark:#f9fafb;--border-subtle:#e5e7eb;--border-deep:#2d3139;--border-focus:#111827;--border-dark-card:#374151;--status-success-bg:#ebfbee;--status-success-border:#2b8a3e;--status-success-text:#1b5e20;--gradient-success:linear-gradient(135deg, #2b8a3e 0%, #40c057 100%);--status-warning-bg:#fff9db;--status-warning-border:#e67700;--status-warning-text:#a65d03;--status-danger-bg:#fff5f5;--status-danger-border:#c92a2a;--status-danger-text:#961c1c;--gradient-danger:linear-gradient(135deg, #c92a2a 0%, #fa5252 100%);--status-info-bg:#e7f5ff;--status-info-border:#1971c2;--status-info-text:#114e87;--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--radius-xl:18px;--shadow-none:none;--shadow-subtle:0 2px 8px #00000008;--shadow-overlay:0 4px 16px #0000000f;--transition-fast:.15s ease-out;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f3f5 25%,#e9ecef 50%,#f1f3f5 75%) 0 0/200% 100%;animation:1.6s linear infinite shimmer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes pulseRing{0%{transform:scale(.95);box-shadow:0 0 #2b8a3eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #2b8a3e00}to{transform:scale(.95);box-shadow:0 0 #2b8a3e00}}.pulse-dot-active{background-color:var(--status-success-border);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseRing}.card-standard{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), transform var(--transition-fast)}.card-standard:hover{border-color:var(--border-deep)}.card-dark-accent{background-color:var(--surface-contrast);color:var(--text-on-dark);border:1px solid var(--border-dark-card);border-radius:var(--radius-lg)}.badge-status{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.badge-success{background-color:var(--status-success-bg);border:1px solid var(--status-success-border);color:var(--status-success-text)}.badge-warning{background-color:var(--status-warning-bg);border:1px solid var(--status-warning-border);color:var(--status-warning-text)}.badge-danger{background-color:var(--status-danger-bg);border:1px solid var(--status-danger-border);color:var(--status-danger-text)}.badge-info{background-color:var(--status-info-bg);border:1px solid var(--status-info-border);color:var(--status-info-text)}.btn-primary{background-color:var(--text-primary);color:#fff;border:1px solid var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary:hover{background-color:var(--border-deep);border-color:var(--border-deep)}.btn-secondary{background-color:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-deep);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-secondary:hover{background-color:var(--surface-subtle)}.input-control{width:100%;height:40px;color:var(--text-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast);background-color:#fff;border:1px solid #d1d5db;outline:none;padding:8px 12px;font-size:14px}.input-control:focus{border-color:var(--border-focus)}