:root{font-family:Tahoma,Verdana,Segoe UI,sans-serif;color:#1f2f44;background:linear-gradient(180deg,#d8e0ea,#c8d3df);line-height:1.3;font-weight:400;font-size:13px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 120px),linear-gradient(180deg,#d8e0ea,#c8d3df)}#root{min-height:100vh}.app-shell{display:block;min-height:100vh}.main-content{padding:14px;display:grid;gap:10px}.hero-card,.panel,.status-card{border:1px solid #8d9daf;border-radius:3px;background:linear-gradient(180deg,#f7f9fb,#e6edf4);box-shadow:inset 0 1px #fffffff2,0 1px #75849459}.hero-card,.status-card,.panel{padding:10px 12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:#5b6d82;font-weight:700}.lede{color:#4c6077;max-width:36ch;margin-bottom:0}h1,h2,p{margin-top:0}h1,h2{margin-bottom:6px;font-weight:700;color:#22364f}h1{font-size:1.35rem}h2{font-size:1.1rem}label,select,input{display:block;width:100%}select,input{margin-top:4px;min-height:28px;padding:4px 8px;border-radius:2px;border:1px solid #899aac;background:linear-gradient(180deg,#fff,#edf2f7);box-shadow:inset 0 1px 1px #12213314;font-size:.92rem;color:#22364f}label{font-size:.84rem;font-weight:700;color:#314760}.hint{margin:6px 0 0;color:#5d6d81;font-size:.84rem}.field-label{margin-top:10px}.time-nav-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:4px;margin-bottom:6px}.nav-button{border:1px solid #7f91a6;background:linear-gradient(180deg,#fefefe,#dfe8f1);color:#20344e;border-radius:2px;padding:5px 8px;min-height:28px;cursor:pointer;font-size:.84rem;font-weight:700;box-shadow:inset 0 1px #ffffffe6}.nav-button:hover,.view-chip:hover{background:linear-gradient(180deg,#fff,#d4e0eb)}.nav-button:active,.view-chip:active{box-shadow:inset 0 2px 3px #1f2f4426}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:10px;background:linear-gradient(180deg,#f9fbfd,#dbe5ef);color:#335173;border:1px solid #90a0b2;font-size:.8rem;font-weight:700}.list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.list li{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid rgba(82,99,120,.16)}.list li:last-child{border-bottom:0;padding-bottom:0}.error{color:#7a1430;background:linear-gradient(180deg,#fff6f7,#f1d6dc)}.panel-spacing{margin-top:0}.view-switcher{display:flex;flex-wrap:wrap;gap:6px}.view-shell{display:grid;gap:8px}.inline-controls{display:grid;gap:8px;grid-template-columns:minmax(220px,320px)}.inline-controls-auto{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.inline-controls-2{grid-template-columns:repeat(2,minmax(120px,180px))}.view-chip{border:1px solid #7f91a6;background:linear-gradient(180deg,#fbfdff,#dde6ef);color:#20344e;border-radius:2px;padding:5px 10px;cursor:pointer;font-size:.84rem;font-weight:700;box-shadow:inset 0 1px #ffffffeb}.view-chip.active{background:linear-gradient(180deg,#5e7fa4,#3d5f87);border-color:#355373;color:#fff}.meta-grid,.detail-grid{display:grid;gap:12px}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.meta-card,.detail-card{padding:8px 10px;border-radius:2px;background:linear-gradient(180deg,#fafcfe,#e8eef5);border:1px solid #9aaabd}.meta-card span{display:block;color:#5c6d80;margin-bottom:3px;font-size:.82rem}.compact-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.compact-list li{display:grid;gap:2px;padding-bottom:6px;border-bottom:1px solid rgba(82,99,120,.16)}.compact-list li:last-child{border-bottom:0;padding-bottom:0}.compact-list span{color:#5c6d80;font-size:.8rem}.chart-shell{display:grid;gap:8px}.plotly-chart{width:100%;min-height:280px}.mini-plotly-chart{width:100%;min-height:160px}.chart-header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding-bottom:4px;border-bottom:1px solid rgba(93,109,129,.16)}.chart-header span{display:block;color:#5c6d80;margin-top:2px;font-size:.82rem}.legend{display:flex;gap:8px;flex-wrap:wrap;color:#4a617a;font-size:.82rem}.legend-item{display:inline-flex;gap:8px;align-items:center}.legend-line{width:18px;height:3px;border-radius:999px;display:inline-block}.legend-line.lafeq,.chart-line.lafeq{background:#0f766e;stroke:#0f766e}.legend-line.lafmax,.chart-line.lafmax{background:#dc2626;stroke:#dc2626}.chart-svg{width:100%;height:auto}.chart-bg{fill:#f8fafc}.chart-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.legend-line.map-mp{background:#1d4ed8}.legend-line.map-io{background:#dc2626}.threshold-line{stroke:#dc2626;stroke-width:2;stroke-dasharray:5 4}.terze-bar{fill:#1d4ed8}.map-shell,.weather-shell,.placeholder-panel,.lr-shell,.max-pegel-shell,.terze-shell{display:grid;gap:8px}.map-canvas{position:relative;min-height:320px;border-radius:18px;background:linear-gradient(135deg,#bfdbfee6,#fef9c3b3),repeating-linear-gradient(0deg,#ffffff80,#ffffff80 28px,#14213d0a 28px,#14213d0a 29px),repeating-linear-gradient(90deg,#ffffff80,#ffffff80 28px,#14213d0a 28px,#14213d0a 29px);overflow:hidden}.map-dot{position:absolute;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.92);box-shadow:0 4px 16px #14213d33}.map-dot.mp{background:#1d4ed8}.map-dot.io{background:#dc2626}.weather-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.weather-card{display:grid;gap:3px;padding:8px 10px;border-radius:2px;background:linear-gradient(180deg,#fafcfe,#e7eef5);border:1px solid #98a8ba}.weather-card span{color:#5c6d80;font-size:.8rem}.weather-series{display:grid;gap:8px}.placeholder-panel{padding:10px 12px;border-radius:2px;background:linear-gradient(180deg,#fafcfe,#e7eef5);border:1px solid #98a8ba}.table-shell{overflow:auto;border:1px solid #93a3b6;border-radius:2px;max-height:520px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(82,99,120,.14);white-space:nowrap;font-size:.84rem}th{background:#e4ebf3;font-size:.8rem}.lr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lr-card{padding:8px 10px;border-radius:2px;background:linear-gradient(180deg,#fafcfe,#e7eef5);border:1px solid #98a8ba;display:grid;gap:6px}.lr-card-wide{grid-column:1 / -1}.lr-card-header{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.lr-card-header span{color:#5c6d80;font-size:.78rem}.app-header{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:12px;align-items:start}.app-header-title{min-width:0}.app-header-controls{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:8px;align-items:start}.app-header-user{min-width:0}input[type=range]{min-height:22px;padding:0;box-shadow:none;background:transparent}@media (max-width: 960px){.app-header,.grid{grid-template-columns:1fr}.chart-header{flex-direction:column}.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lr-grid,.meta-grid,.detail-grid{grid-template-columns:1fr}.time-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-header-controls,.inline-controls,.inline-controls-2{grid-template-columns:1fr}}