:root{--primary:#00e676;--water:#00b0ff;--tech:#d500f9;--heat:#ff9100;--alert:#ff1744;--bg:#09090b;--surface:#121214;--surface-light:#1e1e24;--text:#fff;--text-muted:#9ca3af;--font-head:"JetBrains Mono", monospace;--font-body:"Segoe UI", Roboto, sans-serif;--glow:0 0 15px #00e67626}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,button,.brand,.kpi-value,input,select{font-family:var(--font-head)}.hidden{display:none!important}.full-width{grid-column:1/-1}header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#00000080;border-bottom:1px solid #00e6761a;justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:sticky;top:0}.brand-container{flex-direction:column;align-items:flex-start;display:flex}.monolith-logo{color:#fff;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 5px #00e676cc,0 0 15px #00e67680,0 0 30px #00e6764d;border:2px solid #00e676cc;border-radius:50px;padding:3px;font-family:Lobster Two,sans-serif;font-size:2.2em;font-weight:900;line-height:1}.monolith-sub{color:var(--primary);letter-spacing:2px;text-transform:uppercase;opacity:.8;margin-top:5px;padding-left:2px;font-family:Orbitron,sans-serif;font-size:.7em;font-weight:700}#menu-toggle{color:var(--primary);cursor:pointer;text-shadow:0 0 10px var(--primary);background:0 0;border:none;padding:5px;font-size:2em}.hamburger-btn{color:var(--primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5em;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.hamburger-btn:hover{background:var(--primary);color:#000;box-shadow:0 0 20px var(--primary);transform:rotate(90deg)}.dropdown-menu{z-index:2000;background:#18181b;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:5px;width:200px;max-height:calc(100vh - 80px);padding:10px;display:flex;position:fixed;top:70px;right:20px;overflow:hidden auto;box-shadow:0 20px 50px #000c}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#050505}.dropdown-menu::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--primary)}.nav-item{color:#ccc;text-align:left;background:0 0;border:none;border-radius:6px;padding:12px;font-size:.9em;transition:all .2s}.nav-item:hover{color:#fff;background:#ffffff1a;padding-left:18px}.dashboard-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1400px;margin:0 auto;padding:20px;display:grid}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.kpi-card,.hangar-panel,.diagnose-panel,.maintenance-panel,.archive-panel,.calendar-panel{background:var(--surface);border:1px solid #ffffff0d;border-radius:16px;padding:24px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0003}.kpi-card:hover,.hangar-panel:hover{border-color:#ffffff1a;transform:translateY(-2px)}.kpi-card:first-child{border-top:3px solid var(--primary)}.kpi-card:nth-child(2){border-top:3px solid var(--water)}.kpi-card:nth-child(3){border-top:3px solid var(--heat)}.chart-section{border-top:3px solid var(--tech);grid-column:span 2}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8em}.kpi-value{color:#fff;margin-top:5px;font-size:3em;font-weight:700}input,select,textarea{color:#fff;box-sizing:border-box;width:100%;font-family:var(--font-head);background:#000;border:1px solid #333;margin-bottom:12px;padding:14px 12px;transition:border-color .2s,box-shadow .2s,background .2s;border-radius:30px!important}input:focus,select:focus,textarea:focus{border-color:var(--water);outline:none;box-shadow:0 0 15px #00b0ff33}button{background:linear-gradient(135deg, var(--primary), #00b09b);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:30px;padding:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #00e6764d}button:hover{filter:brightness(1.1);transform:scale(1.02)}button:active{transform:scale(.98)}button.secondary{color:#ccc;box-shadow:none;background:0 0;border:1px solid #444}button.secondary:hover{color:#fff;border-color:#fff}.tab-btn{color:#666;box-shadow:none;background:#111;border:1px solid #222}.tab-btn.active{background:var(--water);color:#000;border-color:var(--water);box-shadow:0 0 15px #00b0ff66}#calc-result{border:1px solid var(--tech);background:radial-gradient(circle,#1a1a1a,#000);box-shadow:0 0 20px #d500f91a}#calc-total-euro{color:var(--tech);text-shadow:0 0 10px var(--tech)}.plant-card{background:linear-gradient(#18181b 0%,#121214 100%);border:1px solid #27272a;border-radius:12px}.plant-header{border-bottom:1px solid #27272a;justify-content:space-between;padding:15px;display:flex}.plant-name{color:var(--primary);font-weight:700}.plant-badge{color:var(--primary);background:#00e6761a;border:1px solid #00e67633;border-radius:4px;padding:4px 8px;font-size:.7em}.sym-chip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#222;border:1px solid #333;border-radius:20px;padding:8px 12px;font-size:.85em}.sym-chip.selected{background:var(--water);color:#000;border-color:var(--water);font-weight:700}.login-box{text-align:center;background:#121214f2;border:1px solid #333;border-radius:20px;width:320px;padding:40px;box-shadow:0 20px 60px #00000080}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}@media (width<=800px){.chart-section{grid-column:span 1}.kpi-value{font-size:2.2em}}#archive-content .page{background:var(--surface);border:1px solid #ffffff0d;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 15px #0000004d}#archive-content .section-title{color:var(--primary);font-family:var(--font-head);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #00e6764d;margin-top:0;padding-bottom:10px}#archive-content h3{color:var(--water);font-family:var(--font-head);margin-top:30px;font-size:1.2em}#archive-content .part-title{color:var(--tech);font-family:var(--font-head);text-align:center;text-shadow:0 0 10px #d500f94d;margin-top:40px;font-size:2em}.toc-list{padding:0;line-height:1.8;list-style:none}.toc-list li{color:#ccc;border-bottom:1px dashed #333;padding:5px 0;transition:all .2s}.toc-list li:hover{color:var(--primary);border-color:#555;padding-left:10px}.toc-list strong{color:#fff;font-family:var(--font-head);margin-top:15px;font-size:1.1em;display:inline-block}.science-box,.alert-box,.adv-box,.expert-box{background:#0006;border-radius:0 8px 8px 0;margin:20px 0;padding:15px 20px;font-size:.95em;line-height:1.6}.science-box{border-left:4px solid var(--water);box-shadow:inset 20px 0 50px #00b0ff0d}.science-box strong{color:var(--water);font-family:var(--font-head)}.alert-box{border-left:4px solid var(--alert);box-shadow:inset 20px 0 50px #ff3d000d}.alert-box strong{color:var(--alert);font-family:var(--font-head)}.adv-box,.expert-box{border-left:4px solid var(--tech);box-shadow:inset 20px 0 50px #d500f90d}.adv-box strong,.expert-box strong{color:var(--tech);font-family:var(--font-head)}#archive-content table{border-collapse:collapse;background:#000;border-radius:8px;width:100%;margin:25px 0;overflow:hidden}#archive-content th{color:var(--primary);font-family:var(--font-head);text-align:left;background:#111;border-bottom:2px solid #333;padding:15px}#archive-content td{color:#ddd;border-bottom:1px solid #222;padding:12px 15px;font-size:.95em}#archive-content tr:hover td{background:#1a1a1a}#archive-content hr{border:0;border-top:1px solid #333;margin:40px 0}.wiki-footer{text-align:center;color:#666;font-size:.85em;font-family:var(--font-head);border-top:1px solid #333;margin-top:50px;padding-top:20px}.log-badge{font-size:.8em;font-family:var(--font-head);border:1px solid #0000;border-radius:4px;padding:4px 8px;font-weight:700;display:inline-block}.badge-water{color:var(--water);background:#00b0ff1a;border-color:#00b0ff4d}.badge-climate{color:var(--heat);background:#ff91001a;border-color:#ff91004d}.badge-tech{color:var(--tech);background:#d500f91a;border-color:#d500f94d}.badge-plant{color:var(--primary);background:#00e6761a;border-color:#00e6764d}.log-feed-card{background:#111;border:1px solid #333;border-radius:8px;margin-bottom:12px;padding:12px;transition:all .2s}.log-feed-card:hover{background:#151515;border-color:#555}.calendar-day{cursor:pointer;background:#111;border:1px solid #333;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:80px;padding:8px;transition:all .2s;display:flex;position:relative}.calendar-day:hover{border-color:var(--primary);background:#1a1a1a;transform:translateY(-2px)}.calendar-day.day-today{border-color:var(--water);box-shadow:0 0 15px #00b0ff33}.calendar-day.empty-day{cursor:default;background:0 0;border:none}.calendar-day.empty-day:hover{background:0 0;transform:none}.day-number{color:#888;font-size:1.1em;font-family:var(--font-head);font-weight:700}.day-today .day-number{color:var(--water)}.dots-container{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-log{background:var(--primary);box-shadow:0 0 5px var(--primary)}[data-theme=light]{--bg:#f4f4f5;--surface:#fff;--surface-light:#e4e4e7;--text:#18181b;--text-muted:#52525b}[data-theme=light] body{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px)}[data-theme=light] header{background:#ffffffd9;border-bottom:1px solid #0000001a}[data-theme=light] .monolith-logo{color:#111;text-shadow:0 0 10px #00e6764d}[data-theme=light] #user-role-badge{color:#333!important;background:#eee!important;border-color:#ccc!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#111;background:#fff;border:1px solid #ccc;border-radius:30px}[data-theme=light] input:focus{border-color:var(--primary);background:#fafafa}[data-theme=light] .hangar-panel,[data-theme=light] .kpi-card,[data-theme=light] .log-feed-card,[data-theme=light] .calendar-day,[data-theme=light] .plant-card,[data-theme=light] .modal-box,[data-theme=light] .dashboard-container .page{color:var(--text);background:#fff;border-color:#d4d4d8}[data-theme=light] .log-feed-card:hover,[data-theme=light] .calendar-day:hover{border-color:var(--primary);background:#fafafa}[data-theme=light] .plant-card{background:linear-gradient(#fff 0%,#f4f4f5 100%)}[data-theme=light] .plant-header{border-bottom-color:#d4d4d8}[data-theme=light] th{background:#eee;border-bottom-color:#ccc}[data-theme=light] td{color:#333;border-bottom-color:#eee}[data-theme=light] tr:hover td{background:#fafafa}[data-theme=light] .science-box,[data-theme=light] .alert-box,[data-theme=light] .adv-box{color:#333;background:#00000008}.device-card{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#111;border:2px solid #222;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:120px;padding:15px;transition:all .2s ease-in-out;display:flex;position:relative}.device-card:hover{transform:translateY(-3px)}.device-card.active{border-color:var(--tech);background:#d500f90d;box-shadow:0 0 15px #d500f933}.device-icon{filter:grayscale();opacity:.3;margin-bottom:10px;font-size:2.5em;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(.9)}.device-card.active .device-icon{filter:grayscale(0%);opacity:1;text-shadow:0 0 15px #fff9;transform:scale(1.1)}.device-name{color:#777;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;width:100%;margin-bottom:5px;font-size:.85em;font-weight:700;transition:color .3s;overflow:hidden}.device-watt{color:#444;font-size:.9em;font-family:var(--font-head);transition:color .3s}.device-card.active .device-name{color:#fff}.device-card.active .device-watt{color:var(--tech);font-weight:700}.device-del{color:#fff;cursor:pointer;z-index:10;opacity:1;background:#111;border:2px solid #444;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1em;transition:all .2s ease-in-out;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 4px 10px #00000080}.device-del:hover,.device-del:active{color:#fff;background:#ff1744;border-color:#ff1744;transform:scale(1.15)}.chart-section,.chart-card,#chart-container-panel{box-sizing:border-box;width:100%;grid-column:1/-1!important}.chart-wrapper{width:100%;height:clamp(280px,40vh,450px);margin-top:15px;position:relative}.dashboard-container>.telemetry-grid,.telemetry-grid{box-sizing:border-box!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.dashboard-container>div:has(.telemetry-grid){box-sizing:border-box!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.telemetry-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-top:15px;display:grid}:is(.dashboard-container>div:has(#user-role-badge),.dashboard-container>div:has(button[onclick*=soil]),.dashboard-container>div:has(button[onclick*=hydro])){grid-column:1/-1!important;width:100%!important}@media (width>=650px){.telemetry-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:15px!important;display:grid!important}.telemetry-card{width:auto!important;min-width:0!important}}.telemetry-card{background:var(--surface);text-align:center;border:1px solid #222;border-radius:30px;flex-direction:column;justify-content:space-between;padding:15px 10px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.telemetry-card:hover{border-color:#3f3f46;transform:translateY(-2px);box-shadow:0 6px 12px #00000080}.telemetry-card:before{content:"";background:#444;height:5px;position:absolute;top:0;left:0;right:0}.telemetry-card.water:before{background:var(--water);box-shadow:0 0 10px var(--water)}.telemetry-card.bio:before{background:var(--primary);box-shadow:0 0 10px var(--primary)}.telemetry-card.heat:before{background:var(--heat);box-shadow:0 0 10px var(--heat)}.telemetry-card.tech:before{background:var(--tech);box-shadow:0 0 10px var(--tech)}.telemetry-label{color:#888;letter-spacing:1.5px;font-size:clamp(.65em,2.5vw,.75em);font-family:var(--font-head);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;overflow:hidden}.gauge-container{width:100%;max-width:120px;margin:0 auto;position:relative}.gauge-svg{width:100%;height:auto;overflow:visible}.gauge-bg{fill:none;stroke:#1f1f23;stroke-width:8px;stroke-linecap:round}.gauge-track{fill:none;stroke-width:8px;stroke-linecap:round;opacity:.9;stroke:#444}.water .gauge-track{stroke:var(--water);filter:drop-shadow(0 0 6px var(--water))}.bio .gauge-track{stroke:var(--primary);filter:drop-shadow(0 0 6px var(--primary))}.heat .gauge-track{stroke:var(--heat);filter:drop-shadow(0 0 6px var(--heat))}.tech .gauge-track{stroke:var(--tech);filter:drop-shadow(0 0 6px var(--tech))}.gauge-needle-group{transform-origin:50px 50px;transition:transform 1.2s cubic-bezier(.34,1.56,.64,1);transform:rotate(-90deg)}.gauge-needle{fill:#fff;filter:drop-shadow(0 0 3px #fffc)}.gauge-center-dot{fill:#111;stroke:#fff;stroke-width:2.5px}.telemetry-value{color:#fff;font-size:clamp(1.3em,5vw,1.8em);font-weight:700;font-family:var(--font-head);text-shadow:0 0 10px #ffffff26;white-space:nowrap;z-index:2;margin-top:-14px;position:relative}.telemetry-unit{color:#666;margin-left:4px;font-size:.4em;font-weight:400}