:root{--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--color-brand: #00897B;--color-brand-light: #00BFA5;--color-brand-dark: #00695C;--color-brand-muted: rgba(0, 137, 123, .1);--color-brand-muted-2: rgba(0, 137, 123, .06);--color-bg: #F5F7F7;--color-white: #FFFFFF;--color-surface: #FFFFFF;--color-surface-2: #F2F5F5;--color-surface-3: #E8EDED;--color-border: #E0E7E7;--color-border-input: #D4DCDC;--color-text: #1A2E2C;--color-text-muted: #6B8F8C;--color-text-dim: #A0B8B6;--color-text-label: #4A7370;--color-success: #00897B;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #0EA5E9;--color-pending: #F59E0B;--color-preparing: #0EA5E9;--color-ready: #00897B;--color-completed: #A0B8B6;--radius: 10px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-brand: 0 4px 16px rgba(0, 137, 123, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-tap-highlight-color:transparent}body{height:100%;font-family:var(--font-body);font-weight:400;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{height:100%}h1,h2,h3,h4,h5,h6,button,.label{font-family:var(--font-display)}button{cursor:pointer;border:none;background:none;font-family:var(--font-display)}input,select,textarea{font-family:var(--font-body)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-brand{0%,to{box-shadow:0 0 #00897b59}50%{box-shadow:0 0 0 16px #00897b00}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeIn .25s ease forwards}