:root{--primary-color: #23a477ff;--primary-hover: #0f766e;--primary-light: #f0fdfa;--secondary-color: #6366f1;--bg-canvas: #f8fafc;--bg-white: white;--border-color: rgba(0, 0, 0, .08);--text-main: #1e293b;--text-muted: #64748b;--text-gray: #333;--text-light-gray: #666;--text-medium-gray: #999;--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb;--error-color: red;--danger-color: #dc3545;--info-bg: #e8f4f8;--info-border: #2196f3;--chart-blue: #3b82f6;--chart-red: #ef4444;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-tooltip: 0 2px 4px rgba(0, 0, 0, .1);--shadow-hint: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius-lg: 1rem;--radius-md: .75rem;--radius-sm: .5rem;--radius-xs: .25rem;--radius-base: 4px;--radius-round: 50%;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-1-25: 1.25rem;--spacing-btn-v: .6rem;--spacing-btn-h: 1.2rem;--font-xs: .75rem;--font-sm: .85rem;--font-base: .875rem;--font-md: .9rem;--font-lg: 1rem;--font-xl: 1.2rem;--font-2xl: 1.75rem;--font-3xl: 2.5rem;--chart-height: 400px;--input-height: 32px;--max-content-width: 1000px;--max-page-width: 800px;--transition-fast: .15s ease-out;--transition-base: .2s ease;--transition-smooth: .2s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 2000;--z-toast: 3000}*{box-sizing:border-box}#root{max-width:1280px;margin:0 auto;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main)}.btn{padding:var(--spacing-sm) .8rem;border:1px solid rgba(0,0,0,.1);background:#1a1a1a;color:#fff;border-radius:var(--radius-sm)}.link{background:transparent;border:none;color:#646cff;cursor:pointer}.muted{opacity:.7}.error{color:#b00020}.flex-center{display:flex;align-items:center}.flex-center-gap-sm{display:flex;align-items:center;gap:var(--spacing-sm)}.flex-center-gap-md{display:flex;align-items:center;gap:var(--spacing-md)}.flex-center-gap-lg{display:flex;align-items:center;gap:var(--spacing-lg)}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.border-default{border:1px solid var(--border-color)}.border-radius-base{border-radius:var(--radius-base)}.border-radius-md{border-radius:var(--radius-md)}.border-radius-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-lg);align-items:start;justify-content:center}.row{display:grid;grid-template-columns:260px 1fr auto;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-sm)}.row.wide{grid-template-columns:300px 1fr auto}.row.picker{display:flex;gap:var(--spacing-sm);align-items:center;align-self:center;margin-bottom:0}.row.picker label:first-child{margin-left:0}.copyfield .row{grid-template-columns:1fr auto}.form{display:grid;gap:var(--spacing-sm)}.app-container{max-width:1100px;margin:0 auto;padding:0 var(--spacing-xl)}.app-header{display:flex;gap:var(--spacing-lg);align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-color)}.brand{font-weight:700;font-size:var(--font-xl)}.nav{display:flex;gap:var(--spacing-md)}.nav a{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:500;color:var(--text-muted);transition:all var(--transition-base)}.nav a:hover{color:var(--primary-color);background:var(--primary-light)}.nav a.active{color:var(--primary-color);background:var(--primary-light);font-weight:600}.actions{display:flex;gap:var(--spacing-sm);align-items:center}.app-main{display:grid;gap:var(--spacing-xl);justify-items:center}.app-main>section{width:100%;max-width:var(--max-content-width);display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-footer{opacity:.6;font-size:var(--font-sm);text-align:center;margin-top:var(--spacing-2xl)}.footer-separator{margin:0 var(--spacing-sm)}.section-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);background:var(--bg-white);box-shadow:var(--shadow-md)}.section-container h2{margin-top:0}.section-header{padding-bottom:var(--spacing-md)}.section-header h2{margin:0;color:var(--text-main);font-size:var(--font-2xl);font-weight:700;letter-spacing:-.025em}.section-info{margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) 0;color:var(--text-muted);font-size:var(--font-lg);line-height:1.6;max-width:var(--max-content-width)}.section-info p{margin:0}.section-content{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-1-25);background:var(--bg-white);width:100%;max-width:var(--max-content-width);box-shadow:var(--shadow-sm)}.section-form{margin-top:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-1-25);background:var(--bg-white);width:100%;max-width:var(--max-content-width);box-shadow:var(--shadow-sm)}.card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-1-25);background:var(--bg-white);width:100%;max-width:var(--max-content-width);margin:0 auto;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.home-container{max-width:var(--max-page-width);margin:0 auto;display:grid;gap:var(--spacing-2xl)}.home-intro{text-align:center}.home-intro p{font-size:var(--font-xl);line-height:1.6}.home-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stats-card{text-align:center;padding:var(--spacing-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);max-width:none;margin:0;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md)}.stats-card.clickable{cursor:pointer}.stats-card.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.stats-card.clickable:focus-visible{outline:2px solid #646cff;outline-offset:2px}.stats-card-count{margin:0;font-size:var(--font-3xl);font-weight:700}.home-footer{text-align:center;margin-top:var(--spacing-2xl)}.form-select,.form-input{height:var(--input-height);padding:0 var(--spacing-md);margin-bottom:0;font-size:var(--font-base);border-radius:var(--radius-base);border:1px solid var(--border-color);transition:border-color var(--transition-base),background-color var(--transition-base);cursor:pointer;background:var(--bg-white);display:inline-flex;align-items:center}.form-select:focus,.form-input:focus{outline:2px solid var(--primary-color);border-color:transparent}.form-select{min-width:40px}.form-input{min-width:150px}.form-select:hover,.form-input:hover{border-color:#000000de;background-color:#0000000a}#system-form{background-color:var(--bg-white)}.number-input-with-unit-wrapper{position:relative;flex:1;display:flex}.number-input-with-unit-input{padding-right:3.5rem;flex:1}.number-input-with-unit-input-error{border-color:var(--error-color);border-width:2px}.number-input-with-unit-label{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-medium-gray);font-size:var(--font-md);pointer-events:none;-webkit-user-select:none;user-select:none}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);min-width:auto}.button-padding-medium{padding:var(--spacing-sm) var(--spacing-lg)}.monthly-editor-info-box{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--info-bg);border-left:3px solid var(--info-border);margin:var(--spacing-md) 0;font-size:var(--font-md);border-radius:var(--radius-base)}.monthly-editor-fields-container{display:flex;flex-direction:column;gap:0}.monthly-editor-field-wrapper{display:flex;flex-direction:column;flex:1}.monthly-editor-error{color:var(--error-color);font-size:var(--font-sm);margin-top:var(--spacing-xs)}.filters{display:flex;gap:var(--spacing-md);align-items:flex-end;margin:0;flex-wrap:wrap}.filters label{gap:var(--spacing-xs);font-size:var(--font-xs);margin-bottom:0}.filter-container{display:flex;gap:var(--spacing-lg);align-items:center;justify-content:space-between;width:100%;background:var(--bg-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:0}.filter-container .MuiButton-root.MuiButton-sizeSmall{height:var(--input-height);min-height:var(--input-height)}.nav-button{padding:0;cursor:pointer;font-size:var(--font-base);border-radius:var(--radius-base);border:1px solid rgba(0,0,0,.23);background-color:transparent;transition:border-color var(--transition-base),background-color var(--transition-base);width:var(--input-height);height:var(--input-height);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-button:hover{border-color:#000000de;background-color:#0000000a}.action-btn{padding:var(--spacing-btn-v) var(--spacing-btn-h);border-radius:var(--radius-md);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-smooth);display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:inherit;border:none}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn-primary{background-color:var(--primary-color);color:#fff;border:none}.action-btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.action-btn-secondary{background-color:#90caf9;color:#0d47a1;border:1px solid #64b5f6}.action-btn-secondary:hover:not(:disabled){background-color:#64b5f6;border-color:#42a5f5}.action-btn-danger{background-color:#ffcdd2;color:#c62828;border:1px solid #ef9a9a}.action-btn-danger:hover:not(:disabled){background-color:#ef9a9a;border-color:#e57373}.chart-container{height:var(--chart-height);margin-bottom:var(--spacing-sm)}.chart-container-relative{height:var(--chart-height);margin-bottom:var(--spacing-sm);position:relative}.chart-no-data{height:100%;display:flex;align-items:center;justify-content:center}.chart-no-data-card{height:var(--chart-height);display:flex;align-items:center;justify-content:center}.chart-legend-controls{margin-bottom:var(--spacing-sm);display:flex;justify-content:center}.chart-tooltip-indicator-custom{background-color:inherit}.chart-stats-header{display:flex;align-items:center;justify-content:space-between}.chart-stats-title-no-margin{margin:0}.chart-stats-expanded{margin-top:var(--spacing-sm)}.chart-stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.chart-stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.chart-stats-absolute{position:absolute;top:0;right:0;transition:all var(--transition-base)}.chart-temp-label{font-size:11px;fill:var(--text-gray)}.chart-temp-axis-label{font-size:12px;fill:var(--text-gray);font-weight:500}.chart-tooltip{background:var(--bg-white);padding:var(--spacing-sm) var(--spacing-md);border:1px solid #ccc;border-radius:var(--radius-base);box-shadow:var(--shadow-tooltip);min-width:200px}.chart-tooltip-header{margin-bottom:var(--spacing-xs);font-weight:600}.chart-tooltip-item{display:flex;align-items:center;margin-bottom:var(--spacing-xs);white-space:nowrap}.chart-tooltip-item:last-child{margin-bottom:0}.chart-tooltip-indicator{margin-right:var(--spacing-sm);flex-shrink:0}.chart-tooltip-indicator-bar{width:12px;height:12px;border-radius:var(--radius-xs)}.chart-tooltip-indicator-line{width:12px;height:2px}.chart-tooltip-indicator-outdoor{background-color:var(--chart-blue)}.chart-tooltip-indicator-flow{background-color:var(--chart-red)}.chart-tooltip-text{font-size:13px;white-space:nowrap}.chart-stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);margin-left:auto;margin-right:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-white);border-radius:var(--radius-base);border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 3px #00000014;width:fit-content;position:relative;z-index:var(--z-dropdown)}.chart-stats-title{font-size:var(--font-base);font-weight:700;color:#000000b3;margin:0 0 var(--spacing-xs) 0;align-self:stretch;text-align:center}.chart-stats>div:not(.chart-stats-title){display:flex;gap:var(--spacing-2xl)}.chart-stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.chart-stat-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:#0009;font-weight:500}.chart-stat-value{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.geo-map-container{width:100%;height:400px;position:relative;-webkit-user-select:none;user-select:none}.geo-map-container--dragging{cursor:grabbing}.geo-map-container--idle{cursor:grab}.geo-map-zoom-controls{position:absolute;top:8px;right:8px;z-index:10;display:flex;flex-direction:column;gap:4px;background-color:#ffffffe6;border-radius:var(--radius-base);box-shadow:0 2px 8px #00000026}.geo-map-zoom-btn-top{border-radius:4px 4px 0 0}.geo-map-zoom-btn-bottom{border-radius:0 0 4px 4px}.geo-map-popover{padding:10px;max-width:260px;box-shadow:0 4px 20px #00000026;border-radius:var(--radius-lg)}.geo-map-popover-header{margin-bottom:4px;font-size:13px}.geo-map-popover-names{margin-bottom:6px;max-height:100px;overflow-y:auto}.geo-map-popover-more{font-size:10px}.geo-map-popover-single-name{font-weight:500;font-size:12px}.geo-map-popover-details{border-top:1px solid var(--divider-color, rgba(0, 0, 0, .12));padding-top:4px}.geo-map-info-row{display:flex;align-items:center;gap:4px;line-height:1.3}.geo-map-info-row .MuiSvgIcon-root{font-size:13px;color:var(--text-secondary, rgba(0, 0, 0, .6))}.geo-map-info-value{color:var(--text-secondary, rgba(0, 0, 0, .6));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:11px;line-height:1.3}.geo-map-system-link{font-size:12px;cursor:pointer;text-decoration:underline;display:block;padding:1px 0;line-height:1.4}.geo-map-system-link--selected{font-weight:600;color:var(--primary-color);text-decoration-color:var(--primary-color)}.geo-map-system-link--unselected{font-weight:400;color:var(--text-primary, rgba(0, 0, 0, .87));text-decoration-color:transparent}.geo-map-system-link:hover{color:var(--primary-color);text-decoration-color:var(--primary-color)}.geo-map-marker-text{font-size:11px;font-weight:700;fill:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}.MuiDataGrid-root{font-size:var(--font-xs);border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;background:var(--bg-white);box-shadow:var(--shadow-sm)}.MuiDataGrid-columnHeaders{background-color:var(--bg-canvas);border-bottom:2px solid var(--border-color)!important;font-weight:600}.MuiDataGrid-cell{border-bottom:1px solid var(--border-color)!important}.MuiDataGrid-row:hover{background-color:var(--primary-light)!important}.MuiDataGrid-root .MuiTablePagination-selectLabel,.MuiDataGrid-root .MuiTablePagination-displayedRows,p.MuiTablePagination-selectLabel,p.MuiTablePagination-displayedRows{margin:0!important;font-size:var(--font-base)}.data-grid-container{height:70vh;width:100%;min-height:400px;max-height:800px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{background:var(--bg-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;animation:modalFadeIn .2s ease-out}.modal-content h2{margin-top:0;margin-bottom:var(--spacing-lg);font-size:var(--font-xl);color:var(--text-main)}.modal-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.modal-buttons button{padding:var(--spacing-btn-v) var(--spacing-btn-h);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-white);color:var(--text-main);cursor:pointer;font-size:var(--font-base);transition:all var(--transition-base)}.modal-buttons button:hover:not(:disabled){background:var(--bg-canvas);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modal-buttons button:disabled{opacity:.6;cursor:not-allowed}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.action-bar-container{margin-top:var(--spacing-xl)}.action-bar-feedback{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-base)}.action-bar-feedback-success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.action-bar-feedback-error{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.action-bar-buttons{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.confirm-dialog-description{white-space:pre-line}.confirm-dialog-danger-button{background-color:var(--danger-color, #dc3545)}.copy-field-wrapper{display:flex;gap:var(--spacing-sm);align-items:center}.copy-field-input{flex:1}.field-hint-container{position:relative;display:inline-flex;align-items:center;margin-left:var(--spacing-sm)}.field-hint-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;color:#6b7280;cursor:pointer;transition:color var(--transition-base),transform var(--transition-base);border-radius:var(--radius-round)}.field-hint-icon:hover{color:var(--chart-blue);transform:scale(1.1)}.field-hint-icon:focus{outline:2px solid var(--chart-blue);outline-offset:2px}.field-hint-icon:active{transform:scale(.95)}.field-hint-popover{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-overlay);min-width:300px;max-width:400px;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-white);border:1px solid #e5e7eb;border-radius:var(--spacing-sm);box-shadow:var(--shadow-hint);font-size:14px;line-height:1.5;color:#374151;white-space:normal;word-wrap:break-word;animation:fadeIn var(--transition-fast)}.field-hint-link{color:var(--chart-blue);text-decoration:underline;font-weight:500;transition:color var(--transition-base)}.field-hint-link:hover{color:#2563eb}.field-hint-link:visited{color:#7c3aed}.field-hint-popover-right{left:calc(100% + 8px)}.field-hint-popover-left{right:calc(100% + 8px)}.field-hint-popover:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid}.field-hint-popover-right:before{left:-8px;border-width:8px 8px 8px 0;border-color:transparent #e5e7eb transparent transparent}.field-hint-popover-left:before{right:-8px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #e5e7eb}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.page-filter-select-year{min-width:100px}.page-complete-data-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);cursor:pointer;white-space:nowrap}.page-complete-data-checkbox input{cursor:pointer}.consent-section{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-sm)}.consent-label{display:flex;align-items:flex-start;margin-bottom:var(--spacing-sm);cursor:pointer}.consent-checkbox{margin-right:var(--spacing-sm);margin-top:3px;flex-shrink:0}.consent-text{font-size:var(--font-md)}.consent-text-bold{font-size:var(--font-md);font-weight:700}.consent-link{text-decoration:underline}.page-content-container{max-width:var(--max-page-width);margin:0 auto;padding:var(--spacing-2xl);text-align:left}.page-footer-date{margin-top:calc(var(--spacing-2xl) * 2);font-size:var(--font-md);color:var(--text-light-gray)}