*,*: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;--radius-section: 10px;--color-offline-tint: #ffdbd7;--color-offline-tint-hover: #ffc9c4;--color-warning-tint: #fff9f0;--color-error-tint: #fde8e6;--color-primary-4-alpha: rgba(214, 243, 231, .4);--color-table-header: #4a5565;--color-table-border: #e5e7eb;--color-stat-label: #6a7282;--nav-width: 72px;--status-panel-width: 208px;--page-padding: 24px;--font-heading: "Poppins", sans-serif;--font-body: "Roboto", sans-serif;--font-mono: "Consolas", monospace;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-2sm: 13px;--font-size-md: 14px;--font-size-2md: 16px;--font-size-lg: 18px;--font-size-xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}body{background:var(--color-bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-black)}.section-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-section);padding:24px}.section-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.section-card__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0}.section-card__edit-btn{width:34px;height:34px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-card);color:var(--color-info);flex-shrink:0}.section-card__edit-btn .material-icons{font-size:18px}.section-card__edit-btn:hover{background:var(--color-surface-subtle)}.section-card__body{display:flex;flex-direction:column;gap:16px}.section-card__actions{display:flex;gap:8px;align-items:center}.btn{height:41px;padding:0 20px;border-radius:var(--radius-card);font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn--primary{background:var(--color-primary-1);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--color-primary-2)}.btn--primary:disabled{opacity:.5;cursor:default}.btn--outline{background:transparent;color:var(--color-secondary-1);border:1px solid var(--color-table-border)}.btn--outline:hover{background:var(--color-surface-subtle)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--color-border)}.toggle-row:last-child{border-bottom:none}.toggle-row__text{display:flex;flex-direction:column;gap:4px;flex:1;padding-right:24px}.toggle-row__label{font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-secondary-1)}.toggle-row__description{font-size:var(--font-size-sm);color:var(--color-secondary-2)}.toggle-switch{width:32px;height:18px;border-radius:var(--radius-full);border:none;background:var(--color-disabled);cursor:pointer;position:relative;flex-shrink:0;transition:background .2s}.toggle-switch__thumb{position:absolute;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-white);top:1px;left:1px;transition:transform .2s}.toggle-switch--on{background:var(--color-primary-2)}.toggle-switch--on .toggle-switch__thumb{transform:translate(14px)}.toggle-switch:disabled{opacity:.6;cursor:default}