.header[data-v-57be6100]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;border-bottom:1px solid #f0f3f5}.header-title[data-v-57be6100]{font-size:24px;font-weight:700;color:#111418}.user-actions[data-v-57be6100]{display:flex;align-items:center;gap:10px}.user-avatar[data-v-57be6100]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.logout-button[data-v-57be6100]{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:8px;cursor:pointer}.logout-button[data-v-57be6100]:hover{background-color:#0056b3}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.user-profile[data-v-17c6899a]{padding:20px}.logout-button[data-v-17c6899a]{margin-top:20px}body{font-family:Public Sans,Noto Sans,sans-serif;background-color:#fff;margin:0;padding:0}.welcome-page{max-width:480px;margin:0 auto;text-align:center;padding:20px}.welcome-page .welcome-title{font-size:24px;font-weight:700;margin-bottom:20px}.welcome-page .welcome-text{font-size:16px;margin-bottom:20px}.welcome-page .guest-button,.welcome-page .login-button,.welcome-page .submit-button{display:block;width:100%;padding:12px;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;margin-bottom:10px}.welcome-page .guest-button:hover,.welcome-page .login-button:hover,.welcome-page .submit-button:hover{background-color:#0056b3}.guest-section{margin-top:20px}.form-group{margin-bottom:20px;text-align:left}.form-group p{font-size:14px;font-weight:medium;margin-bottom:8px}input,select{width:100%;padding:10px;font-size:14px;border:1px solid #f0f3f5;border-radius:8px;background-color:#f0f3f5;color:#111618;outline:none}input:focus,select:focus{border-color:#007bff}.ladestopp-form{max-width:480px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.ladestopp-form .form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ladestopp-form .form-header .icon-back svg{width:24px;height:24px;color:#111618}.ladestopp-form .form-header .form-title{font-size:18px;font-weight:700;color:#111618;text-align:center;flex:1}.password-container{position:relative;width:100%;padding-right:2.5rem}.password-container .toggle-password{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);cursor:pointer;color:#666}.password-container .toggle-password:hover{color:#111618}.dashboard-page{max-width:480px;margin:0 auto;text-align:center;padding:20px}.dashboard-page .dashboard-title{font-size:24px;font-weight:700;margin-bottom:20px}.dashboard-page .time-range-selector{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.dashboard-page .time-range-selector .time-range-option{cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;border:1px solid #f0f3f5;border-radius:8px;background-color:#f0f3f5}.dashboard-page .time-range-selector .time-range-option.active{background-color:#007bff;color:#fff;border-color:#0056b3}.dashboard-page .time-range-selector .time-range-option:hover{background-color:#f9f9f9;border-color:#ccc}.stat-cards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.stat-cards .stat-card{flex:1;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.stat-cards .stat-card+.full-width{flex-basis:100%}.stat-cards .stat-card .stat-value-wrapper{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center}.stat-cards .stat-card .stat-value-wrapper .stat-value{font-size:30px;font-weight:700;margin:10px}.stat-cards .stat-card .stat-value-wrapper .stat-unit{font-size:12px;font-weight:400;color:#111618;white-space:normal;word-break:break-word;text-align:left}.stat-cards .stat-card .stat-title{font-size:14px;font-weight:700;color:#111618;margin-top:auto}.chart-container{margin-top:20px}.header{background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.header .header-title{font-size:18px;font-weight:700;color:#111618;margin:0}.header .user-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #007bff}.header .logout-button{font-size:14px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}.header .logout-button:hover{background-color:#0056b3}.toggle-label{display:inline-flex;align-items:center;margin-right:15px;cursor:pointer}.toggle-label input{display:none}.toggle-label span{padding:5px 10px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;transition:background-color .3s,color .3s}.toggle-label span.active{background-color:#007bff;color:#fff;border-color:#007bff}