*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e2e8f0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; font-family: Inter, system-ui, -apple-system, sans-serif; -webkit-tap-highlight-color: transparent; }
body { margin: 0; line-height: inherit; }
h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol, dl, dd { margin: 0; }
ul, ol { padding: 0; list-style: none; }
button, input, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; }
button, select { text-transform: none; }
button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none; cursor: pointer; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #94a3b8; }
input::placeholder, textarea::placeholder { opacity: 1; color: #94a3b8; }
textarea { resize: vertical; }
table { border-collapse: collapse; text-indent: 0; }
a { color: inherit; text-decoration: inherit; }
img, video { display: block; vertical-align: middle; max-width: 100%; height: auto; }
svg { display: block; vertical-align: middle; flex-shrink: 0; }
[hidden] { display: none; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: .625rem; padding: .625rem 1.25rem; font-size: .875rem; line-height: 1.25rem; font-weight: 500; transition: all .15s cubic-bezier(.4,0,.2,1); }
.btn:focus { outline: 2px solid transparent; outline-offset: 2px; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(59,130,246,.5); }
.btn:focus:is(.dark *) { box-shadow: 0 0 0 2px #0f172a, 0 0 0 4px rgba(59,130,246,.5); }
.btn:disabled { cursor: not-allowed; opacity: .5; }
.btn > svg { height: 1rem; width: 1rem; flex-shrink: 0; }
.btn-sm { padding: .5rem 1rem; font-size: .75rem; line-height: 1rem; }
.btn-icon { padding: .625rem; }
.btn-primary { background-color: #2563eb; color: #fff; box-shadow: 0 1px 2px 0 rgba(37,99,235,.15); }
.btn-primary:hover { background-color: #1d4ed8; }
.btn-primary:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(59,130,246,.4); }
.btn-success { background-color: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; box-shadow: 0 1px 2px 0 rgba(16,185,129,.05); }
.btn-success:hover { background-color: #d1fae5; border-color: #6ee7b7; color: #047857; }
.btn-success:is(.dark *) { background-color: rgba(6,78,59,.3); border-color: rgba(5,150,105,.4); color: #6ee7b7; }
.btn-success:hover:is(.dark *) { background-color: rgba(6,78,59,.45); color: #a7f3d0; }
.btn-danger { background-color: #fff1f2; color: #9f1239; border: 1px solid #fecdd3; box-shadow: 0 1px 2px 0 rgba(244,63,94,.05); }
.btn-danger:hover { background-color: #ffe4e6; border-color: #fda4af; color: #881337; }
.btn-danger:is(.dark *) { background-color: rgba(136,19,55,.3); border-color: rgba(225,29,72,.4); color: #fda4af; }
.btn-danger:hover:is(.dark *) { background-color: rgba(136,19,55,.45); color: #fecdd3; }
.btn-soft-primary:is(.dark *) { background-color: rgba(30,64,175,.3); border-color: rgba(59,130,246,.4); color: #93c5fd; }
.btn-soft-primary:hover:is(.dark *) { background-color: rgba(30,64,175,.45); color: #bfdbfe; }
.btn-outline { border: 1px solid #cbd5e1; background-color: #fff; color: #334155; }
.btn-outline:hover { background-color: #f8fafc; }
.btn-outline:is(.dark *) { border-color: #475569; background-color: #1e293b; color: #e2e8f0; }
.btn-outline:hover:is(.dark *) { background-color: #334155; }
.btn-ghost { background-color: transparent; color: #334155; }
.btn-ghost:hover { background-color: #f1f5f9; }
.btn-ghost:is(.dark *) { color: #cbd5e1; }
.btn-ghost:hover:is(.dark *) { background-color: #1e293b; }
.card { position: relative; border-radius: 1rem; border: 1px solid rgba(226,232,240,.6); background-color: #fff; box-shadow: 0 12px 32px -8px rgba(15,46,95,.10), 0 4px 12px -4px rgba(15,46,95,.05); overflow: hidden; }
.card:is(.dark *) { border-color: rgba(51,65,85,.6); background-color: #1e293b; }
.card-body { padding: 1rem; }
.card-header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; border-bottom: 1px solid rgba(226,232,240,.6); background-color: rgba(248,250,252,.6); padding: .875rem 1rem; }
.card-header:is(.dark *) { border-color: rgba(51,65,85,.6); background-color: rgba(15,23,42,.3); }
@media (min-width: 640px) {
  .card-body { padding: 1.5rem; }
  .card-header { padding: 1.125rem 1.5rem; }
}
.kpi { border-radius: 1rem; border: 1px solid rgba(226,232,240,.6); background-color: #fff; box-shadow: 0 4px 12px -2px rgba(15,46,95,.08), 0 2px 4px -2px rgba(15,46,95,.04); display: flex; flex-direction: column; gap: .375rem; padding: 1.25rem; transition: box-shadow .15s cubic-bezier(.4,0,.2,1); }
.kpi:is(.dark *) { border-color: rgba(51,65,85,.6); background-color: #1e293b; }
.kpi:hover { box-shadow: 0 12px 32px -8px rgba(15,46,95,.14), 0 4px 12px -4px rgba(15,46,95,.06); }
.kpi-label { display: flex; align-items: center; gap: .375rem; font-size: .75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: .025em; color: #64748b; }
.kpi-label:is(.dark *) { color: #94a3b8; }
.kpi-value { font-size: 1.5rem; line-height: 1.25; font-weight: 700; color: #1e293b; }
.kpi-value:is(.dark *) { color: #f1f5f9; }
.form-label { margin-bottom: .375rem; display: block; font-size: .875rem; line-height: 1.25rem; font-weight: 500; color: #334155; }
.form-label:is(.dark *) { color: #cbd5e1; }
.form-control { width: 100%; border-radius: .625rem; border: 1px solid #cbd5e1; background-color: #fff; padding: .625rem .875rem; color: #1e293b; transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s; }
.form-control::-moz-placeholder { color: #94a3b8; }
.form-control::placeholder { color: #94a3b8; }
.form-control:focus { border-color: #3b82f6; outline: 2px solid transparent; outline-offset: 2px; box-shadow: 0 0 0 2px rgba(59,130,246,.2); }
.form-control:is(.dark *) { border-color: #475569; background-color: #1e293b; color: #f1f5f9; }
.form-control:is(.dark *)::-moz-placeholder { color: #64748b; }
.form-control:is(.dark *)::placeholder { color: #64748b; }
.form-control-sm { padding: .5rem .75rem; font-size: .875rem; line-height: 1.25rem; }
.form-hint { margin-top: .25rem; font-size: .75rem; line-height: 1rem; color: #64748b; }
.form-checkbox { -moz-appearance: none; appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.0625rem; height: 1.0625rem; border-radius: .3125rem; border: 1.5px solid #cbd5e1; background-color: #fff; cursor: pointer; transition: border-color .15s, background-color .15s, box-shadow .15s; position: relative; }
.form-checkbox:hover { border-color: #94a3b8; background-color: #f8fafc; }
.form-checkbox:focus { outline: none; box-shadow: 0 0 0 3px rgba(99,132,200,.18); border-color: #93a8d4; }
.form-checkbox:checked { background-color: #5b82c3; border-color: #5b82c3; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l2.5 2.5L9 1' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 62%; }
.form-checkbox:checked:hover { background-color: #4a71b2; border-color: #4a71b2; }
.form-checkbox:is(.dark *) { border-color: #475569; background-color: #1e293b; }
.form-checkbox:hover:is(.dark *) { border-color: #64748b; background-color: #263347; }
.form-checkbox:checked:is(.dark *) { background-color: #6a92d4; border-color: #6a92d4; }
.form-checkbox:checked:hover:is(.dark *) { background-color: #5b82c3; border-color: #5b82c3; }
.form-checkbox:focus:is(.dark *) { box-shadow: 0 0 0 3px rgba(99,132,200,.25); border-color: #6a92d4; }
.table { width: 100%; border-collapse: collapse; text-align: left; font-size: .875rem; line-height: 1.25rem; }
.table th { position: sticky; top: 0; border-bottom: 1px solid #e2e8f0; background-color: #f8fafc; padding: .625rem .75rem; font-size: .75rem; line-height: 1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; color: #475569; text-wrap: balance; vertical-align: bottom; }
.table th:is(.dark *) { border-color: #334155; background-color: rgba(30,41,59,.6); color: #94a3b8; }
.table td { border-bottom: 1px solid #f1f5f9; padding: .75rem .75rem; color: #334155; }
.table td:is(.dark *) { border-color: #1e293b; color: #cbd5e1; }
.table tbody tr:hover { background-color: #f8fafc; }
.table tbody tr:hover:is(.dark *) { background-color: rgba(30,41,59,.4); }
.table tbody tr.selected { background-color: #eff6ff; }
.table tbody tr.selected:is(.dark *) { background-color: rgba(15,46,95,.3); }
.table td button { flex-shrink: 0; }
.table td button svg { flex-shrink: 0; display: block; }
.badge { display: inline-flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; gap: .25rem; border-radius: 9999px; padding: .1875rem .625rem; font-size: .75rem; line-height: 1rem; font-weight: 500; }
.badge-success { background-color: #f0faf5; color: #276749; border: 1px solid #c6ead8; }
.badge-success:is(.dark *) { background-color: rgba(6,78,59,.2); color: #86d4b0; border-color: rgba(5,150,105,.25); }
.badge-danger { background-color: #fdf2f2; color: #8b3535; border: 1px solid #f4c7c7; }
.badge-danger:is(.dark *) { background-color: rgba(120,30,30,.2); color: #e8a0a0; border-color: rgba(200,60,60,.25); }
.badge-warning { background-color: #fdf9ef; color: #7a5520; border: 1px solid #ead9a8; }
.badge-warning:is(.dark *) { background-color: rgba(100,70,10,.2); color: #d4b070; border-color: rgba(180,130,30,.25); }
.badge-info { background-color: #eff4ff; color: #2d4f99; border: 1px solid #c4d3f5; }
.badge-info:is(.dark *) { background-color: rgba(30,64,175,.2); color: #8eaae8; border-color: rgba(59,130,246,.25); }
.badge-muted { background-color: #f8fafc; color: #475569; border: 1px solid #e2e8f0; }
.badge-muted:is(.dark *) { background-color: #1e293b; color: #94a3b8; border-color: #334155; }
@keyframes fadeIn {
  0% { opacity: 0; }
  to { opacity: 1; }
}
.modal-backdrop { position: fixed; inset: 0; z-index: 40; animation: fadeIn .18s ease-out; background-color: rgba(15,23,42,.5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.modal-container { pointer-events: none; position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; overflow-y: auto; padding: 1rem; }
.modal-box { pointer-events: auto; display: flex; max-height: 90vh; width: 100%; max-width: 28rem; animation: popIn .28s cubic-bezier(.34,1.56,.64,1); flex-direction: column; border-radius: 1.25rem; background-color: #fff; box-shadow: 0 12px 32px -8px rgba(15,46,95,.14), 0 4px 12px -4px rgba(15,46,95,.06); }
.modal-box:is(.dark *) { background-color: #1e293b; }
.modal-box-lg { max-width: 42rem; }
.modal-box-sm { max-width: 24rem; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e2e8f0; padding: 1.25rem 1.5rem 1rem; }
.modal-header:is(.dark *) { border-color: #334155; }
.modal-title { display: flex; align-items: center; gap: .5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; color: #1e293b; }
.modal-title:is(.dark *) { color: #f1f5f9; }
.modal-body { flex: 1 1 0%; overflow-y: auto; padding: 1.25rem 1.5rem; }
.modal-footer { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem; border-top: 1px solid #e2e8f0; background-color: #f8fafc; padding: 1rem 1.5rem; }
.modal-footer:is(.dark *) { border-color: #334155; background-color: rgba(15,23,42,.4); }
.modal-box-w32 { max-width: 32rem; }
.modal-box-w46 { max-width: 46rem; }
.modal-box-w50 { max-width: 50rem; }
.modal-box-w52 { max-width: 52rem; }
.modal-scroll-50 { max-height: 50vh; overflow-y: auto; }
.modal-scroll-65 { max-height: 65vh; overflow-y: auto; }
.modal-scroll-75 { max-height: 75vh; overflow-y: auto; }
.segment { display: inline-flex; border-radius: .625rem; background-color: #eaf0fb; padding: .1875rem; }
.segment:is(.dark *) { background-color: #1e293b; }
.segment-btn { border-radius: .375rem; padding: .25rem .75rem; font-size: .75rem; line-height: 1rem; font-weight: 500; color: #475569; transition: color .15s, background-color .15s; }
.segment-btn:hover { color: #0f172a; }
.segment-btn:is(.dark *) { color: #94a3b8; }
.segment-btn:hover:is(.dark *) { color: #f1f5f9; }
.segment-btn.active { background-color: #fff; color: #1e5fbe; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }
.segment-btn.active:is(.dark *) { background-color: #334155; color: #60a5fa; }
.text-currency { font-variant-numeric: tabular-nums; }
.text-income { color: #2e7d5e; }
.text-income:is(.dark *) { color: #6dbe9a; }
.text-expense { color: #8b3535; }
.text-expense:is(.dark *) { color: #e8a0a0; }
.text-taktis { color: #7a6020; }
.text-taktis:is(.dark *) { color: #c8a454; }
.col-currency { min-width: 6.5rem; }
.col-currency-sm { min-width: 5.5rem; }
.shadow-lift { box-shadow: 0 12px 32px -8px rgba(15,46,95,.14), 0 4px 12px -4px rgba(15,46,95,.06); }
.shadow-soft { box-shadow: 0 1px 3px 0 rgba(15,46,95,.06), 0 1px 2px -1px rgba(15,46,95,.04); }
.scroll-fab { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 45; width: 2.75rem; height: 2.75rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; transition: background-color .15s ease, opacity .2s ease, transform .15s ease; box-shadow: 0 4px 12px -2px rgba(15,46,95,.25), 0 2px 4px -2px rgba(15,46,95,.15); }
.scroll-fab:hover { transform: translateY(-2px); }
.scroll-fab.hidden { display: none; }
@keyframes slideUp {
  0% { transform: translateY(12px);
    opacity: 0; }
  to { transform: translateY(0);
    opacity: 1; }
}
.chart-canvas { max-height: 280px; }
.btn:active { transform: scale(.96); }
.btn > svg { transition: transform .2s cubic-bezier(.34,1.56,.64,1); }
.btn:hover > svg { transform: scale(1.15) rotate(-4deg); }
.card { transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s cubic-bezier(.16,1,.3,1); }
.card:hover { transform: translateY(-3px); box-shadow: 0 18px 44px -10px rgba(15,46,95,.16), 0 6px 16px -6px rgba(15,46,95,.08); }
.kpi:hover { transform: translateY(-3px); box-shadow: 0 18px 44px -8px rgba(15,46,95,.16), 0 8px 20px -6px rgba(217,119,6,.14); }
.badge { transition: transform .15s cubic-bezier(.34,1.56,.64,1); }
@keyframes bounceIn {
  0% { transform: scale(.85) translateY(10px);
    opacity: 0; }
  55% { transform: scale(1.04) translateY(-3px);
    opacity: 1; }
  100% { transform: scale(1) translateY(0); }
}
.animate-bounce-in { animation: bounceIn .4s cubic-bezier(.34,1.56,.64,1); }
@keyframes popIn {
  0% { transform: scale(.8);
    opacity: 0; }
  70% { transform: scale(1.03);
    opacity: 1; }
  100% { transform: scale(1); }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.static { position: static; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.inset-0 { inset: 0px; }
.inset-y-0 { top: 0px; bottom: 0px; }
.-right-2 { right: -0.5rem; }
.-top-2 { top: -0.5rem; }
.left-0 { left: 0px; }
.left-2\.5 { left: 0.625rem; }
.left-3 { left: 0.75rem; }
.right-0 { right: 0px; }
.right-2 { right: 0.5rem; }
.right-2\.5 { right: 0.625rem; }
.right-4 { right: 1rem; }
.top-0 { top: 0px; }
.top-4 { top: 1rem; }
.top-full { top: 100%; }
.z-30 { z-index: 30; }
.z-50 { z-index: 50; }
.z-\[100\] { z-index: 100; }
.col-span-2 { grid-column: span 2 / span 2; }
.m-3 { margin: 0.75rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.mb-0 { margin-bottom: 0px; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-1\.5 { margin-bottom: 0.375rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-2\.5 { margin-bottom: 0.625rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-1\.5 { margin-left: 0.375rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-auto { margin-left: auto; }
.mr-1 { margin-right: 0.25rem; }
.mr-1\.5 { margin-right: 0.375rem; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-2\.5 { margin-top: 0.625rem; }
.mt-3\.5 { margin-top: 0.875rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-auto { margin-top: auto; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.table { display: table; }
.grid { display: grid; }
.hidden { display: none; }
.h-1\.5 { height: 0.375rem; }
.h-10 { height: 2.5rem; }
.h-11 { height: 2.75rem; }
.h-12 { height: 3rem; }
.h-14 { height: 3.5rem; }
.h-16 { height: 4rem; }
.h-2 { height: 0.5rem; }
.h-20 { height: 5rem; }
.h-3 { height: 0.75rem; }
.h-3\.5 { height: 0.875rem; }
.h-4 { height: 1rem; }
.h-5 { height: 1.25rem; }
.h-6 { height: 1.5rem; }
.h-7 { height: 1.75rem; }
.h-8 { height: 2rem; }
.h-9 { height: 2.25rem; }
.h-\[300px\] { height: 300px; }
.max-h-48 { max-height: 12rem; }
.max-h-60 { max-height: 15rem; }
.max-h-64 { max-height: 16rem; }
.max-h-80 { max-height: 20rem; }
.min-h-screen { min-height: 100vh; }
.w-1\.5 { width: 0.375rem; }
.w-10 { width: 2.5rem; }
.w-11 { width: 2.75rem; }
.w-12 { width: 3rem; }
.w-14 { width: 3.5rem; }
.w-16 { width: 4rem; }
.w-2 { width: 0.5rem; }
.w-20 { width: 5rem; }
.w-24 { width: 6rem; }
.w-28 { width: 7rem; }
.w-3 { width: 0.75rem; }
.w-3\.5 { width: 0.875rem; }
.w-32 { width: 8rem; }
.w-36 { width: 9rem; }
.w-4 { width: 1rem; }
.w-48 { width: 12rem; }
.w-5 { width: 1.25rem; }
.w-6 { width: 1.5rem; }
.w-64 { width: 16rem; }
.w-7 { width: 1.75rem; }
.w-8 { width: 2rem; }
.w-9 { width: 2.25rem; }
.w-auto { width: auto; }
.w-full { width: 100%; }
.min-w-0 { min-width: 0px; }
.min-w-\[100px\] { min-width: 100px; }
.min-w-\[10rem\] { min-width: 10rem; }
.min-w-\[110px\] { min-width: 110px; }
.min-w-\[130px\] { min-width: 130px; }
.min-w-\[140px\] { min-width: 140px; }
.min-w-\[14rem\] { min-width: 14rem; }
.min-w-\[160px\] { min-width: 160px; }
.min-w-\[180px\] { min-width: 180px; }
.min-w-\[18px\] { min-width: 18px; }
.min-w-\[200px\] { min-width: 200px; }
.min-w-\[220px\] { min-width: 220px; }
.min-w-\[34px\] { min-width: 34px; }
.min-w-\[4rem\] { min-width: 4rem; }
.min-w-\[5rem\] { min-width: 5rem; }
.min-w-\[6rem\] { min-width: 6rem; }
.min-w-\[7rem\] { min-width: 7rem; }
.min-w-\[8rem\] { min-width: 8rem; }
.min-w-\[90px\] { min-width: 90px; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-7xl { max-width: 80rem; }
.max-w-\[120px\] { max-width: 120px; }
.max-w-\[16rem\] { max-width: 16rem; }
.max-w-\[200px\] { max-width: 200px; }
.max-w-\[20rem\] { max-width: 20rem; }
.max-w-\[220px\] { max-width: 220px; }
.max-w-\[240px\] { max-width: 240px; }
.max-w-\[300px\] { max-width: 300px; }
.max-w-\[320px\] { max-width: 320px; }
.max-w-lg { max-width: 32rem; }
.max-w-md { max-width: 28rem; }
.max-w-sm { max-width: 24rem; }
.flex-1 { flex: 1 1 0%; }
.shrink-0 { flex-shrink: 0; }
.transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes pulse {
  50% { opacity: .5; }
}
.animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
@keyframes spin {
  to { transform: rotate(360deg); }
}
.animate-spin { animation: spin 1s linear infinite; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-pointer { cursor: pointer; }
.select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.resize { resize: both; }
.scroll-mt-24 { scroll-margin-top: 6rem; }
.list-disc { list-style-type: disc; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-stretch { align-items: stretch; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-0\.5 { gap: 0.125rem; }
.gap-1 { gap: 0.25rem; }
.gap-1\.5 { gap: 0.375rem; }
.gap-2 { gap: 0.5rem; }
.gap-2\.5 { gap: 0.625rem; }
.gap-3 { gap: 0.75rem; }
.gap-3\.5 { gap: 0.875rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; }
.gap-y-3 { row-gap: 0.75rem; }
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); }
.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); }
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.875rem * var(--tw-space-y-reverse)); }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }
.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.divide-slate-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1)); }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.whitespace-normal { white-space: normal; }
.whitespace-nowrap { white-space: nowrap; }
.break-words { overflow-wrap: break-word; }
.rounded { border-radius: 0.25rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-xl { border-radius: 0.75rem; }
.border { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-b { border-bottom-width: 1px; }
.border-r { border-right-width: 1px; }
.border-t { border-top-width: 1px; }
.border-t-2 { border-top-width: 2px; }
.border-dashed { border-style: dashed; }
.border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); }
.border-amber-200\/60 { border-color: rgb(253 230 138 / 0.6); }
.border-amber-300 { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); }
.border-amber-300\/80 { border-color: rgb(252 211 77 / 0.8); }
.border-blue-200\/60 { border-color: rgb(191 219 254 / 0.6); }
.border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); }
.border-emerald-200 { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); }
.border-emerald-200\/60 { border-color: rgb(167 243 208 / 0.6); }
.border-emerald-200\/80 { border-color: rgb(167 243 208 / 0.8); }
.border-emerald-300 { --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); }
.border-primary-100 { --tw-border-opacity: 1; border-color: rgb(219 234 254 / var(--tw-border-opacity, 1)); }
.border-primary-200 { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); }
.border-primary-200\/60 { border-color: rgb(191 219 254 / 0.6); }
.border-primary-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); }
.border-red-200 { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); }
.border-rose-200 { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); }
.border-rose-200\/60 { border-color: rgb(254 205 211 / 0.6); }
.border-rose-300 { --tw-border-opacity: 1; border-color: rgb(253 164 175 / var(--tw-border-opacity, 1)); }
.border-slate-100 { --tw-border-opacity: 1; border-color: rgb(241 245 249 / var(--tw-border-opacity, 1)); }
.border-slate-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); }
.border-slate-200\/60 { border-color: rgb(226 232 240 / 0.6); }
.border-slate-200\/80 { border-color: rgb(226 232 240 / 0.8); }
.border-slate-300 { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); }
.border-teal-200\/60 { border-color: rgb(153 246 228 / 0.6); }
.bg-amber-100 { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); }
.bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); }
.bg-amber-50\/50 { background-color: rgb(255 251 235 / 0.5); }
.bg-amber-50\/60 { background-color: rgb(255 251 235 / 0.6); }
.bg-amber-50\/70 { background-color: rgb(255 251 235 / 0.7); }
.bg-amber-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); }
.bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }
.bg-blue-50\/70 { background-color: rgb(239 246 255 / 0.7); }
.bg-emerald-100 { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); }
.bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); }
.bg-emerald-50\/50 { background-color: rgb(236 253 245 / 0.5); }
.bg-emerald-50\/75 { background-color: rgb(236 253 245 / 0.75); }
.bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); }
.bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); }
.bg-primary-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }
.bg-primary-50\/20 { background-color: rgb(239 246 255 / 0.2); }
.bg-primary-50\/60 { background-color: rgb(239 246 255 / 0.6); }
.bg-primary-50\/70 { background-color: rgb(239 246 255 / 0.7); }
.bg-primary-600 { --tw-bg-opacity: 1; background-color: rgb(30 95 190 / var(--tw-bg-opacity, 1)); }
.bg-primary-900 { --tw-bg-opacity: 1; background-color: rgb(15 46 95 / var(--tw-bg-opacity, 1)); }
.bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); }
.bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); }
.bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
.bg-rose-100 { --tw-bg-opacity: 1; background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1)); }
.bg-rose-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); }
.bg-rose-500 { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); }
.bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); }
.bg-slate-100\/70 { background-color: rgb(241 245 249 / 0.7); }
.bg-slate-100\/80 { background-color: rgb(241 245 249 / 0.8); }
.bg-slate-100\/90 { background-color: rgb(241 245 249 / 0.9); }
.bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); }
.bg-slate-200\/70 { background-color: rgb(226 232 240 / 0.7); }
.bg-slate-50 { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); }
.bg-slate-50\/50 { background-color: rgb(248 250 252 / 0.5); }
.bg-slate-50\/70 { background-color: rgb(248 250 252 / 0.7); }
.bg-slate-50\/80 { background-color: rgb(248 250 252 / 0.8); }
.bg-teal-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1)); }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-white\/80 { background-color: rgb(255 255 255 / 0.8); }
.bg-white\/95 { background-color: rgb(255 255 255 / 0.95); }
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
.from-primary-50\/80 { --tw-gradient-from: rgb(239 246 255 / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-white { --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to); }
.to-blue-50\/60 { --tw-gradient-to: rgb(239 246 255 / 0.6) var(--tw-gradient-to-position); }
.p-0\.5 { padding: 0.125rem; }
.p-1 { padding: 0.25rem; }
.p-1\.5 { padding: 0.375rem; }
.p-10 { padding: 2.5rem; }
.p-2 { padding: 0.5rem; }
.p-2\.5 { padding: 0.625rem; }
.p-3 { padding: 0.75rem; }
.p-3\.5 { padding: 0.875rem; }
.p-4 { padding: 1rem; }
.p-8 { padding: 2rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.pb-1\.5 { padding-bottom: 0.375rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pl-1\.5 { padding-left: 0.375rem; }
.pl-2\.5 { padding-left: 0.625rem; }
.pl-4 { padding-left: 1rem; }
.pl-5 { padding-left: 1.25rem; }
.pl-7 { padding-left: 1.75rem; }
.pl-8 { padding-left: 2rem; }
.pl-9 { padding-left: 2.25rem; }
.pr-1 { padding-right: 0.25rem; }
.pr-1\.5 { padding-right: 0.375rem; }
.pr-10 { padding-right: 2.5rem; }
.pr-3 { padding-right: 0.75rem; }
.pr-7 { padding-right: 1.75rem; }
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-2\.5 { padding-top: 0.625rem; }
.pt-3 { padding-top: 0.75rem; }
.pt-3\.5 { padding-top: 0.875rem; }
.pt-4 { padding-top: 1rem; }
.pt-8 { padding-top: 2rem; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-\[10px\] { font-size: 10px; }
.text-\[11px\] { font-size: 11px; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.not-italic { font-style: normal; }
.tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }
.leading-relaxed { line-height: 1.625; }
.leading-tight { line-height: 1.25; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); }
.text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); }
.text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); }
.text-amber-800 { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); }
.text-amber-900 { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); }
.text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); }
.text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); }
.text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); }
.text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); }
.text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); }
.text-emerald-800 { --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); }
.text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity, 1)); }
.text-primary-100 { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity, 1)); }
.text-primary-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); }
.text-primary-600 { --tw-text-opacity: 1; color: rgb(30 95 190 / var(--tw-text-opacity, 1)); }
.text-primary-700 { --tw-text-opacity: 1; color: rgb(26 79 160 / var(--tw-text-opacity, 1)); }
.text-primary-800 { --tw-text-opacity: 1; color: rgb(21 63 128 / var(--tw-text-opacity, 1)); }
.text-primary-900 { --tw-text-opacity: 1; color: rgb(15 46 95 / var(--tw-text-opacity, 1)); }
.text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); }
.text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
.text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); }
.text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); }
.text-rose-600 { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); }
.text-rose-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); }
.text-rose-800 { --tw-text-opacity: 1; color: rgb(159 18 57 / var(--tw-text-opacity, 1)); }
.text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); }
.text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); }
.text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); }
.text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); }
.text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); }
.text-slate-800 { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); }
.text-teal-600 { --tw-text-opacity: 1; color: rgb(13 148 136 / var(--tw-text-opacity, 1)); }
.text-teal-700 { --tw-text-opacity: 1; color: rgb(15 118 110 / var(--tw-text-opacity, 1)); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.opacity-40 { opacity: 0.4; }
.opacity-80 { opacity: 0.8; }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.ring-primary-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); }
.ring-slate-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1)); }
.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.duration-200 { transition-duration: 200ms; }
.status-filter-group { display: inline-flex; align-items: center; gap: 0.375rem; }
.status-chip { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.35rem 0.65rem; border-radius: 0.5rem; border: 1.5px solid #e2e8f0; background-color: #ffffff; font-size: 0.75rem; line-height: 1rem; font-weight: 500; color: #64748b; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03); }
.status-chip:hover { border-color: #cbd5e1; color: #334155; transform: translateY(-0.5px); }
.status-chip:active { transform: scale(0.97); }
.status-chip:is(.dark *) { background-color: #1e293b; border-color: #334155; color: #94a3b8; }
.status-chip:hover:is(.dark *) { border-color: #475569; color: #f1f5f9; }
.status-chip .chip-box { width: 0.95rem; height: 0.95rem; border-radius: 0.25rem; border: 1.5px solid #cbd5e1; background-color: #f8fafc; display: flex; align-items: center; justify-content: center; transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1); flex-shrink: 0; }
.status-chip:is(.dark *) .chip-box { border-color: #475569; background-color: #0f172a; }
.status-chip .chip-check { width: 0.7rem; height: 0.7rem; opacity: 0; transform: scale(0.4); transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1); color: #ffffff; }
.status-chip .chip-dot { width: 0.4rem; height: 0.4rem; border-radius: 9999px; flex-shrink: 0; transition: all 0.15s ease; }
.status-chip.chip-belum.is-checked { background-color: #fffbeb; border-color: #fcd34d; color: #92400e; box-shadow: 0 1px 3px 0 rgba(245, 158, 11, 0.15); }
.status-chip.chip-belum.is-checked:is(.dark *) { background-color: rgba(120, 53, 15, 0.25); border-color: rgba(245, 158, 11, 0.45); color: #fde68a; }
.status-chip.chip-belum.is-checked .chip-box { background-color: #f59e0b; border-color: #f59e0b; }
.status-chip.chip-belum.is-checked .chip-check { opacity: 1; transform: scale(1); }
.status-chip.chip-lunas.is-checked { background-color: #ecfdf5; border-color: #6ee7b7; color: #065f46; box-shadow: 0 1px 3px 0 rgba(16, 185, 129, 0.15); }
.status-chip.chip-lunas.is-checked:is(.dark *) { background-color: rgba(6, 78, 59, 0.25); border-color: rgba(16, 185, 129, 0.45); color: #a7f3d0; }
.status-chip.chip-lunas.is-checked .chip-box { background-color: #10b981; border-color: #10b981; }
.status-chip.chip-lunas.is-checked .chip-check { opacity: 1; transform: scale(1); }
.status-chip:has(input:focus-visible) { outline: 2px solid #3b82f6; outline-offset: 1px; }
.kpi { border-radius: 1rem; border: 1px solid rgba(226,232,240,.7); background-color: #fff; box-shadow: 0 4px 12px -2px rgba(15,46,95,.08), 0 2px 4px -2px rgba(15,46,95,.04); display: flex; flex-direction: column; justify-content: flex-start; gap: .5rem; padding: 1.125rem 1rem; min-width: 0; width: 100%; box-sizing: border-box; overflow: hidden; transition: box-shadow .15s cubic-bezier(.4,0,.2,1); }
.kpi:is(.dark *) { border-color: rgba(51,65,85,.6); background-color: #1e293b; }
.kpi:hover { box-shadow: 0 12px 32px -8px rgba(15,46,95,.14), 0 4px 12px -4px rgba(15,46,95,.06); }
.kpi-label { display: flex; align-items: flex-start; gap: .375rem; font-size: .72rem; line-height: 1.25; font-weight: 600; text-transform: uppercase; letter-spacing: .025em; color: #64748b; min-width: 0; white-space: normal; word-break: break-word; }
.kpi-label:is(.dark *) { color: #94a3b8; }
.kpi-value { font-size: clamp(1.15rem, 1.35vw, 1.45rem); line-height: 1.25; font-weight: 700; color: #1e293b; min-width: 0; word-break: break-word; }
.kpi-value:is(.dark *) { color: #f1f5f9; }
.kpi-subtitle { font-size: .75rem; line-height: 1.35; color: #64748b; min-width: 0; white-space: normal; word-break: break-word; margin-top: auto; }
.kpi-subtitle:is(.dark *) { color: #94a3b8; }
.kpi .segment { display: flex; width: 100%; max-width: 100%; padding: 2px; border-radius: .5rem; box-sizing: border-box; background-color: #eaf0fb; min-width: 0; }
.kpi .segment:is(.dark *) { background-color: #1e293b; }
.kpi .segment-btn { display: flex; align-items: center; justify-content: center; flex: 1 1 0; min-width: 0; padding: .25rem 2px; font-size: .6875rem; line-height: 1rem; font-weight: 500; text-align: center; white-space: nowrap; }
.notif-dropdown { position: absolute; right: 0; top: 100%; margin-top: 0.5rem; width: 22rem; max-width: calc(100vw - 1.5rem); background-color: #ffffff; border-radius: 1rem; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.15), 0 8px 10px -6px rgba(15, 23, 42, 0.1); overflow: hidden; z-index: 50; }
:is(.dark *) .notif-dropdown { background-color: #1e293b; border-color: #334155; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5); }
@media (min-width: 640px) {
  .notif-dropdown { width: 27rem; }
}
.notif-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; border: 1px solid #e2e8f0; background-color: #f8fafc; color: #475569; transition: all 0.15s ease; }
.notif-btn:hover { background-color: #f1f5f9; color: #1e293b; border-color: #cbd5e1; }
:is(.dark *) .notif-btn { background-color: #1e293b; border-color: #334155; color: #94a3b8; }
:is(.dark *) .notif-btn:hover { background-color: #334155; color: #f1f5f9; }
.notif-badge-pill { position: absolute; top: -0.25rem; right: -0.25rem; min-width: 1.25rem; height: 1.25rem; padding: 0 0.35rem; font-size: 0.6875rem; font-weight: 700; line-height: 1.25rem; text-align: center; border-radius: 9999px; background-color: #e11d48; color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border: 2px solid #ffffff; }
:is(.dark *) .notif-badge-pill { border-color: #1e293b; }
.notif-avatar { width: 2.75rem; height: 2.75rem; border-radius: 0.875rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.notif-avatar-perjadin { background-color: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe; }
:is(.dark *) .notif-avatar-perjadin { background-color: rgba(30, 58, 138, 0.35); color: #60a5fa; border-color: rgba(37, 99, 235, 0.3); }
.notif-avatar-taktis { background-color: #ecfdf5; color: #059669; border: 1px solid #a7f3d0; }
:is(.dark *) .notif-avatar-taktis { background-color: rgba(6, 78, 59, 0.35); color: #34d399; border-color: rgba(5, 150, 105, 0.3); }
.notif-avatar-pemasukan { background-color: #f0fdfa; color: #0d9488; border: 1px solid #99f6e4; }
:is(.dark *) .notif-avatar-pemasukan { background-color: rgba(19, 78, 74, 0.35); color: #2dd4bf; border-color: rgba(13, 148, 136, 0.3); }
.notif-avatar-pengeluaran { background-color: #fffbeb; color: #d97706; border: 1px solid #fde68a; }
:is(.dark *) .notif-avatar-pengeluaran { background-color: rgba(120, 53, 15, 0.35); color: #fbbf24; border-color: rgba(217, 119, 6, 0.3); }
.notif-avatar-warning { background-color: #fff1f2; color: #e11d48; border: 1px solid #fecdd3; }
:is(.dark *) .notif-avatar-warning { background-color: rgba(136, 19, 55, 0.35); color: #fb7185; border-color: rgba(225, 29, 72, 0.3); }
.notif-avatar-sistem { background-color: #f8fafc; color: #64748b; border: 1px solid #e2e8f0; }
:is(.dark *) .notif-avatar-sistem { background-color: #1e293b; color: #94a3b8; border-color: #334155; }
.col-hidden { display: none !important; }
@media (min-width: 640px) {
  .sm\:btn-sm { padding: .5rem 1rem; font-size: .75rem; line-height: 1rem; }
  .sm\:hidden.scroll-fab { display: none; }
}
@media (min-width: 1024px) {
  .lg\:hidden.scroll-fab { display: none; }
}
.dark\:hidden:where(.dark, .dark *).scroll-fab { display: none; }
.after\:absolute::after { content: var(--tw-content); position: absolute; }
.after\:left-\[2px\]::after { content: var(--tw-content); left: 2px; }
.after\:top-\[2px\]::after { content: var(--tw-content); top: 2px; }
.after\:h-3::after { content: var(--tw-content); height: 0.75rem; }
.after\:w-3::after { content: var(--tw-content); width: 0.75rem; }
.after\:rounded-full::after { content: var(--tw-content); border-radius: 9999px; }
.after\:border::after { content: var(--tw-content); border-width: 1px; }
.after\:border-slate-300::after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); }
.after\:bg-white::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.after\:transition-all::after { content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); }
.hover\:border-primary-400:hover { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity, 1)); }
.hover\:border-primary-500:hover { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); }
.hover\:border-rose-200:hover { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); }
.hover\:border-slate-300:hover { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); }
.hover\:bg-amber-100\/60:hover { background-color: rgb(254 243 199 / 0.6); }
.hover\:bg-amber-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); }
.hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-emerald-100:hover { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); }
.hover\:bg-emerald-100\/60:hover { background-color: rgb(209 250 229 / 0.6); }
.hover\:bg-emerald-100\/70:hover { background-color: rgb(209 250 229 / 0.7); }
.hover\:bg-emerald-50:hover { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); }
.hover\:bg-primary-100:hover { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); }
.hover\:bg-primary-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-primary-50\/50:hover { background-color: rgb(239 246 255 / 0.5); }
.hover\:bg-primary-700:hover { --tw-bg-opacity: 1; background-color: rgb(26 79 160 / var(--tw-bg-opacity, 1)); }
.hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
.hover\:bg-rose-200:hover { --tw-bg-opacity: 1; background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1)); }
.hover\:bg-rose-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); }
.hover\:bg-slate-100:hover { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); }
.hover\:bg-slate-100\/70:hover { background-color: rgb(241 245 249 / 0.7); }
.hover\:bg-slate-200\/70:hover { background-color: rgb(226 232 240 / 0.7); }
.hover\:bg-slate-200\/80:hover { background-color: rgb(226 232 240 / 0.8); }
.hover\:bg-slate-50:hover { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); }
.hover\:bg-slate-50\/50:hover { background-color: rgb(248 250 252 / 0.5); }
.hover\:bg-slate-50\/80:hover { background-color: rgb(248 250 252 / 0.8); }
.hover\:text-amber-600:hover { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); }
.hover\:text-emerald-600:hover { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); }
.hover\:text-primary-600:hover { --tw-text-opacity: 1; color: rgb(30 95 190 / var(--tw-text-opacity, 1)); }
.hover\:text-primary-700:hover { --tw-text-opacity: 1; color: rgb(26 79 160 / var(--tw-text-opacity, 1)); }
.hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); }
.hover\:text-rose-600:hover { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); }
.hover\:text-slate-600:hover { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); }
.hover\:text-slate-700:hover { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); }
.hover\:text-slate-800:hover { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); }
.hover\:text-slate-900:hover { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); }
.hover\:underline:hover { text-decoration-line: underline; }
.focus\:ring-amber-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1)); }
.focus\:ring-primary-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); }
.peer:checked ~ .peer-checked\:bg-emerald-600 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); }
.peer:checked ~ .peer-checked\:after\:translate-x-full::after { content: var(--tw-content); --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.peer:checked ~ .peer-checked\:after\:border-white::after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.peer:focus ~ .peer-focus\:outline-none { outline: 2px solid transparent; outline-offset: 2px; }
@media (min-width: 640px) {
  .sm\:col-span-2 { grid-column: span 2 / span 2; }
  .sm\:col-span-4 { grid-column: span 4 / span 4; }
  .sm\:ml-0 { margin-left: 0px; }
  .sm\:inline { display: inline; }
  .sm\:hidden { display: none; }
  .sm\:h-11 { height: 2.75rem; }
  .sm\:h-4 { height: 1rem; }
  .sm\:h-5 { height: 1.25rem; }
  .sm\:w-11 { width: 2.75rem; }
  .sm\:w-4 { width: 1rem; }
  .sm\:w-5 { width: 1.25rem; }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:flex-row { flex-direction: row; }
  .sm\:items-center { align-items: center; }
  .sm\:gap-2 { gap: 0.5rem; }
  .sm\:gap-3 { gap: 0.75rem; }
  .sm\:gap-3\.5 { gap: 0.875rem; }
  .sm\:gap-4 { gap: 1rem; }
  .sm\:self-center { align-self: center; }
  .sm\:p-4 { padding: 1rem; }
  .sm\:p-5 { padding: 1.25rem; }
  .sm\:pl-3 { padding-left: 0.75rem; }
  .sm\:pr-3 { padding-right: 0.75rem; }
  .sm\:pr-3\.5 { padding-right: 0.875rem; }
  .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
}
@media (min-width: 768px) {
  .md\:block { display: block; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:flex-row { flex-direction: row; }
  .md\:items-center { align-items: center; }
}
@media (min-width: 1024px) {
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:flex { display: flex; }
  .lg\:hidden { display: none; }
  .lg\:w-36 { width: 9rem; }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:gap-4 { gap: 1rem; }
  .lg\:gap-5 { gap: 1.25rem; }
  .lg\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .lg\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .lg\:pt-4 { padding-top: 1rem; }
  .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .lg\:text-base { font-size: 1rem; line-height: 1.5rem; }
}
@media (min-width: 1280px) {
  .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.dark\:inline:where(.dark, .dark *) { display: inline; }
.dark\:hidden:where(.dark, .dark *) { display: none; }
.dark\:divide-slate-700\/60:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) { border-color: rgb(51 65 85 / 0.6); }
.dark\:divide-slate-800:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1)); }
.dark\:border-amber-700:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(180 83 9 / var(--tw-border-opacity, 1)); }
.dark\:border-amber-700\/80:where(.dark, .dark *) { border-color: rgb(180 83 9 / 0.8); }
.dark\:border-amber-800:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)); }
.dark\:border-amber-800\/60:where(.dark, .dark *) { border-color: rgb(146 64 14 / 0.6); }
.dark\:border-blue-800:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); }
.dark\:border-blue-800\/60:where(.dark, .dark *) { border-color: rgb(30 64 175 / 0.6); }
.dark\:border-emerald-700:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(4 120 87 / var(--tw-border-opacity, 1)); }
.dark\:border-emerald-800:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(6 95 70 / var(--tw-border-opacity, 1)); }
.dark\:border-emerald-800\/60:where(.dark, .dark *) { border-color: rgb(6 95 70 / 0.6); }
.dark\:border-primary-700:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(26 79 160 / var(--tw-border-opacity, 1)); }
.dark\:border-primary-800:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(21 63 128 / var(--tw-border-opacity, 1)); }
.dark\:border-primary-900\/60:where(.dark, .dark *) { border-color: rgb(15 46 95 / 0.6); }
.dark\:border-red-700:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)); }
.dark\:border-red-800:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(153 27 27 / var(--tw-border-opacity, 1)); }
.dark\:border-rose-800:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(159 18 57 / var(--tw-border-opacity, 1)); }
.dark\:border-rose-800\/60:where(.dark, .dark *) { border-color: rgb(159 18 57 / 0.6); }
.dark\:border-slate-600:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); }
.dark\:border-slate-600\/60:where(.dark, .dark *) { border-color: rgb(71 85 105 / 0.6); }
.dark\:border-slate-700:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); }
.dark\:border-slate-700\/60:where(.dark, .dark *) { border-color: rgb(51 65 85 / 0.6); }
.dark\:border-slate-700\/80:where(.dark, .dark *) { border-color: rgb(51 65 85 / 0.8); }
.dark\:border-slate-800:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(30 41 59 / var(--tw-border-opacity, 1)); }
.dark\:border-slate-800\/80:where(.dark, .dark *) { border-color: rgb(30 41 59 / 0.8); }
.dark\:border-teal-800\/60:where(.dark, .dark *) { border-color: rgb(17 94 89 / 0.6); }
.dark\:bg-amber-900\/20:where(.dark, .dark *) { background-color: rgb(120 53 15 / 0.2); }
.dark\:bg-amber-900\/30:where(.dark, .dark *) { background-color: rgb(120 53 15 / 0.3); }
.dark\:bg-amber-900\/40:where(.dark, .dark *) { background-color: rgb(120 53 15 / 0.4); }
.dark\:bg-amber-900\/60:where(.dark, .dark *) { background-color: rgb(120 53 15 / 0.6); }
.dark\:bg-amber-950:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1)); }
.dark\:bg-amber-950\/20:where(.dark, .dark *) { background-color: rgb(69 26 3 / 0.2); }
.dark\:bg-amber-950\/60:where(.dark, .dark *) { background-color: rgb(69 26 3 / 0.6); }
.dark\:bg-blue-900\/20:where(.dark, .dark *) { background-color: rgb(30 58 138 / 0.2); }
.dark\:bg-blue-950:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1)); }
.dark\:bg-emerald-900\/30:where(.dark, .dark *) { background-color: rgb(6 78 59 / 0.3); }
.dark\:bg-emerald-900\/40:where(.dark, .dark *) { background-color: rgb(6 78 59 / 0.4); }
.dark\:bg-emerald-950:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1)); }
.dark\:bg-emerald-950\/20:where(.dark, .dark *) { background-color: rgb(2 44 34 / 0.2); }
.dark\:bg-emerald-950\/30:where(.dark, .dark *) { background-color: rgb(2 44 34 / 0.3); }
.dark\:bg-primary-900\/20:where(.dark, .dark *) { background-color: rgb(15 46 95 / 0.2); }
.dark\:bg-primary-900\/30:where(.dark, .dark *) { background-color: rgb(15 46 95 / 0.3); }
.dark\:bg-primary-900\/40:where(.dark, .dark *) { background-color: rgb(15 46 95 / 0.4); }
.dark\:bg-primary-900\/50:where(.dark, .dark *) { background-color: rgb(15 46 95 / 0.5); }
.dark\:bg-primary-950\/20:where(.dark, .dark *) { background-color: rgb(10 31 66 / 0.2); }
.dark\:bg-primary-950\/40:where(.dark, .dark *) { background-color: rgb(10 31 66 / 0.4); }
.dark\:bg-purple-900\/50:where(.dark, .dark *) { background-color: rgb(88 28 135 / 0.5); }
.dark\:bg-red-900\/30:where(.dark, .dark *) { background-color: rgb(127 29 29 / 0.3); }
.dark\:bg-red-900\/40:where(.dark, .dark *) { background-color: rgb(127 29 29 / 0.4); }
.dark\:bg-rose-950:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(76 5 25 / var(--tw-bg-opacity, 1)); }
.dark\:bg-rose-950\/40:where(.dark, .dark *) { background-color: rgb(76 5 25 / 0.4); }
.dark\:bg-slate-700:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); }
.dark\:bg-slate-700\/50:where(.dark, .dark *) { background-color: rgb(51 65 85 / 0.5); }
.dark\:bg-slate-700\/60:where(.dark, .dark *) { background-color: rgb(51 65 85 / 0.6); }
.dark\:bg-slate-800:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); }
.dark\:bg-slate-800\/40:where(.dark, .dark *) { background-color: rgb(30 41 59 / 0.4); }
.dark\:bg-slate-800\/50:where(.dark, .dark *) { background-color: rgb(30 41 59 / 0.5); }
.dark\:bg-slate-800\/60:where(.dark, .dark *) { background-color: rgb(30 41 59 / 0.6); }
.dark\:bg-slate-800\/80:where(.dark, .dark *) { background-color: rgb(30 41 59 / 0.8); }
.dark\:bg-slate-800\/90:where(.dark, .dark *) { background-color: rgb(30 41 59 / 0.9); }
.dark\:bg-slate-900:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); }
.dark\:bg-slate-900\/30:where(.dark, .dark *) { background-color: rgb(15 23 42 / 0.3); }
.dark\:bg-slate-900\/40:where(.dark, .dark *) { background-color: rgb(15 23 42 / 0.4); }
.dark\:bg-slate-900\/50:where(.dark, .dark *) { background-color: rgb(15 23 42 / 0.5); }
.dark\:bg-slate-900\/60:where(.dark, .dark *) { background-color: rgb(15 23 42 / 0.6); }
.dark\:bg-slate-900\/95:where(.dark, .dark *) { background-color: rgb(15 23 42 / 0.95); }
.dark\:bg-teal-950:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(4 47 46 / var(--tw-bg-opacity, 1)); }
.dark\:from-primary-950\/40:where(.dark, .dark *) { --tw-gradient-from: rgb(10 31 66 / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: rgb(10 31 66 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.dark\:via-slate-800:where(.dark, .dark *) { --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to); }
.dark\:to-slate-800:where(.dark, .dark *) { --tw-gradient-to: #1e293b var(--tw-gradient-to-position); }
.dark\:text-amber-200:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); }
.dark\:text-amber-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); }
.dark\:text-amber-400:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); }
.dark\:text-blue-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); }
.dark\:text-blue-400:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); }
.dark\:text-emerald-200:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); }
.dark\:text-emerald-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); }
.dark\:text-emerald-400:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); }
.dark\:text-primary-100:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity, 1)); }
.dark\:text-primary-200:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity, 1)); }
.dark\:text-primary-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); }
.dark\:text-primary-400:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); }
.dark\:text-purple-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); }
.dark\:text-red-200:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); }
.dark\:text-red-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); }
.dark\:text-red-400:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); }
.dark\:text-rose-200:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(254 205 211 / var(--tw-text-opacity, 1)); }
.dark\:text-rose-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); }
.dark\:text-rose-400:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(251 113 133 / var(--tw-text-opacity, 1)); }
.dark\:text-slate-100:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity, 1)); }
.dark\:text-slate-200:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); }
.dark\:text-slate-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); }
.dark\:text-slate-400:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); }
.dark\:text-slate-500:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); }
.dark\:text-slate-600:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); }
.dark\:text-teal-300:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); }
.dark\:text-teal-400:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity, 1)); }
.dark\:ring-slate-600:where(.dark, .dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1)); }
.dark\:hover\:border-rose-800:hover:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(159 18 57 / var(--tw-border-opacity, 1)); }
.dark\:hover\:border-slate-600:hover:where(.dark, .dark *) { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); }
.dark\:hover\:bg-amber-900\/30:hover:where(.dark, .dark *) { background-color: rgb(120 53 15 / 0.3); }
.dark\:hover\:bg-amber-950\/40:hover:where(.dark, .dark *) { background-color: rgb(69 26 3 / 0.4); }
.dark\:hover\:bg-blue-950\/30:hover:where(.dark, .dark *) { background-color: rgb(23 37 84 / 0.3); }
.dark\:hover\:bg-emerald-900\/30:hover:where(.dark, .dark *) { background-color: rgb(6 78 59 / 0.3); }
.dark\:hover\:bg-emerald-900\/40:hover:where(.dark, .dark *) { background-color: rgb(6 78 59 / 0.4); }
.dark\:hover\:bg-emerald-950\/30:hover:where(.dark, .dark *) { background-color: rgb(2 44 34 / 0.3); }
.dark\:hover\:bg-primary-900\/20:hover:where(.dark, .dark *) { background-color: rgb(15 46 95 / 0.2); }
.dark\:hover\:bg-primary-900\/70:hover:where(.dark, .dark *) { background-color: rgb(15 46 95 / 0.7); }
.dark\:hover\:bg-primary-950\/30:hover:where(.dark, .dark *) { background-color: rgb(10 31 66 / 0.3); }
.dark\:hover\:bg-primary-950\/40:hover:where(.dark, .dark *) { background-color: rgb(10 31 66 / 0.4); }
.dark\:hover\:bg-red-900\/20:hover:where(.dark, .dark *) { background-color: rgb(127 29 29 / 0.2); }
.dark\:hover\:bg-red-900\/30:hover:where(.dark, .dark *) { background-color: rgb(127 29 29 / 0.3); }
.dark\:hover\:bg-rose-950\/30:hover:where(.dark, .dark *) { background-color: rgb(76 5 25 / 0.3); }
.dark\:hover\:bg-rose-950\/40:hover:where(.dark, .dark *) { background-color: rgb(76 5 25 / 0.4); }
.dark\:hover\:bg-slate-700:hover:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); }
.dark\:hover\:bg-slate-700\/50:hover:where(.dark, .dark *) { background-color: rgb(51 65 85 / 0.5); }
.dark\:hover\:bg-slate-700\/60:hover:where(.dark, .dark *) { background-color: rgb(51 65 85 / 0.6); }
.dark\:hover\:bg-slate-800:hover:where(.dark, .dark *) { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); }
.dark\:hover\:bg-slate-800\/40:hover:where(.dark, .dark *) { background-color: rgb(30 41 59 / 0.4); }
.dark\:hover\:bg-slate-800\/50:hover:where(.dark, .dark *) { background-color: rgb(30 41 59 / 0.5); }
.dark\:hover\:text-primary-300:hover:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-primary-400:hover:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-rose-300:hover:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-slate-200:hover:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); }
.dark\:hover\:text-white:hover:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }