@charset "UTF-8";:root{--color-primary: #5b6e32;--color-primary-hover: #6e843c;--color-primary-dark: #2f3a1a;--color-primary-light: #f1f4e6;--color-bg: #f4f5f0;--color-surface: #ffffff;--color-surface-alt: #f7f8f2;--color-text: #1c2116;--color-muted: #5c6554;--color-disabled: #9aa390;--color-border: #d7dcc8;--color-success: #4f7a3c;--color-success-bg: #eef6e8;--color-warning: #b7791f;--color-warning-bg: #fff8e8;--color-error: #b42318;--color-error-bg: #fef3f2;--color-info: #4a6b4a;--color-info-bg: #ecf3ec;--color-neutral: #5c6554;--color-neutral-bg: #f1f3ec;--color-on-primary: #ffffff;--color-on-dark: #ffffff;--color-on-dark-muted: rgba(255, 255, 255, .7);--color-on-dark-subtle: rgba(255, 255, 255, .12);--color-on-dark-border: rgba(255, 255, 255, .24);--color-nav-link: #e4ead6;--color-hover-row: #eef2e4;--color-bar-track: #e4ead6;--color-error-border: #f1c5c5;--color-auth-gradient-start: #1a2210;--color-overlay: rgba(47, 58, 26, .35);--sidebar-width: 248px;--header-height: 64px;--radius: 8px;--shadow: 0 1px 2px rgba(47, 58, 26, .06), 0 8px 24px rgba(47, 58, 26, .04);--font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}a{color:var(--color-primary);text-decoration:none}img{max-width:100%}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;background:var(--color-bg)}.sidebar{background:var(--color-primary-dark);color:var(--color-on-dark);min-height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:16px 12px 20px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.sidebar-logo{width:36px;height:36px;border-radius:8px;background:var(--color-primary);display:grid;place-items:center;font-weight:700;letter-spacing:.04em}.sidebar-brand h1{margin:0;font-size:15px;font-weight:650}.sidebar-brand p{margin:2px 0 0;color:var(--color-on-dark-muted);font-size:11px}.nav-section{margin-top:8px}.nav-label{color:var(--color-on-dark-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px 6px}.nav-link,.nav-sublink{display:flex;align-items:center;gap:8px;width:100%;color:var(--color-nav-link);background:transparent;border:0;border-radius:6px;padding:8px 12px;text-align:left;cursor:pointer}.nav-link.active,.nav-sublink.active,.nav-link:hover,.nav-sublink:hover{background:var(--color-on-dark-subtle);color:var(--color-on-dark)}.nav-sublink{padding-left:28px;font-size:13px}.shell-main{min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;position:sticky;top:0;z-index:20}.topbar-left,.topbar-right,.cluster{display:flex;align-items:center;gap:12px}.menu-toggle{display:none}.content{padding:20px 24px 32px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.breadcrumb{color:var(--color-muted);font-size:12px;margin-bottom:4px}.page-title{margin:0;font-size:22px;font-weight:650}.page-subtitle{margin:4px 0 0;color:var(--color-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:16px 18px}.card-title{margin:0 0 12px;font-size:15px;font-weight:650}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.kpi-label{color:var(--color-muted);font-size:12px;font-weight:600}.kpi-value{margin-top:6px;font-size:26px;font-weight:700;color:var(--color-primary-dark)}.kpi-hint{margin-top:4px;color:var(--color-muted);font-size:11px}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:6px}.field label,.form-label{font-size:12px;font-weight:650;color:var(--color-muted)}.field input,.field select,.field textarea,.input,.select,.textarea{border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;background:var(--color-surface);color:var(--color-text);min-height:38px}.field textarea,.textarea{min-height:84px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.input:focus,.select:focus{outline:2px solid color-mix(in srgb,var(--color-primary) 25%,white);border-color:var(--color-primary)}.btn{border:1px solid transparent;border-radius:6px;padding:8px 14px;font-weight:600;cursor:pointer;background:var(--color-surface);color:var(--color-text);min-height:36px}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{background:transparent;border-color:var(--color-border)}.btn-danger{background:var(--color-error);color:var(--color-on-primary)}.btn-success{background:var(--color-success);color:var(--color-on-primary)}.btn-link{background:transparent;color:var(--color-primary);padding-inline:8px}.btn:disabled{opacity:.55;cursor:not-allowed}.table-wrap{overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}table.data{width:100%;border-collapse:collapse;min-width:860px}table.data th,table.data td{padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}table.data th{background:var(--color-surface-alt);font-size:12px;color:var(--color-muted);font-weight:700}table.data tr:hover td{background:var(--color-hover-row)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-neutral-bg);color:var(--color-neutral)}.demo-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.04em}.icon-btn{width:36px;height:36px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;cursor:pointer;position:relative}.avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);display:grid;place-items:center;font-weight:700}.muted{color:var(--color-muted)}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-section{margin-bottom:16px}.form-section h3{margin:0 0 12px;font-size:14px;color:var(--color-primary-dark)}.actions{display:flex;gap:8px;flex-wrap:wrap}.pager{display:flex;justify-content:space-between;align-items:center;padding:10px 4px 0}.chart{height:220px}.bar-row{display:grid;grid-template-columns:140px 1fr 36px;gap:8px;align-items:center;margin-bottom:8px}.bar-track{height:8px;background:var(--color-bar-track);border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--color-primary)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--color-bg)}.login-brand{background:linear-gradient(145deg,var(--color-auth-gradient-start) 0%,var(--color-primary-dark) 48%,var(--color-primary) 100%);color:var(--color-on-dark);padding:48px;display:flex;flex-direction:column;justify-content:center}.login-brand .muted{color:var(--color-on-dark-muted)}.login-brand h2{margin:12px 0 8px;font-size:32px}.login-panel{display:grid;place-items:center;padding:32px}.login-card{width:min(440px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:28px;box-shadow:var(--shadow)}.role-btn{width:100%;text-align:left;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;padding:12px 14px;margin-top:10px;cursor:pointer}.role-btn:hover,.role-btn:focus{border-color:var(--color-primary);background:var(--color-primary-light)}.role-btn strong{display:block}.empty,.loading{padding:36px 16px;text-align:center;color:var(--color-muted)}.toast-stack{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{min-width:260px;background:var(--color-primary-dark);color:var(--color-on-dark);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-error)}.modal-backdrop{position:fixed;inset:0;background:var(--color-overlay);display:grid;place-items:center;z-index:40}.modal{width:min(480px,100vw - 24px);background:var(--color-surface);border-radius:10px;padding:20px}.plant-select{min-width:150px}.notif-panel,.profile-panel{position:absolute;right:0;top:44px;width:320px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow);z-index:30}.notif-item{padding:10px 12px;border-bottom:1px solid var(--color-border)}.dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-error);border-radius:50%}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{border:0;background:transparent;border-bottom:2px solid transparent;padding:8px 4px;font-weight:650;color:var(--color-muted);cursor:pointer}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.plant-card{padding:16px}.qr-box{display:grid;place-items:center;padding:12px;background:var(--color-surface-alt);border-radius:8px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.error-text{color:var(--color-error);font-size:12px}.alert-restricted{margin-bottom:16px;padding:14px 16px;border:1px solid var(--color-error-border);border-radius:var(--radius);background:var(--color-error-bg);color:var(--color-error)}.alert-restricted h3{margin:0 0 6px;font-size:16px}.timeline-list{list-style:none;margin:0;padding:0}.timeline-list li{padding:10px 0;border-bottom:1px solid var(--color-border)}.timeline-list li:last-child{border-bottom:0}@media(max-width:1440px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.grid-2,.grid-3,.detail-grid,.section-grid{grid-template-columns:1fr}}@media(max-width:980px){.app-shell{display:block;grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:30;transform:translate(-100%);width:var(--sidebar-width);min-height:100%}.sidebar.open{transform:none}.menu-toggle{display:inline-flex}.login-page{grid-template-columns:1fr}.login-brand{min-height:180px;padding:28px}.content{padding:16px}table.data td .actions{flex-wrap:nowrap}}@media(max-width:720px){.kpi-grid{grid-template-columns:1fr 1fr}.topbar{padding:0 12px}.page-header{flex-direction:column}}