:root{--bg:#eef1f4;--panel:#fff;--soft:#f7f8fa;--text:#1b1f27;--muted:#7b828c;--line:#e8ebef;--green:#10b981;--orange:#f97316;--blue:#3b82f6;--red:#ef4444;--shadow:0 14px 36px rgba(18,24,38,.06);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.dashboard-frame{width:min(1440px,100%);display:grid;grid-template-columns:240px minmax(0,1fr) 310px;gap:14px;padding:14px;border-radius:28px;background:#f5f7f9;box-shadow:0 22px 60px #0f172a14}.card-panel{background:var(--panel);border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:var(--shadow)}.sidebar{padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between}.brand,.user-chip{display:flex;align-items:center;gap:12px}.brand-mark,.avatar{display:grid;place-items:center;background:#111;color:#fff;font-weight:700}.brand-mark{width:42px;height:42px;border-radius:14px;font-size:20px}.avatar{width:38px;height:38px;border-radius:50%}.brand-title,.user-name,.metric-value,h1,h2{letter-spacing:-.03em}.brand-title{font-size:20px;font-weight:700}.brand-subtitle,.user-role,.muted,.section-head p,.hero-desc,.eyebrow,.simple-list-item p{color:var(--muted)}.brand-subtitle,.user-role{font-size:12px}.nav-list{margin-top:34px;display:grid;gap:8px}.nav-item{width:100%;padding:12px 14px;display:flex;align-items:center;gap:10px;border-radius:13px;color:#52606d;background:transparent;text-align:left;transition:.2s}.nav-item.active,.nav-item:hover{color:#1f2937;background:#f2f5f3}.nav-dot{width:8px;height:8px;border-radius:999px;background:#c8ccd2}.nav-item.active .nav-dot{background:var(--green);box-shadow:0 0 0 4px #10b98117}.sidebar-footer{display:grid;gap:18px}.logout-btn,.secondary-btn,.ghost-btn{padding:11px 18px;border-radius:12px;color:#111;background:#fff;border:1px solid var(--line)}.main-content{display:grid;gap:12px;align-content:start}.hero{padding:24px 28px;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.02em}h1,h2,p{margin:0}h1{font-size:clamp(28px,3vw,42px);line-height:1.05}h2{font-size:20px}.hero-desc{margin-top:10px}.icon-btn{width:46px;height:46px;border-radius:16px;background:var(--soft)}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card,.chart-card,.warning-card,.sensors-card,.list-card,.weather-card,.action-card,.search-card{padding:20px}.metric-top{display:flex;justify-content:space-between;gap:12px;color:#64707d;font-size:13px}.metric-pill,.status-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:600}.metric-value{margin-top:16px;font-size:28px;font-weight:700}.metric-extra{margin-top:8px;color:var(--muted);font-size:12px}.green{color:var(--green);background:#10b9811a}.orange{color:var(--orange);background:#f973161c}.blue{color:var(--blue);background:#3b82f61a}.red{color:var(--red);background:#ef44441a}.gray{color:#6b7280;background:#6b72801a}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:12px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.section-head p{margin-top:6px;font-size:13px}.ghost-btn{background:#fafbfc}.chart-area{margin-top:14px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;color:#616771;font-size:13px}.legend-dot{width:8px;height:8px;display:inline-block;margin-right:6px;border-radius:50%}.chart-panel-static{position:relative;height:210px;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#fbfcfd,#f6f8fa)}.chart-grid-lines{position:absolute;top:18px;right:18px;bottom:18px;left:18px;background:repeating-linear-gradient(to bottom,transparent 0 43px,rgba(15,23,42,.045) 44px),repeating-linear-gradient(to right,transparent 0 92px,rgba(15,23,42,.02) 93px)}.chart-bars{position:absolute;top:18px;right:20px;bottom:12px;left:20px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:end}.chart-column{height:100%;display:grid;align-items:end;gap:8px}.bar-group{height:160px;display:flex;align-items:end;justify-content:center;gap:5px}.bar{width:10px;min-height:8px;border-radius:999px}.bar.temperature{background:var(--blue)}.bar.humidity{background:var(--green)}.bar.soil{background:var(--orange)}.bar.light{background:#9ca3af}.chart-label{color:var(--muted);font-size:12px;text-align:center}.warning-list,.sensor-table,.simple-list,.action-card{margin-top:14px;display:grid;gap:12px}.warning-meta,.sensor-row{display:flex;justify-content:space-between;gap:12px}.progress-track{height:10px;margin-top:10px;overflow:hidden;border-radius:999px;background:#eef0f2}.progress-fill{display:block;height:100%;max-width:100%;border-radius:inherit}.progress-fill.green{background:var(--green)}.progress-fill.orange{background:var(--orange)}.progress-fill.red{background:var(--red)}.sensor-row{align-items:center;padding:15px 16px;border-radius:15px;background:#f7f8fa;color:#5c6470}.sensor-row strong{color:#111}.right-rail{display:grid;gap:12px;align-content:start}.search-card{padding:14px}.search-card input{width:100%;border:0;outline:0;padding:12px 14px;border-radius:14px;background:#f4f5f7}.accent-orange{background:radial-gradient(circle at top right,rgba(249,115,22,.18),transparent 38%),#fff}.weather-big{margin:18px 0 8px;font-size:36px;font-weight:800;letter-spacing:-.04em}.simple-list-item{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px dashed var(--line)}.simple-list-item:last-child{padding-bottom:0;border-bottom:0}.simple-list-item p{margin-top:4px;font-size:12px}.primary-btn,.secondary-btn{width:100%;padding:14px 18px;border-radius:14px;font-weight:700}.primary-btn{color:#fff;background:#111}.ai-page,.warning-page,.sensor-page{grid-column:2/-1;width:100%;min-width:0;display:grid;gap:16px;align-content:start;padding:22px 24px;overflow-x:hidden}.ai-page{min-height:calc(100vh - 76px);grid-template-rows:auto minmax(0,1fr);padding:34px 56px 24px}.ai-hero{max-width:760px}.ai-hero h1{margin-top:8px;font-size:clamp(26px,2.4vw,36px);font-weight:680}.ai-chat-shell{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.chat-history{min-height:360px;max-height:calc(100vh - 300px);overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:16px}.empty-chat,.empty-result{min-height:160px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.empty-chat span,.empty-result span{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:#4b5563;background:#f1f3f5;font-weight:700}.empty-chat h2{font-size:20px;font-weight:650;color:var(--text)}.message-row{display:flex;gap:12px;align-items:flex-start}.message-row.user{justify-content:flex-end;padding-right:18px}.message-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#111827;font-size:12px;font-weight:700}.message-row.assistant .message-avatar{color:#0f766e;background:#10b9811a}.message-bubble{max-width:min(780px,80%);padding:14px 16px;border-radius:18px;color:#364152;background:#f7f8fa;border:1px solid #eef0f3}.message-row.user .message-bubble{max-width:min(620px,68%);color:#fff;background:#111827;border-color:#111827}.message-bubble span{display:block;margin-bottom:6px;color:inherit;opacity:.68;font-size:12px}.message-bubble p,.suggestion-card p{white-space:pre-line;line-height:1.8;font-size:14px}.chat-composer{padding:14px;border-top:1px solid var(--line);background:#fafbfc}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.composer-row textarea{width:100%;min-height:54px;max-height:108px;resize:vertical;border:1px solid var(--line);outline:0;padding:13px 14px;border-radius:16px;color:var(--text);background:#fff;line-height:1.55}.mode-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mode-btn{padding:9px 14px;border-radius:999px;color:#5b6470;background:#fff;border:1px solid var(--line)}.mode-btn.active{color:#0f766e;background:#10b98114;border-color:#10b9812e}.send-btn{padding:13px 20px;border-radius:14px;color:#fff;background:#111;font-weight:700}.send-btn:disabled,.ghost-btn:disabled{cursor:not-allowed;opacity:.55}.image-diagnosis-layout{min-height:0;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:16px}.image-upload-card,.diagnose-result-card{padding:22px}.upload-box{min-height:300px;margin-top:18px;display:grid;place-items:center;overflow:hidden;border:1px dashed #cfd5dd;border-radius:18px;color:var(--muted);background:#fbfcfd;cursor:pointer}.upload-box input{display:none}.upload-box img{width:100%;max-height:300px;object-fit:contain}.upload-tip{margin:12px 2px 18px;color:var(--muted);font-size:13px;line-height:1.6}.image-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.image-actions .mode-switch{margin-top:0}.loading-card,.error-card,.success-card{padding:16px 18px;border-radius:16px;box-shadow:0 10px 26px #1218260d}.loading-card{color:var(--blue);background:#3b82f614}.error-card{color:var(--orange);background:#f9731614}.success-card{color:#0f766e;background:#10b9811a}.diagnose-result-card,.diagnose-content{display:grid;gap:16px}.result-card-head,.warning-box-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.result-card-head h2,.warning-box-head h3,.suggestion-card h3{font-size:18px;font-weight:700}.result-card-head p{margin-top:6px;color:var(--muted);font-size:13px}.result-info-list{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:16px}.result-info-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;padding:13px 15px;border-bottom:1px solid var(--line);color:#4b5563}.result-info-row:last-child{border-bottom:0}.result-info-row span{color:var(--muted);text-align:right}.result-info-row strong{min-width:0;color:#111;font-weight:650;overflow-wrap:anywhere}.suggestion-card,.warning-box{padding:18px;border-radius:18px;background:#fbfcfd;border:1px solid var(--line)}.suggestion-card p,.warning-box p{margin-top:10px;color:#4b5563;line-height:1.65}.warning-box small,.suggestion-card small{display:block;margin-top:14px;color:var(--muted)}.warning-hero,.sensor-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.warning-hero h1,.sensor-hero h1{margin-top:8px;font-size:clamp(28px,3vw,38px);font-weight:700}.warning-summary-grid,.sensor-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.warning-stat-card,.sensor-metric-card{padding:14px 16px}.warning-stat-card span,.sensor-metric-card p{color:var(--muted);font-size:13px}.warning-stat-card strong,.sensor-metric-card strong{display:block;margin-top:8px;font-size:26px;letter-spacing:-.04em}.warning-stat-card p{margin-top:8px;color:var(--muted);font-size:12px}.warning-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;overflow-x:hidden}.warning-side,.warning-list-card{min-width:0;padding:16px}.compact-level-card{padding:12px 14px}.compact-level-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.compact-level-head h2{font-size:17px}.compact-level-head p{color:var(--muted);font-size:12px}.compact-level-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-level-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;color:#4b5563;font-size:12px}.level-track{height:11px;overflow:hidden;border-radius:999px;background:#eef1f4}.level-fill{display:block;height:100%;min-width:4px;border-radius:inherit}.level-fill.orange{background:var(--orange)}.level-fill.red{background:var(--red)}.level-fill.blue{background:var(--blue)}.level-fill.gray{background:#9ca3af}.warning-side{position:sticky;top:16px;width:320px;max-width:340px;max-height:660px;overflow-y:auto;display:grid;gap:12px}.warning-side h2{margin-bottom:10px;font-size:17px}.warning-mini-list{display:grid;gap:9px}.mini-warning-item{width:100%;padding:11px 12px;border-radius:16px;text-align:left;background:#f8fafc;border:1px solid #edf0f3}.mini-warning-item strong{display:block;margin:8px 0 4px}.mini-warning-item p{color:var(--muted);font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mini-warning-item.pending{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.mini-warning-item.pending>button:first-child{padding:0;text-align:left;background:transparent}.mini-handle-btn{padding:8px 11px;border-radius:11px;color:#fff;background:var(--orange);font-weight:700}.selected-warning-detail{padding:12px;border-radius:16px;background:#fbfcfd;border:1px solid var(--line)}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selected-warning-detail p{margin-top:8px;color:#4b5563;line-height:1.55}.selected-warning-detail small{display:block;margin-top:10px;color:var(--muted)}.warning-filter-row,.sensor-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 132px 132px;gap:10px;margin-bottom:10px}.warning-filter-row input,.warning-filter-row select,.sensor-filter-row input,.sensor-filter-row select{min-height:44px;border:1px solid var(--line);outline:0;border-radius:14px;padding:0 14px;background:#f9fafb}.warning-card-list{height:520px;max-width:100%;overflow-y:auto;display:grid;align-content:start;gap:9px;padding-right:4px}.warning-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border-radius:18px;background:#f9fafb;border:1px solid #edf0f3}.warning-item-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.warning-item-title>span:first-child{color:var(--muted);font-size:13px}.warning-item-title h3{margin:0;font-size:16px}.warning-item-main p{margin-top:8px;color:#4b5563;line-height:1.55}.warning-item-main small{display:block;margin-top:6px;color:var(--muted)}.warning-item-actions{display:flex;gap:10px}.warning-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;padding:10px;border-radius:16px;background:#f8fafc}.warning-pagination button{padding:9px 14px;border-radius:12px;color:#111827;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px #1218260a}.warning-pagination button:disabled{cursor:not-allowed;color:#9ca3af;background:#f1f3f5}.warning-pagination span{color:#4b5563;font-size:13px}.sensor-page{gap:12px}.sensor-actions{display:flex;gap:10px;flex-wrap:wrap}.sensor-message{box-shadow:none}.sensor-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sensor-metric-card{min-width:0}.sensor-metric-card strong{font-size:24px;overflow-wrap:anywhere}.sensor-metric-card p{margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sensor-middle-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:12px}.sensor-analysis-card,.sensor-trend-card,.sensor-history-card{padding:18px}.analysis-list{display:grid;gap:12px;margin-top:16px}.analysis-item{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #edf0f3}.analysis-item span{width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #f973161a}.analysis-item.normal span{background:var(--green);box-shadow:0 0 0 4px #10b9811a}.analysis-item p{color:#475569;line-height:1.6}.sensor-legend{margin-top:14px}.sensor-trend-bars{height:210px;display:grid;grid-template-columns:repeat(8,minmax(38px,1fr));gap:10px;align-items:end;padding:18px;border-radius:18px;background:linear-gradient(180deg,#fbfcfd,#f6f8fa);overflow-x:auto}.sensor-trend-column{height:100%;display:grid;align-items:end;gap:8px;text-align:center;color:var(--muted);font-size:12px}.sensor-trend-column .bar-group{height:150px}.sensor-history-card{min-width:0}.sensor-history-list{height:430px;overflow:auto;display:grid;align-content:start;gap:8px;padding-right:4px}.sensor-history-head,.sensor-history-row{display:grid;grid-template-columns:70px 70px 70px 90px 90px 90px 90px 90px 80px minmax(150px,1fr);gap:8px;align-items:center;min-width:920px}.sensor-history-head{position:sticky;top:0;z-index:1;padding:12px 14px;color:#64748b;font-size:12px;background:#fff;border-bottom:1px solid var(--line)}.sensor-history-row{padding:12px 14px;border-radius:16px;background:#f9fafb;border:1px solid #edf0f3;color:#475569;font-size:13px}.sensor-history-row span:first-child{font-weight:700;color:#111827}.weather-page{grid-column:2/-1;width:100%;min-width:0;display:grid;gap:12px;align-content:start;padding:22px 24px;overflow-x:hidden}.weather-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.weather-hero h1{margin-top:8px;font-size:clamp(28px,3vw,38px);font-weight:700}.weather-message{box-shadow:none}.weather-core-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:12px}.weather-current-card{min-height:260px;padding:24px;border-radius:28px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(16,185,129,.38),transparent 30%),linear-gradient(135deg,#0f2a48,#0f766e 58%,#0ea5e9);box-shadow:0 18px 42px #0f2a482e;overflow:hidden}.weather-card-top{display:flex;justify-content:space-between;gap:14px;color:#ffffffe0;font-weight:700}.weather-temp{margin:28px 0 18px;display:flex;align-items:flex-start;gap:8px}.weather-temp strong{font-size:78px;line-height:.86;letter-spacing:-.08em}.weather-temp span{font-size:28px;font-weight:700}.weather-current-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.weather-current-meta span{padding:10px;border-radius:15px;background:#ffffff21;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.weather-current-card p{margin-top:18px;color:#ffffffb8;font-size:13px}.weather-forecast-mini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.forecast-mini-card{padding:16px;min-height:132px;background:#fbfcfd}.forecast-mini-card.active{background:linear-gradient(180deg,#3b82f61f,#fff);border-color:#3b82f62e}.forecast-mini-card div,.forecast-detail-card div{display:grid;gap:4px}.forecast-mini-card strong,.forecast-detail-card strong{font-size:14px}.forecast-mini-card span,.forecast-detail-card span{color:var(--muted);font-size:12px}.forecast-mini-card p{margin-top:16px;color:#475569;font-size:13px}.forecast-mini-card b,.forecast-detail-card b{display:block;margin-top:12px;color:#0f766e}.weather-middle-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:12px}.weather-advice-card,.weather-trend-card,.forecast-list-card,.weather-history-card{padding:18px}.weather-advice-card>p{margin-top:18px;color:#475569;line-height:1.8;font-size:16px}.weather-trend-chart{height:220px;display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:14px;align-items:end;margin-top:16px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#fbfcfd,#f4f7fb);overflow-x:auto}.weather-trend-item{height:100%;display:grid;align-items:end;gap:6px;text-align:center;color:var(--muted);font-size:12px}.weather-temp-bars{height:135px;display:flex;align-items:end;justify-content:center;gap:8px}.weather-temp-bars span{width:14px;min-height:10px;border-radius:999px}.weather-temp-bars .high{background:var(--orange)}.weather-temp-bars .low{background:var(--blue)}.weather-trend-item strong{color:var(--orange)}.weather-trend-item small{color:var(--blue);font-weight:700}.forecast-grid-list{margin-top:14px;display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:10px;overflow-x:auto}.forecast-detail-card{padding:14px;border-radius:18px;background:#f9fafb;border:1px solid #edf0f3}.forecast-detail-card p{margin-top:10px;color:#475569;font-size:13px;line-height:1.5}.weather-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 132px 132px;gap:10px;margin-bottom:10px}.weather-filter-row input,.weather-filter-row select{min-height:44px;border:1px solid var(--line);outline:0;border-radius:14px;padding:0 14px;background:#f9fafb}.weather-history-list{height:420px;overflow:auto;display:grid;align-content:start;gap:8px;padding-right:4px}.weather-history-head,.weather-history-row{display:grid;grid-template-columns:70px 110px 100px 90px 90px 90px 90px minmax(160px,1fr);gap:8px;align-items:center;min-width:790px}.weather-history-head{position:sticky;top:0;z-index:1;padding:12px 14px;color:#64748b;font-size:12px;background:#fff;border-bottom:1px solid var(--line)}.weather-history-row{padding:12px 14px;border-radius:16px;background:#f9fafb;border:1px solid #edf0f3;color:#475569;font-size:13px}.weather-history-row span:first-child{font-weight:700;color:#111827}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 15%,rgba(16,185,129,.14),transparent 32%),var(--bg)}.auth-beian-inline{position:fixed;left:0;right:0;bottom:44px;z-index:1000;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#6b7280;white-space:nowrap}.auth-beian-inline a{color:#6b7280;text-decoration:none}.auth-beian-inline a:hover{color:#1d4ed8;text-decoration:underline}.auth-beian-inline span{color:#c0c4cc}.auth-beian-visible{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#6b7280;white-space:nowrap}.auth-beian-visible a{color:#6b7280;text-decoration:none}.auth-beian-visible a:hover{color:#1d4ed8;text-decoration:underline}.auth-beian-visible span{color:#c0c4cc}.auth-shell{width:min(1080px,100%);min-height:620px;display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden}.auth-brand-panel{padding:48px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(59,130,246,.28),transparent 34%),linear-gradient(135deg,#0f2a48,#0f766e);display:flex;flex-direction:column;justify-content:center}.brand-mark.large{width:58px;height:58px;border-radius:18px;background:#ffffff29;color:#fff}.auth-brand-panel h1{margin-top:24px}.auth-brand-panel>p{margin-top:8px;color:#ffffffb8}.auth-brand-panel h2{margin-top:18px;font-size:20px;color:#ffffffe6}.auth-feature-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.auth-feature-list span{padding:10px 13px;border-radius:999px;background:#ffffff21;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-form-panel{padding:48px;display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-form-panel h1{margin-top:8px}.auth-alert{margin-top:18px}.auth-form{display:grid;gap:16px;margin-top:28px}.auth-form label,.profile-form label{display:grid;gap:8px;color:#4b5563;font-size:13px}.auth-form input,.profile-form input{height:48px;border:1px solid var(--line);outline:0;border-radius:15px;padding:0 14px;background:#f9fafb}.remember-row{display:flex!important;grid-template-columns:auto!important;align-items:center;gap:8px}.remember-row input{width:16px;height:16px}.auth-primary-btn{height:50px;border-radius:15px;color:#fff;background:var(--green);font-weight:800}.auth-primary-btn:disabled{opacity:.6;cursor:not-allowed}.auth-link-btn{color:#0f766e;background:transparent;font-weight:700}.settings-page{grid-column:2/-1;width:100%;min-width:0;display:grid;gap:14px;align-content:start;padding:22px 24px;overflow-x:hidden}.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-hero h1{margin-top:8px;font-size:clamp(28px,3vw,38px);font-weight:700}.settings-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.profile-card,.profile-form-card,.system-info-card{padding:22px}.profile-card{text-align:center}.profile-avatar-large{width:112px;height:112px;margin:4px auto 18px;display:grid;place-items:center;overflow:hidden;border-radius:32px;background:#10b9811a;color:#0f766e;font-size:42px;font-weight:800}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-card p{margin-top:8px;color:var(--muted)}.profile-meta-list{display:grid;gap:10px;margin-top:20px;text-align:left}.profile-meta-list span{padding:12px;border-radius:14px;background:#f8fafc;color:#475569}.profile-form{display:grid;gap:16px;margin-top:18px}.profile-form input:disabled{color:#94a3b8;background:#f1f5f9}.system-info-card{grid-column:1/-1}.system-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.system-info-list div{padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid #edf0f3}.system-info-list span{display:block;color:var(--muted);font-size:12px}.system-info-list strong{display:block;margin-top:6px;color:#111827;line-height:1.5}@media(max-width:1180px){.app-shell{padding:16px}.dashboard-frame{grid-template-columns:220px minmax(0,1fr)}.right-rail{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-page,.warning-page,.sensor-page,.weather-page{padding:22px}.warning-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sensor-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.weather-core-grid,.weather-middle-grid{grid-template-columns:1fr}.weather-forecast-mini{grid-template-columns:repeat(3,minmax(0,1fr))}.forecast-grid-list{grid-template-columns:repeat(3,minmax(170px,1fr))}}@media(max-width:1100px){.warning-main-grid,.sensor-middle-grid{grid-template-columns:1fr}.warning-side{position:static;width:100%;max-width:100%;max-height:none}}@media(max-width:860px){.app-shell{padding:12px;align-items:flex-start}.auth-shell,.settings-grid,.dashboard-frame,.content-grid,.right-rail{grid-template-columns:1fr}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{min-height:auto}.sensor-row{display:grid;grid-template-columns:1fr 1fr}.ai-page,.warning-page,.sensor-page,.weather-page,.settings-page{grid-column:1/-1;min-height:auto;padding:18px}.image-diagnosis-layout,.warning-main-grid,.warning-filter-row,.warning-list-item,.sensor-filter-row,.weather-filter-row{grid-template-columns:1fr}.compact-level-bars,.sensor-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sensor-hero,.warning-hero,.weather-hero,.settings-hero{align-items:flex-start;flex-direction:column}.weather-forecast-mini{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-current-meta{grid-template-columns:1fr}.forecast-grid-list{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media(max-width:560px){.app-shell{padding:0 0 58px}.dashboard-frame{border-radius:0;padding:14px}.overview-grid,.sensor-metric-grid,.weather-forecast-mini,.forecast-grid-list,.system-info-list{grid-template-columns:1fr}.hero{align-items:flex-start}.chart-bars{gap:8px}.composer-row{grid-template-columns:1fr}.image-actions{align-items:stretch;flex-direction:column}.message-bubble,.message-row.user .message-bubble{max-width:82%}.message-row.user{padding-right:0}.warning-summary-grid,.compact-level-bars{grid-template-columns:1fr}.warning-item-actions,.warning-pagination,.sensor-actions{align-items:stretch;flex-direction:column}.weather-temp strong{font-size:60px}}.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;padding:10px 12px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);overflow-x:auto}.site-footer a{padding:0;color:#6b7280;background:transparent;border:0;box-shadow:none;font-size:13px;text-decoration:none;white-space:nowrap;flex:0 0 auto}.site-footer a:hover{color:#1d4ed8;text-decoration:underline}.site-footer-separator{color:#c0c4cc;font-size:13px;flex:0 0 auto}