.farm-overview-page{gap:18px}.eyebrow{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.farm-status-strip{box-shadow:var(--shadow-sm);background:#121c1bb8;border:1px solid #53706547;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.farm-overview-summary{z-index:1;background:#050c0d61;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:repeat(3,minmax(92px,1fr));display:grid;position:relative;overflow:hidden}.farm-summary-metric{border-left:1px solid #ffffff12;flex-direction:column;gap:1px;min-width:92px;padding:13px 15px;display:flex}.farm-summary-metric:first-child{border-left:0}.farm-summary-metric strong{color:var(--text-primary);font-size:25px;font-weight:760;line-height:1}.farm-summary-metric span{color:var(--text-muted);white-space:nowrap;font-size:10px;font-weight:700}.farm-summary-metric--good strong{color:#6ee7b7}.farm-summary-metric--warning strong{color:var(--color-warning)}.farm-overview-freshness{color:var(--text-muted);flex:none;align-items:center;gap:6px;font-size:10px;display:inline-flex}.farm-workspace{grid-template-columns:minmax(0,1fr) minmax(250px,300px);align-items:start;gap:14px;display:grid}.farm-map-panel,.farm-attention-panel{border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-md);border-radius:12px}.farm-map-panel{min-width:0;padding:20px}.farm-map-panel__toolbar,.farm-attention-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.farm-map-panel__toolbar h2,.farm-attention-panel__header h3{font-size:18px;font-weight:720}.farm-view-all{width:100%;min-width:210px;min-height:42px;color:var(--color-primary);cursor:pointer;font:inherit;text-align:left;transition:var(--transition-fast);background:#22d3ee11;border:1px solid #22d3ee3d;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:14px;padding:7px 9px 7px 11px;display:grid}.farm-view-all:hover{background:#22d3ee1c;border-color:#22d3ee6b}.farm-view-all>span{min-width:0;color:var(--text-primary);font-size:11px;font-weight:700}.farm-map-legend{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;gap:14px;margin-top:14px;padding:10px 0 12px;font-size:10px;display:flex}.farm-legend-item{align-items:center;gap:5px;display:inline-flex}.farm-legend-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.farm-legend-dot--good{background:#43c58a}.farm-legend-dot--warning{background:var(--color-warning)}.farm-legend-dot--danger{background:var(--color-error)}.farm-map{background:radial-gradient(circle at 75% 35%,#305d491f,#0000 38%),linear-gradient(#141e1ee0,#0b1112f5);border:1px solid #ffffff14;border-radius:10px;min-height:400px;position:relative;overflow:hidden}.farm-map__grid{opacity:.32;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.farm-house{z-index:2;min-width:0;min-height:108px;color:var(--text-primary);cursor:pointer;font:inherit;text-align:center;background:linear-gradient(#2d3839f0,#1c2426f5);border:1px solid #94a3b83d;border-radius:7px;flex-direction:column;justify-content:center;align-items:stretch;gap:7px;padding:20px 6px 10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 18px #00000042}.farm-house:not(:disabled):hover,.farm-house:not(:disabled):focus-visible{z-index:3;border-color:#ffffff6b;transform:translateY(-3px);box-shadow:0 14px 28px #0000005c}.farm-house:disabled{opacity:1;cursor:default}.farm-house--good{background:linear-gradient(#27453af5,#192b26fa);border-color:#43c58a80}.farm-house--warning{background:linear-gradient(#46391ff5,#2b2519fa);border-color:#f59e0ba8}.farm-house--danger{background:linear-gradient(#45282af5,#2b1b1dfa);border-color:#ef4444ad}.farm-house--muted{color:var(--text-muted);background:linear-gradient(#242b2eb8,#191f21c7);border-style:dashed}.farm-house__status{color:var(--text-muted);place-items:center;display:grid;position:absolute;top:7px;left:50%;transform:translate(-50%)}.farm-house--good .farm-house__status{color:#6ee7b7}.farm-house--warning .farm-house__status{color:var(--color-warning)}.farm-house--danger .farm-house__status{color:var(--color-error)}.farm-house>strong{font-size:14px;font-weight:780}.farm-house__metrics{flex-direction:column;gap:3px;min-width:0;display:flex}.farm-house__metrics span,.farm-house__metrics small{color:#aebbb8;white-space:nowrap;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:8px;font-weight:650;display:inline-flex}.farm-house__arrow{color:#ffffff47;position:absolute;bottom:4px;right:3px}.farm-mobile-list{display:none}.farm-attention-panel{flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}.attention-count{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.attention-count.has-items{color:var(--color-warning);background:#f59e0b17;border-color:#f59e0b57}.attention-stack{flex-direction:column;gap:8px;display:flex}.attention-card,.farm-mobile-card{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;font:inherit;text-align:left;transition:var(--transition-fast);background:#ffffff06;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.attention-card{padding:12px 10px 12px 12px}.attention-card:hover,.farm-mobile-card:hover{border-color:var(--border-color-hover);background:#ffffff0a}.attention-card--warning>svg:first-child,.farm-mobile-card--warning>svg:first-child{color:var(--color-warning)}.attention-card--danger>svg:first-child,.farm-mobile-card--danger>svg:first-child{color:var(--color-error)}.attention-card--good>svg:first-child,.farm-mobile-card--good>svg:first-child{color:#6ee7b7}.attention-card__copy,.farm-mobile-card>span{flex-direction:column;min-width:0;display:flex}.attention-card__copy strong,.farm-mobile-card strong{color:var(--text-primary);font-size:12px}.attention-card__copy>span,.farm-mobile-card small{color:var(--text-secondary);font-size:10px;font-weight:700}.attention-card__copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.attention-card>b,.farm-mobile-card>b{color:var(--text-primary);white-space:nowrap;font-size:11px}.attention-empty{color:#6ee7b7;text-align:center;background:#43c58a0a;border:1px solid #43c58a33;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;padding:22px;display:flex}.attention-empty strong{color:var(--text-primary);font-size:12px}.attention-empty span{color:var(--text-muted);font-size:10px}.system-trust{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;margin-top:2px;padding-top:12px;display:flex}.system-trust__title,.system-trust__row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.system-trust__title{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto 1fr;margin-bottom:2px;font-size:10px;font-weight:800}.system-trust__row{color:var(--text-muted);font-size:10px}.system-trust__row strong{font-size:10px;font-weight:750}.tone-good{color:#6ee7b7}.tone-warning{color:var(--color-warning)}.tone-danger{color:var(--color-error)}@media (width<=1180px){.farm-workspace{grid-template-columns:minmax(0,1fr)}.farm-attention-panel{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);min-height:0;display:grid}.farm-attention-panel__header,.system-trust{grid-column:1}.attention-stack,.attention-empty{grid-area:1/2/span 2}}@media (width<=820px){.farm-status-strip{flex-direction:column;align-items:stretch;gap:6px;padding:8px}.farm-overview-summary{width:100%}.farm-map{display:none}.farm-mobile-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.farm-mobile-card{padding:12px}.farm-map-panel__toolbar{flex-direction:column;align-items:stretch}.farm-view-all{width:100%}}@media (width<=620px){.farm-overview-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.farm-summary-metric{min-width:0;padding:11px 9px}.farm-summary-metric strong{font-size:20px}.farm-summary-metric span{text-overflow:ellipsis;font-size:8px;overflow:hidden}.farm-map-panel,.farm-attention-panel{padding:12px}.farm-map-panel__toolbar{gap:10px}.farm-map-panel__toolbar h2{font-size:17px}.farm-map-legend{gap:8px 12px}.farm-attention-panel{display:flex}.attention-stack,.attention-empty{width:100%}}.all-houses-page{gap:16px;max-width:1180px;margin:0 auto}.all-houses-heading{align-items:flex-start;gap:18px;display:flex}.all-houses-heading>div{min-width:0}.all-houses-heading h2{letter-spacing:-.035em;font-size:clamp(24px,3vw,34px);font-weight:780}.all-houses-heading p{max-width:720px;color:var(--text-secondary);margin-top:3px;font-size:12px}.all-houses-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.all-house-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#131c1ef5,#0b1113fa);border-left-width:4px;border-radius:12px;overflow:hidden}.all-house-card--good{border-left-color:#43c58a}.all-house-card--warning{border-left-color:var(--color-warning)}.all-house-card--danger{border-left-color:var(--color-error)}.all-house-card--muted{border-left-color:var(--text-muted)}.all-house-card__header{border-bottom:1px solid #ffffff0e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px 12px;display:grid}.all-house-card__state-icon{width:36px;height:36px;color:var(--text-muted);background:#ffffff09;border-radius:9px;place-items:center;display:grid}.all-house-card--good .all-house-card__state-icon{color:#6ee7b7;background:#43c58a17}.all-house-card--warning .all-house-card__state-icon{color:var(--color-warning);background:#f59e0b17}.all-house-card--danger .all-house-card__state-icon{color:var(--color-error);background:#ef444417}.all-house-card__identity{flex-direction:column;min-width:0;display:flex}.all-house-card__identity>strong{color:var(--text-primary);font-size:17px;font-weight:760}.all-house-card__identity>span{color:var(--text-secondary);font-size:10px;font-weight:700}.all-house-card--good .all-house-card__identity>span{color:#6ee7b7}.all-house-card--warning .all-house-card__identity>span{color:var(--color-warning)}.all-house-card--danger .all-house-card__identity>span{color:var(--color-error)}.all-house-card__identity small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:8px;overflow:hidden}.all-house-card__poll{color:var(--text-muted);text-align:right;align-items:center;gap:7px;display:flex}.all-house-card__poll>span{flex-direction:column;display:flex}.all-house-card__poll strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13px;line-height:1.1}.all-house-card__poll small{color:var(--text-muted);margin-top:2px;font-size:8px}.all-house-card__kpis{background:#ffffff0b;border-bottom:1px solid #ffffff0e;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.all-house-metric{background:#0a1113f5;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1px 6px;min-width:0;padding:11px 10px;display:grid}.all-house-metric>span{color:var(--color-primary);grid-row:1/span 2;place-items:center;display:grid}.all-house-metric small{color:var(--text-muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:700;overflow:hidden}.all-house-metric strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:740;overflow:hidden}.all-house-card__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 16px;display:grid}.all-house-card__details section{min-width:0}.all-house-card__details h3{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:5px;font-size:9px;font-weight:800;display:flex}.all-house-card__details h3 svg{color:var(--color-primary)}.all-house-row{min-height:26px;color:var(--text-secondary);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.all-house-row:last-child{border-bottom:0}.all-house-row strong{color:var(--text-primary);white-space:nowrap;font-size:10px}.all-house-card__no-data{min-height:120px;color:var(--color-warning);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.all-house-card__actions{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:8px;padding:0 16px 14px;display:grid}.all-house-card__actions button{border:1px solid var(--border-color);min-height:34px;color:var(--text-secondary);cursor:pointer;font:inherit;background:#ffffff06;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:720;display:inline-flex}.all-house-card__actions button:first-child{color:#67e8f9;background:#22d3ee12;border-color:#22d3ee3d}.all-house-card__actions button:hover{border-color:var(--border-color-hover);background:#ffffff0e}.all-houses-empty{border:1px solid var(--border-color);background:var(--bg-surface);min-height:320px;color:var(--color-warning);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.all-houses-empty h3{color:var(--text-primary)}.all-houses-empty p{color:var(--text-muted);font-size:11px}@media (width<=980px){.all-houses-list{grid-template-columns:1fr}}@media (width<=620px){.all-houses-heading{flex-direction:column;gap:10px}.all-houses-heading h2{font-size:25px}.all-houses-heading p{font-size:10px}.all-house-card__header{padding:12px}.all-house-card__poll{gap:4px}.all-house-card__poll>svg{display:none}.all-house-card__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.all-house-card__details{gap:10px;padding:11px 12px}.all-house-card__actions{padding:0 12px 12px}}@media (width<=390px){.all-house-card__details{grid-template-columns:1fr}}.house-detail-page{max-width:1320px;margin:0 auto}.house-back-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:fit-content;min-height:34px;color:var(--text-secondary);cursor:pointer;font:inherit;background:#ffffff06;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.house-back-button:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.house-detail-hero{border:1px solid var(--border-color);box-shadow:var(--shadow-md);background:linear-gradient(110deg,#1c2728f5,#0e1517fa);border-left-width:4px;border-radius:12px;grid-template-columns:minmax(220px,1fr) minmax(250px,auto) auto;align-items:center;gap:18px;padding:18px 22px;display:grid}.house-detail-hero--good{border-left-color:#43c58a}.house-detail-hero--warning{border-left-color:var(--color-warning)}.house-detail-hero--danger{border-left-color:var(--color-error)}.house-detail-hero--muted{border-left-color:var(--text-muted)}.house-detail-hero__identity{flex-direction:column;min-width:0;display:flex}.house-detail-hero__identity h2{letter-spacing:-.04em;font-size:clamp(27px,3vw,38px);font-weight:780}.house-state-badge{border:1px solid var(--border-color);min-width:0;color:var(--text-secondary);background:#ffffff06;border-radius:9px;align-items:center;gap:10px;padding:12px 14px;display:flex}.house-state-badge--good{color:#6ee7b7;border-color:#43c58a40}.house-state-badge--warning{color:var(--color-warning);border-color:#f59e0b4d}.house-state-badge--danger{color:var(--color-error);border-color:#ef44444d}.house-state-badge__summary{flex-direction:column;min-width:0;display:flex}.house-state-badge__summary strong{color:var(--text-primary);font-size:12px}.house-state-badge__summary small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.house-state-badge__poll{text-align:right;flex-direction:column;align-items:flex-end;min-width:138px;margin-left:auto;display:flex}.house-state-badge__poll strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:17px;line-height:1}.house-state-badge__poll small{color:var(--text-muted);white-space:nowrap;margin-top:4px;font-size:8px}.house-history-button{color:#67e8f9;cursor:pointer;min-height:40px;font:inherit;white-space:nowrap;background:#22d3ee1a;border:1px solid #22d3ee59;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:750;display:inline-flex}.house-history-button:hover{background:#22d3ee29}.house-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.house-metric-card{border:1px solid var(--border-color);background:var(--bg-surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;padding:16px;display:grid;position:relative}.house-metric-card--accent{border-color:#22d3ee3d}.house-metric-card__icon{width:36px;height:36px;color:var(--color-primary);background:#ffffff0a;border-radius:8px;grid-row:1/span 2;place-items:center;display:grid}.house-metric-card__label{color:var(--text-muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.house-metric-card strong{color:var(--text-primary);font-size:22px;font-weight:760;line-height:1.1}.house-metric-card small{color:var(--text-muted);font-size:9px;position:absolute;bottom:12px;right:14px}.house-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.house-detail-section{border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:10px;padding:20px}.house-detail-section__header{border-bottom:1px solid var(--border-color);color:var(--color-primary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:14px;display:flex}.house-detail-section__header h3{color:var(--text-primary);font-size:16px}.house-data-row{min-height:39px;color:var(--text-secondary);border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:18px;font-size:11px;display:flex}.house-data-row:last-child{border-bottom:0}.house-data-row strong{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:700}.house-detail-footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;display:grid}.house-data-trust,.house-quick-facts{border:1px solid var(--border-color);background:#ffffff06;border-radius:10px}.house-data-trust{grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:16px;display:grid}.house-data-trust__icon{width:38px;height:38px;color:var(--color-primary);background:#22d3ee14;border-radius:9px;place-items:center;display:grid}.house-data-trust>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.house-data-trust strong{color:var(--text-primary);font-size:11px}.house-data-trust small{overflow-wrap:anywhere;color:var(--text-muted);font-size:9px}.house-quick-facts{flex-direction:column;padding:8px 14px;display:flex}.house-quick-fact{color:var(--text-muted);border-bottom:1px solid #ffffff0b;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:8px 0;display:grid}.house-quick-fact:last-child{border-bottom:0}.house-quick-fact>span{flex-direction:column;min-width:0;display:flex}.house-quick-fact small{text-transform:uppercase;font-size:8px;font-weight:700}.house-quick-fact strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.house-detail-empty{border:1px solid var(--border-color);background:var(--bg-surface);min-height:320px;color:var(--color-warning);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.house-detail-empty h3{color:var(--text-primary)}.house-detail-empty p{color:var(--text-muted);font-size:12px}@media (width<=980px){.house-detail-hero{grid-template-columns:minmax(220px,1fr) auto}.house-history-button{grid-column:1/-1;width:100%}.house-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.house-detail-hero,.house-detail-grid,.house-detail-footer-grid{grid-template-columns:1fr}.house-detail-hero{gap:10px;padding:14px 16px}.house-detail-hero__identity h2{font-size:28px}.house-state-badge{padding:9px 11px}.house-history-button{min-height:38px}.house-state-badge{width:100%}}@media (width<=440px){.house-kpi-grid{grid-template-columns:1fr}.house-metric-card{min-height:76px}}.history-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-heading h2{font-size:21px;font-weight:760}.history-toolbar{z-index:70;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#0e1417f7;flex-direction:column;gap:8px;padding:10px;display:flex;position:sticky;top:10px}.app-shell--mock .history-toolbar,.app-shell--env-banner .history-toolbar{top:52px}.history-toolbar__row,.history-toolbar__details{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-toolbar__details{align-items:flex-start;gap:7px 12px}.history-toolbar__settings{flex-wrap:wrap;flex:100%;align-items:center;gap:8px;display:flex}.history-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);background:#ffffff08;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.history-field>span,.custom-range label>span{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:750}.history-field strong{color:var(--text-primary);white-space:nowrap;font-size:13px}.history-field--select select{min-width:118px;min-height:28px;color:var(--text-primary);font:inherit;background:0 0;border:0;font-size:13px;font-weight:650}.history-field--select select:disabled{color:var(--text-muted);opacity:.75}.history-field--period{flex:480px;align-items:center;min-width:min(100%,420px)}.history-field--period .segmented-control{flex-wrap:wrap;flex:auto;min-width:0;max-width:100%}.history-field--period .segmented-control button{scroll-margin-top:calc(var(--header-height) + 140px)}.history-meta{color:var(--text-muted);flex-wrap:wrap;flex:100%;align-items:center;gap:8px;font-size:12px;display:flex}.history-last-refresh{min-height:36px;color:var(--text-muted);white-space:nowrap;align-items:center;font-size:12px;display:inline-flex}.history-toolbar__error{color:var(--color-warning);font-size:12px;font-weight:650}.segmented-control{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#0000001f;gap:4px;padding:3px;display:inline-flex}.segmented-control button{border-radius:var(--radius-sm);min-height:30px;color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0 12px;font-size:13px;font-weight:650}.segmented-control button.is-active{background:var(--color-primary);color:#fff}.segmented-control--compact button{min-width:44px}.toggle-control{border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:36px;color:var(--text-secondary);cursor:pointer;background:#0000002e;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.toggle-control--muted{color:var(--text-muted)}.toggle-control input{width:16px;height:16px;accent-color:var(--color-primary)}.custom-range{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.custom-range label{align-items:center;gap:6px;display:inline-flex}.custom-range input{border:1px solid var(--border-color);border-radius:var(--radius-sm);max-width:180px;min-height:34px;color:var(--text-secondary);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0000002e;padding:0 10px;font-size:12px}.custom-range input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(82%)sepia(16%)saturate(786%)hue-rotate(155deg)brightness(104%);opacity:1;background-color:#38bdf824;border-radius:6px;width:18px;height:18px;padding:5px}.compare-selector{color:var(--text-secondary);flex-wrap:wrap;flex:100%;align-items:center;gap:7px;font-size:12px;display:inline-flex}.compare-selector>span{color:var(--text-muted);font-weight:700}.compare-selector label{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff08;align-items:center;gap:5px;min-height:28px;padding:0 8px;display:inline-flex}.compare-selector input{accent-color:var(--color-primary)}.compare-selector label:has(input:disabled){opacity:.45}.data-state-chip{border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:22px;color:var(--text-secondary);background:#ffffff08;align-items:center;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.data-state-chip--good{color:#8ddfba;border-color:#10b98147}.data-state-chip--warning{color:#f2c67f;border-color:#f59e0b52}.data-state-chip--danger{color:#fda4af;border-color:#ef444459}.refresh-chip{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);align-self:flex-start;padding:5px 10px;font-size:12px}.history-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.history-grid__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.chart-panel{flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.chart-panel__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-panel__header h3{font-size:15px;font-weight:700}.chart-panel__header p{color:var(--text-secondary);margin-top:1px;font-size:12px}.chart-panel__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.chart-panel__stats{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.icon-button-row{gap:6px;display:inline-flex}.chart-stat{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff08;align-items:baseline;gap:5px;min-width:0;padding:5px 7px;display:inline-flex}.chart-stat span{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.chart-stat strong{color:var(--text-primary);white-space:nowrap;font-size:12px}.chart-stat--good strong,.chart-stat--warning strong{color:var(--text-primary)}.chart-stat--danger strong{color:var(--color-error)}.chart-area{width:100%;min-width:0}.chart-metric-select{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.chart-metric-select select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface-solid);min-height:28px;color:var(--text-primary);font:inherit;padding:0 8px;font-size:12px}.chart-panel__quality-summary{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.chart-panel-backdrop{z-index:500;background:#000000a3;position:fixed;inset:0}.chart-modal-open{overflow:hidden}.chart-panel--expanded{z-index:510;background:#0b1115;position:fixed;inset:18px;box-shadow:0 24px 80px #000000a6}.chart-tooltip{border:1px solid var(--border-color-hover);border-radius:var(--radius-md);max-width:min(260px,100vw - 24px);box-shadow:var(--shadow-lg);background:#080d0ff5;padding:8px 10px;font-size:12px}.chart-tooltip__title{color:var(--text-primary);margin-bottom:5px;font-size:12px;font-weight:700}.chart-tooltip__rows{flex-direction:column;gap:3px;display:flex}.chart-tooltip__row{justify-content:space-between;gap:14px;display:flex}.chart-tooltip__quality{border-top:1px solid var(--border-color);color:var(--color-warning);margin-top:6px;padding-top:6px;font-size:11px}:root{--font-sans:"Avenir Next", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--bg-base:#090d0f;--bg-surface:#12181bc7;--bg-surface-solid:#10171b;--bg-surface-hover:#1c262adb;--border-color:#ffffff14;--border-color-hover:#ffffff26;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-primary:#10b5d5;--color-primary-glow:#0ea5e926;--color-success:#0fae5e;--color-success-glow:#10b98126;--color-warning:#f59f0a;--color-warning-glow:#f59e0b26;--color-error:#ed2c59;--color-error-glow:#ef444426;--color-disabled:#65758b;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:70px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--radius-lg:8px;--radius-md:8px;--radius-sm:6px;--chart-cyan:#38bdf8;--chart-slate:#a3b3c7;--chart-violet:#a78bfa;--chart-green:#34d399;--chart-amber:#f59e0b;--chart-mint:#5eead4;--chart-gold:#fbbf24;--chart-rose:#fb7185;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 10px 30px #00000080, 0 0 20px #0ea5e90d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes pulse-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes copy-success-pulse{0%{transform:scale(1);box-shadow:0 0 #10b98173}45%{transform:scale(1.03);box-shadow:0 0 0 8px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fade-in}.animate-spin{animation:1s linear infinite spin}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.status-dot.online{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot.online:after{content:"";border:1px solid var(--color-success);border-radius:50%;animation:2s infinite pulse-glow;position:absolute;inset:-2px}.status-dot.error{background-color:var(--color-error);box-shadow:0 0 8px var(--color-error)}.status-dot.error:after{content:"";border:1px solid var(--color-error);border-radius:50%;animation:1.5s infinite pulse-glow;position:absolute;inset:-2px}.status-dot.disabled{background-color:var(--text-muted)}.status-dot.unknown{background-color:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.status-dot--ok{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot--loading{background-color:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.status-dot--error{background-color:var(--color-error);box-shadow:0 0 8px var(--color-error)}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.grid-cols-dashboard{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.grid-cols-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);overflow-x:auto}.dense-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.dense-table th{color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background-color:#161c2de6;padding:12px 16px;font-size:11px;font-weight:600}.dense-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;padding:12px 16px}.dense-table tbody tr{transition:var(--transition-fast)}.dense-table tbody tr:hover{background-color:#ffffff08}.badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge-online{background-color:var(--color-success-glow);color:var(--color-success);border:1px solid #10b9814d}.badge-error{background-color:var(--color-error-glow);color:var(--color-error);border:1px solid #ef44444d}.badge-disabled{color:var(--text-secondary);background:#64748b1a;border:1px solid #64748b33}.badge-warning{background-color:var(--color-warning-glow);color:var(--color-warning);border:1px solid #f59e0b4d}.stale-warning{background-color:var(--color-warning-glow);color:var(--color-warning);border-radius:var(--radius-md);border:1px solid #f59e0b66;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.offline-warning{color:var(--color-error);border-radius:var(--radius-md);background-color:#ef444414;border:1px solid #ef444447;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.4;display:flex}.mono{font-family:var(--font-mono)}.app-shell{background:linear-gradient(180deg, #0c1214 0%, var(--bg-base) 48%);min-height:100vh;display:flex}.desktop-sidebar{z-index:100;width:var(--sidebar-width);border-right:1px solid var(--border-color);background:var(--bg-surface-solid);height:100vh;transition:var(--transition-smooth);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.desktop-sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{height:var(--header-height);border-bottom:1px solid var(--border-color);white-space:nowrap;justify-content:flex-start;align-items:center;gap:12px;padding:0 20px;display:flex;overflow:hidden}.desktop-sidebar--collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-brand__icon{border:1px solid var(--border-color-hover);border-radius:var(--radius-md);background:var(--bg-surface-hover);width:38px;height:38px;color:var(--color-primary);flex-shrink:0;place-items:center;display:grid}.sidebar-brand__text{flex-direction:column;min-width:0;display:flex}.sidebar-brand__text span{font-size:15px;font-weight:750}.sidebar-brand__text small{color:var(--text-muted);font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 8px;display:flex}.sidebar-nav__item{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-secondary);cursor:pointer;font:inherit;text-align:left;transition:var(--transition-fast);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;display:flex;position:relative}.desktop-sidebar--collapsed .sidebar-nav__item{justify-content:center;gap:0}.sidebar-nav__item svg{flex-shrink:0}.sidebar-nav__item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-nav__item small{color:var(--text-muted);background:#ffffff14;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:800}.sidebar-nav__item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-nav__item.is-active{background:var(--color-primary);color:#fff}.sidebar-nav__item.is-placeholder:not(.is-active){color:var(--text-muted)}.nav-unread-badge{border:2px solid var(--bg-sidebar);color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;height:19px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:850;line-height:1;display:inline-flex;min-width:19px!important;overflow:visible!important}.desktop-sidebar--collapsed .nav-unread-badge{margin:0;position:absolute;top:5px;right:5px}.sidebar-nav__item.is-active .nav-unread-badge{border-color:var(--color-primary)}.notifications-inbox-page{max-width:1080px;margin:0 auto}.notifications-inbox-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.notifications-inbox-heading__eyebrow{color:var(--color-primary);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.notifications-inbox-heading h2{color:var(--text-primary);margin:0;font-size:clamp(26px,3vw,36px)}.notifications-inbox-heading p{color:var(--text-secondary);margin:7px 0 0}.notifications-refresh-button,.notifications-summary button,.notification-card__actions button{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font:inherit;background:#ffffff06;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.notifications-refresh-button{min-height:40px;padding:0 14px}.notifications-refresh-button:hover,.notifications-summary button:hover,.notification-card__actions button:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.notifications-refresh-button:disabled,.notifications-summary button:disabled,.notification-card__actions button:disabled{cursor:default;opacity:.5}.notifications-summary{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-panel);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;padding:12px;display:grid}.notifications-summary>div{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;align-items:center;gap:11px;min-height:62px;padding:10px 14px;display:flex}.notifications-summary>div>span{width:34px;height:34px;color:var(--color-primary);background:#12b5d51f;border-radius:10px;flex:none;place-items:center;display:grid}.notifications-summary>div.is-critical>span{color:#f87171;background:#ef444421}.notifications-summary>div div{flex-direction:column;display:flex}.notifications-summary strong{color:var(--text-primary);font-size:22px;line-height:1}.notifications-summary small{color:var(--text-muted);margin-top:4px;font-size:11px}.notifications-summary button{padding:0 16px}.notifications-filter{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;gap:4px;padding:4px;display:inline-flex}.notifications-filter button{border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:750;display:inline-flex}.notifications-filter button.is-active{color:var(--color-primary);background:#12b5d526}.notifications-filter button span{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;display:inline-grid}.notifications-action-error{border-radius:var(--radius-sm);color:#fca5a5;background:#ef444414;border:1px solid #ef444452;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.notifications-list{gap:9px;display:grid}.notification-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-panel);grid-template-columns:42px minmax(0,1fr);gap:13px;padding:16px;transition:border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.notification-card.is-unread{background:linear-gradient(90deg, #ffffff09, var(--bg-panel) 46%);border-color:#94a3b852}.notification-card--critical.is-unread{background:linear-gradient(90deg, #ef444412, var(--bg-panel) 46%);border-color:#ef444461}.notification-card--warning.is-unread{background:linear-gradient(90deg, #f59e0b0f, var(--bg-panel) 46%);border-color:#f59e0b57}.notification-card__icon{color:#60a5fa;background:#3b82f61a;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.notification-card--critical .notification-card__icon{color:#f87171;background:#ef44441f}.notification-card--warning .notification-card__icon{color:#fbbf24;background:#f59e0b1f}.notification-card__meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:14px;font-size:11px;display:flex}.notification-card__meta>span{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.notification-card h3{color:var(--text-primary);margin:6px 0 4px;font-size:16px}.notification-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.48}.notification-card__actions{align-items:center;gap:8px;margin-top:11px;display:flex}.notification-card__actions button{min-height:32px;padding:0 10px;font-size:11px}.notification-card__actions .notification-card__open{color:var(--color-primary);border-color:#12b5d547}.notification-card__actions .notification-card__read{background:0 0;border-color:#0000}.notification-card__unread-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 4px #ef44441a}.notifications-empty{border:1px dashed var(--border-color-hover);border-radius:var(--radius-lg);min-height:240px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:7px;padding:28px;display:grid}.notifications-empty h3,.notifications-empty p{margin:0}.notifications-empty h3{color:var(--text-primary);font-size:17px}.notifications-empty p{font-size:13px}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;display:flex}.sidebar-status{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff05;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.sidebar-status div{align-items:center;gap:6px;display:inline-flex}.sidebar-status strong{color:var(--text-primary);text-transform:uppercase;font-size:10px;font-weight:800}.sidebar-collapse{border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:flex}.sidebar-collapse span{font-size:11px;font-weight:700}.desktop-sidebar--collapsed .sidebar-footer{padding:12px 8px}.sidebar-collapse:hover{color:var(--text-primary);background:#ffffff0a}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell--mock .app-main,.app-shell--env-banner .app-main{padding-top:42px}.app-header{z-index:90;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1417fa;justify-content:flex-end;align-items:center;gap:16px;min-height:52px;padding:6px 20px;display:flex;position:static;top:0}.app-shell--mock .app-header,.app-shell--env-banner .app-header{top:auto}.app-header__title{align-items:center;gap:12px;min-width:0;display:flex}.app-header h1{text-transform:uppercase;font-size:16px;font-weight:700;line-height:1.2}.app-header__meta{color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.app-header__meta strong{color:var(--text-primary)}.app-header__user strong{color:var(--text-muted);text-transform:uppercase;margin-left:4px;font-size:10px}.app-header__date{color:var(--text-muted);font-size:11px}.app-header__meta span{white-space:nowrap}.site-selector{align-items:center;gap:8px;min-width:0;display:inline-flex}.site-selector select{border:1px solid var(--border-color-hover);border-radius:var(--radius-sm);background:var(--bg-surface-solid);max-width:220px;min-height:32px;color:var(--text-primary);font:inherit;padding:0 30px 0 10px;font-size:13px}.app-header__divider{background:var(--border-color);width:1px;height:16px}.app-content{flex:1;padding:24px 28px 28px;overflow-y:auto}.app-footer{color:var(--text-muted);padding:10px 32px 18px;font-size:12px}.app-loading,.panel-placeholder{min-height:320px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.app-loading{background:var(--bg-base);min-height:100vh}.app-loading span{font-size:14px;font-weight:600}.panel-placeholder{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface)}.panel-placeholder h3{color:var(--text-primary);font-size:16px}.error-banner{border-radius:var(--radius-md);background:var(--color-error-glow);color:var(--color-error);border:1px solid #ef444452;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.success-banner{border-radius:var(--radius-md);background:var(--color-success-glow);color:var(--color-success);border:1px solid #10b98152;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.muted-small{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.35}.auth-shell{background:var(--bg-base);place-items:center;min-height:100vh;padding:72px 24px 24px;display:grid}.auth-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface-solid);width:min(420px,100%);box-shadow:var(--shadow-md);flex-direction:column;gap:18px;padding:24px;display:flex}.auth-panel__header{align-items:center;gap:12px;display:flex}.auth-panel__header h1,.auth-panel__header h3{font-size:18px;line-height:1.2}.auth-panel__header p{color:var(--text-secondary);font-size:13px}.auth-panel__icon{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;place-items:center;width:42px;height:42px;display:grid}.form-field{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:13px;font-weight:650;display:flex}.form-field input,.form-field select,.dense-table select{border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:38px;color:var(--text-primary);font:inherit;background:#070b0d}.form-field input,.form-field select{padding:0 11px}.form-field input:disabled,.form-field select:disabled,.dense-table select:disabled{cursor:not-allowed;opacity:.62}.dense-table select{padding:0 8px}.form-error{border-radius:var(--radius-sm);background:var(--color-error-glow);color:var(--color-error);border:1px solid #ef444452;padding:10px 12px;font-size:13px}.primary-button,.ghost-button,.icon-button{border-radius:var(--radius-sm);cursor:pointer;min-height:38px;font:inherit;font-weight:700}.primary-button{background:var(--color-primary);color:#fff;border:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.primary-button:disabled{cursor:not-allowed;opacity:.65}.ghost-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.45}.ghost-button,.icon-button{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.ghost-button:hover,.icon-button:hover{border-color:var(--border-color-hover);color:var(--text-primary);background:#ffffff0a}.ghost-button:disabled:hover,.icon-button:disabled:hover{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.ghost-button{padding:0 14px}.icon-button{place-items:center;width:38px;display:inline-grid}.mock-banner,.mock-chip,.env-banner,.env-chip{border-radius:var(--radius-sm);background:var(--color-warning-glow);color:var(--color-warning);border:1px solid #f59e0b61;font-size:11px;font-weight:800}.mock-banner,.env-banner{z-index:300;text-align:center;letter-spacing:0;border-width:0 0 1px;border-radius:0;justify-content:center;align-items:center;min-height:42px;padding:8px 18px;display:flex;position:fixed;top:0;left:0;right:0}.mock-chip,.env-chip{white-space:normal;text-align:center;max-width:260px;padding:4px 8px}.env-banner--live-api,.env-chip--live-api{color:#fb7185;background:#ef444429;border-color:#ef44446b}.admin-create-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.4fr) minmax(150px,.8fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.table-actions{gap:8px;display:flex}.notification-grid{grid-template-columns:minmax(280px,1.2fr) minmax(260px,.8fr);gap:16px;margin-bottom:20px;display:grid}.notification-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);flex-direction:column;gap:16px;padding:16px;display:flex}.notification-panel__heading{color:var(--text-primary);align-items:center;gap:10px;display:flex}.notification-panel__heading h3{margin:0;font-size:16px}.notification-status-list{flex-direction:column;gap:10px;display:flex}.notification-status-row{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;font-size:13px;display:grid}.notification-status-row>span{color:var(--text-muted)}.notification-status-row strong{align-items:center;gap:6px;min-width:0;font-size:13px;display:inline-flex}.status-ok{color:var(--color-success)}.status-error{color:var(--color-warning)}.notification-actions,.notification-test-actions{flex-wrap:wrap;gap:10px;display:flex}.notification-note{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.modal-backdrop{z-index:200;background:#000000a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.temporary-password-modal{border:1px solid var(--border-color-hover);border-radius:var(--radius-lg);background:var(--bg-surface-solid);width:min(520px,100%);box-shadow:var(--shadow-lg);flex-direction:column;gap:18px;padding:22px;display:flex}.temporary-password-modal__value{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow-wrap:anywhere;background:#050808;padding:14px}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.copy-status{min-width:150px;color:var(--color-success);text-align:right;font-size:13px;font-weight:700}.copy-button{min-width:150px;transition:var(--transition-fast)}.copy-button--copied{background:var(--color-success);animation:.8s ease-out copy-success-pulse}.tab-page{flex-direction:column;gap:24px;display:flex}.page-heading{flex-direction:column;gap:6px;display:flex}.page-heading--with-controls{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px}.page-heading h2,.overview-hero h2{font-size:22px;font-weight:750}.page-heading p,.overview-hero p{max-width:760px;color:var(--text-secondary);font-size:14px}.overview-hero,.stat-card,.activity-panel,.chart-panel{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-md)}.overview-hero{background:var(--bg-surface);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.status-badge-row{flex-wrap:wrap;gap:10px;display:flex}.stat-card{flex-direction:column;gap:12px;padding:18px;display:flex}.stat-card__label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.stat-card__value{align-items:baseline;gap:8px;display:flex}.stat-card__value span{font-size:32px;font-weight:760}.stat-card__value--text span{font-size:18px}.stat-card__value small{color:var(--text-muted);font-size:14px}.stat-card__hint{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.activity-panel{flex-direction:column;gap:16px;padding:22px;display:flex}.activity-panel__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-panel__header h3{align-items:center;gap:8px;font-size:16px;font-weight:650;display:flex}.activity-log{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#b7c4d8;max-height:220px;font-family:var(--font-mono);background:#050808;flex-direction:column;gap:8px;padding:16px;font-size:13px;display:flex;overflow-y:auto}.operator-attention{gap:14px}.operator-attention .activity-panel__header>span{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.attention-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.attention-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.attention-item strong{color:var(--text-primary);font-size:13px}.attention-item span{color:var(--text-secondary);font-size:12px}.attention-item--good{border-color:#10b9813d}.attention-item--warning{border-color:#f59e0b52}.attention-item--danger{border-color:#ef444457}.mobile-bottom-nav,.mobile-more-menu{display:none}@media (width>=1280px){.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-grid .chart-panel:first-child,.history-grid__pair{grid-column:1/-1}}@media (width<=1023px){:root{--sidebar-width:220px}.app-content{padding:24px}.page-heading--with-controls,.overview-hero{flex-direction:column;align-items:stretch}.history-toolbar__row,.history-toolbar__details{align-items:flex-start}.history-field--period{flex-basis:100%}.app-header .mock-chip,.app-header .env-chip{display:none}.admin-create-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.mock-banner,.env-banner{min-height:32px;padding:4px 10px;font-size:9px}.app-shell--mock .app-main,.app-shell--env-banner .app-main{padding-top:32px}.desktop-sidebar{display:none!important}.app-shell{min-height:100vh;display:block}.app-header{min-height:48px;padding:6px 10px}.app-shell--mock .app-header,.app-shell--env-banner .app-header{top:auto}.app-header h1{display:none}.app-header__title{margin-right:auto}.app-header__meta{gap:10px;font-size:11px}.app-header__user strong{color:var(--text-muted);text-transform:uppercase;margin-left:3px;font-size:9px}.app-header__date{color:var(--text-muted);font-size:10px}.app-header .icon-button{width:34px;min-height:34px}.site-selector{justify-content:flex-end;max-width:150px}.site-selector--single{display:none}.site-selector select{max-width:110px;min-height:28px;font-size:11px}.app-header__divider{display:none}.app-content{padding:10px 10px 78px}.tab-page{gap:10px}.page-heading h2,.overview-hero h2{font-size:19px}.page-heading p,.overview-hero p{font-size:13px}.overview-hero,.stat-card,.activity-panel,.chart-panel{box-shadow:var(--shadow-sm)}.overview-hero,.activity-panel,.chart-panel{padding:16px}.grid-cols-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-card__value span{font-size:24px}.stat-card__value--text span{font-size:15px}.stat-card__hint{align-items:flex-start;font-size:12px}.activity-panel__header{flex-direction:column;align-items:flex-start}.activity-log{max-height:180px;padding:12px;font-size:11px}.history-toolbar{gap:7px;padding:8px;top:8px}.app-shell--mock .history-toolbar,.app-shell--env-banner .history-toolbar{top:40px}.history-toolbar__row,.history-toolbar__details,.history-toolbar__settings,.history-field,.history-field--period,.history-meta,.compare-selector{width:100%}.history-field{justify-content:space-between}.history-last-refresh{width:auto}.segmented-control{width:100%;overflow-x:auto}.history-field--period .segmented-control{flex-wrap:nowrap}.segmented-control button{flex:1 0 auto;padding:0 12px}.history-grid,.history-grid__pair{grid-template-columns:1fr;gap:14px}.chart-panel__header,.chart-panel__actions{flex-direction:column;align-items:stretch;gap:10px}.chart-panel__stats{justify-content:flex-start;width:100%}.chart-stat{flex:120px;min-width:0}.chart-area{height:252px!important}.chart-panel--expanded{padding:12px;inset:8px}.chart-panel--expanded .chart-area{height:calc(100vh - 170px)!important}.custom-range{flex-direction:column;align-items:stretch;width:100%}.custom-range label{justify-content:space-between}.custom-range input{max-width:none}.admin-create-panel{grid-template-columns:1fr;padding:14px}.notification-grid{grid-template-columns:1fr}.notification-status-row{grid-template-columns:1fr;gap:4px}.modal-actions{flex-direction:column}.copy-status,.copy-button{text-align:center;width:100%;min-width:0}.mobile-bottom-nav{z-index:110;border:1px solid var(--border-color);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1214fa;border-radius:10px;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;display:grid;position:fixed;bottom:10px;left:10px;right:10px}.mobile-bottom-nav__item{border-radius:var(--radius-md);min-width:0;min-height:42px;color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9.5px;font-weight:650;display:flex;position:relative}.mobile-bottom-nav__item.is-active{background:var(--color-primary);color:#fff}.mobile-bottom-nav__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-bottom-nav__item .nav-unread-badge{border-color:#0c1214fa;height:17px;margin:0;padding:0 4px;font-size:9px;position:absolute;top:2px;right:max(4px,50% - 21px);overflow:visible;min-width:17px!important}.mobile-bottom-nav__item.is-active .nav-unread-badge{border-color:var(--color-primary)}.notifications-inbox-heading{align-items:flex-start}.notifications-inbox-heading p{font-size:12px;line-height:1.45}.notifications-refresh-button{flex:0 0 38px;width:38px;min-height:38px;padding:0;font-size:0}.notifications-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.notifications-summary>div{gap:8px;min-height:54px;padding:8px}.notifications-summary>div>span{width:30px;height:30px}.notifications-summary strong{font-size:18px}.notifications-summary button{grid-column:1/-1;min-height:36px}.notifications-filter{width:100%}.notifications-filter button{flex:1}.notification-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px}.notification-card__icon{border-radius:10px;width:34px;height:34px}.notification-card__meta{flex-direction:column;align-items:flex-start;gap:2px;padding-right:16px}.notification-card h3{font-size:14px}.notification-card p{font-size:12px}.notification-card__actions{flex-direction:column;align-items:stretch}.notification-card__actions button{width:100%}.mobile-more-menu{z-index:115;border:1px solid var(--border-color-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#0c1214fa;gap:6px;padding:8px;display:grid;position:fixed;bottom:70px;left:10px;right:10px}.mobile-more-menu__item{border-radius:var(--radius-md);min-height:42px;color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:650;display:flex}.mobile-more-menu__item.is-active{background:var(--bg-surface-hover);color:var(--text-primary)}}@media (width<=390px){.grid-cols-stats{grid-template-columns:1fr}.app-header h1{max-width:180px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}