body,h1,p,a,button{margin:0;padding:0;box-sizing:border-box}.loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:1.2rem;color:#f5f5f5;background-color:#222}:root{--bg-color: #f5f5f5;--text-color: #213547;--button-bg: #002c5f;--button-text: #ffffff;--button-hover-bg: #FFDA70;--link-color: #646cff;--link-hover-color: #535bf2;--heading-color: #213547;--company-bg: #002C5F;--background-color: #f5f5f5;--card-background: #ffffff;--header-background: #ffffff;--border-color: #d3d3d3;--legend-background: rgba(255, 255, 255, .8);--chart-shadow: 0 4px 8px rgba(0, 0, 0, .1);--local-time-color: #555555;--text-field-bg: #fafafa;--text-field-bg-focus: #eeeeee;--chart-bar-bg: #f9f9f9;--chart-bar-border: #d1d5db;--chart-line-color: #cccccc;--chart-tooltip-bg: #ffffff;--chart-tooltip-text: #000000;--chart-tooltip-border: #ccc;--chart-grid-color: #e5e5e5;--chart-text-color: #000000;--hover-bg: #e0e0e0;--highlight-color: #ffc72c}:root.dark-mode{color-scheme:dark;--company-bg: #002C5F;--bg-color: #2b2b2b;--text-color: #f5f5f5;--button-bg: #444444;--button-text: #f5f5f5;--button-hover-bg: #FFDA70;--link-color: #ffd700;--link-hover-color: #ffc107;--heading-color: #f5f5f5;--background-color: #222222;--card-background: #2c2c2c;--header-background: #333333;--surface-background: #3a3a3a;--button-primary: #DFAF1F;--button-primary-hover: #FFDA70;--button-primary-icon: #FFFFFF;--button-secondary: #666666;--button-secondary-hover: #7a7a7a;--button-secondary-icon: #dddddd;--button-disabled: var(--surface-background) --triangle-hover-color: #c0c0c0;--border-color: #444444;--legend-background: rgba(50, 50, 50, .8);--chart-shadow: 0 4px 8px rgba(0, 0, 0, .5);--local-time-color: #aaaaaa;--chart-bar-bg: #444444;--chart-bar-border: #666666;--chart-line-color: #888888;--chart-tooltip-bg: #333333;--chart-tooltip-text: #ffffff;--chart-grid-color: #555555;--chart-text-color: #f5f5f5;--hover-bg: #555555;--highlight-color: #ffc72c;--text-field-bg: #3e3e3e;--text-field-bg-focus: #3f3f3f}html,body{margin:0;background-color:#2b2b2b;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;width:100%;min-height:100vh;height:100vh;color:var(--text-color);padding-top:0!important;overscroll-behavior:none!important;touch-action:manipulation}h1{font-size:3.2em;line-height:1.1;font-weight:700;color:var(--heading-color)}a{font-weight:500;color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:var(--link-color);background-color:var(--button-hover-bg)}table::-webkit-scrollbar{width:8px;height:8px}table::-webkit-scrollbar-track{background:var( --card-background )}table::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}table::-webkit-scrollbar-thumb:hover{background:var(--text-color)}:root.dark-mode table::-webkit-scrollbar-track{background:var( --background-color )}:root.dark-mode table::-webkit-scrollbar-thumb{background:var(--chart-line-color)}:root.dark-mode table::-webkit-scrollbar-thumb:hover{background:var(--link-color)}button{transition:border-color .25s ease,background-color .25s ease,color .25s ease}.datetime-picker-dark .rdtPicker{background-color:var(--surface-background)!important;color:#fff!important;border:1px solid var(--surface-background)!important}.datetime-picker-dark .rdtPicker td.rdtDay:hover,.datetime-picker-dark .rdtPicker td.rdtDay.rdtActive{background-color:#444!important;color:#fff!important}.datetime-picker-dark .rdtPicker .rdtTimeToggle{color:#fff!important}.calendar-button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:var(--button-secondary);border:none;color:var(--button-secondary-icon);cursor:pointer;width:40px;height:40px;box-shadow:0 2px 4px #0003;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.calendar-button:hover{background-color:var(--button-secondary-hover);color:var(--button-secondary-icon)}.calendar-button:active,.calendar-button--active{background-color:var(--highlight-color);color:var(--button-text);box-shadow:0 2px 6px #0003}html.lock-login,body.lock-login,#root.lock-login{overflow:hidden;overscroll-behavior:none;touch-action:none;height:100vh}html.lock-dashboard,body.lock-dashboard,#root.lock-dashboard{overflow:hidden;overscroll-behavior:none;touch-action:none}:root{--toast-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--toast-border-radius: 12px;--toast-bg-dark: var(--surface-background);--toast-bg-light: #ffffff;--toast-color: #f5f5f5}.top-bar{display:flex;position:relative;align-items:center;justify-content:space-between;background-color:var(--company-bg);color:#fff;padding:calc(20px + env(safe-area-inset-top,0px)) 20px 15px 20px;height:calc(80px + env(safe-area-inset-top,0px));z-index:7;width:100%;box-sizing:border-box;-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.top-bar__menu-button,.top-bar__menu-dropdown,.top-bar__logout,.top-bar__home-link a,.top-bar__menu-dropdown li{-webkit-app-region:no-drag;-webkit-user-select:auto;user-select:auto}.top-bar__minimize-button,.top-bar__close-button{position:absolute;top:50%;transform:translateY(-50%);font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none;color:#fff;cursor:pointer;-webkit-app-region:no-drag}.top-bar__minimize-button{right:54px}.top-bar__close-button{right:18px}.top-bar.dark-mode{background-color:#002c5f;color:#f5f5f5}.top-bar__left{display:flex;align-items:center}.top-bar__home-link{display:flex;align-items:center;text-decoration:none;color:inherit}.top-bar__logo{height:40px;margin-right:10px}.top-bar__title{margin:0;font-size:20px;font-weight:700;color:#fff}.top-bar__subtitle{margin:2px 0 0;font-size:16px;color:#a2adb5}.top-bar__center{display:flex;align-items:center;gap:16px}.top-bar__right{display:flex;align-items:center;gap:10px}.top-bar__efb-mode{display:flex;align-items:center;gap:8px}.top-bar__tablet-icon{color:inherit;transform:rotate(-90deg);font-size:20px}.top-bar__menu-container{position:relative}.top-bar__menu-button{margin-left:10px;margin-right:0;background:transparent!important;font-size:32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;overflow:hidden;-webkit-app-region:no-drag}.top-bar__menu-dropdown{position:absolute;top:60px;left:0;background-color:#fff;color:#002c5f;box-shadow:0 8px 20px #0003;border-radius:10px;width:200px;padding:8px 0;z-index:1001;font-family:Segoe UI,sans-serif;animation:fadeIn .15s ease-out}.top-bar.dark-mode .top-bar__menu-dropdown{background-color:var(--surface-background);color:#f0f0f0;box-shadow:0 8px 20px #0009}.top-bar__menu-dropdown li{padding:12px 20px;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.top-bar.dark-mode .top-bar__menu-dropdown li{border-bottom:1px solid #333333}.top-bar__menu-dropdown li:hover{background-color:#f5faff}.top-bar__menu-dropdown li.danger-action{color:#c0392b;font-weight:500}.top-bar__menu-dropdown li.danger-action:hover{background-color:#ffeaea}.top-bar__menu-dropdown li.danger-action:before{color:#c0392b;margin-right:8px;font-weight:500;vertical-align:middle}.top-bar.dark-mode .top-bar__menu-dropdown li:hover{background-color:#2a2a2a}.top-bar__menu-dropdown li:last-child{border-bottom:none}.top-bar__menu-dropdown a{color:#002c5f!important;text-decoration:none;font-weight:500}.top-bar.dark-mode .top-bar__menu-dropdown a{color:#f0f0f0!important}.fadeOut{animation:fadeOut .15s ease-in forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.home-menu{display:flex;justify-content:center;align-items:center;background-color:var(--company-bg);padding:10px;width:fit-content;margin:10px auto 10px 50px}.home-menu ul{list-style:none;display:flex;gap:30px;padding:0;margin:0}.home-menu li{display:inline-block}.home-menu a{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:#fff;border-radius:12px;text-decoration:none;padding:8px 12px;transition:color .3s ease}.home-menu a:hover{color:gold;background-color:#fff3}.home-menu a.active{color:gold;font-weight:700}.dashboard{display:flex;flex-direction:column;height:100%;min-height:100%;width:auto;min-width:900px;min-height:700px;padding:0;box-sizing:border-box;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden;overflow-y:hidden;touch-action:manipulation;-webkit-overflow-scrolling:touch;position:relative;transition:background-color .3s ease,color .3s ease}.dashboard_main_content_area{padding:20px;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;touch-action:manipulation;-webkit-overflow-scrolling:touch;display:flex;flex-grow:1;gap:20px;width:100%;min-width:0;height:100%;box-sizing:border-box;overflow:hidden;transition:background-color .3s ease,color .3s ease}.dashboard_main_content_area::-webkit-scrollbar{display:none}.dashboard_graph_wrapper{display:flex;align-items:center;justify-content:flex-start;min-height:0;overflow:hidden;height:100%;margin:-32px;padding:32px;flex:0 0 calc(70% - 14px);position:relative;transition:background-color .2s ease,color .2s ease,flex .2s;background:none;box-shadow:none}.dashboard_graph_wrapper.expanded{flex:0 0 100%}.dashboard_graph_section{box-sizing:border-box;background-color:var(--card-background);border-radius:8px;filter:drop-shadow(var(--chart-shadow));padding:0 20px;min-height:0;height:100%;align-items:stretch;flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.dashboard_legend_and_table_section{flex:0 0 calc(30% - 6px);min-height:0;background:none;box-shadow:none;box-sizing:border-box;overflow:visible;display:flex;flex-direction:column;align-items:stretch;transition:background-color .2s ease,color .2s ease;transition:transform .2s ease,opacity .2s ease,width .2s ease}.dashboard_legend_and_table_section.visible{opacity:1}.dashboard_legend_and_table_section.hidden{transform:translate(100%);opacity:0;pointer-events:none}.dashboard__header{background-color:var(--header-background);border-bottom:1px solid var(--border-color);margin:0 -20px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;width:calc(100% + 40px);position:relative;top:0;transition:background-color .3s ease,color .3s ease;min-height:60px}.dashboard__header-info{max-width:33%;display:flex;flex-direction:column}.dashboard__header-text{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:5px;font-size:18px;font-weight:700;color:var(--text-color);margin-bottom:2px}.dashboard__header-subtext{margin-left:5px;font-size:16px;font-weight:500;margin-top:2px;color:var( --local-time-color )}.dashboard__controls{display:flex;gap:20px;align-items:center;margin-right:50px}.dashboard__legend_container{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-top:7px;padding:2px 4px;border-radius:4px;overflow:visible}.dashboard__line_item{display:flex;align-items:center;gap:8px}.dashboard__legend-line{display:flex;align-items:center;gap:4px}.dashboard__legend-line:before{content:"";width:20px;height:2px;background-color:var(--legend-line-color, #000)}.dashboard__legend-circle{width:6px;height:6px;background-color:var(--legend-line-color, #000);border-radius:50%;margin-left:-4px}.dashboard__legend-line:after{content:"";width:20px;height:2px;border-top:2px dashed var(--legend-line-color, #000);margin-left:-4px}.dashboard__legend-item{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;visibility:visible}.dashboard__legend-item.hidden{visibility:hidden}.dashboard__legend-item--historic{color:#ffbf00}.dashboard__legend-item--forecast{color:#0ff}.live-legend{justify-content:flex-end;gap:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;visibility:hidden;z-index:1}.live-legend-table{display:flex;align-items:center;justify-content:flex-end;gap:8px;position:relative;margin-right:0;visibility:hidden;transition:visibility .1s ease,opacity .1s ease;z-index:10;height:100%}.live-legend.visible,.live-legend-table.visible{visibility:visible;opacity:1}.live-rectangle{width:55px;height:19px;background-color:var(--header-background);border-radius:4px;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color)}.live-rectangle-table{width:55px;height:19px;background-color:var(--text-field-bg);border-radius:4px;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color)}.live-circle{width:10px;height:10px;margin-right:5px;background-color:var( --highlight-color );border-radius:50%}.live-text{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--highlight-color);line-height:1}.dashboard__chart{flex-grow:1;width:100%;height:100%;margin:0 17px;transition:background-color .3s ease,color .3s ease}.chart-metarbar-wrapper{display:flex;position:relative;height:100%;margin-left:-95px;flex:1;flex-direction:column;min-height:0;overflow-x:hidden}.y-axis-container{position:sticky;left:0;z-index:10;background-color:#f5f5f5;border-right:1px solid #ccc;display:flex;align-items:center;padding-left:10px;min-width:60px;height:100%}.chart-container{overflow:hidden;white-space:nowrap;display:flex;min-height:0;flex-grow:1;height:100%;padding-bottom:0;scroll-behavior:smooth;padding-left:60px}.dashboard__metar-bar{flex-shrink:0;margin-top:18px;margin-left:100px;margin-right:12px;transition:filter .2s ease,opacity .2s ease}.dashboard__metar-bar--loading{filter:blur(3px);opacity:.8;pointer-events:none;transition:background-color .3s ease,color .3s ease}.dashboard__section--sidebar{height:100%;overflow:hidden;background-color:transparent}.dashboard__legend{display:flex;align-items:center;gap:16px}.sidebar{background:none;box-shadow:none;border:none;padding:0;height:100%;position:relative;transition:background-color .3s ease}.dashboard__section table::-webkit-scrollbar{transition:background-color .3s ease,color .3s ease;width:8px}.dashboard__section table::-webkit-scrollbar-track{background:var(--card-background);transition:background-color .3s ease,color .3s ease}.dashboard__section table::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background-color .3s ease,color .3s ease}:root.dark-mode .dashboard__section table::-webkit-scrollbar-track{background:var(--background-color);transition:background-color .3s ease,color .3s ease}:root.dark-mode .dashboard__section table::-webkit-scrollbar-thumb{background:var(--chart-line-color);transition:background-color .3s ease,color .3s ease}.dashboard__iata-code{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}.dashboard__chart-container{display:flex;align-items:stretch;position:relative;flex:1;min-height:0;margin-left:-11px;margin-right:-12px;overflow:hidden}.scrollable-container::-webkit-scrollbar{display:none!important}.scrollable-container{scrollbar-width:none!important}.scrollable-container{overflow:auto}.horizontal-buttons-container{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:10px}.single-triangle-button-forward{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;width:30px;height:30px;background:transparent;margin-left:6px}.single-triangle-button-forward:before{content:"";position:absolute;width:0;height:0;border-style:solid;margin-right:22px;border-width:12px 0 12px 16px;border-color:transparent transparent transparent grey}.single-triangle-button-tooltip{position:absolute;background-color:var(--tooltip-bg);color:var(--tooltip-text);font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;opacity:0;visibility:hidden;white-space:nowrap;top:-40px;left:50%;transform:translate(-50%);transition:opacity .2s ease,visibility .2s ease;z-index:10;border:1px solid var(--tooltip-border);box-shadow:0 4px 6px var(--tooltip-shadow)}.single-triangle-button-forward:hover .single-triangle-button-tooltip{opacity:1;visibility:visible}.single-triangle-button-backward{position:relative;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;width:30px;height:30px;background:transparent}.single-triangle-button-backward:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:12px 16px 12px 0;border-color:transparent grey transparent transparent}.single-triangle-button-tooltip{position:absolute;background-color:#333;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;opacity:0;visibility:hidden;white-space:nowrap;top:-40px;left:50%;transform:translate(-50%);transition:opacity .2s ease,visibility .2s ease;z-index:10}.single-triangle-button-backward:hover .single-triangle-button-tooltip{opacity:1;visibility:visible}.single-triangle-button-backward:hover:before{border-color:transparent var(--triangle-hover-color) transparent transparent}.single-triangle-button-forward:hover:before{border-color:transparent transparent transparent var(--triangle-hover-color)}.jump-to-now-button{background-color:var(--button-secondary);color:var(--button-secondary-icon);font-size:.95rem;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1;height:34px;width:90px;border-color:var(--button-secondary);border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.jump-to-now-button:hover{border-color:var(--button-secondary-hover);background-color:var( --button-secondary-hover )}.jump-to-now-button:active{background-color:var(--button-primary)}.jump-to-now-button{margin:0 5px}.options-menu{position:absolute;top:50px;right:10px;background-color:var(--background, #333);border:1px solid var(--border-color, #555);padding:12px;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:100;display:flex;flex-direction:column;gap:10px;width:220px}.options-menu label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:var(--text-color, white)}.options-menu input{accent-color:var(--highlight, yellow)}.options-button{position:relative;z-index:101}.dashboard__toggle-area{width:20px;height:140px;flex-shrink:0;background-color:var(--text-field-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;box-shadow:3px 0 10px #0003;border-top-right-radius:10px;border-bottom-right-radius:10px}.dashboard__toggle-area:hover{background-color:var(--chart-line-color)}.toggle-icon{font-size:20px;color:var(--text-color);-webkit-user-select:none;user-select:none}.rewind-day-button{background-color:var(--button-secondary);border:none;color:var(--button-secondary-icon);cursor:pointer;font-size:.95rem;height:34px;width:90px;border-radius:4px;transition:background-color .2s ease,color .2s ease;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1}.rewind-day-button:hover{background-color:var(--button-secondary-hover)}.rewind-day-button:disabled{background-color:var(--surface-background);color:gray;cursor:not-allowed}.rewind-chevron-button{width:90px;height:34px;border-radius:4px;font-size:.95rem;font-weight:700;border:none;padding:0;color:var(--button-primary-icon);background-color:var(--button-primary);justify-content:center;align-items:center;line-height:1}.rewind-chevron-button:disabled{background-color:var(--surface-background);color:gray;cursor:not-allowed}.rewind-chevron-button:hover{background-color:var(--button-primary-hover)}.rewind-chevron-button:disabled:hover{background-color:var(--surface-background)}:root{--metar-bar-bg: #e5e5e5;--metar-segment-bg-1: #CCE4F6;--metar-segment-bg-2: #F2F2F2;--metar-segment-text-1: #3A506B;--metar-segment-text-2: #4F4F4F;--metar-segment-border: #d1d5db;--metar-segment-shadow: rgba(0, 0, 0, .08);--segment-hover-bg: #FFDA70;--tooltip-bg: #ffffff;--tooltip-text: #000000;--tooltip-border: #ccc;--tooltip-shadow: rgba(0, 0, 0, .3);--taf-segment-bg: #5F9EA0;--taf-segment-border: #89CFF0;--taf-segment-text: #333333;--empty-segment-bg: #E5E5E5;--empty-segment-text: #666666}:root.dark-mode{--metar-bar-bg: #2b2b2b;--metar-segment-bg-1: #555555;--metar-segment-bg-2: #777777;--metar-segment-text-1: #dddddd;--metar-segment-text-2: #cccccc;--metar-segment-border: #888888;--metar-segment-shadow: rgba(0, 0, 0, .5);--tooltip-bg: #333333;--tooltip-text: #ffffff;--tooltip-border: #555555;--tooltip-shadow: rgba(0, 0, 0, .7);--segment-hover-bg: #FFDA70;--taf-segment-bg: #5F9EA0;--taf-segment-border: #89CFF0;--taf-segment-text: #FFFFFF;--empty-segment-bg: #444444;--empty-segment-text: #AAAAAA}.metar-bar-container{display:flex;align-items:center;width:100%;height:26px;min-height:26px;background-color:var(--metar-bar-bg);position:relative;box-sizing:border-box;z-index:3;margin-bottom:0;overflow:visible}.metar-bar-empty{margin-top:-32px;margin-bottom:-30px}.metar-segment{border:1px solid var(--metar-segment-border);height:100%;position:relative;z-index:1;cursor:pointer;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;transition:background-color .3s ease,color .3s ease;will-change:transform,box-shadow;background-color:var(--metar-segment-bg);box-shadow:0 1px 2px var(--metar-segment-shadow);margin-bottom:32px}.metar-segment:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003;z-index:10;background-color:var(--segment-hover-bg)!important}.tooltip{position:absolute;display:none;bottom:0;width:-100px;transform:translate(0);background-color:var(--tooltip-bg);color:var(--tooltip-text);font-family:Courier New,monospace;font-size:14px;padding:0;border-radius:0;text-align:left;white-space:pre-wrap;z-index:1000;pointer-events:none;transition:opacity .2s ease,left .2s ease;opacity:0;visibility:hidden;border:1px solid var(--tooltip-border);box-shadow:0 0 0 var(--tooltip-shadow)}.tooltip-follow{background-color:#ff000080;border:1px solid yellow}.segment-wrapper{display:flex;position:relative;z-index:1;justify-content:center;align-items:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:100%;box-sizing:border-box}.segment-text{font-size:.9em;font-family:Arial,sans-serif,"Segoe UI Emoji";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-align:center;color:var(--tooltip-text)}.taf-segment{height:100%;position:absolute;cursor:pointer;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;transition:background-color .3s ease,color .3s ease;background-color:var(--taf-segment-bg);color:var(--taf-segment-text);border:1px solid var(--metar-segment-border);box-shadow:0 1px 2px var(--metar-segment-shadow);margin-bottom:32px}.taf-segment:hover{transform:scaleX(1) scaleY(1.05);box-shadow:0 4px 8px #0003;z-index:10;transition:transform .2s ease,box-shadow .2s ease;background-color:var(--segment-hover-bg)!important}.taf-segment .tooltip,.taf-empty-segment .tooltip{visibility:hidden;opacity:0}.taf-segment:hover .tooltip,.taf-empty-segment:hover .tooltip{display:block;visibility:visible;opacity:1}.taf-empty-segment{height:100%;position:absolute;cursor:pointer;background-color:var(--empty-segment-bg);color:var(--empty-segment-text);border:1px solid var(--metar-segment-border);box-shadow:0 1px 2px var(--metar-segment-shadow)}.taf-empty-segment:hover{transform:scaleX(1) scaleY(1.05);box-shadow:0 4px 8px #0003;z-index:10}.weather-icon{width:32px;height:32px;margin:0 -5px;vertical-align:middle}.metar-info-container{display:flex;align-items:center;justify-content:flex-start;position:relative;font-family:Arial,sans-serif;margin:14px 0 6px;padding-top:6px;z-index:500}.metar-info-text{font-size:16px;font-weight:500;font-family:Roboto,Arial,sans-serif;color:var(--text-color);letter-spacing:.5px;line-height:1;margin-right:5px;text-transform:capitalize}.metar-info-icon-container{position:relative;display:inline-block;cursor:pointer;line-height:1}.metar-info-icon{font-size:18px;color:var(--link-color);vertical-align:middle}.metar-info-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:-650%;left:-580%;transform:translate(-50%);background-color:var(--card-background);color:var(--text-color);font-size:14px;text-align:left;padding:12px 15px;border-radius:5px;box-shadow:0 4px 8px #0003;z-index:1000;transition:opacity .3s ease;width:250px;pointer-events:none;border:1px solid var(--border-color)}.metar-info-icon-container:hover .metar-info-tooltip{visibility:visible;opacity:1}.metar-info-tooltip-description{font-size:14px;line-height:1.3;margin-bottom:10px}.metar-info-tooltip-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center}.metar-info-tooltip-item{display:contents}.metar-info-tooltip-emoji{font-size:18px;text-align:center;line-height:1;vertical-align:middle}.metar-info-tooltip-text{font-size:14px;text-align:left;line-height:1.4}.metar-info-tooltip-disclaimer{font-size:12px;color:var(--local-time-color);margin-top:10px;text-align:left;line-height:1.2;font-style:italic}.last-update-container{display:flex;margin-right:8px;flex-direction:column;align-items:flex-end;justify-content:center;padding-left:16px}.last-update-time{font-size:18px;font-weight:700;color:var(--text-color)}.last-update-label{margin-top:2px;font-weight:500;font-size:16px;color:var( --local-time-color )}.time-info-container{display:flex;flex-shrink:0;box-sizing:border-box;justify-content:space-between;align-items:center;width:calc(100% - 80px);margin-left:60px;font-size:14px;font-weight:500;font-family:Roboto,Arial,sans-serif;color:var( --local-time-color );margin-top:0;margin-bottom:0;padding-bottom:24px;padding-top:20px}.time-info-container.ios-padding{padding-bottom:55px}.time-info-label-left{text-align:left;line-height:1;margin-top:0;font-weight:700}.time-info-label-right{text-align:right;line-height:1;margin-top:0;font-weight:700}.options-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}:root.dark-mode .options-modal-content{background:var(--card-background);color:var(--text-color);padding:20px;border-radius:8px;width:320px;text-align:left;box-shadow:var(--chart-shadow);border:1px solid var(--border-color)}:root.dark-mode .options-modal-content h3{color:var(--heading-color);margin-top:0;margin-bottom:12px;font-size:18px}:root.dark-mode .options-modal-content label{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:10px;cursor:pointer}:root.dark-mode .options-modal-content input[type=checkbox]{accent-color:var(--highlight-color);cursor:pointer}:root.dark-mode .options-modal-close{background:var(--button-bg);color:var(--button-text);border:none;padding:10px 16px;cursor:pointer;width:100%;border-radius:5px;margin-top:15px;font-size:14px;font-weight:500;transition:background-color .3s ease,box-shadow .3s ease}:root.dark-mode .options-modal-close:hover{background:var(--button-hover-bg);color:var(--button-text);box-shadow:0 2px 6px var(--chart-shadow)}:root.dark-mode .options-modal-content label:hover{color:var(--link-hover-color)}.progress-modal{position:fixed;top:calc(80px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1005;opacity:0;transition:opacity .3s ease;pointer-events:none}.progress-modal.visible{opacity:1;pointer-events:auto}.progress-modal-content{background-color:var(--card-background);padding:20px 30px;border-radius:8px;box-shadow:0 4px 6px var(--chart-shadow);text-align:center;width:300px;max-width:80%;position:relative;opacity:0;transform:scale(.96);transition:opacity .3s ease,transform .3s ease}.progress-modal-content.visible{opacity:1;transform:scale(1)}.progress-modal-logo{position:absolute;top:20px;left:20px;width:26px;height:26px;background-size:cover;background-repeat:no-repeat;background-position:center}.progress-modal-message{margin-bottom:25px;color:var(--text-color);font-size:1rem;font-weight:500}.progress-bar{width:100%;height:20px;background-color:var(--border-color);border-radius:10px;overflow:hidden;position:relative;margin-bottom:40px}.progress-bar-fill{height:100%;background-color:var(--button-primary);transition:width .2s ease}.progress-modal-percentage{position:absolute;width:100%;top:0;left:0;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-color);font-size:.9rem;font-weight:500;pointer-events:none}.progress-modal-info{margin-top:15px;font-size:.95rem;color:var(--text-color);opacity:.8;line-height:1.4;text-align:left}.progress-modal-cancel-button{margin-top:1rem;padding:.5rem 1rem;background-color:var(--button-secondary);color:var(--button-secondary-icon);border:1px solid var(--border-color);border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.progress-modal-cancel-button:hover{background-color:var(--button-secondary-hover);color:var(--button-secondary-icon);border-color:var(--chart-line-color)}.dashboard__placeholder{height:100%;width:100%;z-index:800;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-sizing:border-box;position:relative}.dashboard__placeholder-background{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.dashboard__placeholder-image{margin-top:5vh;max-height:60%;max-width:80%;object-fit:contain;margin-bottom:2rem;z-index:1}.dashboard__placeholder-text{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color, #002c5f);z-index:1}.dashboard__placeholder-button{pointer-events:auto;width:120px;height:40px;font-size:1rem;background-color:var(--button-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease;z-index:1}.dashboard__placeholder-button:hover{background-color:var(--button-hover-bg)}.ampel-page{padding:20px;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.ampel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.ampel-header h1{color:var(--heading-color);margin:0;font-size:2.5em;font-weight:700}.ampel-controls{display:flex;align-items:center;gap:15px}.last-update{color:var(--local-time-color);font-size:.9em;background-color:var(--card-background);padding:8px 16px;border-radius:8px;border:1px solid var(--border-color)}.status-indicator{margin-left:10px;font-weight:500}.status-indicator.loading{color:var(--highlight-color)}.status-indicator.error{color:#f44336}.refresh-btn{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background-color:var(--button-hover-bg);color:var(--text-color)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ampel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:30px}.ampel-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--chart-shadow);transition:all .3s ease}.ampel-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.ampel-card.red{border-left:4px solid #F44336}.ampel-card.yellow{border-left:4px solid #FFC107}.ampel-card.green{border-left:4px solid #4CAF50}.ampel-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.service-name{color:var(--heading-color);margin:0;font-size:1.3em;font-weight:600;letter-spacing:1px}.status-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ampel-main{display:flex;align-items:center;gap:25px}.ampel-lights{display:flex;flex-direction:column;gap:8px;background-color:var(--surface-background);border:2px solid var(--border-color);border-radius:20px;padding:12px 8px;box-shadow:inset 0 2px 4px #0000004d}.light{width:35px;height:35px;border-radius:50%;border:2px solid var(--border-color);opacity:.2;transition:all .3s ease}.light.red{background-color:#f44336}.light.yellow{background-color:#ffc107}.light.green{background-color:#4caf50}.light.active{opacity:1;box-shadow:0 0 15px currentColor;animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 15px currentColor}to{box-shadow:0 0 25px currentColor}}.ampel-info{flex:1}.percentage{font-size:2.5em;font-weight:700;color:var(--highlight-color);line-height:1;margin-bottom:5px}.availability{color:var(--local-time-color);font-size:.9em;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px}.error-info{background-color:#f443361a;border-left:3px solid #F44336;padding:8px 12px;border-radius:4px;margin-bottom:15px;font-size:.85em;color:#f44336}.stats{display:flex;flex-direction:column;gap:5px;font-size:.8em;color:var(--local-time-color)}.ampel-legend{display:flex;justify-content:center;gap:30px;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9em;color:var(--text-color)}.legend-light{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-color)}.legend-light.red{background-color:#f44336}.legend-light.yellow{background-color:#ffc107}.legend-light.green{background-color:#4caf50}@media screen and (max-width: 768px){.ampel-grid{grid-template-columns:1fr}.ampel-header{flex-direction:column;gap:15px;text-align:center}.ampel-main{flex-direction:column;text-align:center;gap:15px}.ampel-legend{flex-direction:column;gap:15px}}@media screen and (max-width: 480px){.ampel-page,.ampel-card{padding:15px}.percentage{font-size:2em}}.conten-area{min-height:100vh;background:#f4f4f4;color:#333;display:flex;flex-direction:column}.product-journey-container{min-height:100vh;background:#f4f4f4;color:#333;display:flex;align-items:center;text-align:center;flex-direction:column}.background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(../images/background.webp);background-size:cover;background-position:center;z-index:1;opacity:.8;pointer-events:none}.hero-section{width:100%;background:#f4f4f4;color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;margin-bottom:40px;margin-top:70px;min-height:100px}.hero-title{font-size:3rem;font-weight:700;margin-bottom:10px}.hero-subtitle{font-size:1.5rem;max-width:600px}.journey-sections{width:100%;max-width:1200px;padding:50px 20px}.journey-section{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:100px;opacity:0}.journey-section:nth-child(2n){flex-direction:row-reverse}.section-image{width:50%;height:auto;border-radius:10px;box-shadow:0 4px 8px #0000001a}.section-content{width:50%;text-align:left}.section-content h2{font-size:2rem;font-weight:700;margin-bottom:10px}.section-content p{font-size:1.2rem;color:#555}.footer{width:100%;background-color:#222;color:#fff;text-align:center;padding:20px;font-size:.9rem}.page-wrapper{display:flex;flex-direction:column;min-height:100%;background:#f4f4f4;color:#333}.page-wrapper>.topbar{width:100%;position:sticky;top:0;z-index:100}.content-container{max-width:900px;margin:0 auto;text-align:center;padding:40px 20px}.title{font-size:2rem;font-weight:700;margin-bottom:10px}.subtitle{font-size:1.2rem;color:#666;margin-bottom:30px}.grid-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease-in-out}.card:hover{box-shadow:0 6px 12px #00000026}.card-header{display:flex;align-items:center;gap:10px}.card-header h2{font-size:1.2rem;font-weight:700}.card-description{color:#555;margin-top:10px}.details-list{margin-top:10px;text-align:left;list-style:none;padding:0}.details-list li{font-size:.9rem;padding:5px 0;display:flex;align-items:center}.details-list li:before{content:"✅";margin-right:8px}.toggle-button{margin-top:10px;border:none;background:none;color:#007bff;font-size:1rem;cursor:pointer;transition:color .3s ease}.toggle-button:hover{color:#0056b3}.icon{font-size:2rem}.blue{color:#007bff}.green{color:#28a745}.purple{color:#6f42c1}@media (max-width: 768px){.grid-container{grid-template-columns:1fr}}