@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

        :root {
            var(--bg-body): #F5F5F7;
            var(--font-sans): 'Plus Jakarta Sans', sans-serif;
        }

        body {
            font-family: var(--font-sans);
            background-color: #F5F5F7;
            color: #1A1A1E;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* Nav & Structure specifics */
        .nav-item {
            color: #71717A;
            transition: all 0.2s ease;
        }

        .nav-item.active {
            background: #000000;
            color: #FFFFFF;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .nav-item:hover:not(.active) {
            background: #F4F4F5;
            color: #18181B;
        }

        .mob-nav-item.active {
            color: #000000;
        }

        .mob-nav-item.active i {
            transform: scale(1.15) translateY(-2px);
        }

        /* Fullcalendar overrrides for Bento look */
        .fc {
            font-family: var(--font-sans);
        }

        .fc-theme-standard .fc-scrollgrid {
            border: none !important;
        }

        .fc-theme-standard td,
        .fc-theme-standard th {
            border-color: rgba(0, 0, 0, 0.05);
        }

        .fc-col-header-cell {
            padding: 12px 0;
            background: transparent !important;
        }

        .fc-col-header-cell-cushion {
            color: #71717A;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.75rem;
            text-decoration: none !important;
        }

        .fc-daygrid-day-number {
            color: #18181B;
            font-weight: 700;
            font-size: 0.9rem;
            text-decoration: none !important;
        }

        .fc-day-today .fc-daygrid-day-number {
            background: #000;
            color: #fff;
            border-radius: 50%;
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 4px;
        }

        .fc-day-today {
            background: #fafafa !important;
        }

        .fc-event {
            border: none;
            padding: 2px 4px;
            border-radius: 6px;
            font-weight: 600;
            font-size: 0.7rem;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .fc .fc-toolbar-title {
            font-size: 1.25rem;
            font-weight: 800;
            color: #18181B;
        }

        .fc .fc-button-primary {
            background: #fff !important;
            color: #18181B !important;
            border: 1px solid #e4e4e7 !important;
            border-radius: 12px !important;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
            text-transform: capitalize;
        }

        .fc .fc-button-primary:hover {
            background: #f4f4f5 !important;
        }

        .fc .fc-button-active {
            background: #18181B !important;
            color: white !important;
            border-color: #18181B !important;
        }