: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, .2);--primary-text: #0369a1;--bg-canvas: #f8fafc;--bg-card: #ffffff;--bg-subtle: #f1f5f9;--bg-subtle-hover: #e2e8f0;--bg-glass: rgba(255, 255, 255, .85);--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, .25);--status-pending: #d97706;--status-pending-bg: #fffbeb;--status-pending-border: #fde68a;--status-pending-text: #92400e;--status-pending-glow: rgba(217, 119, 6, .2);--status-attended: #0284c7;--status-attended-bg: #f0f9ff;--status-attended-border: #bae6fd;--status-attended-text: #0369a1;--status-attended-glow: rgba(2, 132, 199, .2);--status-resolved: #16a34a;--status-resolved-bg: #f0fdf4;--status-resolved-border: #bbf7d0;--status-resolved-text: #166534;--status-available: #059669;--status-available-bg: #ecfdf5;--status-available-border: #a7f3d0;--status-available-text: #065f46;--status-occupied: #64748b;--status-occupied-bg: #f8fafc;--status-occupied-border: #e2e8f0;--status-occupied-text: #334155;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--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}}