:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--primary: #0284c7;--primary-hover: #0369a1;--primary-light: #f0f9ff;--primary-glow: rgba(2, 132, 199, .25);--primary-text: #0369a1;--gradient-primary: linear-gradient(135deg, #0284c7 0%, #2563eb 100%);--gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-violet: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-rose: linear-gradient(135deg, #f43f5e 0%, #be123c 100%);--gradient-cyan: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%);--gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--bg-canvas: #f8fafc;--bg-card: #ffffff;--bg-subtle: #f1f5f9;--bg-subtle-hover: #e2e8f0;--bg-glass: rgba(255, 255, 255, .88);--bg-glass-dark: rgba(15, 23, 42, .92);--border-subtle: #e2e8f0;--border-light: #f1f5f9;--border-medium: #cbd5e1;--border-focus: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--status-escalated: #e11d48;--status-escalated-bg: #fff1f2;--status-escalated-border: #fecdd3;--status-escalated-text: #9f1239;--status-escalated-glow: rgba(225, 29, 72, .3);--status-pending: #d97706;--status-pending-bg: #fffbeb;--status-pending-border: #fde68a;--status-pending-text: #92400e;--status-pending-glow: rgba(217, 119, 6, .25);--status-attended: #0284c7;--status-attended-bg: #f0f9ff;--status-attended-border: #bae6fd;--status-attended-text: #0369a1;--status-attended-glow: rgba(2, 132, 199, .25);--status-resolved: #10b981;--status-resolved-bg: #ecfdf5;--status-resolved-border: #a7f3d0;--status-resolved-text: #065f46;--status-available: #059669;--status-available-bg: #ecfdf5;--status-available-border: #a7f3d0;--status-available-text: #065f46;--status-occupied: #2563eb;--status-occupied-bg: #eff6ff;--status-occupied-border: #bfdbfe;--status-occupied-text: #1d4ed8;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-sm: 0 2px 4px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 8px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 20px -3px rgba(15, 23, 42, .09), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .12), 0 8px 10px -6px rgba(15, 23, 42, .06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body{min-height:100vh}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.9}50%{transform:scale(1.08);opacity:.4}to{transform:scale(.95);opacity:.9}}@keyframes pulse-escalated{0%,to{box-shadow:0 0 #e11d4880;border-color:#f43f5e}50%{box-shadow:0 0 0 6px #e11d4800;border-color:#be123c}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes toast-enter{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}input,select,textarea{font-family:inherit;font-size:.9375rem;color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:8px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}input::placeholder{color:var(--text-muted)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{-webkit-tap-highlight-color:transparent}button,a,input,select{touch-action:manipulation}button:active{transform:scale(.98)}.touch-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.touch-scroll::-webkit-scrollbar{display:none}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}body{background-color:#f8fafc;background-image:radial-gradient(at 0% 0%,rgba(2,132,199,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.05) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.03) 0px,transparent 50%);background-attachment:fixed}.modern-interactive-card{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),border-color .18s ease}.modern-interactive-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px -3px #0f172a1a,0 4px 6px -2px #0f172a0d}.telemetry-screen{background:radial-gradient(circle at 50% 50%,#0d1527,#070b14);border:1px solid rgba(16,185,129,.2);box-shadow:inset 0 0 20px #00000080,0 4px 12px #00000026}