routie dev init since i didn't adhere to any proper guidance up until now

frontend/node_modules/vuetify/lib/components/VCalendar/VCalendarDaily.css

@@ -0,0 +1,139 @@
+@layer vuetify-components {
+  .v-calendar-daily {
+    background-color: rgb(var(--v-theme-surface));
+    color: rgb(var(--v-theme-on-surface));
+    border-left: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+    border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+  }
+  .v-calendar-daily .v-calendar-daily__intervals-head {
+    border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+  }
+  .v-calendar-daily .v-calendar-daily__intervals-head::after {
+    background: rgba(var(--v-border-color), var(--v-border-opacity));
+    background: linear-gradient(90deg, transparent, rgba(var(--v-border-color), var(--v-border-opacity)));
+  }
+  .v-calendar-daily .v-calendar-daily_head-day {
+    border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+    border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+  }
+  .v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-weekday,
+  .v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-day-label {
+    color: rgb(var(--v-theme-on-surface));
+  }
+  .v-calendar-daily .v-calendar-daily__intervals-body {
+    border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+  }
+  .v-calendar-daily .v-calendar-daily__intervals-body .v-calendar-daily__interval-text {
+    color: rgb(var(--v-theme-on-surface));
+  }
+  .v-calendar-daily .v-calendar-daily__day {
+    border-right: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+    border-bottom: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+  }
+  .v-calendar-daily .v-calendar-daily__day-interval {
+    border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+  }
+  .v-calendar-daily .v-calendar-daily__day-interval:first-child {
+    border-top: none;
+  }
+  .v-calendar-daily .v-calendar-daily__interval::after {
+    border-top: rgba(var(--v-border-color), var(--v-border-opacity)) 1px solid;
+  }
+  .v-calendar-daily {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    height: 100%;
+  }
+  .v-calendar-daily__head {
+    flex: none;
+    display: flex;
+  }
+  .v-calendar-daily__intervals-head {
+    flex: none;
+    position: relative;
+  }
+  .v-calendar-daily__intervals-head::after {
+    position: absolute;
+    bottom: 0px;
+    height: 1px;
+    left: 0;
+    right: 0;
+    content: "";
+  }
+  .v-calendar-daily_head-day {
+    flex: 1 1 auto;
+    width: 0;
+    position: relative;
+  }
+  .v-calendar-daily_head-weekday {
+    user-select: none;
+    padding: 3px 0px 0px 0px;
+    font-size: 11px;
+    text-align: center;
+    text-transform: uppercase;
+  }
+  .v-calendar-daily_head-day-label {
+    user-select: none;
+    padding: 0px 0px 3px 0px;
+    cursor: pointer;
+    text-align: center;
+  }
+  .v-calendar-daily__body {
+    flex: 1 1 60%;
+    overflow: hidden;
+    display: flex;
+    position: relative;
+    flex-direction: column;
+  }
+  .v-calendar-daily__scroll-area {
+    overflow-y: scroll;
+    flex: 1 1 auto;
+    display: flex;
+    align-items: flex-start;
+  }
+  .v-calendar-daily__pane {
+    width: 100%;
+    overflow-y: hidden;
+    flex: none;
+    display: flex;
+    align-items: flex-start;
+  }
+  .v-calendar-daily__day-container {
+    display: flex;
+    flex: 1;
+    width: 100%;
+    height: 100%;
+  }
+  .v-calendar-daily__intervals-body {
+    flex: none;
+    user-select: none;
+  }
+  .v-calendar-daily__interval {
+    text-align: right;
+    padding-right: 8px;
+    border-bottom: none;
+    position: relative;
+  }
+  .v-calendar-daily__interval::after {
+    width: 8px;
+    position: absolute;
+    height: 1px;
+    display: block;
+    content: "";
+    right: 0;
+    bottom: -1px;
+  }
+  .v-calendar-daily__interval-text {
+    display: block;
+    position: relative;
+    top: -6px;
+    font-size: 10px;
+    padding-right: 4px;
+  }
+  .v-calendar-daily__day {
+    flex: 1;
+    width: 0;
+    position: relative;
+  }
+}