/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme, base, df-theme, components, utilities;
.bcp-root {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.bcp-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bcp-petal {
  position: absolute;
  border-radius: 50%;
  border: none;
  padding: 0;
  background: none;
  cursor: pointer;
}
.bcp-petal-visible:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff80;
}
.bcp-core {
  position: relative;
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
}
.bcp-core:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #3b82f6,0 0 0 4px #fff;
}
.bcp-core:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.bcp-svg {
  position: absolute;
  pointer-events: none;
}
.bcp-slider-track {
  pointer-events: auto;
  cursor: pointer;
  touch-action: none;
}
.bcp-slider-handle {
  pointer-events: auto;
  cursor: grab;
  touch-action: none;
}
.bcp-slider-handle:active {
  cursor: grabbing;
}
.bcp-bg,.bcp-bg-wrapper {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.bcp-bg-gradient {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(2px);
}
.bcp-bg-solid {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
}
.bcp-petal-ring {
  pointer-events: none;
}
@layer df-theme {
  :where(:root) {
    --df-color-background: rgb(255 255 255);
    --df-color-foreground: rgb(46 46 46);
    --df-color-hover: rgb(245 245 245);
    --df-color-border: rgb(229 229 229);
    --df-color-card: rgb(255 255 255);
    --df-color-card-foreground: rgb(46 46 46);
    --df-color-muted: rgb(243 244 246);
    --df-color-muted-foreground: rgb(107 114 128);
    --df-color-primary: rgb(46 46 46);
    --df-color-primary-foreground: rgb(255 255 255);
    --df-color-secondary: rgb(100 116 139);
    --df-color-secondary-foreground: rgb(255 255 255);
    --df-color-destructive: rgb(212 36 34);
    --df-color-destructive-foreground: rgb(255 255 255);
  }
  :where(.dark) {
    --df-color-background: rgb(16 24 40);
    --df-color-hover: rgb(30 41 59);
    --df-color-foreground: rgb(229 229 229);
    --df-color-card: rgb(16 24 40);
    --df-color-card-foreground: rgb(229 229 229);
    --df-color-border: rgb(51 65 85);
    --df-color-muted: rgb(30 41 59);
    --df-color-muted-foreground: rgb(148 163 184);
    --df-color-primary: rgb(229 229 229);
    --df-color-primary-foreground: rgb(15 23 42);
    --df-color-secondary: rgb(148 163 184);
    --df-color-secondary-foreground: rgb(15 23 42);
    --df-color-destructive: rgb(147 70 69);
    --df-color-destructive-foreground: rgb(254 242 242);
  }
  @media (prefers-color-scheme: dark) {
    :root:not(.light):not(.dark) {
      --df-color-background: rgb(21 21 21);
      --df-color-hover: rgb(28 28 28);
      --df-color-foreground: rgb(229 229 229);
      --df-color-border: rgb(56 56 56);
      --df-color-card: rgb(31 41 55);
      --df-color-card-foreground: rgb(229 229 229);
      --df-color-muted: rgb(55 65 81);
      --df-color-muted-foreground: rgb(156 163 175);
      --df-color-primary: rgb(229 229 229);
      --df-color-primary-foreground: rgb(23 23 23);
      --df-color-secondary: rgb(156 163 175);
      --df-color-secondary-foreground: rgb(23 23 23);
      --df-color-destructive: rgb(147 70 69);
      --df-color-destructive-foreground: rgb(254 242 242);
    }
  }
}
@layer components {
  .df-calendar-container {
    color-scheme: light dark;
    position: relative;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    border-radius: 0.5rem;
    background-color: var(--df-color-background);
    border: 1px solid var(--df-color-border);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --df-calendar-height: 800px;
    height: var(--df-calendar-height, 800px);
    font-family: Arial;
  }
  .df-calendar-container, .df-portal, .df-event-detail-panel, .df-dialog-container, .df-range-picker {
    --color-background: var(--df-color-background);
    --color-foreground: var(--df-color-foreground);
    --color-hover: var(--df-color-hover);
    --color-border: var(--df-color-border);
    --color-card: var(--df-color-card);
    --color-card-foreground: var(--df-color-card-foreground);
    --color-muted: var(--df-color-muted);
    --color-muted-foreground: var(--df-color-muted-foreground);
    --color-primary: var(--df-color-primary);
    --color-primary-foreground: var(--df-color-primary-foreground);
    --color-secondary: var(--df-color-secondary);
    --color-secondary-foreground: var(--df-color-secondary-foreground);
    --color-destructive: var(--df-color-destructive);
    --color-destructive-foreground: var(--df-color-destructive-foreground);
    --hover: var(--df-color-hover);
  }
  .df-calendar-container .df-header, .df-calendar-container .df-calendar, .df-calendar-container .df-month-view {
    background-color: var(--df-color-background);
  }
  .df-calendar-container .df-sidebar {
    background-color: var(--df-color-background);
    border-color: var(--df-color-border);
  }
  .df-calendar-container .df-week-header-row, .df-calendar-container .df-week-header {
    background-color: var(--df-color-background);
    border-color: var(--df-color-border);
  }
  .df-calendar-container .df-month-day-cell, .df-calendar-container .df-time-grid-cell, .df-calendar-container .df-all-day-cell, .df-calendar-container .df-time-column, .df-calendar-container .df-time-grid-row, .df-calendar-container .df-time-grid-boundary, .df-calendar-container .df-all-day-row, .df-calendar-container .df-mini-calendar {
    border-color: var(--df-color-border);
  }
  .df-calendar-container .df-year-grid-month {
    --heat-1: #ebf5ff;
    --heat-2: #cfe8ff;
    --heat-3: #91d5ff;
    --heat-4: #60a5fa;
    --heat-5: #3b82f6;
  }
  .dark .df-calendar-container .df-year-grid-month {
    --heat-1: #1e3a5f;
    --heat-2: #2563eb;
    --heat-3: #1e40af;
    --heat-4: #3b82f6;
    --heat-5: #93c5fd;
  }
  .df-calendar-time-column {
    width: 5rem;
    flex-shrink: 0;
    border-color: var(--df-color-border);
  }
  .df-calendar-nav-button {
    padding: 0.25rem;
    color: rgb(75 85 99);
    border-radius: 0.25rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .dark .df-calendar-nav-button {
    color: rgb(209 213 219);
  }
  .df-calendar-nav-button:hover {
    background-color: rgb(243 244 246);
  }
  .dark .df-calendar-nav-button:hover {
    background-color: rgb(31 41 55);
  }
  .df-calendar-today-button {
    padding: 0.25rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(55 65 81);
    border-radius: 0.25rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .dark .df-calendar-today-button {
    color: rgb(229 231 235);
  }
  .df-calendar-today-button:hover {
    background-color: rgb(243 244 246);
  }
  .dark .df-calendar-today-button:hover {
    background-color: rgb(31 41 55);
  }
  .df-calendar-checkbox {
    margin-right: 0.5rem;
    display: inline-flex;
    height: 1rem;
    width: 1rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border: 1px solid var(--df-color-border);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    position: relative;
  }
  .df-calendar-checkbox:focus-visible {
    outline: 2px solid var(--checkbox-color, #3b82f6);
    outline-offset: 2px;
  }
  .df-calendar-checkbox:checked {
    background-color: var(--checkbox-color, #3b82f6);
    border-color: var(--checkbox-color, #3b82f6);
  }
  .df-calendar-checkbox:checked::after {
    content: '';
    display: block;
    width: 0.25rem;
    height: 0.5rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  .df-event-detail-panel, .df-dialog-container {
    background-color: var(--df-color-card);
    border-color: var(--df-color-border);
  }
  .df-calendar-container .df-header-left, .df-calendar-container .df-header-mid, .df-calendar-container .df-header-right {
    flex: 1;
  }
  .df-current-time-bar {
    background-color: var(--df-color-primary);
  }
  .df-current-time-label {
    background-color: var(--df-color-primary);
    color: var(--df-color-primary-foreground);
  }
  .df-today-button {
    color: var(--df-color-primary);
  }
  .df-today-button:hover, .df-nav-button:hover {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 10%, transparent );
    }
  }
  .df-nav-button:hover {
    color: var(--df-color-primary);
  }
  .df-search-group:focus-within .df-search-focus-within-primary {
    color: var(--df-color-primary);
  }
  .df-fill-primary {
    background-color: var(--df-color-primary);
    color: var(--df-color-primary-foreground);
  }
  .df-fill-secondary {
    background-color: var(--df-color-secondary);
    color: var(--df-color-secondary-foreground);
  }
  .df-fill-destructive {
    background-color: var(--df-color-destructive);
    color: var(--df-color-destructive-foreground);
  }
  .df-tint-primary {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 10%, transparent );
    }
    color: var(--df-color-primary);
  }
  .df-tint-primary-md {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 20%, transparent );
    }
    color: var(--df-color-primary);
  }
  .df-tint-primary-lg {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 30%, transparent );
    }
    color: var(--df-color-primary);
  }
  .dark .df-dark-tint-primary-md {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 20%, transparent );
    }
  }
  .df-hover-primary:hover {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 10%, transparent );
    }
    color: var(--df-color-primary);
  }
  .df-hover-primary-md:hover {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 20%, transparent );
    }
    color: var(--df-color-primary);
  }
  .dark .df-hover-primary-dark-md:hover {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 20%, transparent );
    }
  }
  .df-hover-primary-solid:hover {
    background-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-primary) 90%, transparent );
    }
  }
  .df-hover-destructive:hover {
    background-color: var(--df-color-destructive);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in srgb, var(--df-color-destructive) 90%, transparent );
    }
  }
  .df-hover-fill-destructive:hover {
    background-color: var(--df-color-destructive);
    color: var(--df-color-destructive-foreground);
  }
  .df-focus-fill-destructive:focus {
    background-color: var(--df-color-destructive);
    color: var(--df-color-destructive-foreground);
  }
  .df-text-primary {
    color: var(--df-color-primary);
  }
  .df-text-primary-fg {
    color: var(--df-color-primary-foreground);
  }
  .df-text-secondary-fg {
    color: var(--df-color-secondary-foreground);
  }
  .df-text-destructive {
    color: var(--df-color-destructive);
  }
  .df-text-destructive-fg {
    color: var(--df-color-destructive-foreground);
  }
  .df-border-primary {
    border-color: var(--df-color-primary);
  }
  .df-border-primary-soft {
    border-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--df-color-primary) 50%, transparent);
    }
  }
  .df-ring-primary {
    --tw-ring-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(
      in srgb,
      var(--df-color-primary) 20%,
      transparent
    );
    }
  }
  .df-ring-primary-solid {
    --tw-ring-color: var(--df-color-primary);
  }
  .df-shadow-primary {
    --tw-shadow-color: var(--df-color-primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(
      in srgb,
      var(--df-color-primary) 20%,
      transparent
    );
    }
  }
  .df-focus-ring:focus {
    border-color: var(--df-color-primary);
    --tw-ring-color: var(--df-color-primary);
  }
  .df-focus-ring-only:focus {
    --tw-ring-color: var(--df-color-primary);
  }
  .df-focus-border-primary:focus {
    border-color: var(--df-color-primary);
  }
  .df-all-day-event-animate {
    animation: df-event-pop-in 0.3s ease-out forwards;
  }
  .df-animate-in {
    animation-duration: 200ms;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .df-fade-in {
    animation-name: df-fade-in;
  }
  .df-zoom-in-95 {
    animation-name: df-zoom-in;
  }
  .df-fade-in.df-zoom-in-95 {
    animation-name: df-fade-in, df-zoom-in;
  }
  .df-animate-slide-up {
    animation: df-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .df-animate-slide-down {
    animation: df-slide-down 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  @media (max-width: 768px) {
    .df-calendar-container {
      --df-calendar-height: 550px;
    }
  }
  @media (max-width: 767px) {
    .df-mobile-mask-fade {
      mask-image: linear-gradient(to right, black 70%, transparent 100%);
      -webkit-mask-image: linear-gradient( to right, black 70%, transparent 100% );
    }
  }
}
.df-calendar-container *::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.df-calendar-container *::-webkit-scrollbar-track {
  background: transparent;
}
.df-calendar-container *::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 1px;
}
.dark .df-calendar-container *::-webkit-scrollbar-thumb {
  background: #4b5563;
}
.df-calendar-container *::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}
.df-calendar-container * {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}
.dark .df-calendar-container * {
  scrollbar-color: #4b5563 transparent;
}
.df-calendar-container.df-drag-active, .df-calendar-container .df-drag-active {
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.df-calendar-container.df-drag-active .calendar-event, .df-calendar-container.df-drag-active .df-month-more-events, .df-calendar-container.df-drag-active .df-month-title, .df-calendar-container.df-drag-active .df-year-event-content {
  pointer-events: none;
}
.df-calendar-container .df-cursor-ns-resize, .df-calendar-container .df-cursor-ns-resize * {
  cursor: ns-resize;
}
body.df-cursor-ns-resize, body.df-cursor-ns-resize * {
  cursor: ns-resize !important;
}
.df-calendar-container .df-cursor-ew-resize, .df-calendar-container .df-cursor-ew-resize * {
  cursor: ew-resize;
}
body.df-cursor-ew-resize, body.df-cursor-ew-resize * {
  cursor: ew-resize !important;
}
.df-calendar-container .df-cursor-grabbing, .df-calendar-container .df-cursor-grabbing * {
  cursor: grabbing;
}
body.df-cursor-grabbing, body.df-cursor-grabbing * {
  cursor: grabbing !important;
}
.df-scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.df-scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@keyframes df-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes df-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes df-event-pop-in {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes df-zoom-in {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes df-slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes df-slide-down {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}