*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}:root{--color-bg: #f0f0f1;--color-white: #ffffff;--color-black: #000000;--color-primary-1: #269c6d;--color-primary-2: #30c388;--color-primary-4: #d6f3e7;--color-secondary-1: #696974;--color-secondary-2: #878790;--color-offline: #ff4938;--color-warning: #ffaa31;--color-info: #3369e7;--color-purple: #aa55c7;--color-disabled: #c6c6c6;--color-surface-subtle: #f9f9f9;--color-border: #f0f0f1;--color-status-online: var(--color-primary-2);--color-status-offline: var(--color-offline);--color-status-irrigating: var(--color-primary-1);--color-status-scheduled: var(--color-secondary-2);--color-status-fertirrigating: var(--color-purple);--color-alert-critical: var(--color-offline);--color-alert-attention: var(--color-warning);--color-alert-info: var(--color-info);--shadow-card: 1px 1px 4px rgba(0, 0, 0, .1);--shadow-nav: 2px 0px 12px rgba(0, 0, 0, .1);--radius-card: 4px;--radius-badge: 8px;--radius-full: 9999px;--nav-width: 72px;--status-panel-width: 208px;--page-padding: 24px}body{background:var(--color-bg);font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-black)}