.gap-4{gap:1rem}
.gap-3{gap:.75rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.p-4{padding:1rem}
.pl-10{padding-left:2.5rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.ml-2{margin-left:.5rem}
.ml-auto{margin-left:auto}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.space-y-4>*+*{margin-top:1rem}
.relative{position:relative}
.absolute{position:absolute}
.left-3{left:.75rem}
.top-6{top:1.5rem}
.bottom-0{bottom:0}
.w-px{width:1px}
.w-5{width:1.25rem}
.h-5{height:1.25rem}
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-full{border-radius:9999px}
.border{border-width:1px}
.border-2{border-width:2px}
.border-gray-200{border-color:#e5e7eb}
.border-indigo-100{border-color:#e0e7ff}
.border-blue-500{border-color:#3b82f6}
.bg-gray-50{background-color:#f9fafb}
.bg-gray-200{background-color:#e5e7eb}
.bg-white{background-color:#ffffff}
.bg-blue-200{background-color:#bfdbfe}
.bg-indigo-50{background-color:#eef2ff}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.italic{font-style:italic}
.text-gray-500{color:#6b7280}
.text-gray-400{color:#9ca3af}
.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}
.text-gray-800{color:#1f2937}
.text-gray-900{color:#111827}
.text-blue-600{color:#2563eb}
.text-green-600{color:#16a34a}
.text-amber-600{color:#d97706}
.text-indigo-600{color:#4f46e5}
.text-indigo-800{color:#3730a3}
.text-indigo-900{color:#312e81}
.text-primary-600{color:#d97706}
.hover\:text-primary-700:hover{color:#b45309}
.flex{display:flex}
.items-center{align-items:center}
.flex-wrap{flex-wrap:wrap}
.shadow-sm{--tw-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:var(--tw-shadow)}
.overflow-hidden{overflow:hidden}
.overflow-x-hidden{overflow-x:hidden}
.max-w-none{max-width:none}
.break-words{overflow-wrap:break-word}

@media (prefers-color-scheme: dark){
  .dark\:bg-gray-900{background-color:#111827}
  .dark\:bg-indigo-900\/40{background-color:rgba(49,46,129,.4)}
  .dark\:border-gray-700{border-color:#374151}
  .dark\:text-gray-100{color:#f3f4f6}
  .dark\:text-gray-300{color:#d1d5db}
  .dark\:text-gray-400{color:#9ca3af}
  .dark\:text-blue-400{color:#60a5fa}
  .dark\:text-green-400{color:#4ade80}
  .dark\:text-indigo-200{color:#c7d2fe}
  .dark\:text-indigo-300{color:#a5b4fc}
  .dark\:bg-gray-800{background-color:#1f2937}
  .dark\:border-indigo-800{border-color:#3730a3}
}
.w-3{width:.75rem}
.h-3{height:.75rem}

.dark .filament-forms-date-time-picker-component .bg-white {
    background-color: #242427;
}

.dark .filament-forms-date-time-picker-component .fi-input {
    color: rgb(255, 255, 255);
}

:root{
  --dv-surface:#fffdf9;
  --dv-surface-soft:#fff7ec;
  --dv-border:#e7d8bf;
  --dv-border-strong:#d7c2a0;
  --dv-text:#372716;
  --dv-topbar-bg:rgba(255,250,243,.88);
  --dv-sidebar-bg:linear-gradient(180deg, rgba(255,252,247,.97) 0%, rgba(255,244,227,.97) 100%);
  --dv-page-bg:
    radial-gradient(circle at top left, rgba(245,158,11,.10), transparent 26%),
    radial-gradient(circle at top right, rgba(251,191,36,.12), transparent 24%),
    linear-gradient(180deg, #fffdfa 0%, #fff6ea 100%);
  --dv-header-bg:linear-gradient(180deg, rgba(255,248,238,.98) 0%, rgba(255,253,249,.96) 100%);
  --dv-shadow:0 18px 45px rgba(79,55,24,.10);
  --dv-shadow-soft:0 10px 28px rgba(79,55,24,.09);
}

.dark{
  --dv-surface:#221b13;
  --dv-surface-soft:#18120d;
  --dv-border:#4f3c25;
  --dv-border-strong:#5b452b;
  --dv-text:#f4ead8;
  --dv-topbar-bg:rgba(29,24,17,.88);
  --dv-sidebar-bg:linear-gradient(180deg, rgba(30,24,18,.96) 0%, rgba(23,18,14,.96) 100%);
  --dv-page-bg:
    radial-gradient(circle at top left, rgba(245,158,11,.10), transparent 26%),
    linear-gradient(180deg, #16130f 0%, #1d1811 100%);
  --dv-header-bg:linear-gradient(180deg, rgba(48,36,24,.92) 0%, rgba(34,27,19,.92) 100%);
  --dv-shadow:0 18px 45px rgba(0,0,0,.28);
  --dv-shadow-soft:0 14px 34px rgba(0,0,0,.24);
}

html body{
  background:var(--dv-page-bg);
  color:var(--dv-text);
}

.fi-topbar{
  backdrop-filter:blur(14px);
  background:var(--dv-topbar-bg);
  border-bottom:1px solid var(--dv-border);
}

.fi-sidebar{
  background:var(--dv-sidebar-bg);
  border-right:1px solid var(--dv-border);
}

.fi-section,
.fi-ta,
.fi-wi-stats-overview-stat,
.fi-fo-field-wrp{
  border-radius:18px;
}

.fi-section,
.fi-ta,
.fi-wi-stats-overview-stat{
  background:var(--dv-surface);
  border:1px solid var(--dv-border);
  box-shadow:var(--dv-shadow-soft);
  overflow:hidden;
}

.fi-section-header{
  border-bottom:1px solid var(--dv-border);
  background:var(--dv-header-bg);
}

.fi-section-content,
.fi-section > div:last-child{
  background:var(--dv-surface-soft);
}

.fi-fo-field-wrp{
  background:transparent;
}

.fi-input,
.fi-select-input,
.fi-textarea{
  border-radius:14px !important;
  border-color:var(--dv-border-strong) !important;
  background-color:rgba(255,251,245,.98) !important;
  color:var(--dv-text) !important;
}

.dark .fi-input,
.dark .fi-select-input,
.dark .fi-textarea{
  background-color:#2a2117 !important;
  border-color:var(--dv-border-strong) !important;
  color:var(--dv-text) !important;
}

.dark .fi-section,
.dark .fi-ta,
.dark .fi-wi-stats-overview-stat{
  box-shadow:var(--dv-shadow-soft);
}

.fi-btn-color-primary{
  box-shadow:0 12px 24px rgba(217,119,6,.18);
}

.fi-btn-color-primary,
.fi-ac-btn-action{
  border-radius:14px !important;
}

.fi-main{
  position:relative;
}

.fi-main::before{
  content:"";
  position:fixed;
  inset:auto auto 6% 2%;
  width:280px;
  height:280px;
  border-radius:9999px;
  background:radial-gradient(circle, rgba(251,191,36,.12) 0%, rgba(251,191,36,0) 68%);
  pointer-events:none;
  z-index:0;
}

.fi-main > *{
  position:relative;
  z-index:1;
}

.fi-fo-file-upload,
.fi-ta-table{
  border-radius:16px !important;
  overflow:hidden;
}

.fi-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:1000 !important;
}

.fi-modal-close-overlay{
  z-index:1000 !important;
}

.fi-modal-window-ctn{
  position:fixed !important;
  inset:0 !important;
  z-index:1001 !important;
  padding:clamp(12px, 2vw, 24px) !important;
  padding-top:72px !important;
}

.fi-modal-window{
  width:min(92vw, 1100px);
  max-width:min(92vw, 1100px);
  max-height:calc(100vh - 48px) !important;
  overflow:hidden !important;
}

.fi-modal-content{
  overflow-y:auto !important;
  max-height:calc(100vh - 220px) !important;
  padding-right:.35rem;
}

.fi-modal-window .fi-section,
.fi-modal-window .fi-section-content,
.fi-modal-window .fi-in-entry-content,
.fi-modal-window .fi-in-text{
  min-width:0;
}