:root{--app-header-height: 8vh;--app-footer-height: 7vh;--app-scrollbar-size: 10px;--app-scrollbar-track: rgba(255, 255, 255, 0);--app-scrollbar-thumb: #d0daec6f;--app-scrollbar-thumb-hover: #d0daecdc;--app-scrollbar-thumb-border: rgba(255, 255, 255, .272);--threshold-green: #27ae5f;--threshold-orange: #f39d12;--threshold-red: #e74d3c;--threshold-green-bg-08: rgba(39, 174, 95, .08);--threshold-green-bg-12: rgba(39, 174, 95, .12);--threshold-green-bg-15: rgba(39, 174, 95, .15);--threshold-green-bg-30: rgba(39, 174, 95, .3);--threshold-green-bg-80: rgba(39, 174, 95, .8);--threshold-orange-bg-08: rgba(243, 157, 18, .08);--threshold-orange-bg-12: rgba(243, 157, 18, .12);--threshold-orange-bg-15: rgba(243, 157, 18, .15);--threshold-red-bg-12: rgba(231, 77, 60, .12);--threshold-red-bg-30: rgba(231, 77, 60, .3)}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}*::-webkit-scrollbar{width:var(--app-scrollbar-size);height:var(--app-scrollbar-size)}*::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b7cdfd 0%,var(--app-scrollbar-thumb) 100%);border:2px solid var(--app-scrollbar-thumb-border);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:transparent}footer{background-color:#00000059;color:#fff;width:100%;height:100%;box-shadow:0 -4px 12px #00000038;font-size:small;padding:0 1vw;box-sizing:border-box;display:flex;align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.App{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100vh;background-image:url(/assets/background-DXw0_tXO.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.Body-Style{background-color:#81818173;display:flex;flex-direction:row;align-items:stretch;height:calc(100vh - var(--app-header-height) - var(--app-footer-height));margin-top:var(--app-header-height);min-height:0;overflow:hidden;width:100%}button{background-color:#94b9ff;color:#000;padding:1vh;border:none;border-radius:10px;cursor:pointer;width:10vw;font-weight:700;box-shadow:0 5px 10px #0006;transition:background-color .3s ease;font-size:small;width:auto}button[type=disconnect]{background-color:#ff94a6}button[type=disconnect]:hover{background-color:#ee7085}button:hover{background-color:#6595ec}input{border:2px solid rgb(196,187,187);border-radius:10px;width:20vw;height:5vh;font-size:medium;transition:border-color .3s ease;background-color:#ffffff80}input:hover{border:2px solid rgb(0,0,0)}.App-Footer{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;font-size:1em;color:#000;box-shadow:0 5px 10px #0000001a;width:100%;height:var(--app-footer-height);position:fixed;left:0;right:0;bottom:0;z-index:3000}.Profile-Menu{position:relative;display:flex;flex-direction:column;margin-right:2vh}.Profile-Menu .Profile-Header{display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:5px 10px;border-radius:8px;transition:background-color .2s}.Profile-Menu .Profile-Header:hover{background-color:#0000000d}.Profile-Menu .Profile-Info{display:flex;flex-direction:column;justify-content:left;align-items:start;margin-left:.5vw;margin-right:.5vw;z-index:999999}.Profile-Menu .Profile-Info .Profile-Name{font-size:.5em;font-weight:700;color:#000;padding-bottom:.5vh}.Profile-Menu .Profile-Info .Profile-role{font-size:.5em;color:#b3b3b3}.Profile-Menu .Profile-Chevron{font-size:.4em;transition:transform .2s;color:#646464}.Profile-Menu .Profile-Chevron.open{transform:rotate(180deg)}.Profile-Menu .Profile-Dropdown{position:absolute;top:100%;right:0;margin-top:5px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;overflow:hidden}.Profile-Menu .Profile-Dropdown-Item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;font-size:.5em;color:#3c3c3c;transition:background-color .2s}.Profile-Menu .Profile-Dropdown-Item:hover{background-color:#0000000d}.Profile-Menu .Profile-Dropdown-Item.disconnect{color:#e74c3c;border-top:1px solid rgba(0,0,0,.1)}.Profile-Menu .Profile-Dropdown-Item.disconnect:hover{background-color:#e74c3c1a}.App-header{display:flex;flex-direction:row;position:fixed;top:0;left:0;right:0;z-index:1000;align-items:center;justify-content:space-between;background-color:#fff;height:var(--app-header-height);font-size:calc(7px + 2vmin);color:#000;box-shadow:0 5px 10px #0000001a;width:100%;padding:0 16px 0 12px;box-sizing:border-box;gap:12px;flex-wrap:nowrap;overflow:visible}.Header-Contact{display:flex;flex-direction:row;align-items:center;font-size:medium;margin-left:auto;margin-right:0;margin-top:0;font-weight:400;flex-shrink:0}.Header-Contact button{width:auto;min-width:fit-content;white-space:nowrap}.Header-Text{margin-top:1vh}.App-logo-Login,.App-logo{display:block;width:auto;height:calc(var(--app-header-height) - 4px);max-height:calc(var(--app-header-height) - 4px);max-width:min(90vw,560px);object-fit:contain;margin:0;cursor:pointer;flex-shrink:0}.App-logo{margin-left:56px}@media (max-width: 480px){.App-logo{margin-left:50px}}.App-header-Login{padding:0 16px}.App-header-Login .App-logo-Login{position:absolute;left:16px;top:50%;transform:translateY(-50%);max-width:clamp(160px,24vw,340px)}.App-header-Login .Header-Contact{position:absolute;right:16px;top:50%;transform:translateY(-50%);margin:0}@media (max-width: 768px){.App-logo-Login,.App-logo{max-width:min(90vw,480px)}.App-header-Login .App-logo-Login{max-width:clamp(150px,36vw,280px)}.Header-Contact button{padding:.7vh 1.1vh;font-size:.85rem}}@media (max-width: 480px){.App-header{padding:0 10px}.App-logo-Login,.App-logo{max-width:min(90vw,400px)}.App-header-Login .App-logo-Login{left:10px;max-width:clamp(125px,42vw,220px)}.App-header-Login .Header-Contact{right:10px}.Header-Contact button{padding:.6vh 1vh;font-size:.76rem}}button[type=header]{font-weight:400}.Login-Box{width:25vw;height:fit-content;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background:#ffffffb3;margin:0 auto;border-radius:10px;box-shadow:0 0 50px #0000004d;padding:5vh 1vh}.Login-Box input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box}@media (max-width: 1024px){.Login-Box{width:40vw;height:auto}}@media (max-width: 768px){.Login-Box{width:60vw;height:auto}}@media (max-width: 480px){.Login-Box{width:80vw;margin:0 auto}}.Login-Username{margin-top:2vh;width:90%}.Login-Password{width:90%}.App-Login{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;background-image:url(/assets/background-DXw0_tXO.jpg);background-size:cover;background-position:center;height:100vh;padding:calc(var(--app-header-height) + 16px) clamp(12px,2vw,24px) calc(var(--app-footer-height) + 16px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.App-Login>div{width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.App-Login{padding-top:calc(var(--app-header-height) + 12px);padding-bottom:calc(var(--app-footer-height) + 12px)}}@media (max-width: 480px){.App-Login{flex-direction:column;align-items:center;padding-top:calc(var(--app-header-height) + 10px);padding-bottom:calc(var(--app-footer-height) + 10px)}}@keyframes pulse{0%{box-shadow:0 0 #3498dbb3}70%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 #3498db00}}.map-container{position:relative;width:100%;height:400px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.map-modal-content .map-container{height:100%;border-radius:0;box-shadow:none}.leaflet-map{width:100%;height:100%;z-index:1}.map-legend{position:absolute;bottom:10px;left:10px;background:#fffffff2;padding:10px;border-radius:6px;box-shadow:0 2px 6px #0003;z-index:1000;font-size:12px;min-width:120px}.legend-item{display:flex;align-items:center;margin-bottom:5px}.legend-item:last-child{margin-bottom:0}.legend-color{width:12px;height:12px;border-radius:50%;margin-right:8px;display:inline-block}.legend-color.start{background-color:#27ae60}.legend-color.end{background-color:#c0392b}.legend-color.current{background-color:#3498db;animation:pulse 2s infinite}.legend-color.speed{background-color:#e74c3c}.legend-color.accel{background-color:#f1c40f}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:#f8f9fa;border-radius:8px;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.map-error{display:flex;align-items:center;justify-content:center;height:400px;background:#f8d7da;color:#721c24;border-radius:8px;text-align:center;font-weight:500}.map-no-data{display:flex;align-items:center;justify-content:center;height:400px;background:#fff3cd;color:#856404;border-radius:8px;text-align:center;font-weight:500}.leaflet-popup-content-wrapper{border-radius:6px;box-shadow:0 3px 14px #0006}.leaflet-popup-content{margin:8px 12px;font-size:13px;line-height:1.4}@media (max-width: 768px){.map-container{height:300px}.map-legend{font-size:11px;padding:8px;min-width:100px}.legend-color{width:10px;height:10px;margin-right:6px}}.Home-Table{display:flex;flex-direction:column;flex:0 0 auto;border-radius:10px;width:100%;max-width:100%;min-width:0;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.Home-Table table{width:100%;max-width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;border-radius:10px;border-bottom:3px solid rgba(0,0,0,.1);background:linear-gradient(135deg,#cdffd866,#94b9ff66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;font-size:clamp(.66rem,1.05vw,.95rem)}.Home-Table .Column-Title{background:linear-gradient(90deg,#cdffd8,#94b9ff)}.Home-Table th,.Home-Table td{text-align:left;padding:clamp(4px,.8vw,10px) clamp(4px,1vw,12px);white-space:normal;overflow-wrap:anywhere;word-break:break-word;vertical-align:middle;line-height:1.2}.Home-Table td{box-shadow:0 0 1px #0000001a;cursor:pointer;background:#fff9;transition:background-color .2s ease}.Home-Table td[type=number]{text-align:right}.Home-Table th:nth-child(1),.Home-Table td:nth-child(1){width:18%}.Home-Table th:nth-child(2),.Home-Table td:nth-child(2){width:32%}.Home-Table th:nth-child(3),.Home-Table td:nth-child(3){width:14%}.Home-Table th:nth-child(4),.Home-Table td:nth-child(4){width:18%}.Home-Table th:nth-child(5),.Home-Table td:nth-child(5){width:18%}.Home-Table tr:hover td{background:#ffffffe6;box-shadow:0 0 3px #00000026}.Table-Info{display:flex;flex-wrap:wrap;gap:6px;background:#fff9;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:0 0 5px 5px;box-shadow:0 0 1px #0000001a;font-size:clamp(.64rem,.95vw,.88rem);min-width:0}.Table-Info-Buttons{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.Home-Table .search{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.Table-Buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;min-height:40px;height:auto;background-color:#ffffffb3;border-radius:5px 5px 0 0;width:100%;padding:6px;box-sizing:border-box;min-width:0}.Home-Table .Table-Buttons button{flex:1 1 140px;min-width:0;padding:6px 10px;font-size:clamp(.66rem,.95vw,.9rem);display:inline-flex;align-items:center;justify-content:center;gap:6px}.Home-Table input[type=search]{border:none;border-bottom:1px solid black;padding:0 0 6px;margin:1vh 0;width:100%;text-align:center;box-shadow:0 0 1px #0000;border-radius:5px;font-size:clamp(.68rem,1vw,.95rem);box-sizing:border-box}.Home-Table input[type=search]:focus{outline:none;border-bottom:3px solid rgb(0,0,0)}@media (max-width: 768px){.Home-Table table{font-size:.74rem}.Home-Table th,.Home-Table td{padding:5px 6px}.Home-Table .Table-Buttons button{flex-basis:calc(50% - 4px)}.Table-Info{font-size:.72rem}}@media (max-width: 560px){.Home-Table table{font-size:.66rem}.Home-Table th,.Home-Table td{padding:4px}.Home-Table th:nth-child(1),.Home-Table td:nth-child(1){width:20%}.Home-Table th:nth-child(2),.Home-Table td:nth-child(2){width:30%}.Home-Table th:nth-child(3),.Home-Table td:nth-child(3){width:15%}.Home-Table th:nth-child(4),.Home-Table td:nth-child(4){width:18%}.Home-Table th:nth-child(5),.Home-Table td:nth-child(5){width:17%}.Home-Table .Table-Buttons{gap:6px;padding:5px}.Home-Table .Table-Buttons button{flex-basis:100%;padding:5px 8px;font-size:.68rem}.Table-Info{padding:6px 8px;font-size:.66rem}}@media (max-width: 420px){.Home-Table table{font-size:.58rem}.Home-Table th,.Home-Table td{padding:3px}.Table-Info{font-size:.6rem}.Table-Info-Buttons{gap:8px}.Home-Table input[type=search]{font-size:.62rem;margin:8px 0}}.Slide-Bar{position:fixed;left:0;width:20vw;height:calc(100vh - var(--app-header-height));padding-top:0;box-sizing:border-box;background-color:#f0f0f0;z-index:950}.Slide-Bar .ps-sidebar-container,.Slide-Bar .ps-menu-root{margin-top:0!important;padding-top:0!important}.Slide-Bar .ps-sidebar-container{height:100%}@media (max-width: 768px){.Slide-Bar{width:15vw}}@media (max-width: 480px){.Slide-Bar{width:10vw}}.Menu-Button{position:fixed;left:10px;top:calc(var(--app-header-height) / 2);transform:translateY(-50%);z-index:2000;margin:0;background-color:#fff;color:#000;border:none;border-radius:10px;cursor:pointer;width:clamp(24px,calc(var(--app-header-height) - 12px),40px);height:clamp(24px,calc(var(--app-header-height) - 12px),40px);padding:0;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 5px 10px #0000;transition:background-color .3s ease;font-size:clamp(.9rem,1.6vh,1.1rem);line-height:1}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.modern-gauge{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px;flex:0 0 auto;min-width:0;width:100%;height:100%;box-sizing:border-box}.gauge-title{font-size:1.35em;font-weight:600;margin:0 0 10px;color:#2c3e50;min-height:2.2em;display:flex;align-items:center;justify-content:center;line-height:1.2;text-align:center}.gauge-container{width:180px;height:180px;position:relative;margin-bottom:6px}.gauge-center-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.gauge-center-value{font-size:clamp(1.65em,2.6vw,2.15em);font-weight:700;line-height:1}.gauge-center-improvement{display:flex;align-items:center;justify-content:center;gap:5px;min-height:1.2em;font-weight:700}.gauge-center-improvement-arrow{font-size:.9em;line-height:1}.gauge-center-improvement-value{font-size:.78em;line-height:1}.gauge-center-improvement.positive{color:var(--threshold-green)}.gauge-center-improvement.neutral{color:var(--threshold-orange)}.gauge-center-improvement.negative{color:var(--threshold-red)}.gauge-subtitle{font-size:.9em;color:#7f8c8d;font-weight:500;text-align:center}.gauge-target{font-size:1em;color:#2c3e50;font-weight:600;text-align:center;margin-top:8px;padding:6px 12px;background:linear-gradient(135deg,#cdffd866,#94b9ff66);border-radius:20px;border:2px solid rgba(148,185,255,.6);transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-break:break-word;line-height:1.2}.gauge-target.achieved{background:linear-gradient(135deg,var(--threshold-green),var(--threshold-green));border:2px solid var(--threshold-green);animation:targetAchieved .5s ease-in-out}@keyframes targetAchieved{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gauge-target.achieved .gauge-target-label,.gauge-target.achieved .gauge-target-value{color:#fff}.gauge-target-badge{margin-left:8px;color:#fff;font-size:1.2em;font-weight:700}.gauge-target-label{color:#7f8c8d;font-weight:500}.gauge-target-value{color:#94b9ff;font-weight:700;font-size:1.1em}@media (max-width: 768px){.modern-gauge{padding:6px}.gauge-title{font-size:.98em;margin-bottom:6px;min-height:1.7em}.gauge-container{width:126px;height:126px}.gauge-subtitle{font-size:.8em}.gauge-target{font-size:.85em;padding:6px 8px;margin-top:6px}.gauge-target-value{font-size:.95em}.gauge-center-value{font-size:1.45em}.gauge-center-improvement-value{font-size:.68em}}@media (max-width: 560px){.modern-gauge{padding:2px}.gauge-title{font-size:.8em;margin-bottom:4px;min-height:1.5em}.gauge-container{width:86px;height:86px;margin-bottom:2px}.gauge-center-content{gap:2px}.gauge-center-value{font-size:.95em}.gauge-center-improvement{gap:2px;min-height:1em}.gauge-center-improvement-arrow{font-size:.65em}.gauge-center-improvement-value{font-size:.52em}.gauge-target{font-size:.62em;padding:4px 6px;margin-top:4px;border-width:1px}.gauge-target-value{font-size:1em}.gauge-target-badge{margin-left:4px;font-size:1em}}@media (max-width: 420px){.gauge-title{font-size:.72em;min-height:1.35em;margin-bottom:3px}.gauge-container{width:74px;height:74px}.gauge-center-value{font-size:.82em}.gauge-center-improvement-arrow{font-size:.58em}.gauge-center-improvement-value{font-size:.48em}}@media (max-width: 360px){.modern-gauge{padding:1px}.gauge-title{font-size:.66em;min-height:1.25em;margin-bottom:2px}.gauge-container{width:64px;height:64px}.gauge-center-value{font-size:.72em}.gauge-center-improvement-arrow{font-size:.52em}.gauge-center-improvement-value{font-size:.42em}.gauge-target{font-size:.56em;padding:3px 5px;margin-top:3px}.gauge-target-badge{margin-left:2px;font-size:.9em}}.Home-Content{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;padding:5vw;padding-bottom:120px;padding-top:18px;box-sizing:border-box;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.Home-Content{padding:3vw;padding-bottom:140px;padding-top:12px}}@media (max-width: 480px){.Home-Content{padding:2vw;padding-bottom:160px;padding-top:8px}}.Stats-Row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.3vw,20px);margin-bottom:24px;align-items:stretch;width:100%;min-width:0}.Gauge-Card{background:#ffffffb3;border-radius:16px;box-shadow:0 4px 16px #00000012;padding:4px 2px;min-height:300px;min-width:0;display:flex;align-items:stretch;justify-content:flex-start;overflow:hidden}.Excess-Card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:8px;width:100%;height:100%;box-sizing:border-box}.Excess-Title{font-size:1.35em;font-weight:600;margin:0 0 10px;color:#2c3e50;min-height:2.2em;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;line-height:1.2;text-align:center}.Stats-Row .Gauge-Card .gauge-title,.Stats-Row .Gauge-Card .Excess-Title{margin:0 0 10px;min-height:2.45em;height:2.45em;display:flex;align-items:center;justify-content:center;width:100%;overflow:visible}.Excess-Title-Main{color:#2c3e50;font-weight:600}.Excess-Title-Unit{color:#7f8c8d;font-size:.58em;font-weight:500}.Excess-Gauge-Container{width:180px;height:180px;position:relative;margin-bottom:6px}.Excess-Gauge-Center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none}.Excess-Gauge-Amount{font-size:clamp(1.65em,2.6vw,2.15em);font-weight:700;line-height:1}.Excess-Gauge-Improvement{display:flex;align-items:center;justify-content:center;gap:5px;min-height:1.2em;font-weight:700}.Excess-Gauge-Improvement-Arrow{font-size:.9em;line-height:1}.Excess-Gauge-Improvement-Value{font-size:.78em;line-height:1}.Excess-Currency{display:block;font-size:.8em;font-weight:500;color:#7f8c8d;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.Excess-Month-Target{margin-top:8px;max-width:100%;width:100%;box-sizing:border-box}.Excess-Card.level-green .Excess-Gauge-Amount,.Excess-Card.level-green .Excess-Gauge-Improvement-Arrow,.Excess-Card.level-green .Excess-Gauge-Improvement-Value{color:var(--threshold-green)}.Excess-Card.level-orange .Excess-Gauge-Amount,.Excess-Card.level-orange .Excess-Gauge-Improvement-Arrow,.Excess-Card.level-orange .Excess-Gauge-Improvement-Value{color:var(--threshold-orange)}.Excess-Card.level-red .Excess-Gauge-Amount,.Excess-Card.level-red .Excess-Gauge-Improvement-Arrow,.Excess-Card.level-red .Excess-Gauge-Improvement-Value{color:var(--threshold-red)}@media (max-width: 768px){.Stats-Row{gap:8px}.Gauge-Card{min-height:230px;padding:10px 8px;border-radius:14px}.Excess-Card{padding:6px}.Stats-Row .Gauge-Card .gauge-title,.Stats-Row .Gauge-Card .Excess-Title{min-height:2.45em;height:2.45em;margin-bottom:6px}.Excess-Title{font-size:.98em;gap:4px}.Excess-Title-Unit{font-size:.5em}.Excess-Gauge-Container{width:126px;height:126px}.Excess-Month-Target{margin-top:6px;font-size:.85em;padding:6px 8px}}@media (max-width: 560px){.Home-Content{padding-left:1.2vw;padding-right:1.2vw;padding-top:6px}.Stats-Row{gap:6px}.Gauge-Card{min-height:185px;padding:6px 4px;border-radius:12px}.Excess-Card{gap:0;padding:2px}.Stats-Row .Gauge-Card .gauge-title,.Stats-Row .Gauge-Card .Excess-Title{min-height:2.45em;height:2.45em;margin-bottom:4px}.Excess-Title{font-size:.8em;gap:2px}.Excess-Title-Unit{font-size:.48em}.Excess-Gauge-Container{width:86px;height:86px;margin-bottom:2px}.Excess-Gauge-Center{gap:2px}.Excess-Gauge-Amount{font-size:.95em}.Excess-Gauge-Improvement{gap:2px;min-height:1em}.Excess-Gauge-Improvement-Arrow{font-size:.65em}.Excess-Gauge-Improvement-Value{font-size:.52em}.Excess-Month-Target{margin-top:4px;font-size:.62em;padding:4px 6px;border-width:1px;line-height:1.2}}@media (max-width: 420px){.Stats-Row{gap:5px}.Gauge-Card{min-height:168px;padding:4px 3px}.Stats-Row .Gauge-Card .gauge-title,.Stats-Row .Gauge-Card .Excess-Title{min-height:2.45em;height:2.45em;margin-bottom:3px}.Excess-Title{font-size:.72em}.Excess-Gauge-Container{width:74px;height:74px}.Excess-Gauge-Amount{font-size:.82em}.Excess-Gauge-Improvement-Arrow{font-size:.58em}.Excess-Gauge-Improvement-Value{font-size:.48em}}@media (max-width: 360px){.Gauge-Card{min-height:154px;padding:4px 2px}.Excess-Card{padding:1px}.Stats-Row .Gauge-Card .gauge-title,.Stats-Row .Gauge-Card .Excess-Title{min-height:2.45em;height:2.45em;margin-bottom:2px}.Excess-Title{font-size:.66em}.Excess-Gauge-Container{width:64px;height:64px}.Excess-Gauge-Amount{font-size:.72em}.Excess-Gauge-Improvement-Arrow{font-size:.52em}.Excess-Gauge-Improvement-Value{font-size:.42em}.Excess-Month-Target{font-size:.56em;padding:3px 5px}}.Home-Buttons{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:20px}@media (max-width: 480px){.Home-Buttons{flex-direction:column;align-items:center}}.Coach-Float-Button{position:fixed;bottom:100px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#cdffd8e6,#94b9ffe6);border:none;font-size:2rem;cursor:pointer;box-shadow:0 4px 20px #94b9ff80;transition:all .3s ease;z-index:900;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.Coach-Float-Button:hover{transform:scale(1.1);box-shadow:0 6px 30px #94b9ffb3;background:linear-gradient(135deg,#cdffd8,#94b9ff)}.Coach-Float-Button:active{transform:scale(.95)}@keyframes pulse{0%,to{box-shadow:0 4px 20px #94b9ff80}50%{box-shadow:0 4px 30px #94b9ffcc}}@media (max-width: 768px){.Coach-Float-Button{bottom:80px;right:20px;width:55px;height:55px;font-size:1.8rem}}@media (max-width: 480px){.Coach-Float-Button{bottom:70px;right:15px;width:50px;height:50px;font-size:1.6rem}}.Coach-Modal-Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:5000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.Coach-Modal-Overlay{padding:15px}}@media (max-width: 480px){.Coach-Modal-Overlay{padding:10px;align-items:flex-end}}.Coach-Modal-Content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:30px;position:relative;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Coach-Modal-Close{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:2rem;cursor:pointer;color:#666;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.Coach-Modal-Close:hover{background:#f0f0f0;color:#333}.Coach-Modal-Title{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:#333;background:#000;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Coach-Modal-Date{color:#666;font-size:.9rem;margin-bottom:25px}.Coach-Modal-Section{margin-bottom:30px}.Coach-Modal-Section h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#444}.Coach-Message{background:linear-gradient(135deg,#cdffd84d,#94b9ff4d);padding:20px;border-radius:8px;line-height:1.6;color:#333;white-space:pre-wrap;border-left:4px solid rgb(148,185,255);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.Coach-Actions{display:flex;flex-direction:column;gap:15px}.Coach-Action-Card{background:linear-gradient(135deg,#cdffd84d,#94b9ff4d);border-radius:8px;padding:20px;border-left:4px solid rgb(148,185,255);transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.Coach-Action-Card:hover{box-shadow:0 4px 12px #0000001a;transform:translate(5px)}.Coach-Action-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.Coach-Action-Header h4{margin:0;font-size:1.1rem;font-weight:600;color:#333}.Coach-Priority{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.Coach-Priority.high{background:var(--threshold-red);color:#fff}.Coach-Priority.medium{background:var(--threshold-orange);color:#fff}.Coach-Priority.low{background:#5f27cd;color:#fff}.Coach-Action-Description{color:#555;line-height:1.5;margin:10px 0}.Coach-Action-Impact{color:#94b9ff;font-size:.9rem;margin-top:10px;font-weight:500}.Coach-Targets{background:linear-gradient(135deg,#cdffd84d,#94b9ff4d);border-radius:8px;padding:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.Coach-Target-Row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #e0e0e0;transition:background .2s ease}.Coach-Target-Row:last-child{border-bottom:none}.Coach-Target-Row:hover{background:#fff}.Coach-Target-Metric{font-weight:500;color:#333}.Coach-Target-Values{color:#666;font-size:.95rem}.Coach-Target-Values strong{color:#94b9ff;font-weight:600}.Coach-Modal-Footer{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:center}.Coach-Details-Button{background-color:#94b9ff;color:#000;padding:1vh;margin:1vw;border:none;border-radius:10px;cursor:pointer;width:auto;font-weight:700;box-shadow:0 5px 10px #0006;transition:background-color .3s ease;font-size:small}.Coach-Details-Button:hover{background-color:#6595ec}.Coach-Details-Button:active{transform:translateY(1px);box-shadow:0 3px 6px #0006}@media (max-width: 768px){.Coach-Modal-Content{padding:20px;max-width:95%}.Coach-Modal-Title{font-size:1.5rem}.Coach-Modal-Section h3{font-size:1.1rem}.Coach-Action-Header{flex-direction:column;align-items:flex-start;gap:8px}.Coach-Target-Row{flex-direction:column;align-items:flex-start;gap:5px}.Coach-Message{padding:15px;font-size:.95rem}.Coach-Action-Card{padding:15px}.Coach-Targets{padding:12px}}@media (max-width: 480px){.Coach-Modal-Content{padding:15px;max-width:100%;max-height:85vh;border-radius:12px 12px 0 0}.Coach-Modal-Title{font-size:1.3rem;margin-bottom:8px}.Coach-Modal-Date{font-size:.8rem;margin-bottom:15px}.Coach-Modal-Section{margin-bottom:20px}.Coach-Modal-Section h3{font-size:1rem;margin-bottom:10px}.Coach-Modal-Close{width:35px;height:35px;font-size:1.5rem;top:10px;right:10px}.Coach-Message{padding:12px;font-size:.9rem;line-height:1.5}.Coach-Action-Card{padding:12px}.Coach-Action-Header h4{font-size:1rem}.Coach-Action-Description{font-size:.9rem}.Coach-Action-Impact{font-size:.85rem}.Coach-Priority{padding:3px 10px;font-size:.7rem}.Coach-Targets,.Coach-Target-Row{padding:10px}.Coach-Target-Metric{font-size:.9rem}.Coach-Target-Values{font-size:.85rem;margin-top:5px}.Coach-Details-Button{width:100%;padding:12px;font-size:.9rem;margin:0}.Coach-Modal-Footer{margin-top:15px;padding-top:15px}}.Overall-Score{display:flex;flex-direction:column;justify-content:center;align-items:center}.Score-Title{font-size:1.5em;font-weight:400}@media (max-width: 768px){.Score-Title{font-size:1.2em}}@media (max-width: 480px){.Score-Title{font-size:1em}}.create-tasks-form{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.form-controls-section{flex-shrink:0;padding:1vh 0;border-bottom:1px solid rgba(196,187,187,.3);margin-bottom:1vh}.form-controls-row{display:flex;gap:3vw;align-items:end}.form-controls-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:1.5vh}.form-group label{display:block;margin-bottom:.5vh;font-weight:400;color:#000;font-size:medium}.form-group input[type=text],.form-group input[type=email],.form-group input[type=datetime-local],.form-group select{border:2px solid rgb(196,187,187);border-radius:10px;width:100%;height:5vh;font-size:medium;transition:border-color .3s ease;background-color:#ffffff80;padding:0 1vw;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border:2px solid rgb(0,0,0)}.form-group input:hover,.form-group select:hover{border:2px solid rgb(0,0,0)}.driver-select{cursor:pointer}.driver-select option{padding:1vh;background-color:#fff}.loading-drivers{padding:2vh 1vw;text-align:center;color:#666;font-style:italic;border:2px solid rgb(196,187,187);border-radius:10px;background-color:#ffffff80}.todo-section{margin-top:0;flex:1;overflow-y:auto;min-height:0;padding:1vh 0}.todo-header{margin-bottom:1vh;flex-shrink:0}.existing-todos-section{margin-top:2vh;margin-bottom:2vh}.existing-todos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2vh}.existing-todos-header h3{margin:0;color:#000;font-weight:400;font-size:calc(7px + 1.5vmin)}.loading-text{color:#666;font-style:italic;font-size:small}.no-todos{padding:2vh 2vw;text-align:center;color:#666;font-style:italic;background:#fff6;border:2px dashed rgba(196,187,187,.5);border-radius:10px}.todo-header h3{margin:0;color:#000;font-weight:400;font-size:calc(7px + 1.5vmin)}.todo-item{background:#fff9;border:2px solid rgba(196,187,187,.5);border-radius:10px;padding:1.5vh 2vw;margin-bottom:1vh;display:flex;align-items:flex-start;gap:2vw;box-shadow:0 2px 5px #0000001a}.todo-item.visited{background:#c4c4c466;border:2px solid rgba(150,150,150,.5);opacity:.7}.todo-item.not-visited{background:#fff9}.todo-item.new-todo{background:#cdffd866;border:2px solid var(--threshold-green-bg-30)}.todo-item.existing-todo{background:#fff8cd66;border:2px solid rgba(255,193,7,.3)}.disabled-input{background-color:#c8c8c84d!important;color:#666!important;cursor:not-allowed!important}.disabled-input:hover{border:2px solid rgba(196,187,187,.5)!important}.visited-badge{display:inline-block;background:var(--threshold-green-bg-80);color:#fff;padding:.5vh 1vw;border-radius:15px;font-size:small;font-weight:700;margin-top:1vh}.todo-item-content{flex:1}.todo-number{font-weight:700;color:#000;font-size:medium;display:block}.form-row{display:flex;gap:2vw;align-items:end;width:100%}.flex-grow{flex:1}.remove-button-group{display:flex;flex-direction:column;align-items:center;min-width:fit-content}.remove-icon-btn{background-color:#ff94a6;color:#000;padding:1vh;border:none;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 5px 10px #0006;transition:background-color .3s ease;font-size:medium;width:5vh;height:5vh;display:flex;align-items:center;justify-content:center}.remove-icon-btn:hover{background-color:#ee7085}.remove-icon-btn:disabled,.remove-icon-btn.disabled{background-color:#c4bbbb80;cursor:not-allowed;box-shadow:none;opacity:.6}.remove-icon-btn:disabled:hover,.remove-icon-btn.disabled:hover{background-color:#c4bbbb80}.add-todo-section{margin-top:1vh;margin-bottom:1vh;text-align:center;flex-shrink:0;padding:1vh 0;border-top:1px solid rgba(196,187,187,.3)}.add-todo-btn{background-color:#94b9ff;color:#000;padding:1.5vh 3vw;border:none;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 5px 10px #0006;transition:background-color .3s ease;font-size:medium;min-width:15vw}.add-todo-btn:hover{background-color:#6595ec}.add-todo-btn:disabled,.add-todo-btn.disabled{background-color:#c4bbbb80;cursor:not-allowed;box-shadow:none}.add-todo-btn:disabled:hover,.add-todo-btn.disabled:hover{background-color:#c4bbbb80}.message{padding:1vh 2vw;border-radius:10px;margin:1vh 0;font-weight:400;flex-shrink:0}.message.success{background:#cdffd8cc;color:#000;border:2px solid var(--threshold-green-bg-30)}.message.error{background:#ff94a6cc;color:#000;border:2px solid var(--threshold-red-bg-30)}.form-actions{display:flex;justify-content:center;align-items:center;gap:3vw;margin-top:1vh;padding:1.5vh 0;border-top:1px solid rgba(196,187,187,.5);flex-shrink:0}.form-actions .add-todo-section{margin:0;text-align:center;flex-shrink:0;padding:0;border-top:none}.submit-btn{background-color:#94b9ff;color:#000;padding:1.5vh 3vw;border:none;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 5px 10px #0006;transition:background-color .3s ease;font-size:medium;min-width:15vw}.submit-btn:hover:not(:disabled){background-color:#6595ec}.submit-btn:disabled{background-color:#c4bbbb80;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.form-controls-row{flex-direction:column;gap:1.5vh}.form-controls-row .form-group{margin-bottom:1.5vh}.form-row{flex-direction:column;gap:1.5vh}.remove-button-group{flex-direction:row;justify-content:center;margin-top:1vh}.todo-item{flex-direction:column;align-items:stretch;gap:2vh;padding:2vh 3vw}.remove-icon-btn{width:6vh;height:6vh}.form-actions{flex-direction:column;gap:2vh}.add-todo-btn{min-width:30vw;padding:2vh 4vw}.submit-btn{min-width:40vw;padding:2vh 4vw}.form-group input[type=text],.form-group input[type=email],.form-group input[type=datetime-local],.form-group select{height:6vh;font-size:large}}@media (max-width: 480px){.todo-item{padding:1.5vh 2vw}.form-row{gap:1vh}.form-actions{flex-direction:column;gap:1.5vh}.add-todo-btn{min-width:50vw;padding:2vh 5vw}.submit-btn{min-width:60vw;padding:2vh 5vw}.form-group input[type=text],.form-group input[type=email],.form-group input[type=datetime-local],.form-group select{height:7vh}}.Create-Tasks-Content{display:flex;flex-direction:column;flex:1;width:100%;padding:5vw;padding-bottom:15vh;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Create-Tasks-Container{display:flex;flex-direction:column;flex:1;border-radius:10px;width:90%;margin:0 auto;background:#fff9;box-shadow:0 5px 10px #0000001a;padding:2vh 2vw;min-height:0;max-height:80vh;overflow:hidden;margin-bottom:5vh}.Create-Tasks-Title{color:#000;margin-bottom:2vh;text-align:center;font-size:calc(7px + 2vmin);font-weight:400}@media (max-width: 768px){.Create-Tasks-Content{padding:3vw;padding-bottom:18vh}.Create-Tasks-Container{padding:2vh 3vw;height:auto;min-height:60vh;max-height:75vh;margin-bottom:6vh}.Create-Tasks-Title{font-size:calc(10px + 2vmin);margin-bottom:3vh}}@media (max-width: 480px){.Create-Tasks-Content{padding:2vw;padding-bottom:20vh}.Create-Tasks-Container{padding:1.5vh 2vw;max-height:70vh;margin-bottom:7vh}.Create-Tasks-Title{font-size:calc(8px + 2vmin);margin-bottom:2vh}}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title-row h6{font-size:.85rem;color:#666}.Coaching-Content{display:flex;flex-direction:column;height:100%;width:100%;padding:5vw;padding-bottom:120px;padding-top:30px;box-sizing:border-box;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.Coaching-Content{padding:3vw;padding-bottom:140px;padding-top:20px}}.Coaching-Title{font-size:1.8rem;font-weight:700;color:#1a1a2e;margin-bottom:20px}.Coaching-Summary{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:30px}.Summary-Card{flex:1;min-width:160px;background:linear-gradient(135deg,#cdffd866,#94b9ff66);border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;text-align:center;transition:transform .2s ease}.Summary-Card:hover{transform:translateY(-2px)}.Summary-Card .card-number{font-size:2rem;font-weight:700;color:#1a1a2e}.Summary-Card .card-label{font-size:.85rem;color:#666;margin-top:4px}.Summary-Card.needs-attention,.Summary-Card.improving{background:linear-gradient(135deg,#cdffd866,#94b9ff66)}.Coaching-Section{margin-bottom:30px}.Section-Title{font-size:1.2rem;font-weight:600;color:#0f172a;margin-bottom:12px;display:flex;align-items:center;gap:8px;width:fit-content;background:linear-gradient(135deg,#cdffd866,#94b9ff66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(148,185,255,.35);border-radius:10px;padding:8px 12px;text-shadow:0 1px 1px rgba(255,255,255,.7)}.fleet-toggle-title{width:100%;cursor:pointer;font-family:inherit;font-size:1.2rem;background:linear-gradient(135deg,#cdffd866,#94b9ff66)}.fleet-toggle-icon{font-size:.95rem;color:#334155;transition:transform .2s ease}.fleet-toggle-icon.expanded{transform:rotate(180deg)}.Driver-Insights-Table{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,#cdffd866,#94b9ff66);border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.Driver-Insights-Table thead{background:linear-gradient(90deg,#cdffd8,#94b9ff)}.Driver-Insights-Table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.85rem;color:#444;border-bottom:2px solid #e0e8f5}.Driver-Insights-Table td{padding:12px 16px;font-size:.9rem;color:#333;border-bottom:1px solid #f0f0f0}.Driver-Insights-Table tbody tr{transition:background .15s ease;cursor:pointer}.Driver-Insights-Table tbody tr:hover{background:#94b9ff14}.Driver-Insights-Table tbody tr.attention-row{background:#ffc8c81a}.Driver-Insights-Table tbody tr.attention-row:hover{background:#ffc8c833}.trend-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.trend-improving{background:var(--threshold-green-bg-15);color:var(--threshold-green)}.trend-stable{background:#94b9ff33;color:#3b82f6}.trend-declining{background:var(--threshold-red-bg-12);color:var(--threshold-red)}.trend-new{background:#0000000f;color:#888}.attention-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:var(--threshold-orange-bg-15);color:var(--threshold-orange)}.Followup-List{display:flex;flex-direction:column;gap:10px}.Followup-Card{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;border-radius:10px;box-shadow:0 1px 8px #0000000f;border-left:4px solid var(--threshold-orange);transition:all .2s ease}.Followup-Card:hover{box-shadow:0 2px 12px #0000001a}.Followup-Card .followup-info{display:flex;flex-direction:column;gap:2px}.Followup-Card .followup-driver{font-weight:600;color:#1a1a2e}.Followup-Card .followup-topic{font-size:.85rem;color:#666}.Followup-Card .followup-date{font-size:.8rem;color:#999}.Followup-Card .followup-actions{display:flex;gap:8px}.Coach-Action-Button{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.8rem;transition:all .2s ease}.Coach-Action-Button.primary{background:linear-gradient(135deg,#cdffd8,#94b9ff);color:#1a1a2e}.Coach-Action-Button.primary:hover{transform:scale(1.03);box-shadow:0 2px 12px #94b9ff66}.Coach-Action-Button.success{background:var(--threshold-green-bg-15);color:var(--threshold-green)}.Coach-Action-Button.warning{background:var(--threshold-orange-bg-15);color:var(--threshold-orange)}.Coaching-Modal-Overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.Coaching-Modal{background:#fff;border-radius:16px;padding:30px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.Coaching-Modal h3{margin-top:0;font-size:1.3rem;color:#1a1a2e;margin-bottom:20px}.Modal-Field{margin-bottom:16px}.Modal-Field label{display:block;font-weight:600;font-size:.85rem;color:#444;margin-bottom:6px}.Modal-Field input,.Modal-Field textarea,.Modal-Field select{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;transition:border-color .2s ease;box-sizing:border-box}.Modal-Field input:focus,.Modal-Field textarea:focus,.Modal-Field select:focus{outline:none;border-color:#94b9ff;box-shadow:0 0 0 3px #94b9ff26}.Modal-Field textarea{resize:vertical;min-height:80px}.Modal-Buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.Modal-Buttons button{padding:10px 24px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.Modal-Buttons .modal-cancel{background:#f0f0f0;color:#666}.Modal-Buttons .modal-submit{background:linear-gradient(135deg,#cdffd8,#94b9ff);color:#1a1a2e}.Modal-Buttons .modal-submit:hover{transform:scale(1.03);box-shadow:0 2px 12px #94b9ff66}.Session-History{display:flex;flex-direction:column;gap:10px;margin-top:12px}.Session-Card{padding:14px 18px;background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000f}.Session-Card .session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.Session-Card .session-topic{font-weight:600;color:#1a1a2e}.Session-Card .session-date{font-size:.8rem;color:#999}.Session-Card .session-notes{font-size:.85rem;color:#555;margin-top:4px}.Outcome-Badge{display:inline-flex;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.outcome-pending{background:var(--threshold-orange-bg-15);color:var(--threshold-orange)}.outcome-improved{background:var(--threshold-green-bg-15);color:var(--threshold-green)}.outcome-needs_followup{background:var(--threshold-red-bg-12);color:var(--threshold-red)}.outcome-completed{background:#94b9ff33;color:#3b82f6}.Coaching-Loading{text-align:center;padding:60px 20px;color:#888;font-size:1.1rem}.Coaching-Empty{text-align:center;padding:40px 20px;color:#999;font-size:.95rem}.No-Data-Message{padding:30px;text-align:center;color:#888;font-style:italic}.Patterns-Panel{background:#fff9;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(148,185,255,.2)}.patterns-title{font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:10px;width:fit-content;background:#ffffffb8;border-radius:8px;padding:5px 10px;border:1px solid rgba(148,185,255,.28)}.patterns-list{display:flex;flex-direction:column;gap:8px}.pattern-card{padding:10px 14px;border-radius:8px;border-left:4px solid #ccc}.pattern-card .pattern-label{font-weight:600;font-size:.9rem;margin-bottom:4px}.pattern-card .pattern-desc{font-size:.82rem;color:#555;line-height:1.4}.pattern-positive{background:var(--threshold-green-bg-08);border-left-color:var(--threshold-green)}.pattern-positive .pattern-label{color:var(--threshold-green)}.pattern-neutral{background:#3b82f614;border-left-color:#3b82f6}.pattern-neutral .pattern-label{color:#3b82f6}.pattern-attention{background:var(--threshold-orange-bg-08);border-left-color:var(--threshold-orange)}.pattern-attention .pattern-label{color:var(--threshold-orange)}.recommendations-box{margin-top:12px;padding:12px;background:#94b9ff14;border-radius:8px}.recommendations-title{font-size:.88rem;font-weight:600;color:#0f172a;margin-bottom:6px}.recommendations-list{padding-left:18px;margin:0}.recommendations-list li{font-size:.82rem;color:#444;line-height:1.5;margin-bottom:4px}.Score-Trend-Panel{background:#fff9;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(148,185,255,.2)}.score-trend-chart{display:flex;align-items:flex-end;gap:3px;height:120px;padding:0 4px;margin-bottom:8px}.score-trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;cursor:pointer}.score-trend-bar{width:100%;min-width:4px;max-width:24px;border-radius:3px 3px 0 0;transition:height .3s ease}.score-trend-bar-container:hover .score-trend-bar{opacity:.8}.score-trend-label{font-size:.6rem;color:#999;margin-top:4px;text-align:center}.score-trend-legend{display:flex;justify-content:center;gap:16px;margin-top:4px}.legend-item{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#666}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.Fleet-Ai-Card{background:#fff9;border-radius:14px;padding:20px 24px;margin-bottom:16px;border:1px solid rgba(148,185,255,.25);position:relative}.ai-coach-message{font-size:.95rem;color:#333;line-height:1.6;white-space:pre-wrap}.ai-coach-updated{font-size:.75rem;color:#999;margin-top:10px;text-align:right}.Fleet-Targets{margin-top:16px;margin-bottom:16px}.targets-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:10px}.target-card{background:#fff9;border-radius:12px;padding:16px;box-shadow:0 2px 10px #0000000f;border-left:4px solid #94B9FF;position:relative}.target-card.priority-high{border-left-color:var(--threshold-red)}.target-card.priority-medium{border-left-color:var(--threshold-orange)}.target-card.priority-low{border-left-color:var(--threshold-green)}.target-metric{font-weight:700;font-size:.95rem;color:#1a1a2e;margin-bottom:8px}.target-progress{display:flex;align-items:center;gap:8px;margin-bottom:8px}.target-current{font-size:1.1rem;font-weight:600;color:#666}.target-arrow{color:#999;font-size:1.2rem}.target-goal{font-size:1.1rem;font-weight:700;color:var(--threshold-green)}.target-desc{font-size:.82rem;color:#555;line-height:1.4}.priority-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.priority-badge.priority-high{background:var(--threshold-red-bg-12);color:var(--threshold-red)}.priority-badge.priority-medium{background:var(--threshold-orange-bg-12);color:var(--threshold-orange)}.priority-badge.priority-low{background:var(--threshold-green-bg-12);color:var(--threshold-green)}.Fleet-Actions{margin-top:16px}.actions-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.action-card{background:#fff9;border-radius:12px;padding:16px 18px;box-shadow:0 2px 10px #0000000f;border-left:4px solid #94B9FF}.action-card.priority-high{border-left-color:var(--threshold-red)}.action-card.priority-medium{border-left-color:var(--threshold-orange)}.action-card.priority-low{border-left-color:var(--threshold-green)}.action-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.action-title{font-weight:700;font-size:.95rem;color:#1a1a2e}.action-desc{font-size:.85rem;color:#555;line-height:1.4}.action-impact{font-size:.8rem;color:#093b1c;margin-top:8px;font-weight:600}.Driver-Ai-Coaching{background:linear-gradient(135deg,#cdffd833,#94b9ff1a);border-radius:12px;padding:16px 20px;margin-bottom:16px;border:1px solid rgba(148,185,255,.2)}.ai-driver-message{font-size:.9rem;color:#333;line-height:1.5;white-space:pre-wrap;margin-bottom:12px}.ai-weekly-goals{margin-top:10px}.goal-target{color:var(--threshold-green);font-weight:600;font-size:.82rem}.ai-improvements{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,185,255,.15)}.improvement-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.improvement-badge.positive{background:var(--threshold-green-bg-15);color:var(--threshold-green)}.improvement-badge.negative{background:var(--threshold-red-bg-12);color:var(--threshold-red)}.improvement-detail{font-size:.82rem;color:#555;font-weight:500}.ai-coaching-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:var(--threshold-green-bg-15);color:var(--threshold-green)}@media (max-width: 768px){.targets-grid{grid-template-columns:1fr}.Fleet-Ai-Card{padding:16px}.action-header{flex-direction:column;gap:4px}}@media (max-width: 1400px){.targets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.targets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.Register-Box{width:25vw;height:fit-content;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background:#ffffffb3;margin:0 auto;border-radius:10px;box-shadow:0 0 50px #0000004d;padding:5vh 1vh}.Register-Box input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box}@media (max-width: 1024px){.Register-Box{width:40vw}}@media (max-width: 768px){.Register-Box{width:60vw}}@media (max-width: 480px){.Register-Box{width:80vw;margin:0 auto}}.Register-Username{margin-top:2vh}.App-Register{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;background-image:url(/assets/background-DXw0_tXO.jpg);background-size:cover;background-position:center;height:100vh;padding:calc(var(--app-header-height) + 16px) clamp(12px,2vw,24px) calc(var(--app-footer-height) + 16px);box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.App-Register>div{width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.App-Register{padding-top:calc(var(--app-header-height) + 12px);padding-bottom:calc(var(--app-footer-height) + 12px)}}@media (max-width: 480px){.App-Register{padding-top:calc(var(--app-header-height) + 10px);padding-bottom:calc(var(--app-footer-height) + 10px)}}.threshold-sliders{background:transparent;border:none;border-radius:10px;padding:0;margin:0 auto;box-shadow:none;width:90%;max-width:none}.threshold-sliders h3{color:#343a40;margin-bottom:20px;text-align:center;font-size:1.3em;font-weight:600;border-bottom:2px solid rgba(0,123,255,.3);padding-bottom:10px}.loading{text-align:center;color:#6c757d;font-style:italic;padding:20px}.error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.retry-button{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8em}.retry-button:hover{background:#c82333}.slider-container{margin:20px 0}.slider-group{margin-bottom:25px;padding:15px;background:#ffffff80;border-radius:6px;border:1px solid rgba(233,236,239,.6)}.slider-group label{display:block;font-weight:700;color:#495057;margin-bottom:10px;font-size:1em}.button-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:15px 0;padding:10px;background:#f8f9fa99;border-radius:8px;border:1px solid rgba(233,236,239,.6)}.increment-button,.decrement-button{width:45px;height:45px;border:2px solid #007bff;background:#007bff;color:#fff;border-radius:50%;font-size:1.5em;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.increment-button:hover:not(:disabled),.decrement-button:hover:not(:disabled){background:#0056b3;border-color:#0056b3;transform:scale(1.1);box-shadow:0 4px 8px #007bff4d}.increment-button:active:not(:disabled),.decrement-button:active:not(:disabled){transform:scale(.95)}.increment-button:disabled,.decrement-button:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.threshold-value{font-size:1.2em;font-weight:700;color:#495057;background:#fff;padding:8px 16px;border-radius:6px;border:2px solid #dee2e6;min-width:120px;text-align:center;box-shadow:inset 0 1px 3px #0000001a}.slider-range{text-align:center;font-size:.85em;color:#6c757d;margin-top:5px;font-style:italic}.threshold-actions{display:flex;gap:10px;justify-content:center;margin:20px 0}.reset-button,.refresh-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease;min-width:120px}.reset-button{background:#dc3545;color:#fff}.reset-button:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.refresh-button{background:#28a745;color:#fff}.refresh-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.reset-button:disabled,.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-status{text-align:center;color:#28a745;font-size:.9em;margin-top:10px;font-weight:700}.saving-indicator{text-align:center;color:#007bff;font-size:.9em;margin-top:10px;font-style:italic;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.threshold-sliders{padding:15px;margin:15px 0}.threshold-actions{flex-direction:column;align-items:center}.reset-button,.refresh-button{width:100%;max-width:200px}}.Box{width:90%;max-width:none;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background:transparent;margin:0 auto;border-radius:10px;box-shadow:none;padding-top:2vh;padding-left:1vh;padding-right:1vh;margin-bottom:2vh}.Box h3{color:#343a40;margin-bottom:20px;text-align:center;font-size:1.3em;font-weight:600;border-bottom:2px solid rgba(0,123,255,.3);padding-bottom:10px;width:100%}.Settings-Username{width:100%;margin-bottom:15px}.Settings-Username label{display:block;font-weight:600;color:#495057;margin-bottom:8px;font-size:.95em}.Box input{width:100%;padding:10px;margin:10px 0;border:1px solid rgba(204,204,204,.6);border-radius:5px;font-size:1rem;box-sizing:border-box;background:#fffc;transition:all .3s ease}.Box input:focus{border-color:#007bff99;outline:none;background:#fffffff2}.Settings-Button{display:flex;justify-content:center;width:100%;margin-top:20px}.Settings-Button button{padding:12px 40px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.Settings-Button button:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.Settings-Button button:active{transform:translateY(0)}.Settings-Title{padding:2vh;text-align:center;color:#343a40;font-weight:600}.Box+div{width:90%;max-width:none;margin:16px auto 0}.invite-hint{color:#6c757d;font-size:.85em;text-align:center;margin-bottom:15px;line-height:1.4}.invite-code-display{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px;padding:12px 20px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px dashed #4caf50;border-radius:8px;cursor:pointer;transition:all .2s ease}.invite-code-display:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);transform:scale(1.02)}.invite-code-label{font-weight:600;color:#2e7d32;font-size:.9em}.invite-code-value{font-family:Courier New,monospace;font-size:1.4em;font-weight:700;color:#1b5e20;letter-spacing:3px}.copy-icon{color:#4caf50;opacity:.7}.invite-code-display:hover .copy-icon{opacity:1}.fleet-config-form{background:transparent;border:none;border-radius:10px;padding:0;margin:0 auto;box-shadow:none;width:90%;max-width:none}.fleet-config-form h3{color:#343a40;margin-bottom:8px;text-align:center;font-size:1.3em;font-weight:600;border-bottom:2px solid rgba(0,123,255,.3);padding-bottom:10px}.fleet-config-subtitle{text-align:center;color:#6c757d;font-size:.85em;margin-bottom:20px}.fleet-error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}.fleet-mix-section,.fleet-price-section{margin-bottom:20px}.fleet-label{display:block;font-weight:600;color:#343a40;margin-bottom:8px;font-size:.95em}.fleet-mix-total{text-align:center;font-weight:600;padding:4px 10px;border-radius:4px;margin-bottom:12px;font-size:.85em}.fleet-mix-total.valid{color:#27ae60;background:#d4edda}.fleet-mix-total.invalid{color:#e74c3c;background:#f8d7da}.fleet-mix-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fa;border-radius:6px;margin-bottom:8px}.fleet-mix-icon{font-size:1.4em}.fleet-mix-name{flex:1;font-weight:500;color:#495057}.fleet-mix-controls{display:flex;align-items:center;gap:8px}.fleet-mix-controls button{width:30px;height:30px;border:1px solid #dee2e6;border-radius:50%;background:#fff;font-size:1.1em;font-weight:700;cursor:pointer;color:#007bff;display:flex;align-items:center;justify-content:center;transition:all .2s}.fleet-mix-controls button:hover:not(:disabled){background:#007bff;color:#fff}.fleet-mix-controls button:disabled{opacity:.4;cursor:not-allowed}.fleet-mix-value{min-width:50px;text-align:center;font-weight:600;font-size:1.05em;color:#343a40}.fleet-price-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px}.fleet-currency-select{padding:6px 10px;border:1px solid #dee2e6;border-radius:4px;font-size:.9em;background:#fff;color:#495057}.fleet-actions{text-align:center;margin-top:15px}.fleet-save-button{background:#007bff;color:#fff;border:none;padding:10px 28px;border-radius:6px;font-size:.95em;font-weight:600;cursor:pointer;transition:background .2s}.fleet-save-button:hover:not(:disabled){background:#0056b3}.fleet-save-button:disabled{opacity:.6;cursor:not-allowed}.fleet-save-status{text-align:center;color:#27ae60;font-size:.8em;margin-top:8px}.App{display:flex;flex-direction:column;min-height:100vh;background-color:#f2f4f7;color:#333}header,footer{flex-shrink:0}.Sidebar{width:250px;min-width:220px;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px}.Settings-Content{flex:1;display:flex;justify-content:center;align-items:flex-start;background-color:transparent;border-radius:16px;padding:40px 40px 130px;overflow-y:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.Settings-Box{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:24px;background:transparent;padding:0 0 30px}.settings-component-card{background:#fff9;border-radius:10px;padding:24px;box-shadow:0 5px 10px #0000001a;transition:all .3s ease;width:100%;box-sizing:border-box}.settings-component-card:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}.Settings-Box h2{font-size:2rem;margin-bottom:24px;color:#1a1a1a;font-weight:600;text-align:center}.Disconnect-Button{display:block;margin:32px auto 0;width:100%;padding:14px 20px;background-color:#ff4d4f;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.Disconnect-Button:hover{background-color:#e53935;transform:translateY(-1px)}.Disconnect-Button:active{transform:translateY(0)}.Home-Buttons{display:flex;flex-direction:row;justify-content:center;gap:16px}@media screen and (max-width: 768px){.Settings-Content{padding:24px 24px 120px}.Sidebar{width:100%}.Settings-Box{padding:24px}}.chart-card{background:#fff9;border-radius:10px;box-shadow:0 5px 10px #0000001a;margin-bottom:20px;padding:15px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #3498db;flex-wrap:wrap;gap:10px}.chart-header>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;flex-shrink:0}.chart-title{margin:0;font-size:16px;font-weight:600;color:#333;white-space:nowrap}.violation-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chart-navigation{display:flex;justify-content:center;align-items:center;gap:15px;padding:10px 0;margin-bottom:10px;border-bottom:1px solid #e9ecef}.nav-btn{padding:6px 16px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.nav-btn:hover:not(:disabled){background-color:#2980b9;transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.nav-btn:active:not(:disabled){transform:translateY(0)}.nav-btn:disabled{background-color:#bdc3c7;cursor:not-allowed;opacity:.6}.nav-info{font-size:13px;font-weight:500;color:#555;white-space:nowrap}.view-map-btn{padding:8px 16px;background-color:#94b9ff;color:#000;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s ease;box-shadow:0 5px 10px #0006;display:inline-flex;align-items:center;gap:6px}.view-map-btn:hover{background-color:#6595ec}.view-map-btn:active{transform:translateY(1px)}.violation-count{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.speed-violation{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.accel-violation{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.chart-section{margin-bottom:20px}.chart-section:last-of-type{margin-bottom:10px}.chart-subtitle{margin:0 0 10px;font-size:14px;font-weight:500;color:#444;padding-left:8px;border-left:3px solid #3498db}.chart-flags{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.flag-indicator{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.speed-flag{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.accel-flag{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.chart-summary{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef;display:flex;justify-content:center}.data-points{background:#e7f3ff;border:1px solid #b8daff;color:#004085;padding:6px 12px;border-radius:16px;font-weight:500;font-size:12px}.recharts-wrapper{font-family:inherit}.recharts-cartesian-axis-tick-value{font-size:11px;fill:#666}.recharts-legend-wrapper{font-size:12px}.recharts-tooltip-wrapper{z-index:100}.recharts-reference-line-line{opacity:.8}.recharts-label{font-weight:700}@media (max-width: 768px){.chart-card{padding:12px;margin-bottom:15px}.chart-header{gap:8px;margin-bottom:12px;padding-bottom:8px}.chart-header>div:first-child{flex-wrap:wrap;gap:8px}.chart-title{font-size:14px;white-space:normal}.view-map-btn{padding:6px 12px;font-size:13px}.violation-summary{width:100%;justify-content:flex-start;gap:8px}.violation-count{font-size:11px;padding:5px 10px}.chart-navigation{flex-direction:column;gap:8px}.nav-info{font-size:11px;text-align:center}.nav-btn{width:100%;max-width:200px}}@media (max-width: 480px){.chart-card{padding:10px}.chart-title{font-size:13px}.view-map-btn{padding:5px 10px;font-size:12px}.chart-subtitle{font-size:13px;margin-bottom:8px}.violation-summary{flex-direction:column;align-items:flex-start;gap:6px}.violation-count{font-size:10px;padding:4px 8px}}.App{display:flex;flex-direction:column;height:100vh}.container-charts{flex:1;overflow-y:auto;padding:24px 24px 100px;box-sizing:border-box;max-height:calc(100vh - 60px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filters-section{display:flex;gap:24px;margin-bottom:24px;align-items:end}.driver-dropdown,.date-dropdown{max-width:260px;flex:1}.driver-dropdown label,.date-dropdown label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.9rem}.driver-dropdown select,.date-dropdown select{width:100%;padding:10px 14px;border-radius:6px;border:1px solid #ccc;background:#fff;font-size:1rem;transition:border-color .2s}.driver-dropdown select:hover,.driver-dropdown select:focus,.date-dropdown select:hover,.date-dropdown select:focus{border-color:#888;outline:none}.date-dropdown select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.Statistics-Content{display:flex;flex-direction:column;gap:0;margin-top:16px}.courses-summary{width:100%;margin-bottom:16px}.courses-summary h3{margin:0;color:#333;font-size:1.1rem;font-weight:600;padding-bottom:8px;border-bottom:2px solid #e9ecef}.chart-card{background:#fff;border-radius:10px;box-shadow:0 5px 10px #0000001a;padding:20px;width:100%;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:24px}.chart-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.flag-details{margin-top:10px}.flag-list{display:flex;flex-direction:column;gap:4px;margin-top:5px;max-height:120px;overflow-y:auto}.flag-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500}.speed-flag-item{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.accel-flag-item{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.flag-time{font-weight:600}.flag-type{font-size:9px;opacity:.8}.chart-stats{display:flex;flex-direction:column;gap:8px;align-items:flex-end;font-size:11px;max-width:250px}.data-stats{background:#e7f3ff;border:1px solid #b8daff;color:#004085;padding:4px 8px;border-radius:12px;font-weight:500}@media (max-width: 1000px){.Statistics-Content{flex-direction:column}.chart-card{width:100%}}@media (max-width: 768px){.container-charts{padding:16px 16px 120px}.filters-section{flex-direction:column;gap:16px;align-items:stretch}.driver-dropdown,.date-dropdown{max-width:none}}@media (max-width: 480px){.container-charts{padding:12px 12px 140px}}.error{color:#e74c3c;margin-bottom:16px;font-weight:500}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data{font-size:1rem;color:#666;margin:24px 0;text-align:center;font-style:italic}.map-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.map-modal-content{position:relative;width:90%;height:90%;max-width:1400px;max-height:900px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 50px #0000004d;display:flex;flex-direction:column}.map-modal-content .map-container{flex:1;width:100%;height:100%;min-height:0}.map-modal-close{position:absolute;top:20px;right:20px;z-index:10001;background:#fff;border:none;font-size:32px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;color:#333;transition:all .2s}.map-modal-close:hover{background:#f5f5f5;transform:scale(1.1)}@media (max-width: 768px){.map-modal-content{width:95%;height:95%}.map-modal-close{top:10px;right:10px;width:36px;height:36px;font-size:28px}}