/*
  Minimal CSS fallback for older iPad Safari versions that cannot parse the
  Tailwind browser runtime. Modern browsers still use /static/tailwind-cdn.js.
*/
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

[class~="hidden"] { display: none !important; }
[class~="block"] { display: block; }
[class~="inline-flex"] { display: inline-flex; }
[class~="flex"] { display: flex; }
[class~="grid"] { display: grid; }
[class~="fixed"] { position: fixed; }
[class~="absolute"] { position: absolute; }
[class~="relative"] { position: relative; }
[class~="inset-0"] { inset: 0; }
[class~="top-full"] { top: 100%; }
[class~="left-0"] { left: 0; }
[class~="right-0"] { right: 0; }
[class~="z-50"] { z-index: 50; }

[class~="flex-col"] { flex-direction: column; }
[class~="flex-wrap"] { flex-wrap: wrap; }
[class~="items-center"] { align-items: center; }
[class~="items-start"] { align-items: flex-start; }
[class~="justify-center"] { justify-content: center; }
[class~="justify-between"] { justify-content: space-between; }
[class~="justify-end"] { justify-content: flex-end; }
[class~="shrink-0"] { flex-shrink: 0; }
[class~="flex-1"] { flex: 1 1 0%; }
[class~="min-w-0"] { min-width: 0; }

[class~="min-h-screen"] { min-height: 100vh; }
[class~="h-screen"] { height: 100vh; }
[class~="w-full"] { width: 100%; }
[class~="h-full"] { height: 100%; }
[class~="w-20"] { width: 5rem; }
[class~="h-20"] { height: 5rem; }
[class~="w-12"] { width: 3rem; }
[class~="h-12"] { height: 3rem; }
[class~="w-10"] { width: 2.5rem; }
[class~="h-10"] { height: 2.5rem; }
[class~="w-9"] { width: 2.25rem; }
[class~="h-9"] { height: 2.25rem; }
[class~="w-6"] { width: 1.5rem; }
[class~="h-6"] { height: 1.5rem; }
[class~="max-w-xs"] { max-width: 20rem; }
[class~="max-w-sm"] { max-width: 24rem; }
[class~="container"] { width: 100%; max-width: 1280px; }
[class~="overflow-hidden"] { overflow: hidden; }
[class~="overflow-y-auto"] { overflow-y: auto; }
[class~="truncate"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[class~="select-none"] { user-select: none; -webkit-user-select: none; }

[class~="grid-cols-3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
[class~="grid-cols-1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); }
[class~="gap-1"] { gap: .25rem; }
[class~="gap-2"] { gap: .5rem; }
[class~="gap-3"] { gap: .75rem; }
[class~="gap-4"] { gap: 1rem; }
[class~="gap-x-5"] { column-gap: 1.25rem; }
[class~="gap-y-1"] { row-gap: .25rem; }
[class~="space-y-2"] > * + * { margin-top: .5rem; }
[class~="space-y-3"] > * + * { margin-top: .75rem; }

[class~="m-0"] { margin: 0; }
[class~="mx-auto"] { margin-left: auto; margin-right: auto; }
[class~="mx-5"] { margin-left: 1.25rem; margin-right: 1.25rem; }
[class~="my-1"] { margin-top: .25rem; margin-bottom: .25rem; }
[class~="my-3"] { margin-top: .75rem; margin-bottom: .75rem; }
[class~="mt-0.5"] { margin-top: .125rem; }
[class~="mt-1"] { margin-top: .25rem; }
[class~="mt-2"] { margin-top: .5rem; }
[class~="mt-3"] { margin-top: .75rem; }
[class~="mt-5"] { margin-top: 1.25rem; }
[class~="mb-2"] { margin-bottom: .5rem; }
[class~="mb-3"] { margin-bottom: .75rem; }
[class~="mb-4"] { margin-bottom: 1rem; }
[class~="mb-6"] { margin-bottom: 1.5rem; }
[class~="mb-8"] { margin-bottom: 2rem; }
[class~="ml-1"] { margin-left: .25rem; }
[class~="ml-2"] { margin-left: .5rem; }
[class~="ml-auto"] { margin-left: auto; }

[class~="p-3"] { padding: .75rem; }
[class~="p-4"] { padding: 1rem; }
[class~="p-8"] { padding: 2rem; }
[class~="px-1"] { padding-left: .25rem; padding-right: .25rem; }
[class~="px-2"] { padding-left: .5rem; padding-right: .5rem; }
[class~="px-3"] { padding-left: .75rem; padding-right: .75rem; }
[class~="px-4"] { padding-left: 1rem; padding-right: 1rem; }
[class~="px-5"] { padding-left: 1.25rem; padding-right: 1.25rem; }
[class~="px-6"] { padding-left: 1.5rem; padding-right: 1.5rem; }
[class~="py-1"] { padding-top: .25rem; padding-bottom: .25rem; }
[class~="py-1.5"] { padding-top: .375rem; padding-bottom: .375rem; }
[class~="py-2"] { padding-top: .5rem; padding-bottom: .5rem; }
[class~="py-2.5"] { padding-top: .625rem; padding-bottom: .625rem; }
[class~="py-3"] { padding-top: .75rem; padding-bottom: .75rem; }
[class~="py-4"] { padding-top: 1rem; padding-bottom: 1rem; }
[class~="py-5"] { padding-top: 1.25rem; padding-bottom: 1.25rem; }
[class~="pb-2"] { padding-bottom: .5rem; }
[class~="pt-2"] { padding-top: .5rem; }

[class~="rounded"] { border-radius: .25rem; }
[class~="rounded-lg"] { border-radius: .5rem; }
[class~="rounded-xl"] { border-radius: .75rem; }
[class~="rounded-2xl"] { border-radius: 1rem; }
[class~="rounded-full"] { border-radius: 9999px; }
[class~="rounded-l-lg"] { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; }
[class~="rounded-r-lg"] { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; }

[class~="border"] { border: 1px solid #e5e7eb; }
[class~="border-2"] { border: 2px solid #e5e7eb; }
[class~="border-b"] { border-bottom: 1px solid #e5e7eb; }
[class~="border-t"] { border-top: 1px solid #e5e7eb; }
[class~="border-dashed"] { border-style: dashed; }
[class~="border-gray-200"] { border-color: #e5e7eb; }
[class~="border-gray-300"] { border-color: #d1d5db; }
[class~="shadow-lg"] { box-shadow: 0 10px 15px -3px rgba(15,23,42,.1), 0 4px 6px -4px rgba(15,23,42,.1); }
[class~="shadow-xl"] { box-shadow: 0 20px 25px -5px rgba(15,23,42,.1), 0 8px 10px -6px rgba(15,23,42,.1); }

[class~="bg-white"] { background: #fff; }
[class~="bg-gray-100"] { background: #f3f4f6; }
[class~="bg-slate-50"] { background: #f8fafc; }
[class~="bg-slate-700"] { background: #334155; }
[class~="bg-slate-800"] { background: #1e293b; }
[class~="bg-slate-900"] { background: #0f172a; }
[class~="bg-slate-950"] { background: #020617; }
[class~="bg-indigo-500"] { background: #6366f1; }
[class~="bg-indigo-600"] { background: #4f46e5; }
[class~="bg-indigo-700"] { background: #4338ca; }
[class~="bg-emerald-500"] { background: #10b981; }
[class~="bg-emerald-600"] { background: #059669; }
[class~="bg-fuchsia-500"] { background: #d946ef; }
[class~="bg-blue-600"] { background: #2563eb; }
[class~="bg-red-50"] { background: #fef2f2; }

[class~="text-white"] { color: #fff; }
[class~="text-slate-950"] { color: #020617; }
[class~="text-slate-900"] { color: #0f172a; }
[class~="text-slate-800"] { color: #1e293b; }
[class~="text-slate-700"] { color: #334155; }
[class~="text-slate-600"] { color: #475569; }
[class~="text-slate-500"] { color: #64748b; }
[class~="text-slate-400"] { color: #94a3b8; }
[class~="text-slate-300"] { color: #cbd5e1; }
[class~="text-slate-200"] { color: #e2e8f0; }
[class~="text-slate-100"] { color: #f1f5f9; }
[class~="text-indigo-100"] { color: #e0e7ff; }
[class~="text-indigo-200"] { color: #c7d2fe; }
[class~="text-indigo-600"] { color: #4f46e5; }
[class~="text-emerald-300"] { color: #6ee7b7; }
[class~="text-emerald-600"] { color: #059669; }
[class~="text-rose-300"] { color: #fda4af; }
[class~="text-rose-400"] { color: #fb7185; }
[class~="text-red-700"] { color: #b91c1c; }
[class~="text-blue-600"] { color: #2563eb; }
[class~="text-gray-800"] { color: #1f2937; }
[class~="text-gray-700"] { color: #374151; }
[class~="text-gray-500"] { color: #6b7280; }
[class~="text-gray-400"] { color: #9ca3af; }

[class~="text-center"] { text-align: center; }
[class~="text-left"] { text-align: left; }
[class~="text-right"] { text-align: right; }
[class~="text-xs"] { font-size: .75rem; line-height: 1rem; }
[class~="text-sm"] { font-size: .875rem; line-height: 1.25rem; }
[class~="text-base"] { font-size: 1rem; line-height: 1.5rem; }
[class~="text-lg"] { font-size: 1.125rem; line-height: 1.75rem; }
[class~="text-2xl"] { font-size: 1.5rem; line-height: 2rem; }
[class~="text-4xl"] { font-size: 2.25rem; line-height: 2.5rem; }
[class~="font-normal"] { font-weight: 400; }
[class~="font-medium"] { font-weight: 500; }
[class~="font-semibold"] { font-weight: 600; }
[class~="font-bold"] { font-weight: 700; }
[class~="font-black"] { font-weight: 900; }
[class~="leading-none"] { line-height: 1; }
[class~="leading-tight"] { line-height: 1.25; }
[class~="tracking-tight"] { letter-spacing: 0; }
[class~="tracking-wide"] { letter-spacing: .025em; }
[class~="tracking-wider"] { letter-spacing: .05em; }

.dd-item { display: block; padding: .5rem .9rem; color: #1e293b; white-space: nowrap; }
.dd-item:hover { background: #f8fafc; }

#login-view { background: #020617; color: #fff; }
#login-view .pin-key { border: 0; color: #fff; }
#pin-display .dot { display: inline-block; }
#work-view { background: #020617; color: #fff; }
#work-view a { color: inherit; }

@media (min-width: 640px) {
  [class~="sm:block"] { display: block; }
  [class~="sm:flex"] { display: flex; }
  [class~="sm:text-base"] { font-size: 1rem; line-height: 1.5rem; }
  [class~="sm:py-3"] { padding-top: .75rem; padding-bottom: .75rem; }
  [class~="sm:px-5"] { padding-left: 1.25rem; padding-right: 1.25rem; }
}

@media (min-width: 768px) {
  [class~="md:hidden"] { display: none !important; }
  [class~="md:flex"] { display: flex; }
  [class~="md:text-lg"] { font-size: 1.125rem; line-height: 1.75rem; }
  [class~="md:gap-3"] { gap: .75rem; }
}

@media (min-width: 1024px) {
  [class~="lg:block"] { display: block; }
  [class~="lg:grid-cols-[minmax(0,1fr)_auto_9rem]"] { grid-template-columns: minmax(0,1fr) auto 9rem; }
  [class~="lg:items-start"] { align-items: flex-start; }
}