@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-serif:"Playfair Display", ui-serif, Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--color-stone-50);min-height:100vh;color:var(--color-slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:where(.dark,.dark *){background-color:var(--color-slate-950);color:var(--color-slate-100)}h1,h2,h3,h4{font-family:var(--font-serif)}}@layer components{.site-shell{background-image:radial-gradient(circle at 20% 10%,#fbbf2424,#0000 32%),radial-gradient(circle at 82% 20%,#94a3b829,#0000 30%)}.panel{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.panel{background-color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.panel{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--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,)}.panel:where(.dark,.dark *){border-color:var(--color-slate-800);background-color:#0f172bb3}@supports (color:color-mix(in lab,red,red)){.panel:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-slate-900) 70%,transparent)}}.status-badge-danger{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background-color:hsl(var(--status-danger) / .14);color:hsl(var(--status-danger));border-radius:3.40282e38px}.status-badge-at-risk{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background-color:hsl(var(--status-at-risk) / .14);color:hsl(var(--status-at-risk));border-radius:3.40282e38px}.status-badge-unknown{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background-color:hsl(var(--status-unknown) / .18);color:hsl(var(--status-unknown));border-radius:3.40282e38px}.status-badge-new{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);background-color:hsl(var(--status-new) / .16);color:hsl(var(--status-new));border-radius:3.40282e38px}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.top-0{top:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.z-40{z-index:40}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-px{margin-left:-1px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-14{height:calc(var(--spacing) * 14)}.max-h-16{max-height:calc(var(--spacing) * 16)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-5{width:calc(var(--spacing) * 5)}.w-14{width:calc(var(--spacing) * 14)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/40{border-color:color-mix(in oklab,var(--color-emerald-500) 40%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-rose-400{border-color:var(--color-rose-400)}.border-rose-500\/40{border-color:#ff235766}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/40{border-color:color-mix(in oklab,var(--color-rose-500) 40%,transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/10{background-color:color-mix(in oklab,var(--color-rose-500) 10%,transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-rose-700{color:var(--color-rose-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-amber-400:hover{background-color:var(--color-amber-400)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200\/70:hover{background-color:#e2e8f0b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-200\/70:hover{background-color:color-mix(in oklab,var(--color-slate-200) 70%,transparent)}}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-amber-500:focus{--tw-ring-color:var(--color-amber-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media(min-width:40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}}@media(min-width:48rem){.md\:flex{display:flex}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.rtl\:flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}:where(.dark\:divide-slate-800:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-slate-800)}:where(.dark\:divide-slate-900:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-slate-900)}.dark\:border-gray-600:where(.dark,.dark *){border-color:var(--color-gray-600)}.dark\:border-slate-700:where(.dark,.dark *){border-color:var(--color-slate-700)}.dark\:border-slate-800:where(.dark,.dark *){border-color:var(--color-slate-800)}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-slate-100:where(.dark,.dark *){background-color:var(--color-slate-100)}.dark\:bg-slate-800:where(.dark,.dark *){background-color:var(--color-slate-800)}.dark\:bg-slate-900:where(.dark,.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-950\/80:where(.dark,.dark *){background-color:#020618cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-slate-950\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-slate-950) 80%,transparent)}}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-600:where(.dark,.dark *){color:var(--color-gray-600)}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-900:where(.dark,.dark *){color:var(--color-slate-900)}@media(hover:hover){.dark\:hover\:bg-gray-900:where(.dark,.dark *):hover{background-color:var(--color-gray-900)}.dark\:hover\:bg-rose-900\/20:where(.dark,.dark *):hover{background-color:#8b083633}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-rose-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-rose-900) 20%,transparent)}}.dark\:hover\:bg-slate-300:where(.dark,.dark *):hover{background-color:var(--color-slate-300)}.dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:text-gray-200:where(.dark,.dark *):hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:where(.dark,.dark *):focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:where(.dark,.dark *):focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:where(.dark,.dark *):active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:where(.dark,.dark *):active{color:var(--color-gray-300)}}:root{--status-danger:0 72% 51%;--status-at-risk:38 92% 50%;--status-unknown:220 10% 60%;--status-new:160 60% 40%}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}

/* App custom components */
.timeline-line {
    position: absolute;
    inset-inline-start: 0.5rem;
    top: 0.25rem;
    bottom: 0.25rem;
    width: 1px;
}

.timeline-item {
    padding-inline-start: 2rem;
}

.timeline-dot {
    position: absolute;
    inset-inline-start: 0.25rem;
    top: 0.35rem;
    width: 0.5rem;
    height: 0.5rem;
}

.timeline-year-group {
    border: 1px solid var(--color-slate-200);
    border-radius: var(--radius-lg);
    padding: 0.75rem 0.9rem 0.9rem;
    background-color: color-mix(in oklab, var(--color-white) 88%, transparent);
}

.dark .timeline-year-group {
    border-color: var(--color-slate-800);
    background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
}

.timeline-year-summary {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    cursor: pointer;
    list-style: none;
    user-select: none;
    margin-bottom: 0.6rem;
}

.timeline-year-summary::-webkit-details-marker {
    display: none;
}

.timeline-year-label {
    font-family: var(--font-serif);
    font-weight: var(--font-weight-bold);
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    line-height: 1;
    letter-spacing: 0.03em;
    color: var(--color-amber-700);
}

.dark .timeline-year-label {
    color: var(--color-amber-400);
}

.timeline-year-count {
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-500);
}

.dark .timeline-year-count {
    color: var(--color-slate-400);
}

.timeline-year-body {
    padding-top: 0.25rem;
}

.reference-row {
    display: grid;
    gap: 0.5rem;
}

@media (min-width: 640px) {
    .reference-row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }
}

.reference-add-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-amber-500);
    background-color: var(--color-amber-500);
    color: var(--color-slate-900);
    border-radius: var(--radius-md);
    padding: 0.4rem 0.8rem;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-semibold);
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.reference-add-button:hover {
    background-color: var(--color-amber-400);
    border-color: var(--color-amber-400);
    transform: translateY(-1px);
}

.reference-add-button:focus-visible {
    outline: 2px solid var(--color-amber-500);
    outline-offset: 2px;
}

.dark .reference-add-button {
    background-color: var(--color-slate-100);
    border-color: var(--color-slate-100);
    color: var(--color-slate-900);
}

.dark .reference-add-button:hover {
    background-color: var(--color-slate-300);
    border-color: var(--color-slate-300);
}

.reference-remove-button {
    align-self: end;
    border: 1px solid var(--color-rose-400);
    border-radius: var(--radius-md);
    padding: 0.5rem 0.8rem;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--color-rose-700);
    transition: background-color 0.15s ease;
}

.reference-remove-button:hover {
    background-color: var(--color-rose-50);
}

.dark .reference-remove-button {
    color: var(--color-rose-300);
}

.dark .reference-remove-button:hover {
    background-color: #8b083633;
}

.about-page {
    --about-bg: hsl(40 20% 97%);
    --about-fg: hsl(220 20% 14%);
    --about-card: hsl(40 15% 95%);
    --about-card-fg: hsl(220 20% 14%);
    --about-muted: hsl(220 10% 46%);
    --about-accent: hsl(38 75% 55%);
    --about-accent-fg: hsl(220 20% 10%);
    --about-border: hsl(220 12% 88%);
    --about-danger: hsl(0 72% 51%);
    background: var(--about-bg);
    color: var(--about-fg);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
    border: 1px solid var(--about-border);
    border-radius: var(--radius-xl);
    overflow: hidden;
}

.about-page h1,
.about-page h2,
.about-page h3,
.about-page h4 {
    font-family: var(--font-serif);
}

.about-page a {
    color: inherit;
    text-decoration: none;
}

.about-page .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.about-page .narrow {
    max-width: 90%;
    margin: 0 auto;
}

.about-page .back-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--about-muted);
    padding-top: 1.5rem;
    transition: color 0.2s;
}

.about-page .back-link:hover {
    color: var(--about-fg);
}

.about-page .back-link svg {
    width: 1rem;
    height: 1rem;
}

.about-page .sep {
    height: 1px;
    background: var(--about-border);
    max-width: 48rem;
    margin: 0 auto;
}

.about-page .hero {
    padding: 4rem 0;
    text-align: center;
}

.about-page .hero .tag {
    font-size: 0.75rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--about-accent);
    font-weight: var(--font-weight-medium);
    margin-bottom: 1rem;
}

.about-page .hero h1 {
    font-size: clamp(1.875rem, 4vw, 3rem);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.about-page .hero h1 span {
    color: var(--about-accent);
}

.about-page .hero p {
    color: var(--about-muted);
    max-width: 36rem;
    margin: 0 auto;
    font-size: clamp(1rem, 2vw, 1.125rem);
}

.about-page .section {
    padding: 4rem 0;
}

.about-page .section-heading {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.about-page .section-heading .bar {
    width: 6px;
    height: 24px;
    border-radius: 9999px;
    flex-shrink: 0;
}

.about-page .bar-accent {
    background: var(--about-accent);
}

.about-page .bar-danger {
    background: var(--about-danger);
}

.about-page .section-heading h2 {
    font-size: clamp(1.5rem, 3vw, 1.875rem);
    font-weight: var(--font-weight-semibold);
}

.about-page .prose {
    color: var(--about-muted);
    line-height: 1.75;
}

.about-page .prose p + p {
    margin-top: 1.25rem;
}

.about-page .prose strong,
.about-page .prose em.highlight {
    color: var(--about-fg);
}

.about-page .card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 640px) {
    .about-page .card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.about-page .card {
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    border: 1px solid var(--about-border);
    background: var(--about-card);
    transition: border-color 0.2s;
}

.about-page .card:hover {
    border-color: hsl(38 75% 55% / 0.4);
}

.about-page .card .card-head {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.about-page .card .card-head svg {
    width: 1rem;
    height: 1rem;
    color: var(--about-accent);
    flex-shrink: 0;
}

.about-page .card h3 {
    font-family: var(--font-serif);
    font-weight: var(--font-weight-semibold);
    color: var(--about-card-fg);
    font-size: 1rem;
}

.about-page .card p {
    font-size: 0.875rem;
    color: var(--about-muted);
    line-height: 1.6;
}

.about-page .risk-list {
    list-style: none;
    padding: 0;
}

.about-page .risk-list li {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.about-page .risk-list .dot {
    margin-top: 0.6rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--about-danger);
    flex-shrink: 0;
}

.about-page .risk-list strong {
    color: var(--about-fg);
}

.about-page .cta-box {
    padding: 2rem;
    border-radius: var(--radius-xl);
    border: 1px solid hsl(38 75% 55% / 0.3);
    background: hsl(38 75% 55% / 0.05);
    text-align: center;
    max-width: 40rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .about-page .cta-box {
        padding: 3rem;
    }
}

.about-page .cta-box h2 {
    font-size: clamp(1.5rem, 3vw, 1.875rem);
    font-weight: var(--font-weight-bold);
    margin-bottom: 1rem;
}

.about-page .cta-box p {
    color: var(--about-muted);
    margin-bottom: 1.5rem;
}

.about-page .cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-lg);
    background: var(--about-accent);
    color: var(--about-accent-fg);
    font-weight: var(--font-weight-medium);
    transition: opacity 0.2s;
}

.about-page .cta-btn:hover {
    opacity: 0.9;
}

.about-section-offset-lg {
    margin-top: 2rem;
}

.about-section-offset-md {
    margin-top: 1.5rem;
}

.about-section-cta {
    padding-bottom: 6rem;
}

.cms-editor-shell {
    border: 1px solid var(--color-slate-300);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.cms-editor-tabs {
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.35rem;
    border-bottom: 1px solid var(--color-slate-300);
    background-color: var(--color-slate-100);
    width: 100%;
}

.cms-editor-shell-rtl .cms-editor-tabs {
    direction: rtl;
}

.cms-editor-tab {
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    padding: 0.35rem 0.7rem;
    font-size: var(--text-xs);
    line-height: var(--text-xs--line-height);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-600);
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.cms-editor-tab:hover {
    background-color: var(--color-slate-200);
}

.cms-editor-tab.is-active {
    background-color: var(--color-slate-900);
    border-color: var(--color-slate-900);
    color: var(--color-white);
}

.cms-editor-panel {
    background-color: var(--color-white);
}

.cms-rich-editor {
    border-radius: 0;
    overflow: hidden;
}

.cms-rich-editor .ql-toolbar.ql-snow {
    border-color: transparent;
    border-bottom: 1px solid var(--color-slate-300);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cms-rich-editor .ql-container.ql-snow {
    border: 0;
    min-height: 320px;
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    background-color: var(--color-white);
}

.cms-rich-editor .ql-editor {
    min-height: 320px;
    line-height: 1.7;
}

.cms-rich-editor .ql-editor p + p {
    margin-top: 0.75rem;
}

.cms-source-panel .CodeMirror {
    border: 0;
    border-top: 1px solid var(--color-slate-300);
    min-height: 360px;
    height: auto;
    font-size: var(--text-sm);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.cms-source-editor-rtl,
.cms-source-editor-rtl .CodeMirror-lines,
.cms-source-editor-rtl .CodeMirror-line,
.cms-source-editor-rtl .CodeMirror-line-like {
    direction: rtl;
    text-align: right;
}

.dark .cms-editor-shell,
.dark .cms-editor-tabs,
.dark .cms-rich-editor .ql-toolbar.ql-snow,
.dark .cms-source-panel .CodeMirror {
    border-color: var(--color-slate-700);
}

.dark .cms-editor-tabs {
    background-color: var(--color-slate-900);
}

.dark .cms-editor-tab {
    color: var(--color-slate-300);
}

.dark .cms-editor-tab:hover {
    background-color: var(--color-slate-800);
}

.dark .cms-editor-tab.is-active {
    background-color: var(--color-slate-100);
    border-color: var(--color-slate-100);
    color: var(--color-slate-900);
}

.dark .cms-rich-editor .ql-container.ql-snow {
    background-color: var(--color-slate-900);
}

.dark .cms-source-panel .CodeMirror {
    background-color: var(--color-slate-900);
    color: var(--color-slate-200);
}

.dark .cms-source-panel .CodeMirror-gutters {
    background-color: var(--color-slate-900);
    border-inline-end: 1px solid var(--color-slate-700);
}

.dark .cms-rich-editor .ql-editor {
    color: var(--color-slate-200);
}

.dark .cms-rich-editor .ql-toolbar .ql-stroke {
    stroke: var(--color-slate-300);
}

.dark .cms-rich-editor .ql-toolbar .ql-fill {
    fill: var(--color-slate-300);
}

.dark .cms-rich-editor .ql-toolbar .ql-picker {
    color: var(--color-slate-300);
}

@font-face {
    font-family: "IRANSansWeb";
    src: url("/fonts/iransansweb/woff/IRANSansWeb.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansWeb";
    src: url("/fonts/iransansweb/woff/IRANSansWeb_Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html[lang="fa"] body,
html[lang="fa"] input,
html[lang="fa"] textarea,
html[lang="fa"] select,
html[lang="fa"] button,
html[lang="fa"] .ql-editor,
html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button,
html[dir="rtl"] .ql-editor {
    font-family: "IRANSansWeb", var(--font-sans), sans-serif;
}

html[lang="fa"] h1,
html[lang="fa"] h2,
html[lang="fa"] h3,
html[lang="fa"] h4,
html[lang="fa"] h5,
html[lang="fa"] h6,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: "IRANSansWeb", var(--font-sans), sans-serif;
}

.import-upload-shell {
    border: 1px dashed var(--color-slate-300);
    border-radius: var(--radius-lg);
    padding: 1rem;
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
}

.dark .import-upload-shell {
    border-color: var(--color-slate-700);
    background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
}

.import-upload-label {
    display: block;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0.5rem;
}

.import-upload-input {
    display: block;
    width: 100%;
    max-width: 420px;
    border: 1px solid var(--color-slate-300);
    border-radius: var(--radius-md);
    padding: 0.55rem 0.65rem;
    background-color: var(--color-white);
    font-size: var(--text-sm);
}

.dark .import-upload-input {
    border-color: var(--color-slate-700);
    background-color: var(--color-slate-900);
    color: var(--color-slate-200);
}

.import-stat-card {
    border: 1px solid var(--color-slate-200);
    border-radius: var(--radius-lg);
    padding: 0.85rem 1rem;
    background-color: color-mix(in oklab, var(--color-white) 82%, transparent);
}

.dark .import-stat-card {
    border-color: var(--color-slate-800);
    background-color: color-mix(in oklab, var(--color-slate-900) 72%, transparent);
}

.import-stat-card-danger {
    border-color: color-mix(in oklab, var(--color-rose-400) 55%, var(--color-slate-200));
}

.import-stat-card-warning {
    border-color: color-mix(in oklab, var(--color-amber-500) 55%, var(--color-slate-200));
}

.import-stat-label {
    font-size: var(--text-xs);
    color: var(--color-slate-500);
}

.import-stat-value {
    font-size: var(--text-2xl);
    line-height: 1.2;
    font-weight: var(--font-weight-bold);
}

.import-preview-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid var(--color-slate-200);
}

.dark .import-preview-head {
    border-color: var(--color-slate-800);
}

.import-preview-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--color-slate-200);
    background-color: color-mix(in oklab, var(--color-slate-100) 65%, transparent);
}

.dark .import-preview-actions {
    border-color: var(--color-slate-800);
    background-color: color-mix(in oklab, var(--color-slate-900) 88%, transparent);
}

.import-preview-table {
    width: 100%;
    min-width: 1200px;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.import-preview-table th {
    text-align: left;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-slate-500);
    background-color: color-mix(in oklab, var(--color-slate-100) 60%, transparent);
    padding: 0.75rem 0.7rem;
    border-bottom: 1px solid var(--color-slate-200);
}

.import-preview-table td {
    padding: 0.7rem;
    border-bottom: 1px solid var(--color-slate-100);
    vertical-align: top;
}

.import-row-duplicate {
    background-color: color-mix(in oklab, var(--color-rose-50) 70%, transparent);
}

.import-row-invalid {
    background-color: color-mix(in oklab, var(--color-amber-500) 12%, transparent);
}

.dark .import-preview-table th {
    color: var(--color-slate-400);
    background-color: color-mix(in oklab, var(--color-slate-900) 95%, transparent);
    border-color: var(--color-slate-800);
}

.dark .import-preview-table td {
    border-color: var(--color-slate-900);
}

.dark .import-row-duplicate {
    background-color: color-mix(in oklab, var(--color-rose-900) 26%, transparent);
}

.dark .import-row-invalid {
    background-color: color-mix(in oklab, var(--color-amber-700) 22%, transparent);
}

.prisoner-card {
    overflow: hidden;
}

.prisoner-card:hover {
    cursor: pointer;
}

.prisoner-card-cover {
    border-radius: calc(var(--radius-xl) - 4px);
    border: 1px solid var(--color-slate-200);
    background: var(--color-slate-100);
    overflow: hidden;
}

.prisoner-card-cover-image {
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
}

.prisoner-card-cover-fallback {
    width: 100%;
    aspect-ratio: 5 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-slate-600);
    background:
        radial-gradient(circle at 18% 20%, color-mix(in oklab, var(--color-amber-500) 28%, transparent), transparent 55%),
        radial-gradient(circle at 80% 85%, color-mix(in oklab, var(--color-slate-300) 75%, transparent), transparent 60%),
        var(--color-slate-100);
}

.prisoner-card-cover-fallback span {
    font-weight: var(--font-weight-bold);
    text-align: center;
    max-width: 90%;
    line-height: 1.1;
    word-break: break-word;
}

.prisoner-card-fallback-lg {
    font-size: clamp(1.35rem, 3.5vw, 2.1rem);
}

.prisoner-card-fallback-md {
    font-size: clamp(1.05rem, 2.9vw, 1.5rem);
}

.prisoner-card-fallback-sm {
    font-size: clamp(0.9rem, 2.4vw, 1.2rem);
}

.prisoner-card-fallback-xs {
    font-size: clamp(0.75rem, 2vw, 1rem);
}

.dark .prisoner-card-cover {
    border-color: var(--color-slate-700);
    background: var(--color-slate-900);
}

.dark .prisoner-card-cover-fallback {
    color: var(--color-slate-200);
    background:
        radial-gradient(circle at 18% 20%, color-mix(in oklab, var(--color-amber-600) 35%, transparent), transparent 58%),
        radial-gradient(circle at 80% 85%, color-mix(in oklab, var(--color-slate-700) 78%, transparent), transparent 60%),
        var(--color-slate-900);
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.75rem;
}

.image-tile {
    border: 1px solid var(--color-slate-200);
    border-radius: var(--radius-lg);
    background: color-mix(in oklab, var(--color-white) 85%, transparent);
    padding: 0.55rem;
    display: grid;
    gap: 0.45rem;
}

.dark .image-tile {
    border-color: var(--color-slate-700);
    background: color-mix(in oklab, var(--color-slate-900) 72%, transparent);
}

.image-tile-preview {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-slate-200);
}

.dark .image-tile-preview {
    border-color: var(--color-slate-700);
}

.profile-photo-shell {
    width: 132px;
    height: 132px;
    border-radius: 9999px;
    overflow: hidden;
    border: 1px solid var(--color-slate-300);
    background: var(--color-slate-100);
    color: var(--color-slate-700);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
}

.profile-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-photo-fallback span {
    font-size: clamp(1.8rem, 5vw, 2.4rem);
    font-weight: var(--font-weight-bold);
}

.dark .profile-photo-shell {
    border-color: var(--color-slate-700);
    background: var(--color-slate-800);
    color: var(--color-slate-200);
}

.prisoner-detail-panel {
    padding-top: 1.9rem;
    padding-bottom: 2rem;
}

.prisoner-detail-section {
    margin-top: 2rem;
    padding-top: 1.4rem;
}

.detail-item dt {
    font-size: var(--text-xs);
    color: var(--color-slate-500);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.35rem;
}

.detail-item dd {
    font-size: var(--text-sm);
    color: var(--color-slate-800);
}

.dark .detail-item dt {
    color: var(--color-slate-400);
}

.dark .detail-item dd {
    color: var(--color-slate-200);
}

.image-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 0.75rem;
}

.gallery-button {
    display: block;
    width: 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-slate-200);
    background: var(--color-slate-100);
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.gallery-button:hover {
    transform: translateY(-1px);
    border-color: var(--color-amber-500);
}

.dark .gallery-button {
    border-color: var(--color-slate-700);
    background: var(--color-slate-900);
}

.gallery-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 90;
    background: rgba(2, 6, 23, 0.82);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.image-lightbox.hidden {
    display: none;
}

.image-lightbox-img {
    max-width: min(92vw, 1100px);
    max-height: 86vh;
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.45);
}

.image-lightbox-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    background: rgba(15, 23, 42, 0.6);
    font-size: 1.3rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.image-lightbox-close:hover {
    background: rgba(30, 41, 59, 0.75);
}