@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--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}}}@layer theme{:root,:host{--font-mono:var(--font-geist-mono);--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-red-900:#82181a;--color-orange-100:#ffedd5;--color-orange-600:#f05100;--color-orange-700:#c53c00;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c2;--color-yellow-200:#fff085;--color-yellow-500:#edb200;--color-yellow-800:#874b00;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-300:#7bf1a8;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-700:#008138;--color-green-800:#016630;--color-green-900:#0d542b;--color-teal-500:#00baa7;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2ff;--color-indigo-500:#625fff;--color-indigo-600:#4f39f6;--color-indigo-700:#432dd7;--color-indigo-800:#372aac;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-pink-500:#f6339a;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-zinc-50:#fafafa;--color-zinc-400:#9f9fa9;--color-zinc-600:#52525c;--color-zinc-950:#09090b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--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:calc(1.5/1);--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:calc(2.25/1.875);--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;--tracking-tight:-.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-orange-100:lab(94.7127% 3.58394 14.3151);--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-orange-700:lab(46.4615% 57.7275 70.8507);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-yellow-50:lab(98.6846% -1.79055 9.7766);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-200:lab(94.3433% -5.00429 52.9663);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-800:lab(38.7484% 23.5833 51.4916);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-300:lab(86.9953% -47.2691 25.0054);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-green-900:lab(30.797% -29.6927 17.382);--color-teal-500:lab(67.3859% -49.0983 -2.63511);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-indigo-50:lab(95.4818% .411302 -6.78529);--color-indigo-100:lab(91.6577% 1.04591 -12.7199);--color-indigo-200:lab(84.4329% 3.18977 -23.9688);--color-indigo-500:lab(48.295% 38.3129 -81.9673);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-indigo-700:lab(32.4486% 49.2217 -84.6695);--color-indigo-800:lab(26.6645% 37.9804 -68.6402);--color-purple-50:lab(97.1627% 2.99937 -4.13398);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-zinc-50:lab(98.26% 0 0);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-950:lab(2.51107% .242703 -.886115)}}}@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;-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}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.float-right{float:right}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-24{margin-top:calc(var(--spacing)*24)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.h-1{height:calc(var(--spacing)*1)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.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}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}: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(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-color:#d5d5d5;border-bottom-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-black\/\[\.08\]{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/\[\.08\]{border-color:color-mix(in oklab,var(--color-black)8%,transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-transparent{border-top-color:#0000}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-foreground{background-color:var(--foreground)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-indigo-50{--tw-gradient-via:var(--color-indigo-50);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-indigo-100{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.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-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-16{padding-inline:calc(var(--spacing)*16)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.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)}.py-32{padding-block:calc(var(--spacing)*32)}.pt-3{padding-top:calc(var(--spacing)*3)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-geist-sans)}.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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}.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-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-background{color:var(--background)}.text-black{color:var(--color-black)}.text-blue-100{color:var(--color-blue-100)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.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-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-200{color:var(--color-indigo-200)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-950{color:var(--color-zinc-950)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-50{opacity:.5}.shadow{--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)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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-4{--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(4px + 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)}.ring-white\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\/30{--tw-ring-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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)}.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-filter{-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))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:border-transparent:hover{border-color:#0000}}@media (hover:hover){.hover\:bg-\[\#383838\]:hover{background-color:#383838}}@media (hover:hover){.hover\:bg-black\/\[\.04\]:hover{background-color:#0000000a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/\[\.04\]:hover{background-color:color-mix(in oklab,var(--color-black)4%,transparent)}}}@media (hover:hover){.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}}@media (hover:hover){.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}}@media (hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}@media (hover:hover){.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}}@media (hover:hover){.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}}@media (hover:hover){.hover\:bg-green-700:hover{background-color:var(--color-green-700)}}@media (hover:hover){.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}}@media (hover:hover){.hover\:bg-indigo-800:hover{background-color:var(--color-indigo-800)}}@media (hover:hover){.hover\:bg-orange-700:hover{background-color:var(--color-orange-700)}}@media (hover:hover){.hover\:bg-red-700:hover{background-color:var(--color-red-700)}}@media (hover:hover){.hover\:text-blue-700:hover{color:var(--color-blue-700)}}@media (hover:hover){.hover\:text-gray-700:hover{color:var(--color-gray-700)}}@media (hover:hover){.hover\:text-red-700:hover{color:var(--color-red-700)}}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + 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-4:focus{--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(4px + 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-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}}@media (min-width:40rem){.sm\:items-start{align-items:flex-start}}@media (min-width:40rem){.sm\:text-left{text-align:left}}@media (min-width:40rem){.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}}@media (min-width:48rem){.md\:w-\[158px\]{width:158px}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:48rem){.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-white\/\[\.145\]{border-color:#ffffff25}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[\.145\]{border-color:color-mix(in oklab,var(--color-white)14.5%,transparent)}}}@media (prefers-color-scheme:dark){.dark\:bg-black{background-color:var(--color-black)}}@media (prefers-color-scheme:dark){.dark\:text-zinc-50{color:var(--color-zinc-50)}}@media (prefers-color-scheme:dark){.dark\:text-zinc-400{color:var(--color-zinc-400)}}@media (prefers-color-scheme:dark){.dark\:invert{--tw-invert:invert(100%);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)}}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:bg-\[\#1a1a1a\]:hover{background-color:#1a1a1a}}}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:bg-\[\#ccc\]:hover{background-color:#ccc}}}}:root{--background:#fff;--foreground:#171717}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}input,select,textarea{color:#1f2937!important;background-color:#fff!important}input::placeholder,textarea::placeholder{color:#9ca3af!important}@media (prefers-color-scheme:dark){:root{--background:#fff;--foreground:#171717}input,select,textarea{color:#1f2937!important;background-color:#fff!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(360deg)}}.w-md-editor{--color-canvas-default:#fff!important;--color-fg-default:#1f2937!important;--color-border-default:#e5e7eb!important;color:#1f2937!important;background-color:#fff!important}.w-md-editor-text-pre>code,.w-md-editor-text-input,.w-md-editor-text,.w-md-editor textarea{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;caret-color:#1f2937!important}.w-md-editor-toolbar{background-color:#f9fafb!important;border-bottom:1px solid #e5e7eb!important}.w-md-editor-toolbar button{color:#4b5563!important}.w-md-editor-toolbar button:hover{background-color:#e5e7eb!important}.w-md-editor-preview{background-color:#fff!important}.wmde-markdown{color:#1f2937!important;background-color:#fff!important}.wmde-markdown pre{background-color:#f3f4f6!important}.wmde-markdown code{color:#dc2626!important;background-color:#f3f4f6!important}.w-md-editor-content,.w-md-editor-area{background-color:#fff!important}[data-color-mode=light] .w-md-editor{--color-canvas-default:#fff!important;--color-fg-default:#1f2937!important}.prose{color:#374151}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#111827;font-weight:700}.prose a{color:#2563eb}.prose strong{color:#111827}.prose code{background-color:#f3f4f6;border-radius:.25rem;padding:.125rem .25rem;font-size:.875em}.prose pre{color:#f9fafb;background-color:#1f2937}.prose blockquote{color:#6b7280;border-left-color:#3b82f6}.w-md-editor-text-pre,.w-md-editor-text-pre>code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.w-md-editor-text-input{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;background-color:#0000!important}.cm-content,.cm-line,.cm-editor .cm-content,.w-md-editor .cm-content,[data-color-mode=light] .w-md-editor-text-input,[data-color-mode=light] .w-md-editor-text-pre>code,[data-color-mode=light] .cm-content{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important}.w-md-editor-preview .wmde-markdown{padding:1rem}.w-md-editor-toolbar li>button.active{background-color:#e5e7eb!important}.w-md-editor-text-pre .token{color:inherit!important}.blog-page{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 50%,#e0e7ff 100%);min-height:100vh}.blog-container{max-width:1280px;margin:0 auto;padding:0 1rem}.blog-container-narrow{max-width:896px;margin:0 auto;padding:0 1rem}.blog-container-medium{max-width:1024px;margin:0 auto;padding:0 1rem}.blog-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#ffffffe6;border-bottom:1px solid #e5e7eb;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.blog-header-content{justify-content:space-between;align-items:center;padding:1.25rem 1rem;display:flex}.blog-header-title{background:linear-gradient(135deg,#2563eb,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.blog-header-subtitle{color:#6b7280;margin-top:.25rem;font-size:.875rem}.blog-btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 2px 4px #2563eb33}.blog-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.blog-btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d}.blog-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.blog-btn-ghost{color:#6b7280;background:0 0;padding:.5rem .75rem}.blog-btn-ghost:hover{color:#2563eb;background:#eff6ff}.blog-btn-danger{color:#dc2626;background:0 0;padding:.5rem .75rem}.blog-btn-danger:hover{background:#fef2f2}.blog-btn-success{color:#16a34a;background:0 0;padding:.5rem .75rem}.blog-btn-success:hover{background:#f0fdf4}.blog-btn:disabled{opacity:.5;cursor:not-allowed}.blog-link{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.blog-link:hover{color:#2563eb}.blog-card{height:100%;color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:1rem;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.blog-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.blog-card-header{background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);justify-content:center;align-items:center;height:6rem;display:flex;position:relative}.blog-card-initial{color:#fff;opacity:.3;font-size:2.5rem;font-weight:700}.blog-card-category-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;bottom:.75rem;left:1rem}.blog-card-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.blog-card-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:#2563eb}.blog-card-excerpt{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.blog-card-author{align-items:center;gap:.5rem;display:flex}.blog-card-author-name{color:#374151;font-size:.875rem;font-weight:500}.blog-card-meta{color:#9ca3af;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.blog-card-meta-item{align-items:center;gap:.25rem;display:flex}.blog-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-filters{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;margin-bottom:2rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a}.blog-filters-row{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.blog-filters-row{flex-direction:row;align-items:center}}.blog-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;outline:none;flex:1;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.blog-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blog-search-input::placeholder{color:#9ca3af}.blog-filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.blog-filter-tab{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.blog-filter-tab:hover{color:#374151;background:#e5e7eb}.blog-filter-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 2px 4px #2563eb33}.blog-header-actions{align-items:center;gap:.75rem;display:flex}.blog-header-actions .blog-btn{align-items:center;gap:.5rem;display:inline-flex}.blog-category-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;outline:none;min-width:180px;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.blog-category-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blog-category-select:hover{border-color:#d1d5db}@media (max-width:640px){.blog-header-actions{flex-direction:column;width:100%}.blog-header-actions .blog-btn{justify-content:center;width:100%}.blog-category-select{width:100%}}.blog-form-card{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;margin-bottom:1.5rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.blog-form-group{margin-bottom:1.5rem}.blog-form-label{color:#1f2937;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.blog-form-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.blog-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blog-form-input::placeholder{color:#9ca3af}.blog-form-input-title{font-size:1.25rem;font-weight:600}.blog-form-textarea{resize:none;color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.blog-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blog-form-select{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.blog-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blog-form-hint{color:#9ca3af;margin-top:.25rem;font-size:.75rem}.blog-alert{border-radius:.5rem;margin-bottom:1rem;padding:1rem}.blog-alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.blog-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.blog-alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.blog-post-category{color:#4f46e5;background:#eef2ff;border-radius:9999px;margin-bottom:1rem;padding:.375rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.blog-post-title{color:#111827;margin-bottom:1.5rem;font-size:2rem;font-weight:700;line-height:1.25}@media (min-width:768px){.blog-post-title{font-size:3rem}}.blog-post-meta{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.blog-post-author{align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s;display:flex}.blog-post-author:hover{opacity:.8}.blog-post-author-info{flex-direction:column;display:flex}.blog-post-author-name{color:#111827;font-weight:600}.blog-post-author-series{color:#6b7280;font-size:.875rem}.blog-post-meta-divider{color:#d1d5db}.blog-post-date{color:#6b7280;font-weight:500}.blog-post-views{color:#9ca3af;align-items:center;gap:.375rem;display:flex}.blog-post-content{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}@media (min-width:768px){.blog-post-content{padding:3rem}}.blog-posts-list{flex-direction:column;gap:1rem;display:flex}.blog-post-item{background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;padding:1.25rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.blog-post-item:hover{border-color:#bfdbfe;box-shadow:0 4px 6px -1px #0000001a}.blog-post-item-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.blog-post-item-content{flex:1;min-width:0}.blog-post-item-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.blog-post-item-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:1.125rem;font-weight:700;overflow:hidden}.blog-post-item-excerpt{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.blog-post-item-meta{color:#9ca3af;align-items:center;gap:1rem;font-size:.875rem;display:flex}.blog-post-item-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.blog-post-item-rejection{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:.75rem;padding:.75rem;font-size:.875rem}.blog-badge{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-badge-draft{color:#374151;background:#f3f4f6}.blog-badge-pending{color:#92400e;background:#fef3c7}.blog-badge-approved{color:#166534;background:#dcfce7}.blog-badge-rejected{color:#991b1b;background:#fee2e2}.blog-badge-category{color:#4f46e5;background:#eef2ff}.blog-empty{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:1rem;padding:3rem;box-shadow:0 4px 6px -1px #0000001a}.blog-empty-icon{margin-bottom:1rem;font-size:4rem}.blog-empty-title{color:#111827;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.blog-empty-text{color:#6b7280;margin-bottom:1.5rem}.blog-comments{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.blog-comments-title{color:#111827;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.blog-comments-form{border-bottom:1px solid #f3f4f6;margin-bottom:2rem;padding-bottom:2rem}.blog-comment-input{resize:none;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;min-height:5rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.blog-comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.blog-comment{border-bottom:1px solid #f3f4f6;padding:1rem 0}.blog-comment:last-child{border-bottom:none}.blog-comment-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.blog-comment-author{color:#111827;font-weight:600}.blog-comment-date{color:#9ca3af;font-size:.75rem}.blog-comment-content{color:#374151;margin-bottom:.5rem;margin-left:2.75rem}.blog-comment-actions{gap:1rem;margin-left:2.75rem;display:flex}.blog-comment-action{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;transition:color .2s}.blog-comment-action:hover{color:#2563eb}.blog-comment-replies{border-left:2px solid #e5e7eb;margin-top:1rem;margin-left:2.75rem;padding-left:1rem}.blog-section{padding:2rem 0}.blog-icon-sm{width:1rem;height:1rem}.blog-icon-md{width:1.25rem;height:1.25rem}.blog-mt-4{margin-top:1rem}.blog-mb-4{margin-bottom:1rem}.blog-mb-6{margin-bottom:1.5rem}.blog-py-8{padding-top:2rem;padding-bottom:2rem}.user-layout{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 50%,#e0e7ff 100%);min-height:100vh;display:flex}.sidebar{z-index:100;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}@media (min-width:1024px){.sidebar{transform:translate(0)}}.sidebar-open{transform:translate(0);box-shadow:0 25px 50px -12px #00000040}.sidebar-backdrop{z-index:90;background:#00000080;position:fixed;inset:0}@media (min-width:1024px){.sidebar-backdrop{display:none}}.sidebar-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.sidebar-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.sidebar-logo-img{border-radius:.5rem}.sidebar-logo-text{background:linear-gradient(135deg,#2563eb,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.sidebar-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.sidebar-close-btn:hover{color:#111827;background:#f3f4f6}@media (min-width:1024px){.sidebar-close-btn{display:none}}.sidebar-user{background:#f9fafb;border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.sidebar-user-status{margin-top:.125rem;font-size:.75rem;font-weight:500}.sidebar-user-status-approved{color:#16a34a}.sidebar-user-status-pending{color:#d97706}.sidebar-user-status-rejected{color:#dc2626}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-nav-item{color:#4b5563;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#111827;background:#f3f4f6}.sidebar-nav-item-active{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 2px 4px #2563eb4d}.sidebar-nav-item-active:hover{color:#fff;background:linear-gradient(135deg,#1d4ed8,#4338ca)}.sidebar-footer{border-top:1px solid #f3f4f6;padding:1rem .75rem}.sidebar-logout-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.sidebar-logout-btn:hover{background:#fef2f2}.main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:0;transition:margin-left .3s;display:flex}@media (min-width:1024px){.main-wrapper{margin-left:260px}}.top-header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.top-header-content{align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.hamburger-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex}.hamburger-btn:hover{background:#f3f4f6}@media (min-width:1024px){.hamburger-btn{display:none}}.top-header-logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.top-header-logo-img{border-radius:.375rem}.top-header-logo-text{background:linear-gradient(135deg,#2563eb,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}@media (min-width:1024px){.top-header-logo{display:none}}.top-header-spacer{flex:1}.main-content{flex:1;padding:1.5rem}@media (min-width:768px){.main-content{padding:2rem}}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-card-legacy{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.dashboard-card-title{color:#111827;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.dashboard-status-badge{border-radius:9999px;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.dashboard-notice{border-radius:.5rem;margin-top:1rem;padding:1rem}.dashboard-notice-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.dashboard-notice-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.dashboard-notice-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.blog-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.blog-page-title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}@media (min-width:768px){.blog-page-title{font-size:1.75rem}}.blog-page-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.blog-back-link{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.blog-back-link:hover{color:#2563eb}.blog-post-header-card{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;margin-bottom:1.5rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}@media (min-width:768px){.blog-post-header-card{padding:2.5rem}}.alumni-back-link{color:#2563eb;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.alumni-back-link:hover{color:#1d4ed8}.alumni-back-link svg{width:1.25rem;height:1.25rem}.alumni-profile-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.alumni-profile-header{background:linear-gradient(90deg,#2563eb,#4f46e5);padding:2rem 1.5rem}.alumni-profile-header-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (min-width:640px){.alumni-profile-header-content{flex-direction:row;align-items:center}}.alumni-avatar{box-shadow:0 0 0 4px #ffffff4d}.alumni-profile-info{text-align:center}@media (min-width:640px){.alumni-profile-info{text-align:left}}.alumni-profile-name{color:#fff;margin:0;font-size:1.5rem;font-weight:700}@media (min-width:640px){.alumni-profile-name{font-size:1.875rem}}.alumni-profile-meta{color:#bfdbfe;margin-top:.25rem}.alumni-blood-group-badge{color:#fff;background:#fff3;border-radius:9999px;margin-top:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.alumni-profile-body{flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.alumni-section{margin:0}.alumni-section-title{color:#111827;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.alumni-section-title svg{color:#2563eb;width:1.25rem;height:1.25rem}.alumni-info-grid{grid-template-columns:repeat(1,1fr);gap:1rem;display:grid}@media (min-width:768px){.alumni-info-grid{grid-template-columns:repeat(2,1fr)}}.alumni-info-grid-4{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:768px){.alumni-info-grid-4{grid-template-columns:repeat(4,1fr)}}.alumni-info-item{background:#f9fafb;border-radius:.5rem;padding:1rem}.alumni-info-full{grid-column:span 2}.alumni-info-label{color:#6b7280;font-size:.875rem;display:block}.alumni-info-value{color:#111827;margin:0;font-weight:500}.alumni-info-value.capitalize{text-transform:capitalize}.alumni-work-list,.alumni-education-list{flex-direction:column;gap:1rem;display:flex}.alumni-work-item,.alumni-education-item{background:#f9fafb;border-radius:.5rem;padding:1rem}.alumni-work-content{justify-content:space-between;align-items:flex-start;display:flex}.alumni-work-title,.alumni-education-title{color:#111827;margin:0;font-weight:600}.alumni-work-meta,.alumni-education-meta{color:#4b5563;margin-top:.25rem;font-size:.875rem}.alumni-work-year{color:#6b7280;margin-top:.25rem;font-size:.875rem}.alumni-education-major{color:#4b5563;margin-top:.25rem;font-size:.875rem}.alumni-current-badge{color:#15803d;background:#dcfce7;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.alumni-research-tags{flex-wrap:wrap;gap:.5rem;display:flex}.alumni-research-tag{color:#1e40af;background:#dbeafe;border-radius:9999px;padding:.375rem .75rem;font-size:.875rem;font-weight:500}.events-page{max-width:1200px;margin:0 auto;padding:0 1rem}.events-header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.events-header-content{flex:1;min-width:200px}.events-title{color:#111827;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.events-subtitle{color:#6b7280;margin:0;font-size:1rem}.events-create-btn{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #2563eb4d}.events-create-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb66}.events-filters{background:#fff;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex;box-shadow:0 1px 3px #00000014}.events-filter-tabs{background:#f3f4f6;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.events-filter-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}.events-filter-tab:hover{color:#374151}.events-filter-tab.active{color:#2563eb;background:#fff;box-shadow:0 1px 2px #0000000d}.events-type-filter{color:#6b7280;align-items:center;gap:.5rem;display:flex}.events-type-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.events-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.events-loading-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite spin}.events-empty{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.events-empty h3{color:#374151;margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600}.events-empty p{color:#6b7280;margin-bottom:1.5rem}.events-empty-cta{color:#fff;background:#2563eb;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none}.events-empty-cta:hover{background:#1d4ed8}.events-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.event-card{background:#fff;border-radius:.75rem;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.event-card-banner{background:#f3f4f6;width:100%;height:160px;position:relative}.event-card-banner-img{object-fit:cover}.event-card-content{padding:1.25rem}.event-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.event-card-type{color:#fff;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.event-card-status{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.event-card-status-pending{color:#92400e;background:#fef3c7}.event-card-status-approved{color:#15803d;background:#dcfce7}.event-card-status-rejected{color:#b91c1c;background:#fee2e2}.event-card-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.event-card-meta{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.event-card-meta-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.event-card-meta-item svg{color:#9ca3af;flex-shrink:0}.event-card-meta-item span.past{color:#9ca3af;text-decoration:line-through}.event-card-creator{color:#6b7280;border-top:1px solid #f3f4f6;align-items:center;gap:.5rem;padding-top:.75rem;font-size:.875rem;display:flex}.create-event-page{max-width:800px;margin:0 auto}.create-event-header{margin-bottom:2rem}.create-event-back{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.create-event-back:hover{color:#2563eb}.create-event-title{color:#111827;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.create-event-subtitle{color:#6b7280}.create-event-form{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.create-event-error{color:#b91c1c;background:#fee2e2;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;display:flex}.form-input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;width:100%;min-height:150px;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.event-type-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.event-type-option{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s}.event-type-option:hover{border-color:#93c5fd}.event-type-option.selected{background:#eff6ff;border-color:#2563eb}.event-type-label{color:#111827;margin-bottom:.25rem;font-weight:600;display:block}.event-type-desc{color:#6b7280;font-size:.75rem;display:block}.create-event-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .2s}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:background .2s}.btn-secondary:hover{background:#f9fafb}.event-details-page{max-width:1000px;margin:0 auto}.event-created-notice{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.event-created-notice strong{margin-bottom:.25rem;display:block}.event-created-notice p{margin:0;font-size:.875rem}.event-status-banner{border-radius:.5rem;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.event-status-banner-pending{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.event-status-banner-rejected{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.event-status-banner strong{margin-bottom:.25rem;display:block}.event-status-banner p{margin:0;font-size:.875rem}.event-details-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.event-details-back{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.event-details-back:hover{color:#2563eb}.event-edit-btn{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.event-edit-btn:hover{background:#f9fafb}.event-details-banner{background:#f3f4f6;border-radius:.75rem;width:100%;height:300px;margin-bottom:2rem;position:relative;overflow:hidden}.event-details-banner-img{object-fit:cover}.event-details-content{grid-template-columns:1fr 300px;gap:2rem;display:grid}@media (max-width:768px){.event-details-content{grid-template-columns:1fr}}.event-details-main{min-width:0}.event-details-info{background:#fff;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.event-details-type-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.event-details-type{color:#fff;border-radius:9999px;padding:.375rem .875rem;font-size:.875rem;font-weight:600}.event-details-past-badge{color:#6b7280;background:#f3f4f6;border-radius:9999px;padding:.375rem .875rem;font-size:.875rem;font-weight:500}.event-details-title{color:#111827;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;line-height:1.3}.event-details-meta{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:640px){.event-details-meta{grid-template-columns:1fr}}.event-details-meta-item{align-items:flex-start;gap:.75rem;display:flex}.event-details-meta-item svg{color:#2563eb;flex-shrink:0;margin-top:.125rem}.event-details-meta-item .meta-label{color:#6b7280;margin-bottom:.125rem;font-size:.75rem;display:block}.event-details-meta-item .meta-value{color:#111827;font-weight:500;display:block}.event-interest-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.event-interest-btn:hover:not(:disabled){color:#db2777;border-color:#f472b6}.event-interest-btn.interested{color:#db2777;background:#fdf2f8;border-color:#f472b6}.event-interest-btn:disabled{opacity:.6;cursor:not-allowed}.event-details-description{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.event-details-description h2{color:#111827;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.event-description-content{color:#374151;line-height:1.7}.event-description-content h1,.event-description-content h2,.event-description-content h3{color:#111827;margin-top:1.5rem;margin-bottom:.75rem}.event-description-content p{margin-bottom:1rem}.event-description-content ul,.event-description-content ol{margin-bottom:1rem;padding-left:1.5rem}.event-description-content li{margin-bottom:.5rem}.event-description-content a{color:#2563eb;text-decoration:underline}.event-updates-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.event-updates-section h2{color:#111827;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.event-update-form{margin-bottom:1.5rem}.event-update-input{resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;width:100%;margin-bottom:.75rem;padding:.75rem;font-family:inherit;font-size:.875rem}.event-update-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.event-update-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s;display:flex}.event-update-submit:hover:not(:disabled){background:#1d4ed8}.event-update-submit:disabled{opacity:.6;cursor:not-allowed}.event-no-updates{color:#9ca3af;text-align:center;padding:2rem 0;font-style:italic}.event-updates-list{flex-direction:column;gap:1rem;display:flex}.event-update-item{background:#f9fafb;border-left:3px solid #2563eb;border-radius:.5rem;padding:1rem}.event-update-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.event-update-date{color:#6b7280;font-size:.75rem}.event-update-delete{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.event-update-delete:hover{color:#ef4444}.event-update-content{color:#374151;white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.5}.event-details-sidebar{position:sticky;top:1rem}.event-creator-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.event-creator-card h3{color:#6b7280;margin-bottom:1rem;font-size:.875rem;font-weight:500}.event-creator-info{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.event-creator-name{color:#111827;margin:0;font-weight:600}.event-creator-series{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.event-creator-link{text-align:center;color:#374151;background:#f3f4f6;border-radius:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:block}.event-creator-link:hover{background:#e5e7eb}.banner-upload{width:100%}.banner-upload-preview{background:#f3f4f6;border-radius:.5rem;width:100%;height:200px;position:relative;overflow:hidden}.banner-upload-preview-img{object-fit:cover}.banner-upload-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.banner-upload-remove:hover{background:#ef4444e6}.banner-upload-btn{cursor:pointer;color:#6b7280;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:2.5rem 1.5rem;transition:all .2s;display:flex}.banner-upload-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.banner-upload-btn:disabled{cursor:not-allowed;opacity:.7}.banner-upload-hint{color:#9ca3af;font-size:.75rem}.banner-upload-spinner{border:2px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.banner-upload-error{color:#ef4444;margin-top:.5rem;font-size:.875rem}@media (max-width:640px){.events-header{flex-direction:column;align-items:stretch}.events-create-btn{justify-content:center}.events-filters{flex-direction:column;align-items:stretch}.events-filter-tabs{justify-content:center;width:100%}.events-type-filter{width:100%}.events-type-select{flex:1}.events-grid{grid-template-columns:1fr}.create-event-form{padding:1.25rem}.event-type-grid{grid-template-columns:1fr 1fr}.event-details-banner{height:200px}}.fundraisers-page{max-width:1200px;margin:0 auto;padding:0 1rem}.fundraisers-header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.fundraisers-header-content{flex:1;min-width:200px}.fundraisers-title{color:#111827;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.fundraisers-subtitle{color:#6b7280;margin:0;font-size:1rem}.fundraisers-create-btn{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #ec48994d}.fundraisers-create-btn:hover{background:linear-gradient(135deg,#db2777 0%,#be185d 100%);transform:translateY(-1px);box-shadow:0 4px 8px #ec489966}.fundraisers-filters{background:#fff;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex;box-shadow:0 1px 3px #00000014}.fundraisers-filter-tabs{background:#f3f4f6;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.fundraisers-filter-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}.fundraisers-filter-tab:hover{color:#374151}.fundraisers-filter-tab.active{color:#ec4899;background:#fff;box-shadow:0 1px 2px #0000000d}.fundraisers-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.fundraisers-loading-spinner{border:3px solid #e5e7eb;border-top-color:#ec4899;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite spin}.fundraisers-empty{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.fundraisers-empty h3{color:#374151;margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600}.fundraisers-empty p{color:#6b7280;margin-bottom:1.5rem}.fundraisers-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.fundraiser-card{background:#fff;border-radius:1rem;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.fundraiser-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.fundraiser-card-banner{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);height:180px;position:relative}.fundraiser-card-banner-img{object-fit:cover}.fundraiser-card-banner-placeholder{color:#f9a8d4;justify-content:center;align-items:center;display:flex}.fundraiser-card-badge{border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.fundraiser-card-badge-completed{color:#1d4ed8;background:#dbeafe}.fundraiser-card-badge-cancelled{color:#dc2626;background:#fee2e2}.fundraiser-card-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.fundraiser-card-title{color:#111827;margin:0 0 .5rem;font-size:1.125rem;font-weight:700;line-height:1.4}.fundraiser-card-description{color:#6b7280;flex:1;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.fundraiser-card-progress{margin-bottom:.75rem}.fundraiser-card-progress-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.fundraiser-card-progress-fill{background:linear-gradient(90deg,#ec4899 0%,#f472b6 100%);border-radius:4px;height:100%;transition:width .5s}.fundraiser-card-progress-info{justify-content:space-between;font-size:.813rem;display:flex}.fundraiser-card-raised{color:#ec4899;font-weight:600}.fundraiser-card-goal{color:#6b7280}.fundraiser-card-stats{border-top:1px solid #f3f4f6;gap:1rem;padding-top:.75rem;display:flex}.fundraiser-card-stat{color:#6b7280;align-items:center;gap:.375rem;font-size:.813rem;display:flex}.create-fundraiser-page{max-width:700px;margin:0 auto}.create-fundraiser-header{margin-bottom:2rem}.create-fundraiser-back{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.create-fundraiser-back:hover{color:#ec4899}.create-fundraiser-title{color:#111827;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.create-fundraiser-subtitle{color:#6b7280;margin:0;font-size:1rem}.create-fundraiser-form{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 2px 8px #00000014}.create-fundraiser-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.form-input-with-prefix{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;display:flex;overflow:hidden}.form-input-with-prefix:focus-within{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.form-input-prefix{color:#6b7280;background:#f9fafb;border-right:1px solid #d1d5db;padding:.75rem 1rem;font-weight:600}.form-input-amount{box-shadow:none!important;border:none!important}.form-input-amount:focus{box-shadow:none!important}.create-fundraiser-preview{text-align:center;background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.create-fundraiser-preview h3{color:#6b7280;margin:0 0 .5rem;font-size:.875rem;font-weight:500}.create-fundraiser-preview-amount{color:#ec4899;font-size:2rem;font-weight:700}.create-fundraiser-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.edit-fundraiser-page{max-width:700px;margin:0 auto}.edit-fundraiser-header{margin-bottom:2rem}.edit-fundraiser-back{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.edit-fundraiser-back:hover{color:#ec4899}.edit-fundraiser-title{color:#111827;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.edit-fundraiser-subtitle{color:#6b7280;margin:0;font-size:1rem}.edit-fundraiser-form{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 2px 8px #00000014}.edit-fundraiser-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.fundraiser-progress-info{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-radius:.75rem;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.fundraiser-progress-stat{text-align:center;flex:1}.fundraiser-progress-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;display:block}.fundraiser-progress-value{color:#ec4899;font-size:1.5rem;font-weight:700}.status-options{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.status-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s}.status-option:hover{border-color:#d1d5db}.status-option.selected{background:#fdf2f8;border-color:#ec4899}.status-option-active.selected{background:#f0fdf4;border-color:#22c55e}.status-option-completed.selected{background:#eff6ff;border-color:#3b82f6}.status-option-cancelled.selected{background:#fef2f2;border-color:#ef4444}.status-option-label{color:#111827;margin-bottom:.25rem;font-weight:600;display:block}.status-option-desc{color:#6b7280;font-size:.75rem}.status-warning-modal{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.status-warning-content{text-align:center;background:#fff;border-radius:1rem;max-width:400px;padding:2rem}.status-warning-icon{color:#f59e0b;margin-bottom:1rem}.status-warning-content h3{color:#111827;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.status-warning-content p{color:#6b7280;margin:0 0 1.5rem;font-size:.875rem}.status-warning-actions{justify-content:center;gap:.75rem;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background .2s}.btn-danger:hover{background:#dc2626}.edit-fundraiser-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.fundraiser-details-page{max-width:1000px;margin:0 auto}.fundraiser-created-notice{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:.5rem;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.fundraiser-created-notice strong{margin-bottom:.25rem;display:block}.fundraiser-created-notice p{margin:0;font-size:.875rem}.fundraiser-details-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.fundraiser-details-back{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.fundraiser-details-back:hover{color:#ec4899}.fundraiser-edit-btn{color:#374151;background:#f3f4f6;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.fundraiser-edit-btn:hover{background:#e5e7eb}.fundraiser-details-banner{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-radius:1rem;height:350px;margin-bottom:1.5rem;position:relative;overflow:hidden}.fundraiser-details-banner-img{object-fit:cover}.fundraiser-details-banner-placeholder{color:#f9a8d4;justify-content:center;align-items:center;height:100%;display:flex}.fundraiser-details-status-badge{border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;position:absolute;top:1rem;right:1rem}.fundraiser-details-status-active{color:#15803d;background:#dcfce7}.fundraiser-details-status-completed{color:#1d4ed8;background:#dbeafe}.fundraiser-details-status-cancelled{color:#dc2626;background:#fee2e2}.fundraiser-details-content{grid-template-columns:1fr 340px;gap:2rem;display:grid}.fundraiser-details-main{flex-direction:column;gap:1.5rem;display:flex}.fundraiser-details-title{color:#111827;margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.fundraiser-details-meta{color:#6b7280;flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}.fundraiser-details-meta-item{align-items:center;gap:.375rem;display:flex}.fundraiser-details-description{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-details-description h2{color:#111827;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.fundraiser-details-description .prose{color:#374151;line-height:1.7}.fundraiser-details-sidebar{flex-direction:column;gap:1.5rem;display:flex}.fundraiser-progress-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-progress-amounts{text-align:center;margin-bottom:1rem}.fundraiser-progress-current{color:#ec4899;font-size:2rem;font-weight:700}.fundraiser-progress-goal{color:#6b7280;font-size:.875rem}.fundraiser-progress-bar-large{background:#f3f4f6;border-radius:6px;height:12px;margin-bottom:.75rem;overflow:hidden}.fundraiser-progress-bar-fill{background:linear-gradient(90deg,#ec4899 0%,#f472b6 100%);border-radius:6px;height:100%;transition:width .5s}.fundraiser-progress-percent{text-align:center;color:#6b7280;font-size:.875rem}.fundraiser-donate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border:none;border-radius:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.fundraiser-donate-btn:hover:not(:disabled){background:linear-gradient(135deg,#db2777 0%,#be185d 100%);transform:translateY(-1px)}.fundraiser-donate-btn:disabled{opacity:.5;cursor:not-allowed}.fundraiser-stats-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-stats-card h3{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.fundraiser-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.fundraiser-stat-item{text-align:center;background:#f9fafb;border-radius:.5rem;padding:.75rem}.fundraiser-stat-value{color:#111827;font-size:1.5rem;font-weight:700;display:block}.fundraiser-stat-label{color:#6b7280;font-size:.75rem}.fundraiser-top-donor{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-top-donor h3{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.fundraiser-top-donor-content{align-items:center;gap:.75rem;display:flex}.fundraiser-top-donor-avatar{color:#ec4899;background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex}.fundraiser-top-donor-info{flex:1}.fundraiser-top-donor-name{color:#111827;font-weight:600;text-decoration:none}.fundraiser-top-donor-name:hover{color:#ec4899}.fundraiser-top-donor-amount{color:#ec4899;font-size:.875rem;font-weight:600}.fundraiser-donations{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-donations h3{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.fundraiser-donation-item{background:#f9fafb;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.fundraiser-donation-avatar{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:600;display:flex}.fundraiser-donation-info{flex:1}.fundraiser-donation-name{color:#111827;font-size:.875rem;font-weight:500}.fundraiser-donation-date{color:#9ca3af;font-size:.75rem}.fundraiser-donation-amount{color:#ec4899;font-size:.875rem;font-weight:600}.fundraiser-donations-empty{text-align:center;color:#9ca3af;padding:1rem;font-size:.875rem}.fundraiser-updates{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-updates-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.fundraiser-updates h3{color:#111827;margin:0;font-size:1rem;font-weight:600}.fundraiser-add-update-btn{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:background .2s}.fundraiser-add-update-btn:hover{background:#db2777}.fundraiser-update-content{color:#374151;font-size:.875rem;line-height:1.6}.fundraiser-updates-empty{text-align:center;color:#9ca3af;padding:1rem;font-size:.875rem}.fundraiser-add-update-form{background:#fdf2f8;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.fundraiser-add-update-form textarea{resize:vertical;border:1px solid #f9a8d4;border-radius:.375rem;width:100%;margin-bottom:.75rem;padding:.75rem;font-size:.875rem}.fundraiser-add-update-form textarea:focus{border-color:#ec4899;outline:none}.fundraiser-add-update-actions{justify-content:flex-end;gap:.5rem;display:flex}.fundraiser-add-update-actions button{cursor:pointer;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.fundraiser-add-update-cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.fundraiser-add-update-cancel:hover{background:#f9fafb}.fundraiser-add-update-submit{color:#fff;background:#ec4899;border:none}.fundraiser-add-update-submit:hover:not(:disabled){background:#db2777}.fundraiser-add-update-submit:disabled{opacity:.5;cursor:not-allowed}.donation-modal{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.donation-modal-content{background:#fff;border-radius:1rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.donation-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.donation-modal-header h2{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.donation-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.donation-modal-close:hover{color:#374151}.donation-modal-body{padding:1.5rem}.donation-amount-step h3{color:#6b7280;margin:0 0 1rem;font-size:.875rem;font-weight:600}.donation-preset-amounts{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.donation-preset-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem;font-weight:600;transition:all .2s}.donation-preset-btn:hover{border-color:#ec4899}.donation-preset-btn.selected{color:#ec4899;background:#fdf2f8;border-color:#ec4899}.donation-custom-amount{margin-bottom:1.5rem}.donation-custom-amount label{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;display:block}.donation-continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border:none;border-radius:.5rem;width:100%;padding:.875rem;font-weight:600;transition:all .2s}.donation-continue-btn:hover:not(:disabled){background:linear-gradient(135deg,#db2777 0%,#be185d 100%)}.donation-continue-btn:disabled{opacity:.5;cursor:not-allowed}.donation-payment-step h3{color:#6b7280;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.donation-payment-amount{color:#ec4899;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.donation-payment-methods{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.donation-payment-method{cursor:pointer;border:2px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.donation-payment-method:hover{border-color:#d1d5db}.donation-payment-method.selected{background:#fdf2f8;border-color:#ec4899}.donation-payment-method-icon{border-radius:.5rem;justify-content:center;align-items:center;width:40px;height:40px;font-size:.75rem;font-weight:700;display:flex}.payment-method-card{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.payment-method-bkash{color:#fff;background:#e2136e}.payment-method-nagad{color:#fff;background:#f6921e}.donation-payment-method-info{flex:1}.donation-payment-method-name{color:#111827;font-weight:600}.donation-payment-method-desc{color:#6b7280;font-size:.75rem}.donation-payment-form{background:#f9fafb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.donation-payment-form-row{margin-bottom:1rem}.donation-payment-form-row:last-child{margin-bottom:0}.donation-payment-form-row label{color:#6b7280;margin-bottom:.375rem;font-size:.75rem;display:block}.donation-payment-form-row input{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.625rem;font-size:.875rem}.donation-payment-form-row input:focus{border-color:#ec4899;outline:none}.donation-payment-form-split{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.donation-payment-actions{gap:.75rem;display:flex}.donation-back-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex:1;padding:.875rem;font-weight:500;transition:background .2s}.donation-back-btn:hover{background:#f9fafb}.donation-pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border:none;border-radius:.5rem;flex:2;padding:.875rem;font-weight:600;transition:all .2s}.donation-pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#db2777 0%,#be185d 100%)}.donation-pay-btn:disabled{opacity:.5;cursor:not-allowed}.donation-success-step{text-align:center;padding:2rem 1rem}.donation-success-icon{color:#22c55e;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.donation-success-step h3{color:#111827;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.donation-success-step p{color:#6b7280;margin:0 0 1.5rem}.donation-success-amount{color:#ec4899;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.donation-success-btn{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:.5rem;padding:.875rem 2rem;font-weight:600;transition:background .2s}.donation-success-btn:hover{background:#db2777}.your-donation-section{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-radius:.5rem;margin-top:1rem;padding:1rem 1.5rem}.your-donation-section p{color:#6b7280;margin:0;font-size:.875rem}.your-donation-section p strong{color:#ec4899}@media (max-width:768px){.fundraisers-header{flex-direction:column;align-items:stretch}.fundraisers-create-btn{justify-content:center}.fundraisers-grid,.fundraiser-details-content{grid-template-columns:1fr}.fundraiser-details-sidebar{order:-1}.fundraiser-details-banner{height:220px}.status-options{grid-template-columns:1fr}.donation-preset-amounts{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.create-fundraiser-form,.edit-fundraiser-form{padding:1.25rem}.fundraiser-progress-info{flex-direction:column;gap:1rem}}.fundraiser-details-info{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-status-badge{border-radius:9999px;margin-bottom:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.fundraiser-status-badge-completed{color:#1d4ed8;background:#dbeafe}.fundraiser-status-badge-cancelled{color:#dc2626;background:#fee2e2}.fundraiser-progress-section{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-radius:.75rem;margin:1.5rem 0;padding:1.5rem}.fundraiser-progress-section .fundraiser-progress-amounts{text-align:left;margin-bottom:.75rem}.fundraiser-progress-section .fundraiser-progress-current{color:#ec4899;font-size:2.25rem;font-weight:700;display:block}.fundraiser-progress-section .fundraiser-progress-goal{color:#6b7280;font-size:.875rem}.fundraiser-progress-fill-large{background:linear-gradient(90deg,#ec4899 0%,#f472b6 100%);border-radius:6px;height:100%;transition:width .5s}.fundraiser-progress-stats{flex-wrap:wrap;gap:1.25rem;margin-top:1rem;display:flex}.fundraiser-stat{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.fundraiser-stat svg{color:#ec4899}.fundraiser-details-info .fundraiser-donate-btn{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.fundraiser-user-donated{text-align:center;color:#15803d;background:#dcfce7;border-radius:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem}.fundraiser-description{border-top:1px solid #f3f4f6;margin-top:1.5rem;padding-top:1.5rem}.fundraiser-description h2{color:#111827;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.fundraiser-description-content{color:#374151;line-height:1.7}.fundraiser-description-content p{margin:0 0 1rem}.fundraiser-description-content p:last-child{margin-bottom:0}.fundraiser-updates-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-updates-section h2{color:#111827;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.fundraiser-update-form{background:#f9fafb;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.fundraiser-update-input{resize:vertical;border:1px solid #d1d5db;border-radius:.375rem;width:100%;margin-bottom:.75rem;padding:.75rem;font-size:.875rem}.fundraiser-update-input:focus{border-color:#ec4899;outline:none;box-shadow:0 0 0 3px #ec48991a}.fundraiser-update-submit{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s}.fundraiser-update-submit:hover:not(:disabled){background:#db2777}.fundraiser-update-submit:disabled{opacity:.5;cursor:not-allowed}.fundraiser-no-updates{text-align:center;color:#9ca3af;padding:1rem;font-size:.875rem}.fundraiser-updates-list{flex-direction:column;gap:1rem;display:flex}.fundraiser-update-item{background:#f9fafb;border-left:3px solid #ec4899;border-radius:.5rem;padding:1rem}.fundraiser-update-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.fundraiser-update-date{color:#9ca3af;font-size:.75rem}.fundraiser-update-delete{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.fundraiser-update-delete:hover{color:#ef4444}.fundraiser-update-content{color:#374151;margin:0;font-size:.875rem;line-height:1.6}.fundraiser-sidebar-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.fundraiser-sidebar-card h3{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:600;display:flex}.fundraiser-sidebar-card h3 svg{color:#ec4899}.fundraiser-sidebar-card .fundraiser-top-donor{box-shadow:none;background:0 0;align-items:center;gap:.75rem;padding:0;text-decoration:none;transition:opacity .2s;display:flex}.fundraiser-sidebar-card .fundraiser-top-donor:hover{opacity:.8}.fundraiser-top-donor-name{color:#111827;margin:0;font-size:.875rem;font-weight:600}.fundraiser-top-donor-amount{color:#ec4899;margin:.125rem 0 0;font-size:.875rem;font-weight:600}.fundraiser-no-donations{text-align:center;color:#9ca3af;margin:0;padding:1rem 0;font-size:.875rem}.fundraiser-donations-list{flex-direction:column;gap:.75rem;display:flex}.fundraiser-donation-item{background:#f9fafb;border-radius:.5rem;padding:.75rem}.fundraiser-donation-donor,.fundraiser-donation-anonymous{align-items:center;gap:.75rem;text-decoration:none;display:flex}.fundraiser-donation-donor:hover{opacity:.8}.fundraiser-donation-anonymous-avatar{color:#9ca3af;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.fundraiser-donation-name{color:#111827;margin:0;font-size:.813rem;font-weight:500}.fundraiser-donation-amount{color:#ec4899;margin:.125rem 0 0;font-size:.75rem;font-weight:600}.fundraiser-donation-message{color:#6b7280;border-top:1px solid #e5e7eb;margin:.5rem 0 0;padding-top:.5rem;font-size:.75rem;font-style:italic}.fundraiser-organizer{align-items:center;gap:.75rem;display:flex}.fundraiser-organizer-name{color:#111827;margin:0;font-size:.875rem;font-weight:600}.fundraiser-organizer-role{color:#6b7280;margin:.125rem 0 0;font-size:.75rem}.donation-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.donation-modal{background:#fff;border-radius:1.25rem;width:100%;max-width:440px;max-height:90vh;animation:.3s modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.donation-modal *{box-sizing:border-box}.donation-modal-close{color:#6b7280;cursor:pointer;z-index:10;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.donation-modal-close:hover{color:#374151;background:#e5e7eb}.donation-step-amount,.donation-step-payment,.donation-step-success{padding:2rem}.donation-header{text-align:center;margin-bottom:1.5rem}.donation-header-icon{color:#ec4899;background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.donation-header-icon.payment{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.donation-header h2{color:#111827;margin:0 0 .5rem;font-size:1.375rem;font-weight:700;line-height:1.2}.donation-fundraiser-title{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}.donation-amount-display{color:#059669;margin-top:.5rem;font-size:2rem;font-weight:700}.donation-form{flex-direction:column;gap:1.25rem;display:flex}.donation-amount-grid{grid-template-columns:repeat(3,1fr);gap:.625rem;display:grid}.donation-amount-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.625rem;padding:.875rem .5rem;transition:all .2s}.donation-amount-btn:hover{background:#fdf2f8;border-color:#f9a8d4}.donation-amount-btn.active{background:#fdf2f8;border-color:#ec4899}.donation-amount-value{color:#374151;font-size:.9rem;font-weight:600}.donation-amount-btn.active .donation-amount-value{color:#ec4899}.donation-custom-input{flex-direction:column;gap:.5rem;display:flex}.donation-custom-input label{color:#6b7280;font-size:.8125rem;font-weight:500}.donation-input-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:.625rem;align-items:stretch;transition:all .2s;display:flex;overflow:hidden}.donation-input-wrapper:focus-within{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.donation-input-prefix{color:#6b7280;background:#f9fafb;border-right:1px solid #e5e7eb;align-items:center;padding:.875rem 1rem;font-size:1rem;font-weight:600;display:flex}.donation-input-wrapper input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.875rem;font-size:1rem}.donation-input-wrapper input::-webkit-outer-spin-button{appearance:none;margin:0}.donation-input-wrapper input::-webkit-inner-spin-button{appearance:none;margin:0}.donation-input-wrapper input[type=number]{appearance:textfield}.donation-options{flex-direction:column;gap:1rem;display:flex}.donation-message-field{flex-direction:column;gap:.375rem;display:flex}.donation-message-field label{color:#6b7280;font-size:.8125rem;font-weight:500}.donation-message-field textarea{resize:vertical;border:2px solid #e5e7eb;border-radius:.625rem;width:100%;min-height:70px;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.donation-message-field textarea:focus{border-color:#ec4899;outline:none;box-shadow:0 0 0 3px #ec48991a}.donation-checkbox{color:#374151;cursor:pointer;background:#f9fafb;border-radius:.625rem;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.875rem;transition:background .2s;display:flex}.donation-checkbox:hover{background:#f3f4f6}.donation-checkbox input[type=checkbox]{accent-color:#ec4899;cursor:pointer;flex-shrink:0;width:1.125rem;height:1.125rem}.donation-checkbox-mark{display:none}.donation-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.donation-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#db2777 0%,#be185d 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.donation-submit-btn:disabled{opacity:.5;cursor:not-allowed}.donation-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.payment-notice{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.payment-method-tabs{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.payment-tab{cursor:pointer;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.875rem .5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.payment-tab:hover{background:#f9fafb;border-color:#d1d5db}.payment-tab.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.payment-tab-icon{border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;font-weight:700;display:flex}.payment-tab-icon.bkash{color:#fff;background:linear-gradient(135deg,#e2136e 0%,#d1145e 100%)}.payment-tab-icon.nagad{color:#fff;background:linear-gradient(135deg,#f6921e 0%,#e8850a 100%)}.payment-mfs-info{text-align:center;border-radius:.625rem;margin-bottom:.5rem;padding:1rem}.payment-mfs-info.bkash{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%)}.payment-mfs-info.nagad{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)}.payment-mfs-logo{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.payment-mfs-info.bkash .payment-mfs-logo{color:#e2136e}.payment-mfs-info.nagad .payment-mfs-logo{color:#f6921e}.payment-mfs-info p{color:#6b7280;margin:0;font-size:.8125rem}.payment-mfs-note{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.payment-form-fields{flex-direction:column;gap:.875rem;display:flex}.payment-field{flex-direction:column;gap:.375rem;display:flex}.payment-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600}.payment-field input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:.875rem;transition:all .2s}.payment-field input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.payment-field-row{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.payment-total{background:#f9fafb;border-radius:.625rem;padding:1rem}.payment-total-row{color:#6b7280;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem;display:flex}.payment-total-row.total{color:#111827;border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;font-size:1rem;font-weight:600}.payment-buttons{gap:.75rem;display:flex}.payment-btn-back{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.625rem;flex:1;padding:.875rem;font-weight:600;transition:all .2s}.payment-btn-back:hover{background:#f9fafb;border-color:#d1d5db}.payment-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.625rem;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-weight:600;transition:all .2s;display:flex}.payment-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.payment-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.donation-step-success{text-align:center;padding:2.5rem 2rem}.success-animation{margin-bottom:1.5rem}.success-circle{color:#22c55e;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto;animation:.5s successPop;display:flex}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.donation-step-success h2{color:#111827;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.success-amount{color:#059669;margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.success-message{color:#6b7280;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5}.success-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:.625rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.success-btn:hover{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}@media (max-width:640px){.donation-modal{border-radius:1rem;max-height:calc(100vh - 1rem);margin:.5rem}.donation-step-amount,.donation-step-payment,.donation-step-success{padding:1.5rem}.donation-header h2{font-size:1.25rem}.donation-amount-grid{grid-template-columns:repeat(2,1fr)}.payment-method-tabs{grid-template-columns:1fr;gap:.5rem}.payment-tab{flex-direction:row;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem}.payment-field-row{grid-template-columns:1fr;gap:.75rem}.payment-buttons{flex-direction:column-reverse}.payment-btn-back,.payment-btn-confirm{flex:none;width:100%}}.jobs-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.jobs-page-title{color:#111827;margin:0;font-size:1.75rem;font-weight:700}.jobs-page-subtitle{color:#6b7280;margin:.25rem 0 0}.jobs-create-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:.625rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.jobs-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.jobs-filters{background:#fff;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000001a}.jobs-filter-tabs{gap:.5rem;display:flex}.jobs-filter-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}.jobs-filter-tab:hover{color:#374151;background:#f3f4f6}.jobs-filter-tab.active{color:#fff;background:#10b981}.jobs-filter-dropdowns{gap:.75rem;display:flex}.jobs-filter-select{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.jobs-filter-select select{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.job-card{color:inherit;background:#fff;border:1px solid #0000;border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.25rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.job-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.job-card-expired{opacity:.7}.job-card-header{justify-content:space-between;align-items:center;display:flex}.job-card-type-badge{color:#fff;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.job-card-deadline{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.job-card-deadline.expired{color:#ef4444}.job-card-title{color:#111827;margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.job-card-company,.job-card-location,.job-card-salary{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.job-card-company{color:#374151;font-weight:500}.job-card-category{color:#4b5563;background:#f3f4f6;border-radius:.375rem;align-self:flex-start;padding:.25rem .5rem;font-size:.75rem;display:inline-block}.job-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.job-card-poster{color:#6b7280;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.job-card-date{color:#9ca3af;font-size:.75rem}.jobs-loading,.jobs-empty{text-align:center;color:#6b7280;background:#fff;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.jobs-loading-spinner{border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite spin}.jobs-empty h3{color:#374151;margin:1rem 0 .5rem;font-size:1.125rem}.jobs-empty p{margin:0 0 1.5rem}.jobs-empty-btn{color:#fff;background:#10b981;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s}.jobs-empty-btn:hover{background:#059669}.job-details-page{max-width:1200px;margin:0 auto}.job-details-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.job-details-back{color:#6b7280;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.job-details-back:hover{color:#10b981}.job-details-actions{gap:.5rem;display:flex}.job-toggle-btn,.job-edit-btn,.job-delete-btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.job-toggle-btn.active{color:#16a34a;background:#dcfce7}.job-toggle-btn.inactive{color:#dc2626;background:#fee2e2}.job-edit-btn{color:#374151;background:#f3f4f6;text-decoration:none}.job-edit-btn:hover{background:#e5e7eb}.job-delete-btn{color:#dc2626;background:#fee2e2;padding:.5rem}.job-delete-btn:hover{background:#fecaca}.job-details-content{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}.job-details-main{flex-direction:column;gap:1.5rem;display:flex}.job-details-info{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.job-details-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.job-type-badge{color:#fff;border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.job-category-badge{color:#4b5563;background:#f3f4f6;border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.job-inactive-badge{color:#6b7280;background:#f3f4f6;border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.job-expired-badge{color:#dc2626;background:#fee2e2;border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.job-details-title{color:#111827;margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.job-details-company{color:#374151;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:500;display:flex}.job-details-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;display:flex}.job-meta-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.job-deadline-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.625rem;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:flex}.job-deadline-banner.expired{color:#991b1b;background:#fef2f2;border-color:#fecaca}.job-deadline-label{text-transform:uppercase;letter-spacing:.025em;opacity:.8;font-size:.75rem;font-weight:600;display:block}.job-deadline-date{font-weight:600;display:block}.job-apply-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:.625rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.job-apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.job-expired-notice{color:#991b1b;background:#fef2f2;border-radius:.625rem;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-weight:500;display:flex}.job-description-section,.job-requirements-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.job-description-section h2,.job-requirements-section h2{color:#111827;border-bottom:1px solid #e5e7eb;margin:0 0 1rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600}.job-description-content,.job-requirements-content{color:#374151;line-height:1.7}.job-description-content p,.job-requirements-content p{margin:0 0 1rem}.job-description-content ul,.job-requirements-content ul{margin:0 0 1rem;padding-left:1.5rem}.job-description-content li,.job-requirements-content li{margin-bottom:.5rem}.job-details-sidebar{flex-direction:column;gap:1rem;display:flex}.job-sidebar-card{background:#fff;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000001a}.job-sidebar-card h3{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin:0 0 1rem;font-size:.875rem;font-weight:600}.job-poster-link{color:inherit;border-radius:.5rem;align-items:center;gap:.75rem;margin:-.5rem;padding:.5rem;text-decoration:none;transition:background .2s;display:flex}.job-poster-link:hover{background:#f9fafb}.job-poster-name{color:#111827;margin:0;font-weight:600}.job-poster-series{color:#6b7280;margin:.125rem 0 0;font-size:.8125rem}.job-summary-list{flex-direction:column;gap:.75rem;display:flex}.job-summary-item{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.job-summary-label{color:#6b7280;font-size:.8125rem}.job-summary-value{color:#111827;text-align:right;font-size:.875rem;font-weight:500}.job-sidebar-apply-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.job-sidebar-apply-btn:hover{box-shadow:0 4px 12px #10b9814d}.job-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.job-modal{background:#fff;border-radius:.75rem;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 25px 50px -12px #00000040}.job-modal h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.job-modal p{color:#6b7280;margin:0 0 1.5rem}.job-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.job-modal-cancel,.job-modal-delete{cursor:pointer;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.job-modal-cancel{color:#374151;background:#f3f4f6;border:none}.job-modal-cancel:hover{background:#e5e7eb}.job-modal-delete{color:#fff;background:#dc2626;border:none}.job-modal-delete:hover{background:#b91c1c}.job-modal-delete:disabled{opacity:.5;cursor:not-allowed}.job-create-header{margin-bottom:1.5rem}.job-create-back{color:#6b7280;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.job-create-back:hover{color:#10b981}.job-create-card{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.job-create-title-section{color:#10b981;border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.job-create-title-section h1{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.job-create-title-section p{color:#6b7280;margin:.25rem 0 0;font-size:.9375rem}.job-create-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1.5rem;padding:.875rem 1rem}.job-create-form{flex-direction:column;gap:2rem;display:flex}.job-form-section{flex-direction:column;gap:1rem;display:flex}.job-form-section h2{color:#374151;border-bottom:1px solid #e5e7eb;margin:0;padding-bottom:.5rem;font-size:1rem;font-weight:600}.job-form-group{flex-direction:column;gap:.375rem;display:flex}.job-form-group label{color:#374151;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.job-form-group input,.job-form-group select,.job-form-group textarea{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.job-form-group input:focus,.job-form-group select:focus,.job-form-group textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.job-form-group textarea{resize:vertical;min-height:120px}.job-form-hint{color:#6b7280;font-size:.8125rem}.job-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.job-form-row.salary-row{grid-template-columns:120px 1fr 1fr}.job-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.job-form-cancel{color:#374151;background:#f3f4f6;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s}.job-form-cancel:hover{background:#e5e7eb}.job-form-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.job-form-submit:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d}.job-form-submit:disabled{opacity:.5;cursor:not-allowed}.job-status-toggle{cursor:pointer;align-items:center;gap:.75rem;display:flex}.job-status-toggle input{display:none}.job-status-slider{background:#d1d5db;border-radius:9999px;width:48px;height:26px;transition:background .2s;position:relative}.job-status-slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.job-status-toggle input:checked+.job-status-slider{background:#10b981}.job-status-toggle input:checked+.job-status-slider:after{transform:translate(22px)}.job-status-label{color:#6b7280;font-size:.875rem}.notifications-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.notifications-page-title{color:#111827;align-items:center;gap:.5rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.notifications-page-subtitle{color:#6b7280;margin:.25rem 0 0}.notifications-mark-all-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:500;transition:all .2s;display:flex}.notifications-mark-all-btn:hover{background:#e5e7eb}.notifications-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.notifications-filter-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.notifications-filter-btn:hover{background:#f9fafb;border-color:#d1d5db}.notifications-filter-btn.active{color:#fff;background:#111827;border-color:#111827}.notifications-list{flex-direction:column;gap:.5rem;display:flex}.notification-item{background:#fff;border-radius:.625rem;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.notification-item.unread{background:#f0fdf4;border-left:3px solid #10b981}.notification-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-content{flex:1;min-width:0}.notification-link{color:inherit;text-decoration:none;display:block}.notification-link:hover .notification-title{color:#10b981}.notification-title{color:#111827;margin:0 0 .25rem;font-weight:600;line-height:1.3;transition:color .2s}.notification-message{color:#6b7280;margin:0 0 .375rem;font-size:.875rem;line-height:1.4}.notification-time{color:#9ca3af;font-size:.75rem}.notification-actions{flex-shrink:0;gap:.25rem;display:flex}.notification-action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem;transition:all .2s}.notification-action-btn:hover{color:#374151;background:#f3f4f6}.notification-action-btn.delete:hover{color:#dc2626;background:#fef2f2}.notifications-loading,.notifications-empty{text-align:center;color:#6b7280;background:#fff;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.notifications-loading-spinner{border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite spin}.notifications-empty h3{color:#374151;margin:1rem 0 .5rem;font-size:1.125rem}.notifications-empty p{margin:0}.notifications-footer{justify-content:center;margin-top:1.5rem;display:flex}.notifications-clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.notifications-clear-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.sidebar-nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:9999px;min-width:20px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.open-for-work-section{margin-bottom:1rem}.open-for-work-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.open-for-work-info h3{color:#166534;margin:0 0 .25rem;font-size:1rem;font-weight:600}.open-for-work-info p{color:#15803d;max-width:400px;margin:0;font-size:.8125rem}.open-for-work-toggle{cursor:pointer;position:relative}.open-for-work-toggle input{display:none}.open-for-work-slider{background:#d1d5db;border-radius:9999px;width:52px;height:28px;transition:background .2s;display:block;position:relative}.open-for-work-slider:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.open-for-work-toggle input:checked+.open-for-work-slider{background:#22c55e}.open-for-work-toggle input:checked+.open-for-work-slider:after{transform:translate(24px)}@media (max-width:1024px){.job-details-content{grid-template-columns:1fr}.job-details-sidebar{order:-1}}@media (max-width:768px){.jobs-page-header{flex-direction:column;align-items:stretch}.jobs-create-btn{justify-content:center}.jobs-filters{flex-direction:column;align-items:stretch}.jobs-filter-tabs,.jobs-filter-dropdowns{justify-content:center}.jobs-grid,.job-form-row,.job-form-row.salary-row{grid-template-columns:1fr}.job-create-card{padding:1.5rem}.notifications-page-header{flex-direction:column}.notifications-mark-all-btn{align-self:flex-start}.open-for-work-card{text-align:center;flex-direction:column}.open-for-work-info p{max-width:none}}.admin-layout{background:#f8fafc;min-height:100vh;display:flex}.admin-sidebar-backdrop{z-index:100;background:#00000080;position:fixed;inset:0}@media (min-width:1024px){.admin-sidebar-backdrop{display:none}}.admin-sidebar{z-index:110;background:linear-gradient(#1e1b4b 0%,#312e81 100%);flex-direction:column;width:280px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar-open{transform:translate(0)}@media (min-width:1024px){.admin-sidebar{transform:translate(0)}}.admin-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.admin-sidebar-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.admin-logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-logo-icon-small{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-sidebar-logo-text{color:#fff;font-size:1.125rem;font-weight:700}.admin-sidebar-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .2s;display:flex}.admin-sidebar-close-btn:hover{background:#fff3}@media (min-width:1024px){.admin-sidebar-close-btn{display:none}}.admin-sidebar-user{background:#0000001a;border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.admin-sidebar-user-info{flex-direction:column;min-width:0;display:flex}.admin-sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.admin-sidebar-user-role{color:#a5b4fc;margin-top:.125rem;font-size:.75rem}.admin-sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.admin-sidebar-nav-item{color:#ffffffb3;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-sidebar-nav-item:hover{color:#fff;background:#ffffff1a}.admin-sidebar-nav-item-active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f166}.admin-sidebar-nav-item-active:hover{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.admin-sidebar-nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:9999px;min-width:1.5rem;margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.admin-sidebar-divider{border-top:1px solid #ffffff1a;padding:.75rem}.admin-back-to-user{color:#fff9;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:block}.admin-back-to-user:hover{color:#fff;background:#ffffff1a}.admin-sidebar-footer{border-top:1px solid #ffffff1a;padding:.75rem}.admin-sidebar-logout-btn{color:#fca5a5;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.admin-sidebar-logout-btn:hover{color:#f87171;background:#ef444433}.admin-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:0;transition:margin-left .3s;display:flex}@media (min-width:1024px){.admin-main-wrapper{margin-left:280px}}.admin-top-header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.admin-top-header-content{align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.admin-hamburger-btn{color:#374151;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex}.admin-hamburger-btn:hover{background:#f3f4f6}@media (min-width:1024px){.admin-hamburger-btn{display:none}}.admin-top-header-logo{align-items:center;gap:.5rem;text-decoration:none;display:flex}.admin-top-header-logo-text{color:#1e1b4b;font-size:1rem;font-weight:700}@media (min-width:1024px){.admin-top-header-logo{display:none}}.admin-top-header-spacer{flex:1}.admin-main-content{flex:1;padding:1.5rem}@media (min-width:768px){.admin-main-content{padding:2rem}}.admin-dashboard{max-width:1400px;margin:0 auto}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-page-title{color:#1e1b4b;margin:0;font-size:1.75rem;font-weight:700}.admin-page-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.9375rem}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.admin-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;align-items:flex-start;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}.admin-stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-stat-card-blue .admin-stat-card-icon{color:#2563eb;background:#dbeafe}.admin-stat-card-yellow .admin-stat-card-icon{color:#d97706;background:#fef3c7}.admin-stat-card-green .admin-stat-card-icon{color:#16a34a;background:#dcfce7}.admin-stat-card-purple .admin-stat-card-icon{color:#9333ea;background:#f3e8ff}.admin-stat-card-orange .admin-stat-card-icon{color:#ea580c;background:#ffedd5}.admin-stat-card-pink .admin-stat-card-icon{color:#db2777;background:#fce7f3}.admin-stat-card-content{flex:1;min-width:0}.admin-stat-card-value{color:#1e1b4b;margin:0;font-size:1.75rem;font-weight:700;line-height:1}.admin-stat-card-title{color:#64748b;margin:.5rem 0 0;font-size:.875rem}.admin-stat-card-urgent{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.admin-stat-card-badge{color:#92400e;text-transform:uppercase;background:#fef3c7;border-radius:4px;padding:.25rem .5rem;font-size:.625rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.admin-section{margin-bottom:2rem}.admin-section-title{color:#1e1b4b;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.admin-quick-actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-quick-action-btn{border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.admin-quick-action-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.admin-quick-action-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.admin-quick-action-secondary{color:#475569;background:#f1f5f9}.admin-quick-action-secondary:hover{background:#e2e8f0}.admin-quick-action-success{color:#166534;background:#dcfce7}.admin-quick-action-success:hover{background:#bbf7d0}.admin-overview-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.admin-overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.admin-overview-card h3{color:#1e1b4b;margin:0 0 .5rem;font-size:1rem;font-weight:600}.admin-overview-card p{color:#64748b;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.admin-overview-card a{color:#6366f1;font-size:.875rem;font-weight:500;text-decoration:none}.admin-overview-card a:hover{text-decoration:underline}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden}.admin-loading{text-align:center;color:#64748b;padding:3rem}.admin-empty{text-align:center;padding:3rem}.admin-empty p{margin:0 0 .5rem;font-size:1.5rem}.admin-empty span{color:#64748b;font-size:.9375rem}.admin-message{border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.admin-message-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.admin-message-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.admin-message-close{cursor:pointer;opacity:.7;color:inherit;background:0 0;border:none;font-size:1.25rem}.admin-message-close:hover{opacity:1}.admin-list{flex-direction:column;display:flex}.admin-list-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:background .15s;display:flex}.admin-list-item:last-child{border-bottom:none}.admin-list-item:hover{background:#f8fafc}.admin-list-item-content{flex:1;min-width:0}.admin-list-item-tags{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.admin-list-item-date{color:#94a3b8;font-size:.75rem}.admin-list-item-title{color:#1e1b4b;margin:0;font-size:1rem;font-weight:600}.admin-list-item-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.admin-list-item-meta{color:#94a3b8;margin:.25rem 0 0;font-size:.8125rem}.admin-list-item-excerpt{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.5rem 0 0;font-size:.875rem;display:-webkit-box;overflow:hidden}.admin-list-item-actions{flex-shrink:0;gap:.5rem;margin-left:1rem;display:flex}.admin-list-item-status{margin-left:1rem}.admin-badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.admin-badge-green{color:#166534;background:#dcfce7}.admin-badge-yellow{color:#92400e;background:#fef3c7}.admin-badge-red{color:#991b1b;background:#fef2f2}.admin-badge-blue{color:#1e40af;background:#dbeafe}.admin-badge-purple{color:#7e22ce;background:#f3e8ff}.admin-badge-gray{color:#475569;background:#f1f5f9}.admin-btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.admin-btn-sm{padding:.375rem .75rem;font-size:.8125rem}.admin-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.admin-btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.admin-btn-secondary{color:#fff;background:#64748b}.admin-btn-secondary:hover{background:#475569}.admin-btn-success{color:#fff;background:#16a34a}.admin-btn-success:hover{background:#15803d}.admin-btn-danger{color:#fff;background:#dc2626}.admin-btn-danger:hover{background:#b91c1c}.admin-btn-warning{color:#fff;background:#ea580c}.admin-btn-warning:hover{background:#c2410c}.admin-btn-outline-primary{color:#6366f1;background:0 0;border:1px solid #6366f1}.admin-btn-outline-primary:hover{color:#fff;background:#6366f1}.admin-btn-outline-success{color:#16a34a;background:0 0;border:1px solid #16a34a}.admin-btn-outline-success:hover{color:#fff;background:#16a34a}.admin-btn-outline-warning{color:#ea580c;background:0 0;border:1px solid #ea580c}.admin-btn-outline-warning:hover{color:#fff;background:#ea580c}.admin-btn-outline-danger{color:#dc2626;background:0 0;border:1px solid #dc2626}.admin-btn-outline-danger:hover{color:#fff;background:#dc2626}.admin-filters{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.admin-filter-count{color:#64748b;font-size:.875rem}.admin-select{color:#374151;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .5rem center/1.5em 1.5em no-repeat;border:1px solid #e5e7eb;border-radius:.5rem;padding:.625rem 2rem .625rem 1rem;font-size:.875rem}.admin-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.admin-input{color:#374151;border:1px solid #e5e7eb;border-radius:.5rem;padding:.625rem 1rem;font-size:.875rem;transition:all .15s}.admin-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.admin-input-flex{flex:1}.admin-textarea{color:#374151;resize:vertical;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .15s}.admin-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.admin-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.admin-search-form{flex-wrap:wrap;gap:.75rem;padding:1.5rem;display:flex}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid #f1f5f9;padding:.875rem 1rem}.admin-table tr:hover{background:#f8fafc}.admin-table-link{color:#6366f1;cursor:pointer;font-weight:500;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.admin-table-link:hover{text-decoration:underline}.admin-table-meta{color:#64748b;font-size:.875rem}.admin-table-actions{gap:.5rem;display:flex}.admin-modal-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.admin-modal-lg{max-width:800px}.admin-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.admin-modal-title{color:#1e1b4b;margin:.5rem 0 0;font-size:1.25rem;font-weight:600}.admin-modal-meta{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.admin-modal-status{margin-top:.5rem}.admin-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.admin-modal-close:hover{color:#1e1b4b}.admin-modal-body{padding:1.5rem}.admin-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;gap:.75rem;padding:1.5rem;display:flex}.admin-modal-footer .admin-btn{flex:1}.admin-detail-section{margin-bottom:1.5rem}.admin-detail-section:last-child{margin-bottom:0}.admin-detail-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.admin-detail-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.admin-detail-item{font-size:.875rem}.admin-detail-item-full{grid-column:span 2}.admin-detail-label{color:#64748b}.admin-detail-value{color:#1e1b4b;margin-left:.25rem}.admin-detail-card{background:#f8fafc;border-radius:.5rem;margin-bottom:.5rem;padding:.75rem 1rem}.admin-detail-card:last-child{margin-bottom:0}.admin-detail-card-title{color:#1e1b4b;margin:0;font-size:.875rem;font-weight:500}.admin-detail-card-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.8125rem}.admin-tags{flex-wrap:wrap;gap:.5rem;display:flex}.admin-tag{color:#1e40af;background:#dbeafe;border-radius:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.admin-content-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;max-height:300px;padding:1rem;overflow-y:auto}.admin-content-preview pre{white-space:pre-wrap;word-wrap:break-word;color:#374151;margin:0;font-family:inherit;font-size:.875rem}.admin-excerpt-text{color:#374151;background:#f8fafc;border-radius:.5rem;margin:0;padding:1rem;font-size:.9375rem}.admin-event-details-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.admin-event-details-grid .admin-detail-card h4{color:#64748b;margin:0 0 .25rem;font-size:.75rem;font-weight:500}.admin-event-details-grid .admin-detail-card p{color:#1e1b4b;margin:0;font-size:.9375rem}.admin-fundraiser-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding:1rem;display:grid}.admin-fundraiser-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem}.admin-fundraiser-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.admin-fundraiser-date{color:#94a3b8;font-size:.75rem}.admin-fundraiser-title{color:#1e1b4b;margin:0 0 .25rem;font-size:1rem;font-weight:600}.admin-fundraiser-creator{color:#64748b;margin:0 0 1rem;font-size:.875rem}.admin-fundraiser-progress{margin-bottom:.75rem}.admin-fundraiser-progress-bar{background:#e5e7eb;border-radius:4px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.admin-fundraiser-progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .3s}.admin-fundraiser-progress-text{color:#64748b;justify-content:space-between;font-size:.8125rem;display:flex}.admin-fundraiser-progress-text span:first-child{color:#1e1b4b;font-weight:600}.admin-fundraiser-deadline{color:#64748b;margin:0 0 1rem;font-size:.8125rem}.admin-fundraiser-actions{gap:.5rem;display:flex}@media (max-width:640px){.admin-page-header{flex-direction:column}.admin-stats-grid,.admin-detail-grid{grid-template-columns:1fr}.admin-detail-item-full{grid-column:span 1}.admin-event-details-grid{grid-template-columns:1fr}.admin-search-form,.admin-modal-footer{flex-direction:column}.admin-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.admin-list-item-actions{width:100%;margin-left:0}.admin-list-item-actions .admin-btn{flex:1}.admin-filters{flex-direction:column;align-items:flex-start}}.broadcast-container{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:1024px){.broadcast-container{grid-template-columns:1fr}}.broadcast-form-section{flex-direction:column;display:flex}.broadcast-form{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.broadcast-field{flex-direction:column;gap:.5rem;display:flex}.broadcast-label-icon{vertical-align:middle;margin-right:.375rem;display:inline}.broadcast-select,.broadcast-input{width:100%}.broadcast-textarea{font-family:inherit;line-height:1.6}.broadcast-hint{color:#64748b;margin:0;font-size:.8125rem}.broadcast-recipient-count{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.broadcast-loading{color:#64748b;font-size:.875rem}.broadcast-count{color:#374151;font-size:.875rem}.broadcast-count strong{color:#6366f1;font-size:1.125rem}.broadcast-send-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem}.broadcast-preview-section{flex-direction:column;height:fit-content;display:flex;position:sticky;top:5rem}.broadcast-preview-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.broadcast-preview{background:#f4f4f5;border-radius:1rem;overflow:hidden;box-shadow:0 4px 15px #0000001a}.broadcast-preview-header{color:#fff;text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);padding:1.5rem;font-size:1rem}.broadcast-preview-body{background:#fff;padding:1.5rem}.broadcast-preview-greeting{color:#374151;margin:0 0 1rem;font-size:.9375rem}.broadcast-preview-content{color:#374151;min-height:150px;font-size:.875rem;line-height:1.6}.broadcast-preview-content p{margin:0 0 .75rem}.broadcast-preview-placeholder{color:#9ca3af;font-style:italic}.broadcast-preview-body hr{border:none;border-top:1px solid #e5e7eb;margin:1.25rem 0}.broadcast-preview-signature{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.broadcast-preview-signature strong{color:#374151}.broadcast-progress{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #93c5fd;border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem}.broadcast-progress-info{color:#1e40af;align-items:center;gap:.75rem;margin-bottom:.75rem;font-weight:500;display:flex}.broadcast-progress-bar{background:#ffffff80;border-radius:4px;width:100%;height:8px;overflow:hidden}.broadcast-progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .3s}.broadcast-confirm-icon{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.5rem;display:flex}.broadcast-confirm-details{background:#f8fafc;border-radius:.75rem;margin-bottom:1rem;padding:1rem}.broadcast-confirm-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:.5rem 0;display:flex}.broadcast-confirm-item:last-child{border-bottom:none}.broadcast-confirm-label{color:#64748b;font-size:.875rem}.broadcast-confirm-value{color:#1e1b4b;text-align:right;max-width:60%;font-size:.875rem;font-weight:500}.broadcast-confirm-count{color:#6366f1;font-size:1.125rem}.broadcast-warning{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.broadcast-warning p{margin:0;font-size:.875rem;line-height:1.5}.broadcast-warning strong{color:#78350f}.broadcast-mode-toggle{background:#f1f5f9;border-radius:.75rem;gap:.25rem;margin-bottom:1.25rem;padding:.25rem;display:flex}.broadcast-mode-option{cursor:pointer;color:#64748b;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.broadcast-mode-option:hover{color:#475569}.broadcast-mode-option.active{color:#1e1b4b;background:#fff;box-shadow:0 1px 3px #0000001a}.broadcast-test-banner{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%);border:1px solid #93c5fd;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:flex}.broadcast-test-banner strong{margin-bottom:.25rem;font-size:.875rem;display:block}.broadcast-test-banner p{color:#3730a3;margin:0;font-size:.8rem;line-height:1.4}.broadcast-live-banner{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fbbf24;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:flex}.broadcast-live-banner strong{margin-bottom:.25rem;font-size:.875rem;display:block}.broadcast-live-banner p{color:#78350f;margin:0;font-size:.8rem;line-height:1.4}.broadcast-label-note{color:#94a3b8;margin-left:.5rem;font-size:.75rem;font-weight:400}.admin-btn-test{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)}.admin-btn-test:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.broadcast-confirm-icon.test-mode{color:#3b82f6;background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%)}.broadcast-info{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.broadcast-info p{margin:0;font-size:.875rem;line-height:1.5}.broadcast-info strong{color:#1e3a8a}@media (max-width:640px){.broadcast-preview-section{position:static}.broadcast-form{padding:1rem}.broadcast-mode-toggle{flex-direction:column}}.pending-approval-page{background:linear-gradient(135deg,#f0f9ff 0%,#e0e7ff 50%,#faf5ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.pending-approval-page.rejected{background:linear-gradient(135deg,#fef2f2 0%,#fef3c7 50%,#fff7ed 100%)}.pending-approval-container{text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:500px;padding:3rem;box-shadow:0 25px 50px -12px #00000026}.pending-approval-icon{color:#4f46e5;background:linear-gradient(135deg,#dbeafe 0%,#c7d2fe 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1.5rem;animation:2s ease-in-out infinite pulse-icon;display:flex}.pending-approval-icon.rejected{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);animation:none}.pending-approval-icon.banned{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);animation:none}.pending-approval-page.banned .pending-approval-title{color:#92400e}@keyframes pulse-icon{0%,to{transform:scale(1);box-shadow:0 0 #4f46e566}50%{transform:scale(1.05);box-shadow:0 0 0 20px #4f46e500}}.pending-approval-title{color:#1e1b4b;margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.pending-approval-greeting{color:#4f46e5;margin:0 0 1rem;font-size:1.125rem;font-weight:500}.pending-approval-message{color:#6b7280;margin:0 0 1.5rem;font-size:.95rem;line-height:1.7}.pending-approval-info{text-align:left;background:#f8fafc;border-radius:1rem;margin:0 0 1.5rem;padding:1.5rem}.pending-approval-info h3{color:#1e1b4b;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.pending-approval-info ul{color:#6b7280;margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.8}.pending-approval-info li{margin-bottom:.25rem}.pending-approval-contact{color:#6b7280;margin:0 0 1.5rem;font-size:.875rem}.pending-approval-contact a{color:#4f46e5;font-weight:500;text-decoration:none}.pending-approval-contact a:hover{text-decoration:underline}.pending-approval-logout{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.pending-approval-logout:hover{color:#1e293b;background:#e2e8f0}.pending-approval-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.pending-approval-register{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.pending-approval-register:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}@media (max-width:640px){.pending-approval-container{margin:1rem;padding:2rem 1.5rem}.pending-approval-icon{width:100px;height:100px}.pending-approval-title{font-size:1.5rem}}.carousel-container{width:100%;max-width:800px;margin:0 auto}.carousel-wrapper{aspect-ratio:16/9;background:#e5e7eb;border-radius:1rem;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.carousel-track{width:100%;height:100%;position:relative}.carousel-slide{opacity:0;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.carousel-slide-active{opacity:1;z-index:1}.carousel-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;animation:1.5s infinite carousel-skeleton-loading;position:absolute;inset:0}@keyframes carousel-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.carousel-image{object-fit:cover;opacity:0;transition:opacity .3s}.carousel-image-loaded{opacity:1}.carousel-btn{z-index:10;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.carousel-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 16px #0003}.carousel-btn-prev{left:12px}.carousel-btn-next{right:12px}.carousel-arrow{color:#374151;width:20px;height:20px}.carousel-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;transition:all .2s}.carousel-dot:hover{background:#fffc}.carousel-dot-active{background:#fff;transform:scale(1.2)}.landing-logo{filter:drop-shadow(0 10px 20px #00000026);width:120px;height:auto;margin-bottom:1.5rem}@media (max-width:768px){.carousel-container{max-width:100%;padding:0 1rem}.carousel-wrapper{border-radius:.75rem}.carousel-btn{width:36px;height:36px}.carousel-btn-prev{left:8px}.carousel-btn-next{right:8px}.carousel-arrow{width:18px;height:18px}.carousel-dots{bottom:12px}.carousel-dot{width:8px;height:8px}.landing-logo{width:100px;height:auto;margin-bottom:1rem}}input.focus\:border-transparent:focus,select.focus\:border-transparent:focus,textarea.focus\:border-transparent:focus{border-color:#3b82f6!important}.blood-donation-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.blood-donation-title{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.blood-donation-subtitle{color:#64748b;margin:.25rem 0 0}.blood-donation-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blood-donation-create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c4d}.blood-donation-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.blood-donation-filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.blood-donation-filter-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.blood-donation-filter-tab:hover{color:#e74c3c;border-color:#e74c3c}.blood-donation-filter-tab.active{color:#fff;background:#e74c3c;border-color:#e74c3c}.blood-donation-filter-select{color:#64748b;align-items:center;gap:.5rem;display:flex}.blood-donation-filter-select select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem}.blood-donation-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.blood-donation-loading-spinner{border:3px solid #f1f5f9;border-top-color:#e74c3c;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.blood-donation-empty{text-align:center;color:#64748b;background:#fff;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.blood-donation-empty svg{color:#e74c3c;opacity:.5;margin-bottom:1rem}.blood-donation-empty h3{color:#1e293b;margin:0 0 .5rem}.blood-donation-empty p{max-width:400px;margin:0 0 1.5rem}.blood-donation-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.blood-donation-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;padding:1.25rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.blood-donation-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.blood-donation-card.urgent{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-color:#e74c3c}.blood-donation-card.matching{border-color:#10b981}.blood-donation-urgent-badge{color:#fff;background:#e74c3c;border-radius:1rem;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;top:-8px;right:12px}.blood-donation-matching-badge{color:#fff;background:#10b981;border-radius:1rem;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;top:-8px;left:12px}.blood-donation-card-header{gap:1rem;margin-bottom:.75rem;display:flex}.blood-donation-blood-group{color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;display:flex}.blood-donation-card-info{flex:1;min-width:0}.blood-donation-card-title{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .25rem;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.blood-donation-card-meta{flex-wrap:wrap;gap:.75rem;display:flex}.blood-donation-card-location{color:#64748b;align-items:center;gap:.25rem;font-size:.85rem;display:inline-flex}.blood-donation-card-description{color:#64748b;flex:1;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.blood-donation-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-top:.75rem;display:flex}.blood-donation-card-poster{color:#1e293b;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.blood-donation-poster-series{color:#64748b}.blood-donation-card-time{color:#94a3b8;align-items:center;gap:.25rem;font-size:.8rem;display:inline-flex}.blood-donation-card-contact{color:#64748b;background:#f8fafc;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:inline-flex}.blood-donation-create-header{margin-bottom:1.5rem}.blood-donation-create-back{color:#64748b;align-items:center;gap:.5rem;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex}.blood-donation-create-back:hover{color:#e74c3c}.blood-donation-create-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px #00000014}.blood-donation-create-title-section{border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.blood-donation-create-title-section svg{color:#e74c3c}.blood-donation-create-title-section h1{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.blood-donation-create-title-section p{color:#64748b;margin:.25rem 0 0;font-size:.95rem}.blood-donation-create-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.blood-donation-create-form{flex-direction:column;gap:1.5rem;display:flex}.blood-donation-form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.blood-donation-form-group{flex-direction:column;gap:.5rem;display:flex}.blood-donation-form-group label{color:#374151;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:flex}.blood-donation-form-group label svg{color:#64748b}.blood-donation-form-group input,.blood-donation-form-group select,.blood-donation-form-group textarea{border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.blood-donation-form-group input:focus,.blood-donation-form-group select:focus,.blood-donation-form-group textarea:focus{border-color:#e74c3c;outline:none;box-shadow:0 0 0 3px #e74c3c1a}.blood-donation-form-group textarea{resize:vertical;min-height:120px}.blood-donation-form-hint{color:#94a3b8;margin:0;font-size:.8rem}.blood-donation-urgent-toggle{justify-content:flex-start}.blood-donation-toggle-wrapper{align-items:center;gap:.75rem;display:flex}.blood-donation-toggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:13px;width:48px;height:26px;transition:background .2s;position:relative}.blood-donation-toggle.active{background:#e74c3c}.blood-donation-toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000026}.blood-donation-toggle.active .blood-donation-toggle-slider{transform:translate(22px)}.blood-donation-toggle-label{color:#64748b;font-size:.9rem}.blood-donation-notification-info{color:#991b1b;background:#fef2f2;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.blood-donation-notification-info svg{color:#e74c3c;flex-shrink:0}.blood-donation-notification-info p{margin:0;font-size:.9rem}.blood-donation-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.blood-donation-cancel-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s}.blood-donation-cancel-btn:hover{background:#e2e8f0}.blood-donation-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.blood-donation-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c4d}.blood-donation-submit-btn:disabled{opacity:.7;cursor:not-allowed}.blood-donation-detail-header{margin-bottom:1.5rem}.blood-donation-detail-back{color:#64748b;align-items:center;gap:.5rem;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex}.blood-donation-detail-back:hover{color:#e74c3c}.blood-donation-detail-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px #00000014}.blood-donation-detail-badges{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.blood-donation-badge{border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.blood-donation-badge.urgent{color:#dc2626;background:#fef2f2}.blood-donation-badge.matching{color:#059669;background:#ecfdf5}.blood-donation-badge.inactive{color:#64748b;background:#f1f5f9}.blood-donation-detail-title-section{border-bottom:1px solid #f1f5f9;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.blood-donation-detail-blood-group{color:#fff;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.blood-donation-detail-title-section h1{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.blood-donation-detail-meta{color:#64748b;flex-wrap:wrap;gap:1rem;font-size:.9rem;display:flex}.blood-donation-detail-meta span{align-items:center;gap:.35rem;display:inline-flex}.blood-donation-detail-description{margin-bottom:2rem}.blood-donation-detail-description h2{color:#1e293b;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.blood-donation-description-content{background:#f8fafc;border-radius:.75rem;padding:1.25rem}.blood-donation-description-line{color:#374151;margin:0 0 .5rem;line-height:1.7}.blood-donation-description-line:last-child{margin-bottom:0}.blood-donation-detail-contact{margin-bottom:2rem}.blood-donation-detail-contact h2{color:#1e293b;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.blood-donation-contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.blood-donation-contact-item{background:#f8fafc;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.blood-donation-contact-item svg{color:#e74c3c;flex-shrink:0}.blood-donation-contact-label{color:#94a3b8;margin-bottom:.25rem;font-size:.8rem;display:block}.blood-donation-contact-value{color:#1e293b;font-weight:500;text-decoration:none;display:block}.blood-donation-contact-value:hover{color:#e74c3c}.blood-donation-detail-poster{margin-bottom:2rem}.blood-donation-detail-poster h2{color:#1e293b;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.blood-donation-poster-card{background:#f8fafc;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.blood-donation-poster-card:hover{background:#f1f5f9}.blood-donation-poster-info{flex-direction:column;display:flex}.blood-donation-poster-name{color:#1e293b;font-weight:600}.blood-donation-poster-details{color:#64748b;font-size:.85rem}.blood-donation-detail-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;display:flex}.blood-donation-action-btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:inline-flex}.blood-donation-action-btn.close{color:#fff;background:#10b981}.blood-donation-action-btn.close:hover:not(:disabled){background:#059669}.blood-donation-action-btn.reopen{color:#fff;background:#3b82f6}.blood-donation-action-btn.reopen:hover:not(:disabled){background:#2563eb}.blood-donation-action-btn.delete{color:#dc2626;background:#fee2e2}.blood-donation-action-btn.delete:hover:not(:disabled){background:#fecaca}.blood-donation-action-btn:disabled{opacity:.7;cursor:not-allowed}.blood-donation-cta{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-radius:1rem;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem;display:flex}.blood-donation-cta svg{color:#10b981;flex-shrink:0}.blood-donation-cta h3{color:#065f46;margin:0 0 .25rem;font-size:1rem;font-weight:600}.blood-donation-cta p{color:#047857;margin:0;font-size:.9rem}.blood-donation-cta-btn{color:#fff;background:#10b981;border:none;border-radius:.5rem;align-items:center;gap:.5rem;margin-left:auto;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blood-donation-cta-btn:hover{background:#059669}.blood-donation-modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.blood-donation-modal{text-align:center;background:#fff;border-radius:1rem;width:100%;max-width:400px;padding:2rem}.blood-donation-modal-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.blood-donation-modal h3{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.blood-donation-modal p{color:#64748b;margin:0 0 1.5rem}.blood-donation-modal-actions{justify-content:center;gap:1rem;display:flex}.blood-donation-modal-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.blood-donation-modal-cancel:hover{background:#e2e8f0}.blood-donation-modal-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.blood-donation-modal-delete:hover:not(:disabled){background:#b91c1c}.blood-donation-modal-delete:disabled{opacity:.7;cursor:not-allowed}@media (max-width:768px){.blood-donation-header{flex-direction:column;align-items:flex-start}.blood-donation-filters{flex-direction:column;align-items:stretch}.blood-donation-filter-tabs{padding-bottom:.5rem;overflow-x:auto}.blood-donation-grid,.blood-donation-form-row{grid-template-columns:1fr}.blood-donation-create-card,.blood-donation-detail-card{padding:1.5rem}.blood-donation-detail-title-section{text-align:center;flex-direction:column}.blood-donation-detail-blood-group{margin:0 auto}.blood-donation-detail-meta{justify-content:center}.blood-donation-cta{text-align:center;flex-direction:column}.blood-donation-cta-btn{margin-left:0}.blood-donation-detail-actions{flex-direction:column}.blood-donation-action-btn{justify-content:center}}.dashboard-overview-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-overview-welcome{flex:1}.dashboard-overview-title{color:#111827;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.dashboard-overview-subtitle{color:#6b7280;font-size:1rem}.dashboard-notifications-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #3b82f64d}.dashboard-notifications-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.dashboard-overview-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.dashboard-overview-grid .dashboard-card{margin-bottom:0}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.dashboard-card.dashboard-full-width{grid-column:1/-1;margin-bottom:1.5rem}.dashboard-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.dashboard-card-title{color:#111827;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.dashboard-card-link{color:#3b82f6;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dashboard-card-link:hover{color:#1d4ed8;gap:.5rem}.dashboard-profile-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.dashboard-profile-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.dashboard-profile-info{flex-direction:column;gap:.25rem;display:flex}.dashboard-profile-name{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.dashboard-profile-series{color:#6b7280;font-size:.875rem}.dashboard-profile-details{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.dashboard-profile-item{color:#4b5563;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.dashboard-profile-item svg{color:#9ca3af;flex-shrink:0}.dashboard-profile-link{color:#3b82f6;background:#fff;border:1px solid #3b82f6;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dashboard-profile-link:hover{color:#fff;background:#3b82f6}.dashboard-list{flex-direction:column;gap:.75rem;display:flex}.dashboard-list-item{color:inherit;background:#f8fafc;border:1px solid #0000;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:.875rem;text-decoration:none;transition:all .2s;display:flex}.dashboard-list-item:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translate(4px)}.dashboard-list-content{flex:1;min-width:0}.dashboard-list-title{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.dashboard-list-subtitle{color:#6b7280;margin:0 0 .5rem;font-size:.8125rem}.dashboard-list-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dashboard-list-location{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.dashboard-list-time{color:#9ca3af;white-space:nowrap;font-size:.75rem}.dashboard-event-item{align-items:center}.dashboard-event-date-badge{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:.5rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dashboard-event-month{text-transform:uppercase;letter-spacing:.5px;font-size:.625rem;font-weight:600}.dashboard-event-day{font-size:1.125rem;font-weight:700;line-height:1}.dashboard-event-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.dashboard-job-type-badge{color:#1d4ed8;text-transform:uppercase;letter-spacing:.5px;background:#dbeafe;border-radius:9999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.dashboard-blood-badge{color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8125rem;font-weight:700;display:flex}.dashboard-blood-title-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.dashboard-urgent-badge{color:#dc2626;text-transform:uppercase;background:#fef2f2;border-radius:9999px;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600;display:inline-flex}.dashboard-matching-badge{color:#16a34a;text-transform:uppercase;background:#dcfce7;border-radius:9999px;padding:.125rem .375rem;font-size:.625rem;font-weight:600;display:inline-flex}.dashboard-blog-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.dashboard-blog-card{color:inherit;background:#f8fafc;border:1px solid #0000;border-radius:.75rem;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.dashboard-blog-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 4px 12px #00000014}.dashboard-blog-image{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.dashboard-blog-img{object-fit:cover}.dashboard-blog-content{flex-direction:column;flex:1;padding:1rem;display:flex}.dashboard-blog-category{color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:inline-block}.dashboard-blog-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.9375rem;font-weight:600;display:-webkit-box;overflow:hidden}.dashboard-blog-excerpt{color:#6b7280;flex:1;margin:0 0 .75rem;font-size:.8125rem}.dashboard-blog-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.dashboard-blog-author{color:#6b7280;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.dashboard-blog-stats{color:#9ca3af;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.dashboard-fundraiser-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.dashboard-fundraiser-card{color:inherit;background:#f8fafc;border:1px solid #0000;border-radius:.75rem;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.dashboard-fundraiser-card:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dashboard-fundraiser-image{flex-shrink:0;width:120px;position:relative}.dashboard-fundraiser-img{object-fit:cover}.dashboard-fundraiser-content{flex-direction:column;flex:1;justify-content:center;padding:1rem;display:flex}.dashboard-fundraiser-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.9375rem;font-weight:600;display:-webkit-box;overflow:hidden}.dashboard-fundraiser-progress{flex-direction:column;gap:.5rem;display:flex}.dashboard-progress-bar{background:#e5e7eb;border-radius:9999px;height:6px;overflow:hidden}.dashboard-progress-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:9999px;height:100%;transition:width .3s}.dashboard-fundraiser-amounts{justify-content:space-between;font-size:.75rem;display:flex}.dashboard-fundraiser-raised{color:#059669;font-weight:600}.dashboard-fundraiser-goal{color:#9ca3af}.dashboard-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.dashboard-empty p{margin:0;font-size:.875rem}.dashboard-status-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.dashboard-status-approved{color:#16a34a;background:#dcfce7}.dashboard-status-pending{color:#d97706;background:#fef3c7}.dashboard-status-rejected{color:#dc2626;background:#fef2f2}@media (max-width:1024px){.dashboard-blog-grid{grid-template-columns:repeat(2,1fr)}.dashboard-fundraiser-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:0 .5rem}.dashboard-overview-header{flex-direction:column;align-items:stretch;gap:1rem}.dashboard-notifications-btn{justify-content:center}.dashboard-overview-grid,.dashboard-blog-grid,.dashboard-fundraiser-grid{grid-template-columns:1fr}.dashboard-fundraiser-card{flex-direction:column}.dashboard-fundraiser-image{width:100%;height:120px}.dashboard-profile-header{text-align:center;flex-direction:column}.dashboard-profile-info{align-items:center}.dashboard-overview-title{font-size:1.5rem}.dashboard-overview-subtitle{font-size:.875rem}.dashboard-card{padding:1rem}.dashboard-card.dashboard-full-width{margin-bottom:1rem}.dashboard-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard-card-title{font-size:1rem}.dashboard-profile-details{width:100%}.dashboard-profile-item{word-break:break-word;font-size:.8125rem}.dashboard-profile-item span{text-overflow:ellipsis;overflow:hidden}.dashboard-list-item{gap:.75rem;padding:.75rem}.dashboard-list-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.dashboard-list-subtitle{font-size:.75rem}.dashboard-list-meta{flex-wrap:wrap;gap:.375rem}.dashboard-list-location,.dashboard-list-time{font-size:.6875rem}.dashboard-event-date-badge{width:42px;height:42px}.dashboard-event-month{font-size:.5625rem}.dashboard-event-day{font-size:1rem}.dashboard-blood-badge{width:36px;height:36px;font-size:.75rem}.dashboard-blood-title-row{flex-wrap:wrap}.dashboard-blog-card{flex-direction:row}.dashboard-blog-image{width:100px;min-width:100px;height:100px;padding-top:0}.dashboard-blog-content{padding:.75rem}.dashboard-blog-title{-webkit-line-clamp:2;font-size:.875rem}.dashboard-blog-excerpt{display:none}.dashboard-blog-footer{flex-wrap:wrap;gap:.5rem;padding-top:.5rem}.dashboard-blog-author,.dashboard-blog-stats{font-size:.6875rem}.dashboard-fundraiser-content{padding:.75rem}.dashboard-fundraiser-title{font-size:.875rem}.dashboard-fundraiser-amounts{font-size:.6875rem}.dashboard-empty{padding:1.5rem .75rem}.dashboard-empty p{font-size:.8125rem}}@media (max-width:480px){.dashboard-overview-title{font-size:1.25rem}.dashboard-notifications-btn{padding:.625rem .875rem;font-size:.8125rem}.dashboard-profile-name{font-size:1.125rem}.dashboard-profile-link{padding:.625rem .75rem;font-size:.8125rem}.dashboard-event-type-badge,.dashboard-job-type-badge{padding:.125rem .375rem;font-size:.625rem}.dashboard-urgent-badge,.dashboard-matching-badge{font-size:.5625rem}.dashboard-blog-image{width:80px;min-width:80px;height:80px}.dashboard-blog-category{font-size:.625rem}.dashboard-blog-title{font-size:.8125rem}}.avatar{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:inline-flex!important;position:relative!important;overflow:hidden!important}.avatar img{object-fit:cover!important;width:100%!important;height:100%!important}.avatar-xs{width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;font-size:10px!important}.avatar-sm{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;font-size:12px!important}.avatar-md{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;font-size:14px!important}.avatar-lg{width:64px!important;min-width:64px!important;max-width:64px!important;height:64px!important;min-height:64px!important;max-height:64px!important;font-size:18px!important}.avatar-xl{width:96px!important;min-width:96px!important;max-width:96px!important;height:96px!important;min-height:96px!important;max-height:96px!important;font-size:24px!important}.avatar>span,.avatar>div{width:100%!important;height:100%!important}.avatar>span>img,.avatar>div>img{object-fit:cover!important;width:100%!important;height:100%!important}.blog-post-content{line-height:1.8}.blog-post-content hr{border-color:#ddd}.export-page{max-width:1400px;margin:0 auto;padding:1.5rem}.export-header{margin-bottom:2rem}.export-header-content{flex-direction:column;gap:.5rem;display:flex}.export-title{color:#1e1b4b;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.export-subtitle{color:#64748b;margin:0;font-size:1rem}.export-filter-card{background:#fff;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.export-filter-header{color:#1e1b4b;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.125rem;font-weight:600;display:flex}.export-filter-content{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.export-filter-group{flex-direction:column;gap:.5rem;min-width:200px;display:flex}.export-filter-label{color:#374151;font-size:.875rem;font-weight:500}.export-filter-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.export-filter-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.export-preview-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.export-preview-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px)}.export-preview-btn:disabled{opacity:.7;cursor:not-allowed}.export-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.export-message{border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;display:flex}.export-message-success{color:#065f46;background:#d1fae5}.export-message-error{color:#991b1b;background:#fee2e2}.export-preview-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.export-preview-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.export-preview-info h2{color:#1e1b4b;margin:0;font-size:1.125rem;font-weight:600}.export-preview-hint{color:#64748b;font-size:.8125rem}.export-download-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.export-download-btn:hover{background:#059669;transform:translateY(-1px)}.export-table-container{overflow-x:auto}.export-table{border-collapse:collapse;width:100%;font-size:.875rem}.export-table th{text-align:left;color:#475569;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;font-weight:600}.export-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem}.export-table tbody tr:hover{background:#f8fafc}.export-preview-more{text-align:center;color:#64748b;background:#f8fafc;border-top:1px solid #e5e7eb;padding:1rem 1.5rem;font-size:.875rem}.export-empty{text-align:center;background:#fff;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.export-empty svg{color:#cbd5e1;margin-bottom:1rem}.export-empty h3{color:#1e1b4b;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.export-empty p{color:#64748b;margin:0}@media (max-width:768px){.export-page{padding:1rem}.export-title{font-size:1.5rem}.export-filter-content{flex-direction:column;align-items:stretch}.export-filter-group{min-width:100%}.export-preview-btn{justify-content:center;width:100%}.export-preview-header{flex-direction:column;align-items:flex-start}.export-download-btn{justify-content:center;width:100%}.export-table{font-size:.8125rem}.export-table th,.export-table td{padding:.625rem .75rem}}