body{margin:8vh 0 7vh;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}footer{background-color:#00000080;color:#fff;width:100vw;height:3vh;box-shadow:5px 0 10px #00000080;font-size:small;padding:1vw}.App{display:flex;flex-direction:column;align-items:flex-start;height:100vh}.Body-Style{background-image:url(/assets/background-DXw0_tXO.jpg);background-size:cover;display:flex;flex-direction:row;align-items:stretch;height:100%;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:baseline;justify-content:space-between;font-size:1em;color:#000;box-shadow:0 5px 10px #0000001a;width:100vw;position:absolute;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;z-index:1000;align-items:center;justify-content:space-between;background-color:#fff;height:7vh;font-size:calc(7px + 2vmin);color:#000;box-shadow:0 5px 10px #0000001a;padding-bottom:1vh;width:100vw}.App-header .Header-Contact{display:flex;flex-direction:row;align-items:center;font-size:medium;margin-right:2vw;margin-top:.5vh;font-weight:400}.App-header .Header-Text{margin-top:1vh}.App-logo-Login{width:auto;height:8vh;margin-left:1vh;margin-top:1vh;cursor:pointer}.App-logo{width:auto;height:8vh;margin-left:5.5vh;margin-top:1vh;cursor:pointer}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:10vh 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:40vh}}@media (max-width: 768px){.Login-Box{width:60vw;height:auto}}@media (max-width: 480px){.Login-Box{width:80vw;margin:5vh auto}}.Login-Username{margin-top:2vh;width:90%}.Login-Password{width:90%}.App-Login{display:flex;flex-direction:column;align-items:center;background-image:url(/assets/background-DXw0_tXO.jpg);background-size:cover;height:100vh;padding:20px}@media (max-width: 768px){.App-Login{padding:10px}}@media (max-width: 480px){.App-Login{flex-direction:column;align-items:stretch;padding:5px}}@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;height:60vh;border-radius:10px;width:100%;margin:0 auto}table{width:100%;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}.Column-Title{background:linear-gradient(90deg,#cdffd8,#94b9ff);padding:1vh 1vw}td{text-align:left;padding:1vh 1vw;box-shadow:0 0 1px #0000001a;cursor:pointer;background:#fff9;transition:background-color .2s ease}td[type=number]{text-align:right}th{text-align:left;padding:1vh 1vw}tr:hover td{background:#ffffffe6;box-shadow:0 0 3px #00000026}.Table-Info{display:flex;background:#fff9;justify-content:space-between;padding:1vh 1vw;border-radius:0 0 5px 5px;box-shadow:0 0 1px #0000001a}.Table-Info-Buttons{cursor:pointer}.search{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}button[type=tableadd]{color:#00f;text-decoration:underline;background:#0000;border:none;border-radius:5px;box-shadow:0 0 1px #0000;display:flex;cursor:pointer}button[type=tablerefresh]{color:#00f;text-decoration:underline;background:#0000;border:none;border-radius:5px;box-shadow:0 0 1px #0000;display:flex;justify-content:end;cursor:pointer}.Table-Buttons{display:flex;justify-content:space-between;align-items:center;height:3.5vh;background-color:#ffffffb3;border-radius:5px 5px 0 0;width:100%;padding:5px 0}input[type=search]{border:none;border-bottom:1px solid black;padding:0 0 4px;margin:1vh 0;width:100%;text-align:center;box-shadow:0 0 1px #0000;border-radius:5px}input[type=search]:focus{outline:none;border-bottom:3px solid rgb(0,0,0)}.Slide-Bar{position:fixed;top:0;left:0;width:20vw;height:100vh;background-color:#f0f0f0;z-index:1000}@media (max-width: 768px){.Slide-Bar{width:15vw}}@media (max-width: 480px){.Slide-Bar{width:10vw}}.Menu-Button{position:fixed;left:0;top:2vh;z-index:2000;margin:0 1vh;background-color:#fff;color:#000;border:none;border-radius:10px;cursor:pointer;width:40px;height:40px;font-weight:700;box-shadow:0 5px 10px #0000;transition:background-color .3s ease;font-size:small}.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:center;padding:10px;flex:0 0 auto;min-width:0}.gauge-title{font-size:1.5em;font-weight:600;margin-bottom:15px;color:#2c3e50;text-align:center}.gauge-container{width:180px;height:180px;margin-bottom:10px}.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:10px;padding:8px 16px;background:linear-gradient(135deg,#cdffd866,#94b9ff66);border-radius:20px;border:2px solid rgba(148,185,255,.6);transition:all .3s ease}.gauge-target.achieved{background:linear-gradient(135deg,#27ae5fe6,#2ed573e6);border:2px solid rgba(39,174,95,1);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:8px}.gauge-title{font-size:1.2em;margin-bottom:10px}.gauge-container{width:140px;height:140px}.gauge-subtitle{font-size:.85em}.gauge-target{font-size:.9em;padding:6px 12px;margin-top:8px}.gauge-target-value{font-size:1em}}@media (max-width: 480px){.modern-gauge{padding:5px}.gauge-title{font-size:1em;margin-bottom:8px;white-space:nowrap}.gauge-container{width:110px;height:110px}.gauge-subtitle{font-size:.75em}.gauge-target{font-size:.8em;padding:5px 10px;margin-top:6px}.gauge-target-value{font-size:.95em}}@media (max-width: 360px){.modern-gauge{padding:3px}.gauge-title{font-size:.9em}.gauge-container{width:90px;height:90px}.gauge-subtitle{font-size:.7em}.gauge-target{font-size:.75em;padding:4px 8px;margin-top:5px}.gauge-target-value{font-size:.9em}}.Home-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){.Home-Content{padding:3vw;padding-bottom:140px;padding-top:20px}}@media (max-width: 480px){.Home-Content{padding:2vw;padding-bottom:160px;padding-top:15px}}.Stats-Row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px;align-items:stretch}@media (max-width: 900px){.Stats-Row{grid-template-columns:1fr 1fr}.Stats-Row .Gauge-Card:last-child{grid-column:1 / -1}}@media (max-width: 560px){.Stats-Row{grid-template-columns:1fr}.Stats-Row .Gauge-Card:last-child{grid-column:unset}}.Gauge-Card{background:#ffffffb3;border-radius:16px;box-shadow:0 4px 16px #00000012;padding:20px 16px;display:flex;align-items:center;justify-content:center}.Excess-Card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;width:100%}.Excess-Title{font-size:1.5em;font-weight:600;margin-bottom:15px;color:#2c3e50;text-align:center}.Excess-Circle{width:180px;height:180px;border-radius:50%;border:10px solid #e67e22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#e67e220f;margin-bottom:10px}.Excess-Icon{font-size:1.4em;line-height:1}.Excess-Amount{font-size:1.6em;font-weight:700;color:#e67e22;line-height:1.1}.Excess-Currency{font-size:.8em;font-weight:500;color:#7f8c8d;text-transform:uppercase;letter-spacing:.05em}.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:#ff4757;color:#fff}.Coach-Priority.medium{background:#ffa502;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}}.Slide-Bar{width:20vw;height:100%;background-color:#f0f0f0}@media (max-width: 768px){.Slide-Bar{width:25vw}}@media (max-width: 480px){.Slide-Bar{width:30vw}}.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 rgba(76,175,80,.3)}.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:#4caf50cc;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 rgba(76,175,80,.3)}.message.error{background:#ff94a6cc;color:#000;border:2px solid rgba(244,67,54,.3)}.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:#22c55e26;color:#16a34a}.trend-stable{background:#94b9ff33;color:#3b82f6}.trend-declining{background:#ef44441f;color:#dc2626}.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:#ffaa3226;color:#d97706}.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 #f59e0b;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:#22c55e26;color:#16a34a}.Coach-Action-Button.warning{background:#f59e0b26;color:#d97706}.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:#f59e0b26;color:#d97706}.outcome-improved{background:#22c55e26;color:#16a34a}.outcome-needs_followup{background:#ef44441f;color:#dc2626}.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:#22c55e14;border-left-color:#16a34a}.pattern-positive .pattern-label{color:#16a34a}.pattern-neutral{background:#3b82f614;border-left-color:#3b82f6}.pattern-neutral .pattern-label{color:#3b82f6}.pattern-attention{background:#f59e0b14;border-left-color:#f59e0b}.pattern-attention .pattern-label{color:#d97706}.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:#dc2626}.target-card.priority-medium{border-left-color:#f59e0b}.target-card.priority-low{border-left-color:#16a34a}.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:#16a34a}.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:#dc26261f;color:#dc2626}.priority-badge.priority-medium{background:#f59e0b1f;color:#d97706}.priority-badge.priority-low{background:#22c55e1f;color:#16a34a}.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:#dc2626}.action-card.priority-medium{border-left-color:#f59e0b}.action-card.priority-low{border-left-color:#16a34a}.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:#16a34a;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:#22c55e26;color:#16a34a}.improvement-badge.negative{background:#ef44441f;color:#dc2626}.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:#22c55e26;color:#16a34a}@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:10vh 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:5vh auto}}.Register-Username{margin-top:2vh}.App-Register{display:flex;flex-direction:column;align-items:center;background-image:url(/assets/background-DXw0_tXO.jpg);background-size:cover;height:100vh;padding:20px}.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}.Settings-Content::-webkit-scrollbar{width:8px}.Settings-Content::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:8px}@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)}.container-charts::-webkit-scrollbar{width:8px}.container-charts::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:8px}.container-charts::-webkit-scrollbar-track{background-color:#0000000d;border-radius:8px}.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}}