*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#141517;--bg-card:#1a1b1e;--bg-hover:#25262b;--border:#2c2e33;--text:#c1c2c5;--text-dim:#909296;--text-bright:#fff;--blue:#228be6;--green:#40c057;--yellow:#fab005;--red:#fa5252;--cyan:#15aabf;--grape:#be4bdb;--sidebar-w:220px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);z-index:100;background:#1a1b1e;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 16px;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--green), var(--cyan));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.sidebar-brand h3{color:var(--text-bright);font-size:15px;line-height:1.2}.sidebar-brand small{color:var(--text-dim);font-size:11px}.sidebar-nav{flex:1;padding:12px 8px}.sidebar-nav-item{color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text)}.sidebar-nav-item.active{color:var(--text-bright);background:#25262b}.sidebar-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding:16px;font-size:11px}.main-area{margin-left:var(--sidebar-w);flex:1;min-height:100vh;padding:24px}.container{max-width:1200px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.card-title{color:var(--text-dim);margin-bottom:12px;font-size:13px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.flex-wrap{flex-wrap:wrap}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:18px}.text-xl{font-size:24px}.text-dim{color:var(--text-dim)}.text-bright{color:var(--text-bright)}.text-center{text-align:center}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.py-xs{padding-top:4px;padding-bottom:4px}.py-lg{padding-top:24px;padding-bottom:24px}.px-md{padding-left:16px;padding-right:16px}.badge{border-radius:12px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--green);background:#0d2818}.badge-yellow{color:var(--yellow);background:#2e2a1a}.badge-red{color:var(--red);background:#2e1a1a}.badge-blue{color:var(--blue);background:#1a2e4a}.btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:#1c7ed6}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover{background:#2f9e44}.btn-subtle{color:var(--text-dim);background:0 0;border:none}.btn-subtle:hover{color:var(--text)}.btn-sm{padding:4px 10px;font-size:12px}.btn-active{background:var(--blue);color:#fff;border-color:var(--blue)}.text-2xl{font-size:28px}.text-base{font-size:16px}.select,.input{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.select:focus,.input:focus{border-color:var(--blue)}.select{cursor:pointer}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px;font-size:13px}th{color:var(--text-dim);font-weight:600}tr:hover td{background:#ffffff05}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-hover) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.separator{background:var(--border);height:1px;margin:16px 0}.kpi-line{color:var(--text-dim);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.kpi-sep{color:#ffffff1f}.switch{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{background:#555;border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch .slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:2px;left:2px}.switch input:checked+.slider{background:var(--yellow)}.switch input:checked+.slider:before{transform:translate(16px)}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header h2{color:var(--text-bright);font-size:22px}.page-header-actions{align-items:center;gap:8px;display:flex}.page-header-row{align-items:center;gap:10px;display:flex}.live-badge{color:var(--text-dim);background:#25262b;border-radius:12px;align-items:center;gap:5px;padding:2px 10px;font-size:11px;display:inline-flex}.live-badge.live{color:var(--green)}.pulse-dot{background:var(--text-dim);border-radius:50%;width:7px;height:7px}.live-badge.live .pulse-dot{background:var(--green);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.tooltip{position:relative}.tooltip:hover .tooltip-content{visibility:visible;opacity:1}.tooltip-content{visibility:hidden;opacity:0;color:var(--text);white-space:nowrap;border:1px solid var(--border);z-index:10;background:#25262b;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.weather-wrapper{background:var(--bg-card);border-left:4px solid #228be6;border:1px solid var(--border);border-radius:12px;padding:10px 14px}.weather-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.rs-wrap{position:relative}.rs-dropdown{z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;min-width:340px;margin-top:6px;padding:10px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 12px 32px #00000080}.rs-province{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;appearance:auto;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.rs-province:focus{border-color:var(--blue)}.rs-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-size:13px}.rs-input:focus{border-color:var(--blue)}.rs-input::placeholder{color:var(--text-dim)}.rs-results{flex-direction:column;gap:2px;max-height:280px;display:flex;overflow-y:auto}.rs-hint{text-align:center;color:var(--text-dim);padding:14px 8px;font-size:12px;line-height:1.5}.rs-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .1s;display:flex}.rs-item:hover{background:var(--bg-hover)}.rs-item-active{background:#228be61a;border:1px solid #228be64d}.rs-item-main{flex-direction:column;gap:2px;min-width:0;display:flex}.rs-item-name{color:var(--text-bright);font-size:14px;font-weight:600}.rs-item-path{color:var(--text-dim);font-size:11px}.rs-item-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.rs-item-type{color:var(--text-dim);background:var(--bg);border-radius:4px;padding:1px 6px;font-size:10px}.rs-item-check{color:var(--blue);font-size:14px;font-weight:700}.weather-data{flex-direction:column;gap:4px;display:flex}.weather-row{flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:30px;display:flex}.wc-sep{background:var(--border);flex-shrink:0;width:1px;height:18px}.wc-temp{color:var(--text-bright);align-items:baseline;gap:1px;font-size:20px;font-weight:700;line-height:1;display:flex}.wc-temp-unit{color:var(--text-dim);font-size:13px;font-weight:400}.wc-feels{color:var(--text-dim);white-space:nowrap;font-size:11px}.wc-day{background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:5px;align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.wc-day-icon{font-size:15px;line-height:1}.wc-day-temps{color:var(--text-bright);font-size:11px;font-weight:600}.wc-metric{color:var(--text-dim);white-space:nowrap;font-size:11px}.wc-metric strong{color:var(--text-bright);font-weight:600}.weather-footer{border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:14px;padding-top:3px;font-size:11px;display:flex}.weather-footer strong{color:var(--text-bright);font-weight:600}@media (width<=768px){.weather-row{gap:3px 8px}.weather-footer{gap:8px}}.area-card{padding:14px;overflow-x:auto}.area-card-horiz{flex-wrap:nowrap;align-items:stretch;gap:16px;display:flex}.area-card-left{flex:350px;min-width:350px;overflow:hidden}.area-crop-name{color:var(--cyan);cursor:pointer;border-bottom:1px dashed var(--cyan);font-size:13px}.area-crop-name:hover{color:#74c0fc}.area-crop-input{width:120px;padding:2px 8px;font-size:13px}.node-row{flex-wrap:nowrap;align-items:center;gap:1px;padding:3px 0;font-size:12px;display:flex;overflow:hidden}.node-label{color:var(--text-bright);white-space:nowrap;margin-right:4px;font-size:11px;font-weight:600}.ambient-group,.soil-group{cursor:default;border-radius:4px;align-items:center;gap:2px;padding:1px 3px;display:inline-flex}.ambient-group:hover{background:#228be61a}.soil-group:hover{background:#ae8e6b26}.node-group-label{color:var(--text-dim);white-space:nowrap;background:#ffffff0a;border-radius:3px;margin:0 2px;padding:0 5px;font-size:10px}.node-metric{white-space:nowrap;color:var(--text);font-size:12px}.node-metric:hover{color:var(--text-bright)}.nm-sep{color:var(--text-dim);font-size:10px}.area-card-charts{flex-flow:row;flex:0 0 660px;gap:8px;display:flex}.mini-chart{border:1px solid var(--border);background:#141517cc;border-radius:6px;flex:1;min-width:0;padding:4px 6px}.mini-chart-label{color:var(--text-dim);margin-bottom:1px;font-size:10px;font-weight:600}.mini-chart-na{color:var(--text-dim);text-align:center;padding:68px 0;font-size:11px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.recharts-text{fill:var(--text-dim)!important;font-size:11px!important}.recharts-tooltip-wrapper .recharts-default-tooltip{border:1px solid var(--border)!important;background:#1a1b1e!important;border-radius:8px!important}